@charset "utf-8";
/* 
	stylesheet.css
	
	Project: Carbon Environmental Boutique
	
*/



/*------ global ------*/ 
* {margin:0; padding:0;}

body{width:100%; background:url(../images/body_BG.jpg) top center no-repeat fixed; padding-top:40px;}

.full{width:100%; display:block;}
.fixed{width:960px; display:block; margin:auto;}

.f_right{float:right; display:block;}
.f_left{float:left; display:block;}

.vr{background:url(../images/vr_BG.png) top right repeat-y;}



/*------ clearFix ------ */
.clearFix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearFix { display: inline-block; }
html[xmlns] .clearFix { display: block; }
* html .clearFix { height: 1%; }



/*------ main content ------*/
#wrapper{background:url(../images/content_BG.jpg) 24px repeat-y;}
#wrapper #mastHead{background:url(../images/mastHead_BG.png) 0 0 no-repeat;}
#wrapper #mainContent{padding:0 50px 20px; background:url(../images/content_BTM.jpg) 24px bottom no-repeat;}

#wrapperWide{background:url(../images/content_BG2.jpg) 24px repeat-y;}
#wrapperWide #mastHead{background:url(../images/mastHead_BG2.png) 0 0 no-repeat;}
#wrapperWide #mainContent{padding:0 50px 20px; background:url(../images/content_BTM2.jpg) 24px bottom no-repeat;}

#userControls{width:450px; padding-right:22px;}
#leftCol{width:200px; padding:0 15px 10px;}
#rightCol{width:580px; padding:0 15px 10px;}
#centerCol{display:block; clear:both; padding:0 15px 10px;}


.hLink{height:125px; width:210px; margin-left:35px;}
.breadcrumb{display:block; clear:both; padding:13px 20px 65px 50px; color:#807E6E; text-transform:capitalize;}
#mastHeadImg{clear:both; display:block; background:url(../images/mastHead_IMG.png) 5px 7px no-repeat; height:410px;}

.title{color:#eeeeee; padding:10px; border:1px dashed #E6E2E0; margin:0; text-transform:lowercase; font-weight:normal;}
.wrap{padding:5px; -webkit-box-shadow: 5px 5px 15px #b5b5b5;  -moz-box-shadow: 5px 5px 15px #b5b5b5;  box-shadow: 5px 5px 15px #b5b5b5; margin:0 0 30px -10px;}
.ptitle1{background:#AEC52F;}
.ptitle2{background:#7F7A7F;}


/*------ product display ------*/
.prodwrap{display:block; float:left; width:200px; background:#f9f9f9; padding:5px; margin:0 50px 20px 30px; -webkit-box-shadow: 5px 5px 15px #b5b5b5;  -moz-box-shadow: 5px 5px 15px #b5b5b5;  box-shadow: 5px 5px 15px #b5b5b5;}
.prodinfo{padding:10px; border:1px solid #9CB02B; min-height:250px;}
.prodinfo2{padding:20px 10px; border:1px solid #9CB02B; text-align:center;}
.prodinfo hr{margin:0 0 10px 0;}
.prodinfo p{padding:0 0 10px 0;}
.prodinfo .imgwrap{text-align:center; padding-bottom:10px; overflow:hidden;}
.prodinfo .imgwrap a{display:block; width:150px;}

.salebanner{display:block; width:123px; height:49px; position:absolute; z-index:10; margin:-5px 0 0 -5px; background:url(../images/salebanner.png) 0 0 no-repeat;}

ul.t_images li{
	display:block; 
	float:left; 
	background:#f9f9f9; 
	margin:2px 2px 2px 1px !important; 
	-webkit-box-shadow: 5px 5px 5px #ccc; 
	-moz-box-shadow: 5px 5px 5px #ccc;  
	box-shadow: 5px 5px 5px #ccc; 
	min-height:50px;
	padding:5px !important;
	border:1px solid #9CB02B;
}
ul.t_images a{display:block;}

a.vmore{background:#978981; color:#E2DDDB; padding:2px 5px; font-size:11px;}


/*------ user controls ------*/

/* search */
.searchBox{padding:25px 20px 0 0; height:25px;}

/* account */
ul.account{list-style:none; margin:5px 40px 5px 10px; padding:0; width:400px;}
ul.account li{display:inline;}
ul.account li a{
	display:block; 
	float:left; 
	height:30px; 
	line-height:35px; 
	padding:0 10px 0 28px;
	font-size:11px; 
	font-weight:bold;
	text-transform:lowercase;
}
ul.account li a.a1{background:url(../images/icon_login.jpg) 0 0 no-repeat;}
ul.account li a.a2{background:url(../images/icon_orders.jpg) 0 0 no-repeat; padding-left:30px;}
ul.account li a.a3{background:url(../images/icon_account.jpg) -7px 0 no-repeat; padding-left:20px;}
ul.account li a.a4{background:url(../images/icon_create.jpg) 0 0 no-repeat;}

/* cart */
ul.cart{list-style:none; margin:0 22px 0 0; background:#7f7a7f; height:28px; width:440px; padding:7px 0 0 10px;}
ul.cart li{display:inline;}
ul.cart li a{
	display:block; 
	float:left; 
	height:20px; 
	line-height:20px; 
	padding:0 20px 0 35px;
	font-size:11px; 
	font-weight:bold;
	text-transform:lowercase;
	color:#fff;
}
ul.cart li a.c1{background:url(../images/icon_cart.jpg) 0 0 no-repeat; padding-left:30px;}
ul.cart li a.c2{background:url(../images/icon_items.jpg) 0 0 no-repeat;}
ul.cart li a.c3{background:url(../images/icon_total.jpg) 0 0 no-repeat;}


/*------ checkout ------*/
#cartTable{background:#f9f9f9; border:1px solid #ddd; text-align:left; width:100%;}
#cartTable th{font-weight:normal; color:#333; padding:5px;}
#cartTable td{background:#fff; padding:10px 5px; border-top:1px solid #ddd;}
#cartTable h3{color:#333; margin:0;}
#cartTable img{margin:10px;}



/*------ main navigation ------*/
#mainNav{margin:0 0 0 24px; padding:0; list-style:none; text-align:center; display:block; clear:both; line-height:55px;}  
#mainNav li{float:left; background-image:url(../images/mainNav_BG.jpg); background-repeat:no-repeat; height:55px; position:relative;}  
#mainNav li a{z-index:20; display:block; height:55px; position:relative; color:#fff; font-weight:bold; font-size:13px; text-decoration:none; text-transform:lowercase;}  
#mainNav li .hover{background-image:url(../images/mainNav_BG_r.jpg); background-repeat:no-repeat; position:absolute; width:100px; height:55px; left:0; top:0; z-index:0; display:none;}     
#mainNav li.selected{background-image:url(../images/mainNav_BG_r.jpg); background-repeat:no-repeat;} 

#mainNav li.nav1, #mainNav li.nav1 .hover{width:85px; background-position:0 0;}
#mainNav li.nav2, #mainNav li.nav2 .hover{width:124px; background-position:-85px 0;}
#mainNav li.nav3, #mainNav li.nav3 .hover{width:91px; background-position:-209px 0;}
#mainNav li.nav4, #mainNav li.nav4 .hover{width:78px; background-position:-300px 0;}
#mainNav li.nav5, #mainNav li.nav5 .hover{width:118px; background-position:-378px 0;}
#mainNav li.nav6, #mainNav li.nav6 .hover{width:195px; background-position:-496px 0;}
#mainNav li.nav7, #mainNav li.nav7 .hover{width:62px; background-position:-691px 0;}
#mainNav li.nav8, #mainNav li.nav8 .hover{width:61px; background-position:-753px 0;}
#mainNav li.nav9, #mainNav li.nav9 .hover{width:100px; background-position:-814px 0;}



/*------ sub navigation ------*/
ul.subNav{list-style:none; margin:0; padding:0;}
ul.subNav li{padding:0 0 8px 0;}
ul.subNav li a{font-size:14px; font-weight:bold; color:#978981; text-transform:lowercase; padding-right:20px;}
ul.subNav li a:hover, ul.subNav li a.selected{background:url(../images/icon_leaf2.jpg) right no-repeat; text-decoration:none;}


/*------ scroller menu ------*/

#cbrollerMenu{position:relative; height:400px; width:159px;}
#cbscroller{width:159px; height:340px; overflow:hidden; margin:0; position:relative;}
#innerContainer{position:relative; left:0; top:0; height:150px; overflow:hidden;}
#cbscroller ul{margin:0; padding:0 0 10px; list-style:none; }
#cbscroller ul li{display:block; width:159px; font-weight:bold; margin:0;}
#cbscroller ul li a{display:block; font-size:13px; color:#9cb02b; padding:5px;}
#cbscroller ul li a:hover{background:#f9f9f9; text-decoration:none;}
#cbscroller ul li ul li a{color:#9cb02b;}
#cbslideUp{width:159px; height:25px; position:relative; background:url(../images/scrollmenuupbtn.png); overflow:hidden; cursor:pointer;}
#cbslideDown {width:159px; height:25px; position:relative; background:url(../images/scrollmenudownbtn.png); overflow:hidden; cursor:pointer;}
#cbscroller li a.submenuselected {color:#9cb02b;}


/*------ forms ------*/
.input, .textarea, .select{border:1px solid #ddd; background:#fff; padding:5px; width:200px; color:#7F7A7F; font-family:Helvetica, Arial, sans-serif; font-size:12px;}
.textarea{height:80px;}
.submit{background:#807A80; border:none; padding:5px; color:#E2DDDB; font-size:11px; font-weight:bold; font-family:Helvetica, Arial, sans-serif;}
.submit:hover{color:#fff; cursor:pointer;}
.unsubscribe{background:none; border:0; color:#9CB02B; padding:0; margin:0; cursor:pointer;}
#btn{background:#9CB02B; border:none; padding:11px 10px 10px; color:#fff; font-size:14px; font-weight:bold; font-family:Helvetica, Arial, sans-serif;}
#btn:hover{background:#afc62f; cursor:pointer;}

/* comment form */
#commentForm{width:540px;}
#commentForm .input, #commentForm .textarea{width:528px;}
#commentForm .val{width:420px;}

/* order form */
#orderForm{width:440px;}
#orderTable .input, #orderTable .textarea{width:428px;}
#orderTable .val{width:320px;}

/* account form */
#profileTable .input, #profileTable .textarea{width:355px;}


/*------ blog ------*/
.tbl{background:#f9f9f9; border:1px solid #eee; width:100%; padding:20px;}


/*------ footer ------ */
#footer{background:#f2f1f0; color:#807E6E; text-align:center; font-size:10px; font-weight:bold; margin:0 22px 0 24px; padding-top:20px;}
#btm_graphic{background:url(../images/footer_BG.png) 24px 0px no-repeat; height:30px; margin-bottom:40px;}

a.footernav{color:#807E6E; margin-right:8px; text-transform:lowercase;}