@charset "utf-8";
/* CSS Document *//*Content Part
@import url("css.css");*/

#cpart {float:left; padding:0 3px 10px 3px; margin:0; color:#4a4a4a; width:740px;  }
#cpart strong, #cpart b{color:#4c4c4c}
#mpart #cpart a {padding:0;}
.imgA a{ vertical-align:middle; margin:0px; padding:0;}
.search{ background:url(../../images/search-bg.gif) no-repeat 3px; width:217px; height:272px;

font-weight:700; color:#494a49}
#cpart ul.arrivals {color:#272727; line-height:17px;  padding:0;}
#cpart ul.arrivals li{float:left; padding:0 10px; border-right:1px solid #e8f1e6; font-size:0.95em; text-align:center; width:160px;}
#cpart ul.arrivals li.bknone, span.bknone input, input.bknone, .bknone input, #sort li.bknone {border:0px;}
#cpart ul.arrivals li span{float:left; text-align:left;}
#cpart ul.arrivals li span a{ font-weight:bold; }

.price{color:#CC0000}

ul.icon {color:#272727; line-height:22px; padding:35px 0px 0px 0px;}
ul.icon li{float:left; padding:10px 15px;  font-size:12px;  text-align:center;}
ul.icon li span{text-align:center}
ul.icon li img a { border:none; vertical-align:middle; padding:0px;}

hr{ color:#cecece; border:0; border-bottom:1px solid #cecece; padding-top:10px }

ul#category{clear:both; margin:0 0 20px; padding:5px 0 0 0;}
ul#category li label{ width:180px; height:23px; display:block; font-weight:700; 

background:url(../../images/name-bg-new.gif) no-repeat; padding:10px 26px 0; }
ul#category li {font-size:12px; float:left;  padding:0 0 0 12px; margin:5px 0 0; height:145px }
ul#category li a.more{color:#247e15; font-weight:700; font-size:11px; text-transform:uppercase}


ul#listing{clear:both; margin:0 0 20px; padding:5px 0 0 0;}
ul#listing li div{ font-weight:700; padding:5px; float:right; white-space:nowrap;  text-align:center; line-height:35px; border:0px solid #cc0   }
ul#listing li {font-size:12px; float:right; width:99%; padding:10px 0 0 5px; margin:5px 0 0;  border-bottom:#c9cbca solid 1px; line-height:22px;}
ul#listing li a{margin:0px; padding:10px 0px; font-weight:700; color:#6b6b6b;}
ul#listing li a:hover b{color:#48843e}
ul#listing li a.more{color:#247e15; font-weight:700; font-size:11px; text-transform:uppercase}

ul#listing li a.detail{font-weight:700; background:url(../../images/detail-arrow.gif) right no-repeat; padding-right:60px; display:inline-block; width:75px; color:#272727; margin-top:10px;}

ul#listing li a.detail:hover{color:#4b953d }

.sublink { padding:7px 0 7px 10px; color:#4a4a4a; background-color:#e2f0e1; font-size:12px}
.sublink a{color:#4a4a4a;}
.sublink a:hover { color:#247e15;}

.sublinkgry { padding:7px 0 7px 10px; color:#4a4a4a; background-color:#e8e8e8; font-size:12px}
.sublinkgry a{color:#4a4a4a;}
.sublinkgry a:hover { color:#247e15;}


ul#catepro{color:#272727; padding:0 0 0 0px; margin-left:0px;}
ul#catepro li{ padding:10px 10px 10px 10px; background:url(../../images/cate-pro-bg.gif) bottom no-repeat ; 
float:left; width:160px; height:185px; text-align:center; }
ul#catepro li span{text-align:left; float:left; clear:both; padding:8px 8px; height:40px; }
ul#catepro li span label a{padding:0px 0 0px 8px; margin-top:5px;  display:block; background:none; font-weight:400; color:#333; font-size:10px;  text-align:center}


ul#catepro li span strong{height:23px; background:url(../../images/cate-arrow.gif) no-repeat left 3px; 
vertical-align:top; display:block; clear:both; width:140px; padding: 0 0 0 10px; border:0px solid #c00; height:32px; }
#mpart #cpart ul#catepro li span strong a{color:#267c17; font-weight:400}
#mpart #cpart ul#catepro li span strong a:hover{color:#272727}


ul#cate-related{color:#272727; padding:0 0 0 10px; margin-left:10px;}
ul#cate-related li{ padding:10px 10px 10px 10px; background:url(../../images/cate-pro-bg2.gif) bottom no-repeat ; 
float:left; width:160px; text-align:center; height:180px;}
ul#cate-related li span{text-align:left; float:left; padding-top:10px}
ul#cate-related li span a{ font-weight:600; color:#267c17; padding:0;  }
ul#cate-related li a:hover{ color:#5e605d;}
ul#cate-related li span strong{height:23px; 
vertical-align:top; display:block; clear:both; width:160px; padding: 0 0 15px 10px; }
#mpart #cpart ul#cate-related li span strong a{ color:#4b4b4b; font-weight:500;}

ul.pdetail {padding:0px; float:left; margin:0px; clear:both;}
ul.pdetail li{float:left; padding:0px 0px 15px 0px; list-style:none; margin:0px; clear:both}



ul#subpro{color:#3a3a3a; padding:0 0 0 0; margin-left:0}
ul#subpro li{ padding:30px 2px 10px ; background:url(../../images/sub-pro-bg.gif) center no-repeat; 
float:left; width:180px; height:180px; text-align:center; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb}
ul#subpro li span{width:160px; display:block; margin:auto}
#cpart ul#subpro li a{ font-weight:400; color:#3a3a3a; background:url(../../images/cate-arrow.gif) no-repeat left top;  padding: 0 0 0 10px; font-size:12px}
#cpart ul#subpro li a:hover{ color:#228a13;}
.ccard{ width:35px; height:25px; padding-top:8px;}


.texbbggrn{background-color:#009900; color:#FFF; padding:2px;}

.stock{background-color:#009900; color:#FFF; padding:2px;}
.stockred{background-color:#990000; color:#FFF; padding:2px;}
.content1{ float:left;  margin-top:-15px;  }
div.content1 ul  {margin:15px 48px 0px 5px; padding:0px 0px 0px 17px;  list-style:none; line-height:20px }
div.content1 ul li {/*background:url(../../images/i-li.gif) no-repeat top left; */list-style-image:url(../../images/i-li.gif);  padding-left:0px; margin:10px 0; font-size:12px;}
div.content1 ul li a {color:#b4b4b4}
div.content1 ul li a:hover {color:#c8d09c}

.sitemap{clear:both;  float:left;  margin-top:-15px; }
div.sitemap ul  {margin:10px 0px 0px 5px; padding:0 0 0 10px;  list-style:none}
div.sitemap ul li {/*background:url(../../images/i-li.gif) no-repeat left;*/ list-style-image:url(../../images/i-li.gif); padding-left:0px; margin:10px 0px 0px 0px ; 

font-size:12px; width:170px}
div.sitemap ul li a {color:#b4b4b4}
div.sitemap ul li a:hover {color:#c8d09c}

ul.teb { padding:20px 0px 0px 5px; font-weight:700; clear:both}
ul.teb li{float:left;text-align:center; background:url(../../images/teb-b.gif) no-repeat; width:150px; 
height:22px; padding-top:8px;}
ul.teb li a:link, ul.teb li a:active, ul.teb li a:visited{width:150px; height:22px; display:block}
ul.teb li:hover{ background: url(../../images/teb-g.gif) no-repeat ; height:22px;  padding-top:8px; 

display:block; color:#009900; cursor:pointer}
ul.teb li.on { background: url(../../images/teb-g.gif) no-repeat;  height:22px;  padding-top:8px; } 


/*form Part*/
form{margin:0; padding:0;  height:auto ; height:100% !important; min-height:100%; width:100%; }
input, select, textarea, LinkButton { font-size:11px;  color:#444444;  font-family:Arial,Verdana,Tahoma; 
border:1px solid #D6D5D5;  padding:1px;  font-weight:normal; }


/* .required { font-size:11px; color:#444444; font-family:Verdana,Arial,Tahoma; border:1px solid #FFB5B5; 

padding:1px; font-weight:normal; z-index:99;} */
p.required b{font-weight:700}
p.required input{border:1px solid #d3e1d1}
.validation-advice { margin: 5px 0; padding: 5px; color : red; font-weight:normal; font-size:11px;}

.cssform{clear:both; padding-top:10px; }
.cssform p{clear: left; margin: 0; padding: 2px 0 3px 0; color:#717171;}
.cssform b{font-weight:400;font-size:12px;float: left;margin-left:0; 
text-align:right;width:239px;padding-right:5px;color:#7A7A7A;}
.red, .error{ color:#c00; font-weight:bold; font-size:12px; display:block; text-align:center; padding:0 
5px 0 5px;   }


.cssform1{clear:both; padding-top:10px; width:370px; float:left; padding-bottom:10px; margin-left:10px; margin-bottom:10px;}
.cssform1 p{clear: left; margin: 0; padding: 2px 0 0px 0; color:#717171;}
.cssform1 b{font-weight:400;font-size:12px;float: left;margin-left:0; 
text-align:left;width:100px;padding-right:5px; color:#7A7A7A;}

#cpart .cssform2{ padding-top:10px; width:340px; float:right; padding-bottom:10px; margin-left:20px}
#cpart .cssform2 p{clear: left; margin:0px; padding: 2px 0 0px 0; color:#717171;}
#cpart .cssform2 b{font-weight:600;font-size:12px;float: left;margin-left:0; 
text-align:left;padding-right:5px; color:#7A7A7A;}


/* Table List */
.allborder { background:#fff; }
.allborder td{padding:0px; border:#e4e4e4 solid 1px;}
.allborder a { color:#f90; text-decoration:none; font-weight:700;  }
.allborder a:hover { color:#717171; text-decoration:none; font-weight:700;  }
.allborder b { color:#000; text-decoration:none; }
.fieldheader {color:#4b4b4b; border:#d3e1d1 solid 1px; padding-left:10; font-weight:700; 

}
.fieldheader { font-weight:400}
.fieldheader th { padding:4px 2px 4px 5px;  height:25px; }
.fieldheader td { padding:4px 2px 4px 5px;  height:25px; border-left: solid 1px #d3e1d1; border-bottom:solid 
1px #d3e1d1;}
.fieldheader a { color:#666; text-decoration:underline; font-weight:700; }
.fieldheader a:hover { color:#A1A1A1; text-decoration:none; font-weight:700;}
.border {border:#dddddd solid 1px; width:99%;}
.bright{border-right:#dddddd solid 1px; text-align:left}
.bleft {border-left:#dddddd solid 1px}
.lightbg {  background:#f8f8f8;}
.darkbg { background:#f3f3f3;}
.greenbg{background:#e2f0e1;}
.selectbg { background:#F8F3ED; }
.whitebg { background:#FFF; }
.txtgreen a, .txtgreen{ color:#288f19}
.fieldheader td.noborder{ border:none}
span.height label, span.height input{ display: inline-block; border:0; vertical-align:middle; margin:5px 5px 0 0; padding:0; }


.hlhead{font-size:16px; color:#288f19; padding:7px 10px 7px 8px; font-weight:700;}

/*Extra Css*/
#cpart p{margin:8px 10px 3px 10px; text-align:justify; line-height:20px; font-size:12px;}

p.dec{ font-size:12px;} 
h1 {color:#468e3c;font-size:16px; font-weight:700; padding:19px 0 18px 15px ;  margin:2px 0 2px 0; 

text-transform:uppercase; background-image:url(../../images/c-h1-bg.gif); background-position: top; 

background-repeat:repeat-x ; border:1px solid #ddd;}
h2 {color:#494949;font-size:16px; font-weight:700; padding:22px 0 22px 15px ;  margin:0px 0 2px 0;  
background-image:url(../../images/c-h2-bg.gif); background-position: top; background-repeat:repeat-x ;}
h3 { margin:15px; font-size:12px; font-weight:bold; padding: 10px;}
h4 { margin:0; font-size:16px; font-weight:bold; padding-top:10px; color:green}
h5 {color:#494949;font-size:16px; font-weight:700; padding:10px 0 10px 15px ;  margin:0px 0 2px 0;  
background:url(../../images/i-h5.gif) top repeat-x ; text-align:left;}
.clear{clear:both}
.left{float:left}
.right{float:right}
/*ul li.bknone{border:none; }*/
.ML10{margin-left:10px;}
.PL10{padding-left:10px;}
.PL20{padding-left:20px;}
.PL40{padding-left:40px;}
.PL15{padding-left:15px;}
.PR10{padding-right:10px;}
.PT10{padding-top:10px;}
.PT15{padding-top:15px;}
.PT5{padding-top:5px;}
.PM5{margin:5px 0 0}
.bdr{border:#dddddd solid 1px; width:100%;}
.bdr hr{border-right:#dddddd solid 1px;}
.bdrleft{border-left:#dddddd solid 1px; width:350px; text-align:left}
.mt0{ margin:auto; text-align:center}
.mt10{ margin-top:10px}
.PB25{ padding-bottom:25px;}
.m20{ margin:20px;}
.m40{ margin:40px;}
.padding35{ padding:35px;}
.padding40{ padding:40px;}
.padding20{ padding:20px;}
.padding10{ padding:10px;}
.b700{ font-weight:700}
.h30{ height:30px;}
.f16{ font-size:16px}

.fix:after {
    content: "#"; display: block; clear: both; height: 1px; visibility:hidden
}


/* LightBox Style  */
#lightbox{ display:none; position: absolute; top:10%; left:40%; z-index:999; text-align:left;}
#overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:99;
background-color:Gray; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30);}
/* popup Style  */
iframe   {margin: 0; padding:0; background-color: transparent;  filter:alpha(opacity=100);-moz-opacity:100;}
.popup{  padding:9px; width: 480;  z-index:88; color:#DFDFDF;  

background-color:#4b4b4b;filter:alpha(opacity=95);-moz-opacity:.95;}
.popup .BtCls {background-color: #6C6C6C; color: #C5C5C5; text-align: right; font-weight: normal; 

text-decoration: none; border: 0 solid #FFFFFF; padding:0 3px 1px 4px; font:bold 11px Arial, Helvetica, 

sans-serif; }
.popup h3{font-size:14px; font-weight:normal; margin:3px 3px 3px 3px; padding-bottom:5px; 

border-bottom:#5a5a5a solid 1px; color:#E2E7EA; }

.imgthumb{width:100px;  vertical-align:middle; /*border:1px solid #4d4d4d; 

-moz-border-radius:5px; -webkit-border-radius:5px ;*/ }
.imgsmall{width:100px;  vertical-align:middle; /*border:1px solid #4d4d4d; -moz-border-radius:5px; 

-webkit-border-radius:5px ;*/ }
.imgzoom{border: solid 0px #33b2d3; padding:2px; }/*width:250px;*/




#mpart #cpart .button{background: url(../../images/button-bg.gif) repeat-x #3f9e31; color:#ffffff; font-size:11px; 
font-weight:bold; padding:5px 7px 5px; border:1px solid #c7c7c7; vertical-align:middle}
#cpart .cssform p a.button:link, #cpartL .cssform p a.button:link,  #cpart a.button:link,  #cpart 
a.button:hover, #cpart a.button:visited, #cpart a.button:active, a.button:link{background-color:#3f9e31; color:#ffffff; font-size:11px; font-weight:bold;  border:2px #c7c7c7 solid; margin:0px 0; padding:3px 5px;}



ul#sortE{margin:0; padding:0 0px 0 0px ; list-style:none;  }
#sortE li{margin:0; padding:0 0px 3px; list-style:none; float:left; font-size:10px; font-weight:400;}
#sortE li a{ color:#2a2929;  font-size:10px; font-weight:400; padding-left:5px;}
#sortE li a:hover{ color:#000;}
#sortE li.select, #sortE li.select a{ color:#2a2929; font-weight:700; background:none }


ul#sort{margin:0; padding:0 5px 0 5px ; list-style:none; font-size:12px;}
#sort li{margin:0 0; padding:0 5px 3px; list-style:none; float:left; font-weight:400; letter-spacing:0.03em; }
#sort li a{ color:#4e4e4e;  font-size:12px; font-weight:700;}
#sort li a:hover{ color:#000;}
#sort li.select, #sort li.select a{ color:#4e4e4e;font-weight:700; }





.paging{color:#4b8b41; font-weight:700; font-size:12px; }
div#paging div a{color:#619759}
div#paging div{color:#619759}
.padding5{padding:10px 5px 5px 5px;}
/* per page style  remove #divTotalPage12 a , #divTotalPage12  a:link, #divTotalPage12  a:visited, 

#divTotalPage12  a:active { display:inherit; color:#3c607c; font-weight:normal;  background-color:#cadcc6; 

padding-right:10px;}        
#divTotalPage12 a:hover { display:hidden; color:#3c607c;  background-color:#f8f8f8;}
a.perPage:link { color:#000000; font-weight:normal;  background-color:#f8f8f8;}
#divTotalPage2 a, #divTotalPage a {color:#000} */
#cpart .goActive{ display:inline-block; color:#ffffff; font-weight:bold; background:url(../../images/bg-sort.jpg); width:37px; padding:1px 3px 1px 5px; margin:0px; text-align:right;}
#cpart .gopage  { display:inline; width:42px; z-index:2; border:1px solid #e7e7e7; position:absolute; background-color:#E8E7E7; text-align:right; margin:20px 0 0 0; visibility:hidden;}        
.gopage a:link, .gopage a:visited, .gopage a:active { display:block; color:#616161; font-weight:normal; 

background-color:#E8E7E7; padding-right:10px;}        
.gopage a:hover {color:#3c607c;  background-color:#cadcc6; padding-right:10px; } 
.faq{overflow: auto; vertical-align: middle; display: none; }


#pppart{background:#FFFFFF; bottom:0px; height:80%;}

#pppart .button{background: url(../../images/button-bg.gif) repeat-x #3f9e31; color:#ffffff; font-size:11px; 

font-weight:bold; padding:2px 7px; border:2px solid #c7c7c7; vertical-align:middle}

.detailbox{width:99.8%; border:#dddddd solid 1px; background:url(../../images/detailboxline.gif) repeat-y right;}
.nowrap{white-space: nowrap;}