@charset "utf-8";
/* CSS Document */

body {
	background-color: #D0D1C1;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}

/* Common */

h1 {
	font-size: 23px;
	color: #FFF;
}

h2 {
	font-size: 18px;
	color: #009500;
	padding-top: 5px;
}

h3 {
	text-transform: uppercase;
	color: #090;
	font-weight: bolder;
	font-size: 14px;
	line-height: 16px;
}

h4 {
	font-size: 13px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 3px;
	padding-left: 32px;
}

h5 {
	font-size: 13px;
	color: #999;
	padding-bottom: 7px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}

h6 {
	font-size: 18px;
	color: #FFF;
}

p {
	padding-top: 10px;
}

a {
	color: #090;
	text-decoration: underline;
}

a:hover {
	color: #0C0;
	text-decoration: none;
}

.forcer {
	clear: both;
}

.floatleft {
	float: left;	
}

.floatright {
	float: right;
}

/* header */

#preheader, #header, #nav, #content, h1 {
	margin: 0px auto;
	width: 900px;
}

#preheaderwrap, #titlewrap {
	border-bottom: 1px solid #FFF;
}

/* pre-header */

#preheaderwrap {
	background-color: #333;
	color: #999;
	font-size: 10px;
	text-transform: uppercase;
}

#preheader a {
	color: #FFF;
	text-decoration: none;
}

#preheader a:hover {
	color: #0F0;
	text-decoration: underline;	
}

/* header */

#headerwrap {
	background-color: #009300;
	background-image: url(../images/bg_header.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 165px;
}

#header {
	padding-top: 8px;
	background: url(../images/bg_header_logo.png) no-repeat left top;
}

.headercontact {
	float: right;
	margin-top: 30px;
}

/* nav */

#nav {
	float: left;
	width: 560px;
}

#nav ul {
	margin-top: 4px;	
}

#nav li {
	float: left;
}

#nav li a {
	font-size: 13px;
	color: #FFF;
	display: block;
	text-decoration: none;
	text-align: center;
	width: 90px;
	height: 22px;
	padding-top: 5px;
	margin-right: 2px;
}

#nav li, #nav li:hover, .navselected {
	background-repeat: no-repeat;
	background-position: left top;
}

#nav li {
	background-image: url(../images/bg_nav.png);
}

#nav li:hover {
	background-image: url(../images/bg_nav_over.png);
}

.navselected {
	background-image: url(../images/bg_nav_selected.png);
}

#tabwrap {
	clear: right;
	float: right;
}

#basket, #upload {
	float: right;
	height: 58px;
	margin: 6px 0 0 2px;
	background-repeat: no-repeat;
	background-position: right top;
}

#basket {
	background-image: url(../images/bg_basket.png);
	width: 180px;
	padding: 10px 0 0 10px;
	color: #FFF;
}

#basket p {
	padding-top: 7px;
	paddint-bottom: 0px;
}

#basket a {
	color: #FFF;
	text-decoration: none;
}

#upload {
	background-image: url(../images/bg_upload.png);
	width: 126px;
	text-align: right;
	padding: 10px 10px 0 0;
}

#upload a {
	text-decoration: none;
}

.basketicon {
	float: right;
	margin: -17px 1px 0 0;
}

.senditicon {
	float: left;
	margin: -17px 0 0 1px;
}

/* title */

#titlewrap {
	padding: 25px 0;
	background-color: #333;
}

/* content */

#contentwrap {
	background-image: url(../images/bg_content.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#content {
	padding-top: 10px;
}

#rightcol {
	float: right;
	width: 300px;
}

#leftcol {
	float: left;
	width: 590px;
}

.contentblock, .calcblock, .contentblockthird {
	background-color: #FFF;
	border-bottom: 1px solid #A5A78F;
	margin-bottom: 10px;
	padding: 10px 20px 20px 20px;
}

#rightcol .contentblock, .calcblock {width: 260px;}

#leftcol .contentblock {width: 550px;}

.contentblockthird {
	width: 170px;
	float: left;
	margin-right: 10px;
	padding: 10px;
}

.imgblock {margin-bottom: 10px;}

.intro {background: url(../images/banners_homepage.jpg) left top no-repeat #FFF;}

.introtext {padding-left: 230px;}

.red {background: #990000 url(../images/bg_leftcol_red.png) no-repeat top center;}

.redthird {background: #990000 url(../images/bg_leftcol_red_small.png) no-repeat center top;}

#leftcol ul {
	list-style-type: disc;
	list-style: square;
	margin: 0 10px 0 30px;
	padding-top: 10px;
}

#leftcol li {
	color: #060;
	list-style-position: outside;
	margin-bottom: 5px;
}

#leftcol .red li {
	color: #FFF;
}

.threebuttons {
	float: left;
	margin-right: 20px;
	cursor: pointer;
}

.bannerprinter {
	margin: 210px 0 20px -40px;
	clear: left;
	position: absolute;
	z-index: 50;
}

.calcblock {
	border-bottom: 1px solid #060;
	color: #FFF;
	padding-bottom: 0px;
	background: #090 url(../images/bg_calc.png) no-repeat center top;
}

.calcblock h2 {
	color: #FFF;
}

.lefticon {
	float: left;
	margin: 0 10px 10px 0;
}

.righticon {
	float: right;
	margin: 0 0px 10px 10px;
}

.small {
	font-size: 10px;
	text-transform: uppercase;
	color: #C00;
}

.productprice {
	font-size: 12px;
	font-weight: bold;
	color: #009500;
	padding: 6px 0 5px 0;
}

/* Left Column Forms */

#leftcol fieldset {
	border: 1px dashed #CCC;
	padding: 10px;
	margin-top: 10px;
}

#leftcol legend {
	background-color: #FFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-transform: uppercase;
	color: #999;
	font-size: 11px;
}

.leftblock {
	float: left;
	width: 168px;
	margin: 0 10px 10px 0;
}

.half {
	width: 245px;
}

.formgroup {
	clear: both;
	margin-bottom: 8px;
}

#leftcol label {
	float: left;
	width: 150px;
	clear: left;
	padding-top: 6px;
	display: block;
	margin-right: 10px;
	color: #666;
}

#leftcol .formfield, #leftcol .formfieldsmall, .formfieldbasket, #leftcol .formfieldfull, #leftcol .formfieldhalf {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 350px;
	padding: 2px;
	border: 1px solid #999;
	background-color: #E5E5E5;
}

#leftcol .formfield:focus, #leftcol .formfieldsmall:focus, #leftcol .formfieldfull:focus, #leftcol .formfieldhalf:focus {
	border: 1px solid #0F0;
	background-color: #EFEFEF;
}

#leftcol .formfieldsmall {
	width: 160px;
}

#leftcol .formfieldhalf {
	width: 245px;
}

#leftcol .formfieldfull {
	width: 100%;
}

.formfieldbasket {
	width: 160px;
	background-color: #FFFFFF;
}

.contactbutton {
	clear: both;
	margin-left: 160px;
}

.bold {
	color: #090;
	font-weight: bold;
}

.basketform {
	float: right;
	width: 250px;
}

/* Tables */

.contentblock table {
	margin-top: 10px;
	border-collapse: separate;
}

.hometable {
	float: left;
	margin-right: 10px;
}

.contentblock td {
	color: #FFF;
	background-color: #060;
	text-align: center;
	padding: 8px;
	margin: 1px;
	border: solid 1px #FFF;
}

.contentblock .tableheader {
	background-color: #090;
	text-align: center;
	padding: 4px;
	color: #FFF;
}

.tablecolleft {
	width: 50px;
}

.leftpic {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}

/* Offers */

.homebigoffer {
	margin-bottom: 10px;
}

/* Price Calculator */

#calcform {
	clear: both;
}

#calcform .formhalf {
	float: left;
	margin: 5px 5px 0 0;
	width: 125px;
}

#calcform label {
	float: left;
	font-size: 12px;
}

#calcform .formfieldhalf {
	padding: 2px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	clear: left;
	float: left;
	width: 118px;
	border: 1px solid #999;
	background-color: #E5E5E5;
	font-size: 12px;
}

#calcform .formfieldhalf:focus {
	border: 1px solid #0F0;
	background-color: #FFF;
}

#calcform .button {margin: 10px 0 0 30px;}

/* Shopping Cart */

.smallcart {
	font-size: 10px;
}

/* Pre Footer */

.grouplogo {
	float: left;
	padding-right: 20px;
	margin-right: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}

#prefooterwrap {
	background-image: url(../images/bg_prefooter.png);
	background-color: #F0F0F0;
}

#prefooter {

}

.smallcompanies {
	float: left;
	margin-top: 4px;
	margin-right: 30px;
}

#footerwrap, #prefooterwrap {
	background-repeat: repeat-x;
	background-position: left top;
}

#footer, #prefooter, #betterchoice {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/* Better Choice */

#betterchoicewrap {
	background-color: #333;
	border-bottom: solid 1px #FFF;
}

#betterchoice {
	padding: 10px 0;
	color: #CCC;
}

/* Footer */

#footerwrap {
	background-image: url(../images/bg_footer.png);
	background-color: #009300;
	padding-bottom: 30px;
	color: #CCC;
	padding-top: 10px;
}

#footer {
	margin-bottom: 30px;
	font-size: 10px;
	line-height: 14px;
}

.footergroup {
	float: left;
	padding: 10px;
}

#footer ul {
	float: left;
	list-style-position: outside;
	list-style-type: square;
	margin-left: 10px;
	display: inline;
	margin-right: 5px;
}

.sitemap {width: 80px;}

.ourproducts {width: 110px;}

.links {width: 190px;}

#footer li {}

#footer li a {
	color: #CCC;
	text-decoration: none;
}

#footer li a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* Add People */

#videoLayer {
	position: fixed;
	width: 900px;
	height: 300px;
	z-index: 1;
	bottom: -15px;
	Right: 30px;
	margin: 0 auto;
}

div#fixme-bottom {
	position: fixed;
	bottom: -15px;
	right: 0;
	z-index: 33;
}

/* Overides */

.last {
	margin-right: 0;
}

.grey {
	color: #999;
}

.toggler {
	cursor: pointer;
}

.clearright {
	clear: right;
}

.wide {
	width: 250px;
}

.marginleft {
	margin-left: 15px;
}

.hidden {
	display: none;
	visibility: hidden;
}

.bigsideprice {
	font-size: 40px;
	font-weight: bold;
	color: #090;
	padding-top: 15px;
	padding-bottom: 5px;
}