/* CSS Document */

/* Basic html tags */
a:link, a:active, a:visited
		{
	color: #0033CC;
	text-decoration: underline;
		}
	
a:hover
		{
		color: #bb3107; 
		}
		
a img, a:hover img
		{
		border: none;
		background: none;
		}
	
body {
	background:url(../img/bg.gif);
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
h1 { font-size: 16px; }
h2 { font-size: 12px; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 97%;  }

/* Page layout and navigation */

#wrapper {
	margin: -1px auto;
	width:920px;
	background:#FFFFFF;
	border:1px solid #7f9f3e;
	}
	
#header{
	width:100%;
	height:92px;
	}

#logo {
	float:left; 
	width:auto;
	margin:3px 15px;
	_margin:3px 8px;
	}
	
#accountinfo {
	float:right;
	margin:10px;
	width:40%;
	text-align:right;
	font-size:12px;
	color:#333333;
	}

#accountinfo a {
	color:#0033CC;
	text-decoration:underline;
	}
	
#accountinfo a:hover {
	color:#bb3107;
	text-decoration:underline;
	}

#accountinfo img {
	margin-right: 68px;
	}
	
#accountinfo .searchbox {
	border:#ff9900 1px solid;
	}
	
#accountinfo .searchbutton {
	border:#ff9900 1px solid;
	}
	
#menu {
	width:905px;
	height:25px;
	margin: auto;
	padding-left: 1px;
	font-size:12px;
	}

#menu .menuitemsm a {
	color:#FFFFFF;
	margin:0 3px 0 2px;
	text-decoration:none;
	font-weight:bold;
	float:left;
	width:86px;
	height:25px;
	padding-top:5px;
	text-align:center;
	background:url(../img/orangesmall.gif) no-repeat;
	}

#menu .menuitemsm a:hover {
	background:url(../img/greensmall.gif) no-repeat;
	}
	
#menu .menuitemsmOn{
	margin:0 3px 0 2px;
	font-weight:bold;
	float:left;
	width:86px;
	height:25px;
	padding-top:5px;
	text-align:center;
	background:url(../img/greensmall.gif) no-repeat;
	}
	
#menu .menuitemsmOn a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
#menu .menuitemme a {
	color:#FFFFFF;
	margin:0 3px 0 2px;
	text-decoration:none;
	font-weight:bold;
	float:left;
	width:122px;
	height:25px;
	padding-top:5px;
	text-align:center;
	background:url(../img/orangeme.gif) no-repeat;
	}

#menu .menuitemme a:hover {
	background:url(../img/greenme.gif) no-repeat;
	}	
	
#menu .menuitemmeOn {
	margin:0 3px 0 2px;
	font-weight:bold;
	float:left;
	width:122px;
	height:25px;
	padding-top:5px;
	text-align:center;
	background:url(../img/greenme.gif) no-repeat;
	}
	
#menu .menuitemmeOn a{
	color:#FFFFFF;
	text-decoration:none;
	}

#menu .menuitembi a {
	color:#FFFFFF;
	margin:0 3px 0 2px;
	text-decoration:none;
	font-weight:bold;
	float:left;
	width:144px;
	height:25px;
	padding-top:5px;
	text-align:center;
	background:url(../img/orangebig.gif) no-repeat;
	}
	
#menu .menuitembi a:hover {
		background:url(../img/greenbig.gif) no-repeat;
	}
	
#menu .menuitembiOn {
	color:#FFFFFF;
	margin:0 3px 0 2px;
	text-decoration:none;
	font-weight:bold;
	float:left;
	width:144px;
	height:25px;
	padding-top:5px;
	text-align:center;
	background:url(../img/greenbig.gif) no-repeat;
	}
	
#menu .menuitembiOn a {
	color:#FFFFFF;
	text-decoration:none;
	}

#banner {
	width:900px;
	float:left;
	margin:-4px 10px 0px;
	_margin:-4px 5px -3px 5px;
	background: url(../img/bannerproducts.jpg) no-repeat center top;
	height: 172px;
	}	
	
body#about #banner, body#export #banner {
	width:900px;
	float:left;
	margin:-4px 10px 0px;
	_margin:-4px 5px -3px 5px;
	background: url(../img/bannerabout.jpg) no-repeat center top;
	height: 172px;
	}	

body#contact #banner {
	width:900px;
	float:left;
	margin:-4px 10px 0px;
	_margin:-4px 5px -3px 5px;
	background: url(../img/bannercontact.jpg) no-repeat center top;
	height: 172px;
	}

body#facilities #banner {
	width:900px;
	float:left;
	margin:-4px 10px 0px;
	_margin:-4px 5px -3px 5px;
	background: url(../img/bannerfacilities.jpg) no-repeat center top;
	height: 172px;
	}

body#help #banner {
	width:900px;
	float:left;
	margin:-4px 10px 0px;
	_margin:-4px 5px -3px 5px;
	background: url(../img/bannerhelp.jpg) no-repeat center top;
	height: 172px;
	}
	
body#index #banner {
	width:900px;
	float:left;
	margin:-4px 10px 0px;
	_margin:-4px 5px -3px 5px;
	height: 172px;
	}
	
body#products #banner, body#catalogue #banner {
	width:900px;
	float:left;
	margin:-4px 10px 0px;
	_margin:-4px 5px -3px 5px;
	background: url(../img/bannerproducts.jpg) no-repeat center top;
	height: 172px;
	}
	
body#services #banner {
	width:900px;
	float:left;
	margin:-4px 10px 0px;
	_margin:-4px 5px -3px 5px;
	background: url(../img/bannerservices.jpg) no-repeat center top;
	height: 172px;
	}

body#terms #banner, body#care #banner {
	width:900px;
	float:left;
	margin:-4px 10px 0px;
	_margin:-4px 5px -3px 5px;
	background: url(../img/bannerterms.jpg) no-repeat center top;
	height: 172px;
	}

body#tissue #banner {
	width:900px;
	float:left;
	margin:-4px 10px 0px;
	_margin:-4px 5px -3px 5px;
	background: url(../img/bannerwhy.jpg) no-repeat center top;
	height: 172px;
	}
	
#content {
	width:850px;
	margin:0 auto;
	color:#333333;
	background:url(../img/leaf.jpg) bottom right no-repeat;
	}	
	
#footer {
	width:900px;
	margin: 0 auto 10px;
	height:80px;
	background:url(../img/footerbase.jpg) bottom center no-repeat;
	text-align:center;
	color:#333333;
	font-size:10px;
	}

#footer a {
	color:#bb3107;
	text-decoration:none;
	}
	
#footer a:hover {
	color:#333333;
	text-decoration:none;
	}	
	
/* Set active buttons and active header banners */
	
body#about a#about,
body#home a#home,
body#facilities a#facilities,
body#products a#products,
body#help a#help,
body#contact a#contact {
	font-weight:bold;
	float:left;
	width:86px;
	height:25px;
	padding-top:5px;
	text-align:center;
	background:url(../img/greensmall.gif) no-repeat;
	}

body#terms a#terms, body#care a#care, body#howto a#howto {
	font-weight:bold;
	float:left;
	width:122px;
	height:25px;
	padding-top:5px;
	text-align:center;
	background:url(../img/greenme.gif) no-repeat;
	}
	
body#tissue a#tissue,
body#catalogue a#catalogue,
body#services a#services,
body#export a#export {
	text-decoration:none;
	font-weight:bold;
	float:left;
	width:144px;
	height:25px;
	padding-top:5px;
	text-align:center;
	background:url(../img/greenbig.gif) no-repeat;
	}
	
/* Text and image styles */
	
.aboutimg {
	margin: 10px 0px 0px;
	float: left;
}

.clear {
	clear: both;
}
	
#content p, #content ul {
	font-size:12px;
	}
#content .featuretext p {
	font-size: 60%;
}


.facilitiestext {
	float: right;
	width: 420px;
	margin-top: 0px;
	padding: 0px 10px 0px 0px;
	margin-left: 20px;
	margin-right: 16px;
}
.featureleft {
	background: url(../img/itembackleft.gif) no-repeat right top;
	width: 13px;
	float: left;
	height: 220px;
}

.featureleft2 {
	background: url(../img/itembackleft.gif) no-repeat right top;
	width: 13px;
	float: left;
	height: 220px;
	margin-left: 20px;
}

.featureright {
	background: url(../img/itembackright.gif) no-repeat left top;
	width: 13px;
	float: left;
	height: 220px;
}

#orderform .searchbutton, #myform .searchbutton {
	border:#ff9900 1px solid;
	}

.people {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.peopletext {
	float: right;
	width: 630px;
	margin-top: 0px;
	padding: 0px 10px 0px 0px;
	margin-left: 20px;
	margin-right: 16px;
}

.red {
	color: #CC0000;
}
	
.tagline {
	color:#ff6600;
	font-size:12px;
	font-weight:bold;
	}


.taglinetext {
	float: right;
	width: 494px;
	margin-top: 0px;
	padding: 0px 10px 0px 0px;
	margin-left: 20px;
	margin-right: 16px;
	font-weight: bold;
	color: #BB3107;
}

.ticklist {
	list-style: url(../img/tick.gif);
	}

.underline {
	text-decoration: underline;
}

.feature {
	background: url(../img/itembacktile.gif) no-repeat left top;
	width: 230px;
	float: left;
	height: 220px;
}
.featuretext {
	background: url(../img/itemDesTile.gif) repeat-x;
	float: right;
	width: 100px;
	padding-top: 45px;
}
.featureimg {
	float: left;
	width: 100px;
	margin-right: 10px;
	margin-left: 14px;
	border: 1px solid #000000;
	margin-top: 45px;
}

a:hover .featureimg {
	border: 1px solid #000000;

}

.featurewrap {
	width: 556px;
	margin-right: auto;
	margin-left: auto;
}

.indexwrap {
	width: 100%;
}
.indexwrap img {
	float: right;
	clear: left;
	margin-left: 10px;
}
.catalogwrap {
	width: 580px;
	margin-right: auto;
	margin-left: auto;
}

.catalog {
	background: url(../img/catItembacktile.gif) no-repeat left top;
	width: 520px;
	float: left;
}

.catalogimg {
	float: left;
	margin-right: 10px;
	margin-left: 14px;
	margin-top: 45px;
	border: 1px solid #000000;
}

.catalogtext {
	background: url(../img/itemDesTile.gif) repeat-x;
	float: right;
	width: 320px;
	padding-top: 45px;
	height: 200px;
}

.catalogleft {
	background: url(../img/itembackleft.gif) no-repeat right top;
	width: 13px;
	float: left;
	height: 290px;
}

.catalogright {
	background: url(../img/itembackright.gif) no-repeat left top;
	width: 13px;
	height: 290px;
	margin-right: 20px;
	float: left;
}

#content form p label {
    float:left
	
}
#content form {
	width:400px;
	margin:4px auto;
	float: left;
	
}

#content form p {
	width:100%;
	clear:both;
	margin:4px auto;

}

#content form p textarea,
#content form p select,
#content form p input {
    float:right;

}
#contact #wrapper #content .centre #orderform {
	float: none;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

.centre {
	margin-right: auto;
	margin-left: auto;
}
.advert {
	background: url(../img/leaf.jpg) no-repeat right bottom;
	padding: 6px;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #bb3107;
}
.blue {
	color: #0000FF;
}