@charset "utf-8";
*{ margin:0; padding:0;}
body {
	font-family:gotham, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #434343;
}
h1{
	font-size: 20px;
	font-weight: normal;
	color: #699410;
	display:block;
	padding:0 0 5px 0;
}
h1 a {color: #699410; text-decoration:none;}
h1 a:hover {color: #000000;}

h13{
	font-size: 20px;
	font-weight: normal;
	color: #699410;
	display:block;
	padding:0 0 5px 0;
}
h13 a {color: #699410; text-decoration:none;}
h13 a:hover {color: #000000;}


h2{
	font-size: 24px;
	font-weight: normal;
	color: #000000;
	display:block;
	padding:0 0 5px 0;
}

h3{
	font-size: 18px;
	font-weight: normal;
	color: #699410;
	display:block;
	padding:0 0 5px 0;
}
a {
	text-decoration: underline;
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #000000;
}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f17{ font-size:17px;}
.f18{ font-size:18px;}
.f19{ font-size:19px;}
.f20{ font-size:20px;}
.f21{ font-size:21px;}
.f22{ font-size:22px;}
.f23{ font-size:23px;}
.f24{ font-size:24px;}
.color{ color:#000000;}
.color_grn{ color:#699410;}

.m_l12{ margin-left:12px;}
.m_b20{ margin-bottom:20px;}

#wrapper{ margin:0 auto; width:950px;}
#header{width:950px; float:left; height:140px;  padding:0 0 2px 0; margin-bottom:15px !important;}
#header h6 { float:left !important; height:140px !important; width: 450px !important; display:block !important; background:url(../images/logo.jpg) no-repeat left top !important; overflow:hidden !important; }
#header .link_area {float:left; /*height:140px;*/ width: 500px;}
#header .nav {float:left; width: 500px; margin:20px 0 0 0;}
#header .nav ul { margin:0; padding:0; list-style:none;}
#header .nav li { float:left; display:block; width:121px; height:81px;}

#header .nav .link1{ float:left; display:block; width:121px; height:81px; background:url(../images/link1.jpg) no-repeat left top;}
#header .nav .link1 a { float:left; display:block; width:121px; height:81px; background:url(../images/link1.jpg) no-repeat left top; text-decoration:none;}
#header .nav .link1 a:hover { float:left; display:block; width:121px; height:81px; background:url(../images/link11.jpg) no-repeat left top;}
#header .nav .link1 .selected{ float:left; display:block; width:121px; height:81px; background:url(../images/link11.jpg) no-repeat left top;}


#header .nav .link2{ float:left; display:block; width:121px; height:81px; background:url(../images/link2.jpg) no-repeat left top;}
#header .nav .link2 a { float:left; display:block; width:121px; height:81px; background:url(../images/link2.jpg) no-repeat left top; text-decoration:none;}
#header .nav .link2 a:hover { float:left; display:block; width:121px; height:81px; background:url(../images/link22.jpg) no-repeat left top;}
#header .nav .link2 .selected{ float:left; display:block; width:121px; height:81px; background:url(../images/link22.jpg) no-repeat left top;}

#header .nav .link3{ float:left; display:block; width:121px; height:81px; background:url(../images/link3.jpg) no-repeat left top;}
#header .nav .link3 a { float:left; display:block; width:121px; height:81px; background:url(../images/link3.jpg) no-repeat left top; text-decoration:none;}
#header .nav .link3 a:hover { float:left; display:block; width:121px; height:81px; background:url(../images/link33.jpg) no-repeat left top;}
#header .nav .link3 .selected{ float:left; display:block; width:121px; height:81px; background:url(../images/link33.jpg) no-repeat left top;}

#header .nav .link4{ float:left; display:block; width:121px; height:81px; background:url(../images/link4.jpg) no-repeat left top;}
#header .nav .link4 a { float:left; display:block; width:121px; height:81px; background:url(../images/link4.jpg) no-repeat left top; text-decoration:none;}
#header .nav .link4 a:hover { float:left; display:block; width:121px; height:81px; background:url(../images/link44.jpg) no-repeat left top;}
#header .nav .link4 .selected{ float:left; display:block; width:121px; height:81px; background:url(../images/link44.jpg) no-repeat left top;}


#header .nav1 {
	float:left;
	width: 485px;
	margin:5px 0 0 0;
	font-family: gotham, Arial, Helvetica, sans-serif;;
	font-size: 18px;
	padding:0;
}
#header .nav1 a { color:#000000; text-decoration:none;}
#header .nav1 a:hover { color:#598f0c;}


#body_part {width:950px; float:left;}
.main_image {width:950px; height:357px; float:left; background:url(../images/main1.jpg) no-repeat left top; margin:0 0 20px 0;}
.main_image .text_area11 {width:275px; height:268px; float:left; padding:35px 0 0 33px;font-family: gotham, Arial, Helvetica, sans-serif;	font-size: 17px; color:#FFFFFF; line-height:25px; }
.main_image .text_area11 h1 {	font-size: 24px; color:#FFFFFF; padding:0 0 10px 0; }

.main_image1 {width:950px; float:left; margin:0 0 10px 0;}

.middle_text3 {width:950px; float:left; padding-bottom:10px;}
.middle_text3 ul {margin:0; padding:0; list-style:none;}
.middle_text3 li { float:left; display:block; width:300px; padding:0 8px;  height:50px;}
.border_right { background:url(../images/divi.jpg) repeat-y right top;}
.middle_text3 li h1 { color:#63a114; font-size:18px; font-weight:normal; padding:0;}


.box333{ width:333px; float:left; background:url(../images/mid333.jpg) repeat-y left top;}
.box333 .bot1{ width:333px; float:left;background:url(../images/bot333.jpg) no-repeat left bottom;}
.box333 .top1{ width:303px; float:left;background:url(../images/top333.jpg) no-repeat left top; padding:15px;}
.box333 .thumb_large {width:303px; float:left; padding:0 0 10px 0; margin:0 0 10px 0;  background:url(../images/dashed.jpg) repeat-x left bottom;}
.box333 .area1{width:303px; float:left;}
.bot_dash{ background:url(../images/dashed.jpg) repeat-x left bottom; padding:0 0 5px 0;}
.bot_dot{ background:url(../images/divi.jpg) repeat-x left bottom; padding:0 0 10px 0;}


.img_cms{ float:left; padding:0 10px 10px 0;}



.box193{ width:193px; float:left; background:url(../images/mid193.jpg) repeat-y left top;}
.box193 .bot1{ width:193px; float:left;background:url(../images/bot193.jpg) no-repeat left bottom;}
.box193 .top1{ width:163px; float:left;background:url(../images/top193.jpg) no-repeat left top; padding:15px;}
.box193 .top1_1{ width:163px; background:url(../images/box193_1.jpg) no-repeat left top; padding:169px 15px 15px 15px;}
.box193 .top1_2{ width:163px; background:url(../images/box193_2.jpg) no-repeat left top; padding:169px 15px 15px 15px;}
.box193 .top1_3{ width:163px; background:url(../images/box193_3.jpg) no-repeat left top; padding:169px 15px 15px 15px;}



.deal245 { width:245px; float:left; background: url(../images/mid_245.jpg) repeat-y left top;}
.deal245 .bot1{ width:245px; float:left; background: url(../images/bot_245.jpg) no-repeat left bottom;}
.deal245 .top1{ width:215px; float:left; padding:60px 15px 15px 15px; background:url(../images/deal.jpg) no-repeat left top; }
.deal245 .top2{ width:215px; float:left; padding:60px 15px 15px 15px; background:url(../images/article1.jpg) no-repeat left top; }



#footer{width:920px; float:left; background:url(../images/dashed1.jpg) repeat-x left top; text-align:center; padding:15px; line-height:22px; margin-top:10px; position:relative; }
#footer .google_ads {width:920px; float:left; text-align:center; padding:5px 0;}
#footer a { padding:0 5px;text-decoration:none !important;}
#footer a:hover { text-decoration:underline !important;}
#footer .part2 {width:200px; float:left; position:absolute; right:0; top:0; padding-top:120px; }



.left_side{ width:245px;  float:left; overflow:hidden;  padding-bottom:10px;}
.news_area{ width:195px; /*height:249px;*/ float:left; background:url(../images/bg1.jpg) no-repeat left top; padding:25px; color:#FFFFFF;}
.news_area h1 {
	font-size: 24px;
	font-weight: bold;
	color:#FFFFFF; 
	width:195px;
	float:left;
	display:block;
}

.news_area .link_list1 {	color:#FFFFFF; width:195px; float:left; font-size:18px; overflow:hidden;}
.news_area .link_list1 ul { margin:0; padding:0; list-style:none;}
.news_area .link_list1 li { margin:0; padding:0;}
.news_area .link_list1 li a {display:block; background:url(../images/bull.gif) no-repeat left center; color:#FFFFFF; text-decoration:none; width:175px; padding:5px 0 5px 20px; border-bottom:dotted 1px #FFFFFF; }
.news_area .link_list1 li a:hover {color:#FFFFCC;}



.content_area{ width:685px; float:left; padding-left:20px; overflow:hidden; *padding-bottom:10px;}
.content_area .area1{ width:685px; padding:5px 0 10px 0; float:left;}



.link1{ color:#000000;}
.link1 a { color:#8cc63f;}









#marqueecontainer{
width:100%; /*marquee width */
height: 210px; /*marquee height */
overflow: hidden;
position:relative;
float:left;
}
#vmarquee{
width:100% /*marquee width */
height: 210px; /*marquee height */
overflow: hidden;
position:relative;
float:left;
}

.testi_list{ width:245px;  float:left; padding:10px 0 0 0;}
.testi_list h1 {
	width:245px;
	float:left;
	font-size: 24px;
	font-weight: bold;
	color: #9b4419;
	border-bottom:dotted 1px #9b4419;
}

.testi_list ul { margin:0; padding:0; list-style:none;}
.testi_list li { display:block; width:245px; padding:5px 0;}
.testi_list li span { display:block; width:245px; text-align:right; padding:5px 0; color:#517820;}


.product_list{ width:685px; float:left; padding:10px 0; color:#000000; font-weight:bold;}
.product_area{ width:218px; height:270px; float:left; margin:0 10px 0 0;}
.product_area1{ width:218px; height:312px; float:left; margin:0 10px 0 0;}
.product_image{ width:198px; height:137px; background:url(../images/product_image.jpg) no-repeat scroll center top; padding:10px; text-align:center; float:left;}
.product_image .image_area{ width:198px; height:137px; float:left; overflow:hidden;vertical-align:middle; }
.product_area .price { width:208px; float:left;  padding:5px; text-align:center;}
.product_area .price1 {color:#753F5F; font-size:16px; text-align:center; width:218px; float:left;}
.product_area .price2 {color:#753F5F; font-size:10px; text-align:left; width:218px; float:left; font-family:Georgia, "Times New Roman", Times, serif;}
.product_area .description_btn {text-align:center; width:218px; float:left; }



.paging{ text-align:center; font-weight:bold; width:600px; float:left; height:30px; padding:5px 0;}
.paging a { border:solid 1px #517820; padding:2px 5px; margin:0 3px 3px 0; text-decoration:none;}
.paging a:hover { background:#F0F0F0;}


.button1{ border:solid 1px #638340; background:#9EC743;}



.product_detail{ width:685px; padding:5px 0 10px 0; float:left;}
.product_detail .slideshow{ width:300px; float:left; height:350px;}
.product_detail .details{ width:375px; float:left; padding:0 0 0 10px;}

.table1{ display:table;}
.table1_tr{ display:table-row; }
.table1_td{ display:table-cell; padding:5px; border-bottom:dotted 1px #CCCCCC; height:25px; }


.w100px{ width:90px; float:left;}
.w200px{ width:200px; float:left;}
.w245px{ width:235px; float:left;}
.w140px{ width:130px; float:left;}
.w655px{ width:655px; float:left;}
.w685px{ width:685px; float:left;}






.lineheight20{ line-height:20px;}
.lineheight25{ line-height:25px;}




.table_pad5{color:#000000;}
.table_pad5 td { padding:5px; background:#FFFFFF;}
.table_pad5 td a { color:#699410;}



.text_area{ border: solid 1px #999999; background:#F7F7F7;}
.text_area1{ border: solid 1px #999999; background:#FFF2CC;}
.bot_line{ border-bottom: solid 1px #999999; padding:0 0 5px 0;}





.li_listing{ text-decoration:none;}
.li_listing ul { list-style:none;}
.li_listing li {display:block; padding:5px 0 10px 0; border-bottom:dotted 1px #666666; list-style:none;}
.li_listing li span { display:block; text-align:right; color:#62813D; }
.li_listing li strong { color:#9b4419; }



.overline{ text-decoration:line-through;}




.deal_listing{ width:215px; float:left; overflow:hidden; height:auto;}
.deal_listing ul{ margin:0; padding:0; list-style:none;}
.deal_listing li{ display:block; padding:0 0 5px 5px; margin:0 0 5px 0; border-bottom:dotted 1px #CCCCCC; border-left: solid 2px #FFD662;}
.deal_listing li h1 { color:#00A3E4; font-size:14px; font-weight:bold; margin:0; padding:2px; background:#DAF2FC;}
.deal_listing li a { color:#699410; font-weight:bold; padding:5px 0; display:block;}



.padtop10{ padding-top:10px;}



.box_green{ float:left; width:685px; background:url(../images/box_g_m.jpg) repeat-y left top; margin-bottom:15px;}
.box_green .bot1{ float:left; width:685px; background:url(../images/box_g_b.jpg) no-repeat left bottom;}
.box_green .top1{ float:left; width:655px; background:url(../images/box_g_t.jpg) no-repeat left top; padding:15px 15px 0 15px; margin-bottom:15px;}

.box_orange{ float:left; width:685px; background:url(../images/box_o_m.jpg) repeat-y left top; margin-bottom:15px;}
.box_orange .bot1{ float:left; width:685px; background:url(../images/box_o_b.jpg) no-repeat left bottom; *padding:0 0 15px 0;}
.box_orange .top1{ float:left; width:655px; background:url(../images/box_o_t.jpg) no-repeat left top; padding:15px 15px 0 15px; margin-bottom:15px;}





.box1_green{ float:left; width:685px; background:url(../images/box1_g_m.jpg) repeat-y left top; margin-bottom:10px; }
.box1_green .bot1{ float:left; width:685px; background:url(../images/box1_g_b.jpg) no-repeat left bottom; padding-bottom:15px;}
.box1_green .top1{ float:left; width:655px; background:url(../images/box1_g_t.jpg) no-repeat left top; padding:15px 15px 0 15px; font-size:14px;}
.box1_green .top1 span { display:block; color:#62813D; text-align:right;}
.box1_green .top1 strong { color:#9B4419;}

.txt_ara_wt{ background:none; border:none; border-width:0;}
.button_submit{ background:url(../images/patch.gif); border:none; border-width:0; height:25px; cursor:pointer; *cursor:hand;}


.form_area_renew {width:940px; float:left; background:url(../images/input1.gif) no-repeat center top; margin-left:6px; height:301px;}
.form_area_renew input[type=text] {height:30px;}
.form_area_renew .a1 {width:300px; float:left; height:30px; padding:35px 0 0 595px;}
.form_area_renew .a2 {width:300px; float:left; height:30px; padding:17px 0 0 595px;}
.form_area_renew .a3 {width:300px; float:left; height:auto; padding:20px 0 0 595px;}
.form_area_renew .a4 {width:120px; float:left; height:auto; padding:23px 0 0 585px;}



.form_area_reuse {width:423px; float:left; background:url(../images/input_charity.gif) no-repeat center top; margin-left:6px; height:252px; padding:22px 28px 27px 489px; font-weight:bold;}



.form_area_recycle {width:423px; float:left; background:url(../images/input_recyclers.gif) no-repeat center top; margin-left:6px; height:252px; padding:22px 28px 27px 489px; font-weight:bold;}


.form_area_pno {width:423px; float:left; background:url(../images/input_people_org.gif) no-repeat center top; margin-left:6px; height:252px; padding:22px 28px 27px 489px; font-weight:bold;}


.round_text_area { background:url(../images/text_field1.png) no-repeat left top transparent; background-color:none; border:none;  width:234px; height:19px; padding:5px 3px 0 5px; float:left;}
.round_text_area .text_area1 { background:#ffffff; border:none;  font-size:11px; border-width:0; width:235px;}
.round_text_area1 { background:url(../images/text_field2.png) no-repeat left top transparent; background-color:none; border:none;  width:234px; height:22px; padding:5px 3px 0 5px; float:left;}
.round_text_area1 .text_area1 { border:none; background:#ffffff; font-size:11px; border-width:0; width:235px;}


.round_text_box1 { background:url(../images/text_area.png) no-repeat left top transparent; background-color:none; border:none;  width:265px; height:72px; padding:5px 3px 0 5px; float:left;}
.round_text_box1 .text_area1 { border:none; background:#ffffff; font-size:11px; border-width:0; width:265px;}

.button_grn{
	width:175px;
	height:29px;
	background:url(../images/button_green_bg.png) no-repeat left top transparent;
	background-color:none;
	border:none;
	border-width:0;
	padding-bottom:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}






#dhtmltooltip{
position: absolute;
left: -300px;
width: 250px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
line-height:20px;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}




.cook_well1{ float:left; width:214px; height:97px; padding:43px 2px 2px 2px; background:url(../images/keepcool.png) no-repeat left top; font-size:13px; color:#635b5b; }
.cook_well1 h1 { font-size:14px; color:#000000; font-weight:bold;}

.cook_well2{ float:left; width:214px; height:97px; padding:43px 2px 2px 2px; background:url(../images/evenheating.png) no-repeat left top; font-size:13px; color:#635b5b; }
.cook_well2 h1 { font-size:14px; color:#000000; font-weight:bold;}

.cook_well3{ float:left; width:214px; height:97px; padding:43px 2px 2px 2px; background:url(../images/dishwashersafe.png) no-repeat left top; font-size:13px; color:#635b5b; }
.cook_well3 h1 { font-size:14px; color:#000000; font-weight:bold;}




a div { text-decoration:none; cursor:pointer; *cursor:hand;}




.table_logoset{ background:#F3F3F3;}
.table_logoset td { background:#ffffff; padding:5px;}




/*-------------------------------------- 4 sep 2009 -------------------------*/

.box1{ float:left; width:218px; background:url(../images/box1mid.jpg) repeat-y left top;  margin-right:10px !important;}
.box1 .bot1{ float:left; width:218px; background:url(../images/box1bot.jpg)  no-repeat left bottom;}
.box1 .top1{ float:left; width:200px; background:url(../images/box1top.jpg)  no-repeat left top; padding:52px 9px 9px 9px; height:240px;}

.box2{ float:left; width:218px; background:url(../images/box2mid.jpg) repeat-y left top; margin-right:10px !important;}
.box2 .bot1{ float:left; width:218px; background:url(../images/box2bot.jpg)  no-repeat left bottom;}
.box2 .top1{ float:left; width:200px; background:url(../images/box2top.jpg)  no-repeat left top; padding:52px 9px 9px 9px; height:240px;}

.box3{ float:left; width:218px; background:url(../images/box3mid.jpg) repeat-y left top;}
.box3 .bot1{ float:left; width:218px; background:url(../images/box3bot.jpg)  no-repeat left bottom;}
.box3 .top1{ float:left; width:200px; background:url(../images/box3top.jpg)  no-repeat left top; padding:52px 9px 9px 9px; height:240px;}


.box4{ float:left; width:218px; background:url(../images/box4mid.jpg) repeat-y left top;  margin-right:10px !important;}
.box4 .bot1{ float:left; width:218px; background:url(../images/box4bot.jpg)  no-repeat left bottom;}
.box4 .top1{ float:left; width:200px; background:url(../images/box4top.jpg)  no-repeat left top; padding:52px 9px 9px 9px; height:240px;}

.box5{ float:left; width:218px; background:url(../images/box5mid.jpg) repeat-y left top; margin-right:10px !important;}
.box5 .bot1{ float:left; width:218px; background:url(../images/box5bot.jpg)  no-repeat left bottom;}
.box5 .top1{ float:left; width:200px; background:url(../images/box5top.jpg)  no-repeat left top; padding:52px 9px 9px 9px; height:240px;}

.box6{ float:left; width:218px; background:url(../images/box6mid.jpg) repeat-y left top;}
.box6 .bot1{ float:left; width:218px; background:url(../images/box6bot.jpg)  no-repeat left bottom;}
.box6 .top1{ float:left; width:200px; background:url(../images/box6top.jpg)  no-repeat left top; padding:52px 9px 9px 9px; height:240px;}


.box7{ float:left; width:218px; background:url(../images/box7mid.jpg) repeat-y left top;  margin-right:10px !important;}
.box7 .bot1{ float:left; width:218px; background:url(../images/box7bot.jpg)  no-repeat left bottom;}
.box7 .top1{ float:left; width:200px; background:url(../images/box7top.jpg)  no-repeat left top; padding:52px 9px 9px 9px; height:240px;}

.box8{ float:left; width:218px; background:url(../images/box8mid.jpg) repeat-y left top; margin-right:10px !important;}
.box8 .bot1{ float:left; width:218px; background:url(../images/box8bot.jpg)  no-repeat left bottom;}
.box8 .top1{ float:left; width:200px; background:url(../images/box8top.jpg)  no-repeat left top; padding:52px 9px 9px 9px; height:240px;}









.inp
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #000000;
}
/*######################### Tabbing start #################################*/

.tabbing_top{ font-size:16px; color:#FFFFFF; float:left; width: 370px; margin:20px 0 0 0; font-weight:bold; padding:0 0 0 130px;}
.tabbing_top ul { margin:0; padding:0; list-style:none;}
.tabbing_top li { margin:0; padding:0; float:left;}
.tabbing_top li a { display:block; float:left; width:106px; height:46px; color:#FFFFFF; text-decoration:none; background:url(../images/tab.gif) no-repeat left top; padding:35px 0 0 15px; line-height:15px;}
.tabbing_top li a:hover { background:url(../images/tab.gif) no-repeat left bottom; color:#FFFFFF;}

.tabbing_top li a span { display:block; font-size:21px;  font-weight:normal;}
.tabbing_top .selected { background:url(../images/tab.jpg) no-repeat left bottom; color:#FFFFFF;}

.tabbing_top .tab1{background:url(../images/tab1.jpg) no-repeat left top; color:#FFFFFF;}
.tabbing_top .tab2{background:url(../images/tab2.jpg) no-repeat left top; color:#FFFFFF;}
.tabbing_top .tab3{background:url(../images/tab3.jpg) no-repeat left top; color:#FFFFFF;}
.tabbing_top .tab4{background:url(../images/tab4.jpg) no-repeat left top; color:#FFFFFF;}



/*######################### Tabbing end #################################*/
/*######################### 10 oct 2009 start #################################*/

#main_image11 {width:412px; height:239px; float:left; margin:0 0 10px 0; padding:29px 498px 33px 30px; font-size:21px; color:#000000; line-height:25px;}
.home1a { background:url(../header_images/home_1.jpg) no-repeat left top;}
.about1a { background:url(../header_images/about_1.jpg) no-repeat left top;}
.cookwell1a { background:url(../header_images/cookwell_1.jpg) no-repeat left top;}
.dogood1a { background:url(../header_images/do_good_1.jpg) no-repeat left top;}
.retail1a { background:url(../header_images/retailer_1.jpg) no-repeat left top;}

/*######################### 10 oct 2009 end #################################*/
