@charset "UTF-8";
/* CORE ELEMENTS ======================================================*/
html, body{width: 100%; height: 100%;}
body{margin: 0;  background: #ecf7f3; font-family: arial, helvetica, verdana; font-size: 12px; color: #7fa395;}
img{border: 0;}
#main_flash{cursor: pointer; color: #666; text-decoration: none;}
a {
	color:#7fa395;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #f3b4a4;
}
form{margin: 0;}
p, .p{padding: 0; margin: 0; margin-top: 15px;}
h1, h2, h3, h4, h5, h6{margin: 0; padding: 0}
#product_title{
	font-size:36px;
	font-weight: bold;
}
h1{ font-size:74px}
h6{color: #FF0000; font-size: 12px;}
hr{border: 0; width: 100%; color: #E0E0E0; background-color: #E0E0E0; height: 1px;}


/* GLOBAL CLASSES ======================================================*/
.hidden{display: none;}
.visible{display: block;}
.left{float: left;}
.right{float: right;}
.clear{
	clear: both; 
	margin-bottom: 0px!important;   
 
}
.clear2{
	clear: both; 
	margin-bottom: 0px!important;   
	margin-bottom: -3px; /* IE6 */	
}
.clear3{
	clear: both; 
}

.clear7{
	clear: both; 
	margin-bottom: -2px!important;   
	margin-bottom: -10px; /* IE6 */	
}
.clear30{
	clear: both; 
	margin-bottom: 0px!important;   
	margin-bottom: -0px; /* IE6 */	
}
.clear_ie6_2px{
	clear: both; 
	margin-bottom: 0px!important;   
	margin-bottom: -2px; /* IE6 */	
}

.clear_ie6_3px{
	clear: both; 
	margin-bottom: 0px!important;   
	margin-bottom: -3px; /* IE6 */	
}

.clear_ie6_5px{
	clear: both; 
	margin-bottom: 0px!important;   
	margin-bottom: -5px; /* IE6 */	
}

.clear_ie6_10px{
	clear: both; 
	margin-bottom: 0px!important;   
	margin-bottom: -10px; /* IE6 */	
}


.clear_ie6_20px{
	clear: both; 
	margin-bottom: 0px!important;   
	margin-bottom: -20px; /* IE6 */	
}
.clear_ie6_30px{
	clear: both; 
	margin-bottom: 0px!important;   
	margin-bottom: -0px; /* IE6 */	
}

 

.clear_ie6_13px{
	clear: both; 
	margin-bottom: 0px!important;   
	margin-bottom: -13px; /* IE6 */	
}
 

.clear_all_2px_ie6_10px{
	clear: both; 
	margin-bottom: -2px!important;   
	margin-bottom: -10px; /* IE6 */	
}

.field_input_gap{
	clear: both; 
	height:7px;
	margin-bottom: -2px!important;   
	margin-bottom: -10px; /* IE6 */	
}

.field_title_gap{
	clear: both; 
	height: 15px;	
}

.wrap1 {
	width: auto;
	padding: 0px 10px 10px 10px;
	display: block;
	background-image: url(../images/shadow.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
  } 
.wrap2 { 
    background: url(images/fuzzy_shadow1.png) no-repeat right top;  
  } 
.wrap3 { 
    background: url(images/fuzzy_shadow2.png) no-repeat left bottom;
    padding: 0 6px 6px 0; 
    display: block; 
  }
  
/* For Safari */
.form_field_long_msg {
	resize: none;
}

/* COMMON STYLES FOR ALL PAGES======================================================*/
#main_container{
	width: 960px;
	position: relative;
	margin: auto;
	/*background: #FFF;*/
	text-align: left;
}

/*===================== HEADER ==================*/
#header{
	margin-bottom:0px;
	border-bottom-width: 1px;
	border-bottom-color: #bfd1ca;
	border-bottom-style: solid;
	height:118px;
	}

/*===shopping cart======*/
#addtocartdiv {
	position:absolute; 
	right:10px;
	width:280px;
	border:1px solid #C7D4CF; 
	background-color:#fff; 
	display:none;
	color:#939B98;
	overflow:visible;
	z-index:400;
	text-align: left;
}

#addtocartdiv #cart_top {
	font-size:15px;
	padding:10px 10px 1px 10px;
	color: #7fa395;
}

#addtocartdiv #message {
	padding:3px 10px 7px 10px;
	text-align: left;
}

#addtocartdiv #prod_desc {
	padding:5px 10px;
}

#addtocartdiv #prod_desc p {
	margin: 0;
	vertical-align:center;
	color: #7fa395;
}

#addtocartdiv #prod_desc .left {
	width:30%;
}

#addtocartdiv #prod_desc .right {
	width:70%;
	text-align: left;
	margin: 10px 0 0;
}

#addtocartdiv #prod_desc span {
	display: block;
}

#addtocartdiv #prod_desc #prod_title {
	margin-bottom: 3px;
}

#addtocartdiv #prod_desc #prod_name {
	margin-bottom: 3px;
}

#addtocartdiv #cart_amount {
	padding:8px 10px;
}

#addtocartdiv #cart_subtotal {
	padding: 7px 10px 1px;
	background-color:#edf8f4;
	color:#7fa395;
	height:20px;
}

#addtocartdiv #cart_bottom {
	padding: 10px 10px 5px;
}

/*====header_group1======*/
#header_group1{
	padding: 0px;
	margin: 0px;
	background-image: url(../images/top_bg.gif);
	background-repeat: repeat-x;
	height: 88px;
}
#header_group1 ul{margin: 0; padding: 0; list-style: none;}
#header_group1 li{margin: 0; padding: 0; float: left;}
/*====utility nav======*/
#header #ulilitynav{float: right;}
#ulilitynav{float: right;}
.account{
	padding-right: 0px;
	/*border-right: 1px solid #FFF;*/
	padding-left: 17px;
}
#header_left{
	color: #FFF;
	text-decoration: none;
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 11px;
	float: left;
}
#header_left a{
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
}
#header_left a:hover{
	color: #fdded6;
	font-size: 11px;
	text-decoration: none;
}
#logo{float:none; margin-top: 3px;}
#sign_in{padding-left: 17px;}	
#cust_service{
	color: #FFF;
	text-decoration: none;
	width:auto;
	float:right;
	padding-right: 10px;
	padding-bottom: 10px;
	font-size: 11px;
}
#cust_service a{
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
}
#cust_service a:hover {
	color: #fdded6;
	text-decoration: none;
}

#pouser{
	color: #FFF;
	text-decoration: none;
	width:350px;
	float:left;
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 11px;
}
#pouser a{
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
}
#pouser a:hover {
	color: #fdded6;
	text-decoration: none;
}
/*====search======*/
#search {
	float:right;
	padding-top: 6px;
	padding-right: 9px; /*padding-right: 10px; 53840 COG May 27 2010 - Decrease value after added testimonial menu link on the global nav */
	padding-bottom: 6px;
	padding-left: 7px; /*padding-left: 6px; 53840 COG May 27 2010 - Increase value after added testimonial menu link on the global nav */
	line-height:17px
}
#search input{float: left;}
#search_field{
	width: 130px;
	height: 15px;
	line-height: 16px;
	border: 1px solid #c7d4cf;
	margin-right: 5px;
	color: #939b98;
	font-size:12px;
	vertical-align:baseline;
}
search_submit{
	vertical-align:baseline;}
									 
/*====marketing======*/
#marketingnav_container{background: #F4F4F4; padding: 5px 14px;}
#marketingnav_container ul{margin: 0; padding: 0; list-style: none;}
#marketingnav_container li{float: left;}
#marketingnav_container #marketingnav{float: right;}
#marketingnav span{padding-left: 7px;}
/*====email_signup======*/
#email_signup {
	float:right;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 6px;
}
#email_signup input{float: left;}
#email_signup_field{
	width: 130px;
	height: 15px;
	line-height: 15px;
	border: 1px solid #c7d4cf;
	margin-right: 5px;
	margin-bottom: -5px;
	color: #939b98;
	padding-left:2px;
	font-size:12px;
	}
	
/*====globalnav======*/
#globalnav{
	color: #FFF;
	background-image: url(../images/nav_bg_loop.gif);
	background-repeat: repeat-x;
	height: 30px;
	padding: 0px;
	margin: 0px;	
}
#globalnav h1{font-size: 12px; font-weight: normal;}
#globalnav ul{margin: 0; padding: 0; list-style: none;}
#globalnav li{padding: 0px;margin: 0; float: left;}
#globalnav a{
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
.nav_header{
	height:90px; 
	background-repeat:no-repeat;
}

.nav_header_hidden{
	display:none;
} 

.subnav_list_div{ float: right;height:31px;line-height:31px; padding-top:20px;width:303px;}
.subnav_list{ height:29px;  margin: 0; padding: 0;list-style: none;} 
.subnav_list li{
	float: left;	
	float:left; 
	background-color:#dcede7; 
	width:80px;
	height:29px;
	color:#8faca1;
	margin-right:1px; 
	cursor:hand; 
	padding-top:0px!important;	
	padding-top:8px!;	
	margin-bottom:0px!important;	
	margin-bottom:-30px!;		
	padding-left:20px!important;	
	padding-left:20px!;	
}
#subnav_list_selected{ background-color:#8faca1;color:#FFFFFF;}

.subnav_list .subnav_item {
	background: url(/images/arrow_right.gif) 80% 50% no-repeat #DCEDE7;
}

.subnav_list .hover {
	background-color: #8FACA1;
	color: #fff;
	background: url(/images/arrow_sub_white.gif) 80% 50% no-repeat #8FACA1;
}

.subnav_list .hover a {
	color: #fff;
}

.subnav_list .subnav_list_selected {
	background: url(/images/arrow_sub_white.gif) 80% 50% no-repeat #8FACA1;
}

.subnav_list .subnav_list_selected a {
	color: #fff;	
}

.delivery_nav{
margin-left:240px!important;
}

/*====phone order popup======*/
#phone_order_container {position: absolute; left: 711px; z-index: 100;}
#phone_order_container #phone_order {position: relative;}
#phone_order #phone_close {position: absolute; top: 5px; left: 233px;}

/*====shopping_BAG======*/

#bag{
	float:right;
	padding: 0px;
	margin: 10px;
	width: 400px;
}
#bag a{text-decoration: none;}
#bag .bag_qty{padding-right: 7px; border-right: 1px solid #fff;}
#bag .checkout{padding-left: 7px; padding-right: 2px;}


/*===================== CONTENT ==================*/
#content_wrapper{
	width: 960px;
	margin: 0px;
	padding: 0px;
	background: url(/images/nav_btm_bg_full.gif) top left repeat-x #fff;
}
	#content_wrapper.subnav_exist{border-left: 0px solid #CCC; width: 960px;} /*only if subnav exist in page*/

/*====c======*/
#subnav{width: 150px; float: left; position: relative; margin-left: -150px;}
#subnav ul{margin: 10px 14px; padding: 0; list-style: none;}
#subnav ul ul{margin: 0; padding: 0; list-style: none;}
#subnav li{padding-bottom: 2px;}
#subnav li li{padding-left: 20px;}
#subnav h2,
	#subnav h3{font-size: 12px; font-weight: normal;}

/*====main content======*/
#main_content{
	padding: 0px;
	margin:0px;
	background-color: #FFFFFF;
}
 
#main_content_pad{
	padding: 0px;
	width:890px;
	margin-top: 00px;
	margin-right: 35px;
	margin-bottom: 0px;
	margin-left: 35px;
	background-color: #FFFFFF;
}
#main_content_pad_nbg{
	padding: 0px;
	width:890px;
	margin-top: 00px;
	margin-right: 60px;
	margin-bottom: 0px;
	margin-left: 60px;
}
	#content_wrapper.subnav_exist #main_content{margin-left: 0px; width: 960px;} /*only if subnav exist in page*/
#main_content h1{font-size: 17px;}
	
/*====promos======*/
#promos_container .promo{margin-top: 0px; padding: 0px; background: #FFF}
	#content_wrapper.subnav_exist #promos_container .promo{margin-left: 0px;} /*only if subnav exist in page*/
			
/*===================== FOOTER ==================*/

#footer{
	width: 960px;
	position: relative;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#footernav{
	width: 960px;
	/*margin-top:8px;*/
}
#footernav ul{margin: 0; padding: 0; list-style: none; vertical-align:bottom;}
#footernav li{
	padding-right: 10px;
	padding-top: 10px;
	float: left;/*vertical-align:bottom;
	font-family:song, ms gothic, MS UI Gothic;*/
}
#footernav_list{
	padding-right: 10px;
	padding-top: 10px;

	/*float: left;vertical-align:bottom;
	font-family:song, ms gothic, MS UI Gothic;*/
}
#footernav a{color: #7fa395;text-decoration: none;}
#footernav a:hover{
	color: #f3b4a4;
	text-decoration: none;
}
#footer #country{float: right; padding-right: 0; padding-top: 0;}
/*====copyright======*/
#copyright{
	font-size: 10px;
	margin: 5px 0;
}
#copyright a{
	color: #7fa395;
	font-size: 10px;
}
#copyright a:hover{
	text-decoration: none;
	color: #f3b4a4;
}
#copyright ul{margin: 0; padding: 0; list-style:upper-alpha;}
#copyright_span{ padding-left: 10px;padding-right: 10px;}
#copyright_span a{ color: #7fa395;}
#copyright_span a:hover{ text-decoration: none;color: #f3b4a4;}

#popup_viewbag {
	width: 280px;
	position: absolute;
	background-color: #FFF;
	overflow: visible;
	visibility: visible;
	z-index: 100;
	border: 1px solid #c7d4cf;
	color: #939b98;
	right:10px;
}

#popup_viewbag_pd {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 10px;
}

#popup_viewbag #content_box{
}
#popup_viewbag hr{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c7d4cf;

}
#popup_viewbag a{
	color: #7fa395;
	font-size: 12px;
	text-decoration: none
}

#popup_viewbag a:hover{
		font-size: 12px;
		color: #f3b4a4;
			text-decoration: none;
}

#full_screen_mask_side{ 

display:none;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; background-color:#EEE ;  
 
}

#full_screen_mask{ 

display:none;
position: absolute;
padding-right:20px;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; background-color:#EEE;  
z-index:1;
 
}

#expand_div {
	width: 210px;
	position: absolute;
	background-color: #FFF;
	overflow: visible;
	visibility: visible;
	z-index: 100;
	border: 1px solid #c7d4cf;
	color: #939b98;
	left: 0px;
	margin: 10px;
	padding: 5px 0 0;
	top: 78px;
}
#expand_div_pd {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 10px;
}

#expand_div #content_box{
}
#expand_div hr{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c7d4cf;

}
#expand_div a{
	color: #7fa395;
	font-size: 12px;
	text-decoration: none
}

#expand_div a:hover{
		font-size: 12px;
		color: #f3b4a4;
			text-decoration: none;
}

#expand_div .benfits_txt {
	padding: 6px 10px 0 10px;
}

#expand_div .benfits_lnk {
	padding: 0 10px;
}

.benefits_spacer {
	padding: 10px 0 6px;
}

#subscribe_enews_div{
	width: 207px;
	position:absolute;
	background-color: #FFF;
	overflow: visible;
	visibility: visible;
	z-index: 100;
	border: 1px solid #c7d4cf;
	color: #939b98;
	left: 505px; /*	left: 479px; | 53840 COG May 27 2010 - Increased value after added testimonial menu link on the global nav */
	top: 118px;
	height: 19px;
	background-image: url(../images/nav_btm_bg_1px.gif);
	background-repeat: repeat-x;
	padding: 20px;
}
#email_signup_pop {
	height:20px;
	padding: 0px;
	margin: 0px;
	
}
#email_signup_field_pop {
	width: 130px;
	height: 15px;
	line-height: 17px;
	border: 1px solid #c7d4cf;
	color: #939b98;
	margin-right:5px;
	margin-bottom:5px;
	float:right;
	padding-left:2px;
	font-size:12px;
	}
#select_country_div{
	width: 130px;
	position:absolute;
	/*background-color: #FFF;
	border: 1px solid #8EADA1;*/
	color: #939b98;
	left: 371px;
	top: -217px;
	line-height:1px;
}
#select_country_link{
	color: #f3b4a4;
	text-decoration: none;
	border: 1px solid #8EADA1;
	padding: 0px;
}
#main_container #content_wrapper #main_content #product_left_column #product_left_img #bestSell {
	position:absolute;
	left: 328px;
	top: 262px;
}

#grey_color{
	color: #939b98;
}
.grey_color{
	color: #939b98;
}
#arrow_spacer{
	padding-left: 3px;
}
.arrow_spacer{
	padding-left: 2px;
}
#arrow_spacer_large{
	padding-left: 15px;
}
#error_msg{
	color: #f3b4a4;
	}	
	
.heiti{font-family: 黑体,arial, helvetica, verdana!important; color: #7fa395;}

.white_content {  display: none;  position: absolute;  top: 25%;  left: 25%;  width: 50%;  height: 50%;  padding: 16px;  border: 16px solid orange;  background-color: white;  z-index:1002;  overflow: auto;  } 
.black_overlay{  display: none;  position: absolute;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:1001;  -moz-opacity: 0.8;  opacity:.20;  filter: alpha(opacity=20);  }  

/* TRANSACTION POPUP */
#info_popup {
	width: 450px;
	height: 470px;
	background-color: #fff;
	border:1px solid #C7D4CF;
}

#info_popup #logo_popup {
	background-color: #7FA395;
	border-bottom:1px solid #C7D4CF;
}

#info_popup #logo {
	vertical-align: middle;
	float: left;
}

#info_popup #logo_popup a {
	color: #fff;
	float: right;
	margin:30px 30px 0 0;
	padding:0 14px 0 0;
	background: url(/images/close_btn_white.gif) no-repeat 100% 47%;
}

#info_popup #logo_popup a:hover {
	color: #F3B4A4;
	background: url(/images/close_btn_white_on.gif) no-repeat 100% 47%;
}

#info_popup #header_popup {
	border-bottom: 1px solid #C7D4CF;
	font-size: 14px;
	padding:6px 10px;
	width:430px;
	font-weight: bold;
}

#info_popup #content_popup {
	padding: 20px;
}