/*
Site: Eco Industries
Date: 2009.04.04

[Table Of Contents] 

	0- Reset
	1- General Layout
	2- Text and Headings
	3- Links
	4- Header 
	5- Header 
	6- Content 
	7- Footer 
	8- Forms
	9- Extras

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');

/* form select drop down 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('../elselect/style.css');


/* =2 General Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html {
	height: 100%;
	width:100%;
	}
body {
	text-align:center; 
	margin:0 auto;
	padding:0;
	height: 100%;
	background: url(../images/layout/bg-main.gif) left bottom ; /* Weatherboard bg */
	}
div.wrapper {
	width: 985px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
	text-align: left; /* for IE */
	background: url(../images/layout/bg-pipe-2.png) left bottom repeat-y;/* Down pipe bg */
	}
.page {
	width:905px;
	}


/* =3 Text and Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body, td, th {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	}
.medtext {
	font-size: 11px;
	}
.smalltext {
	font-size: 10px;
	}
.green {
	color:#597b20;
	}
.lightgreen {
	color:#a8e146;
	}
.lightgrey {
	color:#999;
	}
.grey {
	color:#666	;
	}
.blue {
	color:#1b2e44;
	}
.black {
	color:#000;
	}


h1, .heading1 {
	font-size: 20px;
	font-weight: bold;
	}
h2, .heading2 {
	font-size: 16px;
	font-weight: normal;
	}
h3, .heading3 {
	font-size: 13px;
	font-weight: bold;
	}
h4, .heading4 {
	font-size: 14px;
	font-weight: bold;
	}
h5, .heading5 {
	font-size: 11px;
	font-weight: bold;
	}
h6, .heading6 {
	font-size: 28px;
	font-weight: bold;
	}


/* =4 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a {
	color:#000; 
	text-decoration:underline;
	outline:none
	}
a:hover {
	color:#597b20; 
	text-decoration:underline;
	}


/* =5 Header 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.header {
	padding:10px 20px 0 ;
	}


/* =6 navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#nav {
	text-align:right;
	}
.nav-item {
	font-weight:bold;
	font-size:13px;
	color:#fff;
	display:inline;
	margin-left:30px;
	}
.nav-item a {
	color:#fff;
	text-decoration:none;
	}
.nav-item a:hover, #current {
 color:#a8e146;
	text-decoration:none;
 }
	

/* =7 Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.left-column {
	padding: 0 15px;
	color: #000;
	}
.content {
	padding: 0 10px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	}
	
/* FAQ's */
.faq-textbox {
	background:#fff;
	border-bottom: 1px dotted #999;
	padding: 0 0 15px ;
	margin: 0 0 10px;
	}
.faq {
	font-size:11px;
	margin-bottom:2px;
	}
.faq a {
	color: #2f4151;
	text-decoration:none;
	display:block;
	padding:2px
	}
.faq a:hover {
	color: #000;
	text-decoration:none;
	background:url(../images/layout/spacer-25.png);
	}
	
/* Products */
.content-products {
	padding: 20px 20px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	background:#fff;
	}
.tab-nav a {
	display:block;
	}	
.product-title {
	font-size:18px;
	font-weight:bold;
	color: #597b20;
	}
.product-code {
	font-size:12px;
	font-weight:normal;
	color: #666;
	}
.product-price-box {
	background: #add072;
	border: 1px solid #597b20;
	padding: 10px ;
	}
.img-product {
	/*background:#e8efdd;*/ 
	padding:2px;
	text-align:center;
	}


/* =8 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.footer {
	padding: 0 15px;
	}
.footer-text {
	font-size:11px;
	color:#fff;
	}
.footer-text a {
	color:#fff;
	text-decoration:none;
	}
.footer-text a:hover {
 color:#a8e146;
	text-decoration:none;
 }

.push {
	width: 100%;
	height: 40px; /* .push must be the same height as .footer */
	margin: 0 auto;
	}
div.footer-grass {
	width: 100%;
	height: 40px; /* .push must be the same height as .footer */
	margin: 0 ;
	background: url(../images/layout/footer-grass.png) bottom repeat-x;
	}
div.bg-container {
 position:relative; 
 height:0; 
 width:985px; 
 margin:0 auto;
 }
div.bg-elements {
	position:absolute;
	width:85px;
	z-index:100;
	bottom:0;
	right:0;
	background: url(../images/layout/bg-pipe-clip.png) bottom right repeat-y;	/* Pipe clips bg */
	height:50000px;
	}


/* =9 Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
select, input, textarea, .formtext {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: solid 1px #7297a9;
	padding:3px 2px  ;
	}
.buttontext {
	background-color: #E4E7FA;
	border: 1px solid #666666;
	color: #333333;
	cursor:pointer;
	}


/* =10 Extras
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.prodTab {
	display:none;	
}
#submitResultBox {
	display:none;	
}

hr {
	color: #F5EEEB;
	}
br { 
	line-height:75%;
	}
.alertbox {
	border: 1px dotted #999999;
	padding:5px;
	background-color: #e5e5e5;
	color: #000000;
	}
.textbox {
	border: 1px solid #344e6d;
	padding:10px;
	background-color: #fff;
	color: #333;
	}
.breadcrumb {
	color: #666;
	font-weight: bold;
	font-size: 11px;
	padding:3px;
	border-bottom:1px dotted #e5e5e5;
	}
ul {
list-style:square;
padding:5px 0 5px 25px;
}