/*
-------------------------------------------------------------------
Conservation Carbon Company
Main Stylesheet
Vesess - http://vesess.com
-------------------------------------------------------------------
*/

/* Base styles 
------------------------------------------------------------------- */
body {font-size: 80%; background:  url(../images/body_bk.jpg) repeat-x;  background-attachment: fixed; color: #222601; background-color: #222601;}

.hide { display: none; }
h1 { font-size: 120px; font-family: Georgia; }
h2 { margin: 0 0 20px 0; font-size: 160%; font-weight: normal; }
h3 { font-size: 125%; }
h4 { font-size: 100%; }
h5 { font-size: 85%; font-weight: normal; text-transform: uppercase; }
h6 { font-size: 85%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; }


a 	{ color: #432406; }
a img 		{ border:0; }
img			{ margin: 0 10px 5px 0; float: left; }
.hidden  	{ visibility: hidden; }
.clear	  	{ clear: both; margin-bottom:20px; }
hr.hidden 	{ margin: 0; padding: 0; border: 0; height: 1px; }

div#wrapper { width: 783px; margin: 0 auto; }
	div#wrapper_container { width: 582px; float: left; }
	
	div#header 				{ width: 583px;  margin: 0 auto; height: 170px;  position: relative;  }
	body#home div#header 	{ height: 190px;}
	div#header h1 			{ display: none;}
	div#header div.header_top 		{ margin: 0; background: transparent url(../images/header_bk.png) repeat-y; height: 40px; width: 583px; border: none; }
	div#header div.header_content	{ background: #FFF url(../images/main_content_bk.png) repeat-y; height: 150px; width: 582px; }
	body#home div#header div.header_content	{ height: 150px; }
	div#header div#logo { margin: 0 20px;  }	

		div#main 	{ float: left; width: 583px; }
		div#main ul { margin-left: 20px; }
		div#main ul li { color: #ECBD00; }
		div#main ul li p { color: #432406;}
		div#main ol { margin-left: 20px;}
			
		div#sidebar { width: 200px; float: right; height: 30px; }
		div#sidebar_container { margin: 60px 0 0 -3px; position:relative; float: left; }
		
		div#sidebar_container div.sidebar_top { margin: 0; background: url(../images/sidebar_top_bk.png) no-repeat; height: 19px; width: 200px ; border: none; }
		div#sidebar_container h3 { margin: 20px 0 0 0 ; padding: 0 0 0 20px; font-weight: normal;  background: url(../images/sidebar_top_bk.png) no-repeat 0 0; }
		div.basket { margin: 0; padding: 0 0 0 10px; background: #ECBD00 url(../images/sidebar_content_bk.png) repeat-y; width: 190px; float: left; }
		
			ul.menu 		{ margin: 0; padding: 0 0 15px 10px; background: #ECBD00 url(../images/sidebar_content_bk.png) repeat-y; width: 190px; float: left; }
			ul.menu li 		{ font-size: 95%; list-style: none; background: url(../images/bullet.png) no-repeat 0 10px; padding: 5px 0 5px 15px; float: left; border-bottom: 1px solid #4289D9; width: 165px; }
			ul.menu li a 	{ padding: 10px 0 10px 0; text-decoration: none; width: 140px; padding: 0; float: left; color: #FFF; }
			ul.submenu  	{ font-size: 12px;  }
			ul.submenu li 	{ background: url(../images/bullet_sub.png) no-repeat 0 10px; border: none; } 
			ul.menu li a.menucurrent { font-weight: bold; }
			ul.menu li.menuactive  a { font-weight: bold; }
			ul.menu ul.submenu li a  { font-weight: normal; }
			ul.menu ul.submenu li.submenuactive a.submenucurrent { font-weight: bold; }
			ul.menu li a:hover 	{ text-decoration: underline; }

			
			
		div#sidebar_container div.sidebar_bottom { margin: 0; border: none; background: url(../images/sidebar_bottom_bk.png) no-repeat ;  width: 200px; height: 20px; float: left; }
		
		
		div#middle 		{ float: left; margin: 0; width: 542px; padding: 0 20px 20px 20px; background: #FFF url(../images/main_content_bk.png) repeat-y; }
		div#middle img 	{ margin: 0px 0 20px 0;}
		
		div#sub_content { float: left; margin: 0; padding: 20px; width: 542px; min-height: 380px; background: #FFF url(../images/main_content_bk.png) repeat-y; }
		div#sub_content div.sub_bottom	{ margin: 0; background: url(../images/footer_sub_bottom.png) no-repeat; height: 20px; width: 582px; border: none; }
		div#sub_content table tr td { padding: 7px 0; }
		div#sub_content table tr 	{ border-bottom:1px solid #eee; }
		
		
		div#footer					{ margin: 0; float: left; width: 583px; }
		div#footer div.content_top 	{ margin: 0; border-width: 0; border: none; background: url(../images/footer_top_bk.png) no-repeat; height: 53px;}
		div#footer div.content_middle { margin: 0; padding: 0 20px 0 20px; width: 542px; float: left; background: #FFF url(../images/content_middle_bk.png) repeat-y; height: 50px;}
		
		div#footnotes					{ margin: 0 ; width: 583px; float: left;  height: 100px; background: url(../images/footer_bottom_bk.png) no-repeat; position: relative; }
		div#footnotes p.copyright 		{ font-size: 11px; left: 0; top: 15px; position: absolute; color: #FFF; }
		div#footnotes p.geekery 		{ position: absolute; right: 0; top: 15px; }
		div#footnotes p.geekery a 		{ color: #FFF; text-decoration: none; font-size: 11px; }
		div#footnotes p.geekery a:hover { text-decoration: underline; }

		/*styles for shopping cart*/
		h2.prodtitles 			{ font-size: 14px; font-weight: bold; margin-bottom: 5px;}
		p.wpsc_product_price 	{ margin-bottom: 10px;}
		
		div.default_product_display div.textcol div.imagecol { position: relative;}
		div.producttext 			{ float:right;  width:370px; }
		div.default_product_display { border-bottom: 1px solid #ECBD00; }
		div#products_page_container strong { margin: 10px 0 10px;}
		div#products_page_container	{ margin-top: 20px;}
		div.wpsc_container 			{ margin-top: 20px; color: #222601; } 
		div#sideshoppingcart div 	{ padding: 10px 0 0 0 ; width: 180px; }
		
		div#shoppingcartcontents	{ padding-bottom: 10px; border-top: 2px solid #ECBD00 ; }
		div#sideshoppingcart 		{ margin-top: 20px; font-size: 100%; }
		div#sliding_cart 			{ margin-top: 11px;  }
		div#sliding_cart a:hover 	{ text-decoration: none;  }
		table.shoppingcart tr td	{ border-bottom: 1px solid #ECBD00; text-align:left; }
		span.items, span.total, table.shoppingcart  		{ font-size: 11px; width: 100%; }
		table.shoppingcart a , td.tdqty, td.tdprice span 	{ font-size: 11px; }
		table.wpsc_checkout_table 	{ border-collapse:collapse; width:100%; }
		div.breadcrumb 				{ margin-bottom: 20px; }

			/* Form styles */
div.contactform { margin: 0px; background-color: #FFF; border: #EEE 0px solid; }

p#legend em { color: #CC0000; }
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.contactform form p { margin: 0; }
div.contactform form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.contactform  { padding: 10px 0 10px 0; border: #DDD 0px solid; width: 360px; }
div.contactform form legend { font-weight: bold; color: #666; }
div.contactform form  div { padding: 0 0 3px ; }
div.contactform label, 
div.contactform span.label { margin-right: 10px; padding-right: 10px; width: 90px; display: block; position: relative; }
div.contactform label.error, 
div.contactform span.error { color: #C00; }
div.contactform label em, 
div.contactform span.label em { position: absolute; right: 23px; font-size: 120%; font-style: normal; color: #C00; }
div.contactform input.error { border-color: #C00; background-color: #FEF; }
div.contactform input:focus,
div.contactform input.error:focus, 
div.contactform textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.contactform div.controlset label, 
div.contactform div.controlset input { display: inline; float: none; }
div.contactform div.controlset div { margin-left: 170px; }
div.contactform div.buttonrow { margin-left: 0; }
div.contactform div.buttonrow input#contactsubmit { padding: 3px 5px; font-weight: bold; }

/* table styles*/
div#main table { border-collapse:collapse; }
div#main table th  { padding:10px 8px; border-bottom:2px solid #00806B; color:#008080; font-size:11px; font-weight:normal; text-align: left; }
div#main table td { border-bottom:1px solid #ccc; color:#000; padding:6px 8px; } 

