/* CSS Document */

*{margin:0; padding:0;}

body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	line-height:24px;
	background:url(../images/body_bg.jpg) repeat-x #C6F0A6;
	}

@font-face {
      font-family:"Century Gothic";
      src: url("../font/GOTHIC_0.TTF")
    }
@font-face2 {
      font-family:"Hypatia Sans Pro";
      src: url("../font/HypatiaSansPro-Regular.otf");
    }
	


img{border:none;}
.img{float:left;}

a{text-decoration:none;color:#63AC05;}
a:hover{text-decoration:underline;}
a:link{}
a:visited{}
a:active{}


/** MAIN BG **/
.main_bg{
	width:100%;
	float:left;
	background:url(../images/main_in_bg.jpg) repeat-y center;
	}

/** MAIN BG IN **/
.main_bg_in{
	width:100%;
	float:left;
	background:url(../images/main_bg.jpg) center top no-repeat;
	}

/** CONTENT **/
.content{
	width:914px;
	margin:0 auto;
	padding-bottom:33px;
	}

/** HEADER **/
.header{
	width:100%;
	float:left;
	padding:23px 0 0 0;
	}
.view_cart{
	margin-top: 20px;
	margin-right:36px;
	float:right;
	}	

/** NAVBAR **/
.navbar{
    float:right;
	list-style:none;
	padding-top:2px;
	}
.navbar li{float:left;}	
.navbar a{
	height:40px;
	float:left;
	}
	
.home,
.home:hover,
.home_curr{
	width:70px;
	background:url(../images/home.jpg);
	}	
.home_curr,
.home:hover{background:url(../images/home_curr.jpg);}

.find_shed,
.find_shed_curr,
.find_shed:hover{
	width:130px;
    background:url(../images/find_shed.jpg);
	}
.find_shed_curr,
.find_shed:hover{background:url(../images/find_shed_curr.jpg);}

.ask_quest,
.ask_quest_curr,
.ask_quest:hover{
	width:176px;
    background:url(../images/ask_question.jpg)
	}
.ask_quest_curr,
.ask_quest:hover{background:url(../images/ask_question_curr.jpg);}

.contact,
.contact_curr,
.contact:hover{
	width:143px;
    background:url(../images/contact.jpg);
	}
.contact_curr,
.contact:hover{background:url(../images/contact_curr.jpg);}

/** SUB HEADER **/
.sub_head{
	width:898px;
	height:466px;
	float:left;
	background:url(../images/sub_header.jpg);
	/*padding:15px 15px 15px 14px;*/
	padding:15px 0 0 14px;
	}
.sub_head_short{
	width:898px;
	height:80px;
	float:left;
	background:url(../images/sub_header_short.jpg);
	/*padding:15px 15px 15px 14px;*/
	padding:15px 0 0 14px;
	}	
.sub_head h1, .sub_head_short h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#B9DA8E;
	font-style:italic;
	font-weight:bold;
	letter-spacing:5.8px;
	padding-left:16px;
	line-height:22px;
	}	
.sub_head h1 em, .sub_head_short h1 em{color:#86D209}	
.sub_tit{
	float:left;
	margin-left:13px;
	}

/** IMG 1 **/
.img1{
	width:884px;
	height:451px;
	float:left;
	padding:15px 15px 15px 14px;
	}
.img1 .img{margin-top:15px}	

.panel{
	width:882px;
	height:371px;
	padding-top:15px;
	}


/** NAVBAR BOTT **/
.navigation{
	float:left;
	list-style:none;
	padding:0 0 0 6px;
	position:relative;
	/*margin-top:-60px;*/
	margin-top:325px;
	position:absolute;
	z-index:1;
	}
.navigation li{float:left; margin-right:15px;}
.navigation li a{
	width:201px;
	height:44px;
	float:left;
	background:#FFF;
	padding-top:7px;
	opacity: .65;
    filter: alpha(opacity=65);
	float:left;
	-moz-border-radius:5px;
	text-align:center;
	}
	
.navigation .find_garden,
.navigation .find_garden:hover,
.navigation .find_garden_curr{padding-top:8px; margin-right:16px; height:43px;}	
.navigation .selected,
.navigation .find_garden:hover{opacity: .95; filter: alpha(opacity=95);}

.navigation .so_easy,
.navigation .so_easy_curr,
/*.navigation .so_easy:hover{padding-top:18px; height:33px ; margin-right:15px;}*/
.navigation .so_easy:hover{padding-top:8px; height:43px ; margin-right:15px;}
.navigation .so_easy_curr,
.navigation .so_easy:hover{opacity: .95; filter: alpha(opacity=95);}	

.navigation .build_fast,
.navigation .build_fast_curr,
.navigation .build_fast:hover{padding-top:8px; height:43px; margin-right:13px;}	
.navigation .build_fast_curr,
.navigation .build_fast:hover{opacity: .95; filter: alpha(opacity=95);}	

.navigation .safety,
.navigation .safety_curr,
.navigation .safety:hover{padding-top:8px; height:43px;}	
.navigation .safety_curr,
.navigation .safety:hover{opacity: .95; filter: alpha(opacity=95);}	


/** CONTENT IN **/
.cont_in{
	width:100%;
	float:left;
	padding-top:30px;
	}
.cont_in_x{
	width:100%;
	float:left;
	/*padding-top:30px;*/
	}	

/** CONTENT LEFT **/
.cont_left{
	width:340px;
	float:left;
	color:#666;
	font-family:"Century Gothic";
	font-size:14px;
	padding-left:15px;
	line-height:30px;
	}
.cont_left h1, 
.cont_right h1,
.cont_info_left h1,
.cont_info_right h1,
.find_gard h1{
	font-family:"Hypatia Sans Pro";
	/*font-size:20px;*/
	font-size:30px;
	color:#333;
	font-weight:normal;
	margin-bottom:5px;
	}	
.cont_left h1 em,
.cont_right em,
.cont_info_left em,
.cont_info_right em,
.find_gard em{
	font-style:normal;
	color:#01BB13;
	}	
.cont_left span #quotes{
	background:url(../images/quote.gif) left top no-repeat;
	padding:0 0 0 6px;
	float:left;
	font-size:16px;
	font-style:italic;
	font-weight:normal;
	color: #000;
	padding-left: 20px;
	padding-top: 10px;
	}	
.cont_left #author{
	/*float:left;*/
	font-weight:normal;
	color: #ccc;
	}	
span #quotes{
	background:url(../images/quote.gif) left top no-repeat;
	padding:0 0 0 6px;
	float:left;
	font-size:14px;
	font-style:italic;
	font-weight:normal;
	color: #000;
	padding-left: 20px;
	padding-top: 5px;
	min-height:100px;
	}
#author{
	/*float:left;*/
	font-weight:normal;
	color: #ccc;
	}		
.cont_left a{
	float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#63AC05;
	padding-top:5px;
	}	

/** CONTENT RIGHT **/
.cont_right{
	width:449px;
	float:right;
	padding:0 5px 0 0;
	}	
.cont_right em,
.cont_info_right em{color:#FF9901;}	
.cont_right ul{float:left; padding-top:9px;}
.cont_right li{
	width:439px;
	float:left;
	list-style:none;
	border-bottom:#E3F0D2 solid 1px;
	padding:0 10px 4px 0;
	margin-bottom:15px;
	}
.cont_right .img{margin:3px 14px 0 0;}	
.cont_right li a{color:#63AC05; text-decoration:underline;}	
.cont_right .no_bord{border:none;}

/** CONTENT INFO **/

.cont_info{
	width:914px;
	float:left;
	background:url(../images/info_bg.jpg) repeat-y;
	margin-top:21px;
	margin-bottom:30px;
	}
.cont_info_left{
	width:320px;
	float:left;
	padding:10px 0 0 28px;
	}
.cont_info_left ul{float:left; list-style:none; padding-left:5px;}
.cont_info_left li{
	width:100%;
	float:left;
	padding-top:8px;
	}
.cont_info_left a{color:#666;}	
.cont_info_left a img{margin:0 0 -2px 10px;}

.cont_info_right{
	/*width:338px;*/
	width:445px;
	float:left;
	padding:10px 0 0 118px;
	}
.cont_info_right h1{margin-bottom:10px;}	
.cont_info_right li{
	width:100%;
	height:36px;
	float:left;
	list-style:none;
	padding-bottom:4px;
	}	
.cont_info_right span.number{
	width:34px;
	height:36px;
	float:left;
	background:url(../images/number.jpg); 
	text-align:center;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	line-height:34px;
	margin:0 10px 4px 0;
	}	
.cont_info_right a{line-height:36px; color:#666;}	

/** CONTENT TXT **/
.cont_txt{
	width:868px;
	margin:0 auto;
	clear:both;
	/*border-bottom:#E3F0D2 solid 3px;*/
	text-align:center;
	font-family:"Century Gothic";
	font-size:15px;
	padding:30px 0;
	}

/** CONT FOOT **/
.cont_foot{
	width:868px;
	margin:0 auto;
	clear:both;
	padding:27px 0 0 0;
	}
.cont_foot_in{
	width:210px;
	float:left;
	padding-right:110px;
	}	
.no_padd{padding-right:0;}

/** FOOTER **/
.footer{
	width:100%;
	height:213px;
	float:left;
	background:url(../images/footer_bg.jpg) center top no-repeat;
	}
.footer_in{
	width:868px;
	margin:0 auto;
	clear:both;
	border-top:#E3F0D2 solid 3px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:13px;
	line-height:30px;
	}	
.footer_in a{color:#666;}

/** FIND GARDEN **/
.find_gard,
.cont_details{
	width:868px;
	margin:0 auto;
	clear:both;
	}
.cont_details_sub{
	padding-top: 20px;
	padding-bottom: 20px;
	width:868px;
	margin:0 auto;
	clear:both;
	border-bottom:#CDE4AF;
	border-bottom-width:1px;
	border-bottom-style:solid;
	}	
.cont_details_sub_home{
	padding-top: 20px;
	padding-bottom: 20px;
	width:868px;
	margin:0 auto;
	clear:both;
	}			
.cont_details_sub h2 em{
	color:#86D209;
	}				
.cont_details_x{
	width:868px;
	margin:0 auto;
	clear:both;
	}	
.find_prod{
	width:100%;
	float:left;
	border-top:#CDE4AF solid 1px;
	padding:20px 0;
	}	
.find_prod_in,
.find_prod_in_r{
	width:400px;
	float:left;
	padding:10px 10px 10px 0;
	border-right:#CDE4AF solid 1px;
	}	
.find_prod .right{
	width:260px;
	float:right;
	line-height:20px;
	}	
.find_prod h2{
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding-bottom:5px;
	}	
.find_prod .price{
	/*float:right;*/
	clear:both;
	padding-top:15px;
	font-size:14px;
	color:#63AC05;
	font-weight:normal;
	}	
.cont_det_right .price{
	float:left;
	clear:both;
	padding-top:5px;
	padding-bottom:15px;
	font-size:14px;
	color:#63AC05;
	font-weight:bold;
	font-size: 30px;
	}
.find_prod h2 a{color:#333;}
.find_prod a{color:#666;}

.find_prod_in_r{
	border-left:#CDE4AF solid 1px;
	border-right:none;
	margin-left:-1px;
	padding-left:40px;
	}		

/** CONTENT DETAILS **/
.cont_details{padding-top:40px;}
.navbar_left{
	width:156px;
	float:left;
	border-right:#CDE4AF solid 1px;
	list-style:none;
	padding-top:8px;
	}	
.navbar_left li{
	width:151px;
	float:left;
	font-style:italic;
	padding-left:5px;
	}	
.navbar_left li a{color:#333;}	
.navbar_left li.curr{
	width:152px;
	border-top:#CDE4AF solid 1px;
	border-bottom:#CDE4AF solid 1px;
	background:#e9f3da;
	margin-right:-1px;
	position:relative;	
	color:#01BB13;
	}	

/** CONTENT DETAILS RIGHT **/
.cont_details_r{
	width:680px;
	float:left;
	border-left:#CDE4AF solid 1px;
	margin-left:-1px;
	padding:7px 11px 10px 20px;
	background-color: #e9f3da;
	}
.cont_det_r_in{
	width:470px;
	float:left;
	}			
.cont_details_r h3,
.cont_det_right h3{
	font-family:"Hypatia Sans Pro";
	font-size:20px;
	font-weight:bold;
	color:#333;
	}	
.cont_det_txt{
	width:455px;
	float:left;
    /*padding:20px 0 10px 0;*/
	padding:0px 0 10px 0;
	line-height:20px;
	}	
.cont_det_txt h3{
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	margin-bottom:5px;
	}	

.cont_det_right{
	width:160px;
	float:right;
	padding-right:20px;
	}
.cont_details_r ul{
	padding:7px 0 10px 20px;
	}
.cont_details_r dl{
	width: 450px;
	}
.cont_details_r dt{
	border-bottom-color:#CDE4AF;
	border-bottom-style:solid;
	border-bottom-width:1px;
	float:left;
	font-weight:700;
	padding-bottom:3px;
	padding-left:10px;
	padding-top:3px;width:150px;
	}
.cont_details_r dd{
	border-bottom-color:#CDE4AF;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-bottom:3px;
	padding-top:3px;
	}
.padd{
	float:left;
	padding:10px 0 0 20px;
	}	
.padd h3{
	font-size:16px;
	font-weight:normal;
	}	
.cont_det_right em{
	float:left;
	clear:both;
	}	
.cont_det_right .price{
	margin:10px 0;
	}	
.cont_det_right .select_,
.cont_det_right .input_,
.cont_det_right .textarea_,
.contact_us .input_,
.contact_us .textarea_{
	width:150px;
	height:21px;
	float:left;
	border:#CCC solid 1px;
	margin-top:5px;
	}	
.cont_det_right .input_,
.contact_us .input_{padding-top:3px; height:19px;}	
.cont_det_right .textarea_{
	width:160px;
	height:100px;
	}	
.add_to_cart,
.submit,
.send{
	width:119px;
	height:30px;
	float:left;
	background:url(../images/add_to_cart.jpg);
	border:none;
	cursor:pointer;
	}
input.add_to_cart:hover{
	background:url(../images/add_to_cart_on.jpg);
	}
.checkout{
	width:101px;
	height:26px;
	background:url(../images/checkout.gif);
	color:#FFF;
	font-weight:bold;
	border:none;
	cursor:pointer;
	padding-bottom:4px;
	padding-right:18px;
	}	

/** ASK A QUESTION **/
.cont_ask_q{
	width:100%;
	float:left;
	}
.submit,
.send{
	width:69px;
	height:30px;
	float:right;
	background:url(../images/submit.jpg);
	margin-top:12px;
	}	
.cont_ask_q .cont_det_r_in{
	width:650px;
	float:left;
	padding:18px 0 40px 0;
	}	
.cont_ask_q  h4{
	width:30px;
	float:left;
	font-size:18px;
	color:#333;
	font-weight:normal;
	}	
.cont_ask_q a{
	width:615px;
	float:right;
	cursor:pointer;
	}	
.cont_ask_q .cont_det_r_in div{
	width:615px;
	float:right;
	}	
.cont_ask_q .cont_det_txt b{
	font-size:16px;
	color:#333;
	}	
.cont_ask_q .cont_det_right h3{font-weight:bold;}	

/** CONTACT US **/
.contact_us{
	float:left;
	padding-top:20px;
	}
.contact_us span{
	width:100px;
	float:left;
	padding:3px 10px 0 0;
	font-size:14px;
	color:#333;
	text-align:right;
	}	
.contact_us .input_{
	width:200px;
	}	
.contact_us .textarea_{
	width:300px;
	height:150px;
	}
.send{background:url(../images/send.jpg);}

/** FORM VALIDATION **/
span.hint {
	font:normal 11px/14px verdana;
	background:#eee url(../images/validation/bg-span-hint-gray.gif) no-repeat top left;
	color:#444;
	border:1px solid #888;
	padding:5px 5px 5px 40px;
	width:250px;
	position:absolute;
	margin: -12px 0 0 14px;
	line-height:25px;
	display:none;
}

fieldset {
	border:none;
	}

fieldset.welldone span.hint {
	background:#9fd680 url(../images/validation/bg-span-hint-welldone.jpg) no-repeat top left;
	border-color:#749e5c;
	color:#000;
}
fieldset.kindagood span.hint {
	background:#ffffcc url(../images/validation/bg-span-hint-kindagood.jpg) no-repeat top left;
	border-color:#cc9933;	
}


fieldset.welldone {
	background:transparent url(../images/validation/bg-fieldset-welldone.gif) no-repeat 194px 19px;
}
fieldset.kindagood {
	background:transparent url(../images/validation/bg-fieldset-kindagood.gif) no-repeat 194px 19px;	
}