@charset "utf-8";

@import url('menu.css');
@import url('coda.css');
@import url('jquery-ui-1.7.2.custom.css');

/* CSS Document */
a:focus{ border: none; -moz-outline: none; outline: none; }
hr{ color:#F5F5F5; border:0px; border-bottom:1px solid #F5F5F5; margin:0px; padding:0px; height:1px;}
img{border:0px;}
ul, li{ margin:0; padding:0; list-style:none}
.imgA{ vertical-align:middle;}
a:link,a:active, a:visited{color:#666;text-decoration:none; cursor:pointer;}
a:hover{color:#000}
html, body{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #666; height:100%; margin:0; padding: 0; background:#f3f3f3 url(../images/bodybg.png) repeat-x top left;}


ul,li {list-style:none}
#maindiv{position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:auto;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	padding:0px 7px 0px 7px;
	}
.pixset{width:980px; margin:auto; clear:both; }
form{margin:0; padding:0;  }
/*HEADER PART Start*/
#hpart{height:157px;  width:980px; background:url(../images/hpartbg.png) left top no-repeat; margin:0 auto  }
#hpart ul#subnav {float:right; color:#b0b0b0; height:39px; z-index:1}
#hpart ul#subnav a{color:#b0b0b0;}
#hpart ul#subnav li {float:left; padding-left:8px}
#hpart ul#subnav li#subnavlink{margin:10px 0 0 0;}
#hpart #subnav li#subnavlink a {padding:0 10px;}
#hpart #hcart, #hpart li a.hcheckout {margin-top:5px}
#hpart #hcart a.mycart{ font-weight:bold; background:url(../images/carticon.png) no-repeat left center; padding-left:20px; }
#hpart #hcart .cartitem{font-size:10px; display:block; text-align:right}
#hpart li a.hcheckout {display:block; text-indent:-9999em; background:url(../images/checkout-button.png) no-repeat left top; width:90px; height:27px; cursor:pointer  }
#hpart input{border:0px solid #666666;  vertical-align:middle; padding:5px; width:140px; margin:1px}
#hpart #logo {float:left; margin-top:45px }
#hpart #logo a{display:block; text-indent:-9999em; background:url(../images/logo.png) no-repeat left top; width:323px; height:69px; z-index:100;}
#hpart ul#search {float:right; margin:20px 0px 20px 20px}
#hpart ul#search a{color:#fff}
#hpart ul#search li {float:left; }
#hpart ul#search li.searchtbox{ background:url(../images/searchbox.png) no-repeat; width:154px; height:29px; }
#hpart ul#search li .sbox { border:0px; margin:5px 0 0 6px; width:90%;}
#hpart ul#search li .sbut{background:url(../images/searchbutton.png) no-repeat center center; width:20px; height:25px; border:0px; text-indent:-9999em; display:block; cursor:pointer; margin:0 5px;}
#hpart ul#search li a.advsea { margin:6px 12px 0 0; float:left}
#hpart ul#search li.viwestore{ cursor:pointer}



/*Middle part include left and content*/
#mpart { margin:10px auto 0px; padding:0px 0px 170px 0px; clear:both; width:980px; color:#444; background: url(../Images/leftpartbg.png) repeat-y #fff }
#mpart a:link, #mpart a:visited, #mpart a:active{ color:#ea7b18;}
#mpart a:hover {color:#444;}

#heromain, #hero {float:left; width:100%}
#heromain #hero { width:675px; margin:5px 0 0 15px; *margin-top:-2px; padding:0px; z-index:0}
#heromain #hero #heroinbox {background:url(../images/herombg.png) repeat-y left; padding:20px; height:100%; min-height:205px; z-index:0}
#heromain #hero #slidebut {margin:-52px 80px 0 0; float:right}
#heromain #hero #heroinbox #heroprobox {z-index:0}
#heromain #hero #heroinbox #heroprobox #heroprocon {float:right; width:320px; z-index:0}
#heroprocon .herolink a{background:url(../images/heroarrow.png) 0 9px no-repeat; color:#909090; padding:5px 0 0 10px; float:left; width:100%}

#heromain #hero #heroinbox a.heroviewmore {font-size:16px; text-decoration:underline; color:#fd9c0e; margin:10px 0 0 0;  clear:both}
#heromain #hero #heroinbox #heroprobox span {float:left}
#heromain #hero #heroinbox #heroprobox #heroprocon h2 { font-size:30px; color:#449d08; margin:0 0 15px 0  }

#heromain #disban { float:right}
#heromain #disban img{display:block; margin:5px 0 0 0 }

.prod { float:left; width:963px;  margin:8px 0 0 15px; *margin-top:-5px; padding:0px}
.prod #proinbox {background:url(../images/prombg.png) repeat-y left; height:100%;}
.outbestwrap {border-bottom:1px #d7d7d7 solid; width:931px; padding:8px 0px 10px 32px; float:left }
.outbestwrap h2 { margin:0;  font-size:20px; color:#449c08; float:left; padding:0; margin:0}
.outbestwrap span.viewall{ float:right; font-size:14px; color:#fd9c0e; padding:0; margin:6px 25px 0px 0;}

.prod #proinbox #sliderContent { width:970px; float:left; padding:30px 0  }
.prod #proinbox #sliderContent a{color:#151516; }
.prod #proinbox #sliderContent .viewer { width:900px; height:290px; margin:0 auto; padding:1px; overflow:hidden; position:relative; /*border:1px solid #898989; */}
.prod #proinbox #sliderContent .content-conveyor { position:relative; width:900px }
.prod #proinbox #sliderContent .item { width:232px; float:left; }
.prod #proinbox #sliderContent .item h3 {font-size:12px; color:#000; font-weight:normal; clear:both; margin:0; padding:10px 0; width:190px }

.prod #proinbox #sliderContent .item strong {color:#b6b6b6; font-size:12px; float:left}
.prod #proinbox #sliderContent .item strong span{ color:#fd9c0e; }
.prod #proinbox #sliderContent .item img.prodimg {border:#ccc 0px solid;overflow:hidden;  display:block;}
 /*height:175px; width:175px; */
span.img{ background:#fff; display:block;  width:180px; height:180px;border:#ccc 1px solid; text-align:center }
span.img img { margin:10px auto; float:none  }
span.imgdetail img{ margin:0px auto; float:none  }
span.imgdetail{width: 350px; height: 350px; overflow: hidden; border: #dee2e5 1px solid; text-align:center; background:#fff; display:block;}

.prod #proinbox #sliderContent .item dd a.haddtocart {font-size:11px; background:url(../images/h-addtocart.png) top left no-repeat;  padding:2px 7px 5px 5px; float:left; margin-top:1px}
.prod #proinbox #sliderContent .item dl { float:left; clear:both; width:190px; margin:10px 0 }
.prod #proinbox #sliderContent .item dl input {width:36px; height:16px; background:#f1f1f1; border:#aeaeae 1px solid; margin:0 0 0 3px}
.prod #proinbox #sliderContent .item dt, .item dd { float:left; text-align:left; margin:0; font-size:11px; }
.prod #proinbox #sliderContent .item dt { font-weight:normal; margin-right:5px; }
.prod #proinbox #sliderContent .item dd { text-align:left; }

.prod #proinbox #bar {float:left; padding:20px;}


.fix:after, .box:after, .boxD:after, .boxG:after, .boxH:after, .boxI:after  {content: "#"; display: block; clear:both; height:1px; visibility:hidden}

/*Left Part*/

#lpart { width:225px; float:left; padding:0px 0px 0px 0px; margin:0px 0px 50px 5px; border:0px solid #CC9966 }
#lpart h3 {text-transform:normal; font-size:17px; color:#434343; background:url(../images/leftmhead.png)  left top no-repeat; width:200px;  height:31px; padding:13px 0 0 35px; float:left; margin:0px ; border:0px solid #FF0000; color:#fff }

#lpart ul.leftnav { margin:47px 0 0 5px; width:212px; padding:0 0px;}
#lpart ul.leftnav li {padding:10px 20px ; margin:0; border-bottom:#d1d1d1 1px dotted}
#lpart ul.leftnav li a {color:#909090; background:url(../images/lpartarrow.png) no-repeat 0 4px; padding-left:10px}
#lpart ul.leftnav li a:hover{color:#000}
#lpart span.inbanner { margin-left:3px; float:left}
#lpart span.inbanner a {margin:3px 0}


a.leftlink:link, a.leftlink:visited, a.leftlink:active {color:#3e647e; text-decoration:none; background: url(../Images/left-nav-arrow.gif) no-repeat left; padding-left:15px;}
a.leftlink:hover { color:#0c0c0c; text-decoration:none; }

/*Content Part*/

/*product list*/

#cpart a.nmlink:link,#cpart a.nmlink:visited,#cpart a.nmlink:active {color:#000; text-decoration:none; }
#cpart a.nmlink:hover { color:#3e647e; text-decoration:none; }

#cpart .breadcrumbs {padding:10px 0 10px 10px; float:left; font-size:12px;  }
#cpart .breadcrumbs a{ color:#909090; font-size:12px; padding:4px 2px;}
#cpart .breadcrumbs b{margin-left:7px;}
#cpart .cmpart{ padding:15px 17px 50px 17px;float:left; width:673px; border:0px solid #000000;}
#cpart .cmpart ul.prolist {float:left; }
#cpart .cmpart ul.prolist li{ margin:15px 0 0 33px; float:left}
#cpart .cmpart a{color:#151516; }
#cpart .cmpart ul.prolist dd a.listaddtocart {font-size:11px; background:url(../images/h-addtocart.png) top left no-repeat; padding:2px 7px 5px 5px; margin-top:1px; float:left}
#cpart .prolistmbg { float:left; width:729px; padding-left:6px; min-height:450px;}


#cpart .cmpart ul.prolist h3 {font-size:12px; color:#000; font-weight:normal; clear:both; margin:0; padding:5px 0; width:190px;}
#cpart .cmpart ul.prolist strong {color:#b6b6b6; font-size:12px; float:left; clear:both}
#cpart .cmpart ul.prolist strong span{ color:#fd9c0e; }
#cpart .cmpart ul.prolist div.prodimg{border:#ccc 1px solid; float:left;  overflow:hidden; vertical-align:middle; text-align:center; display:block;}
/*height:175px; width:175px;*/
#cpart .cmpart ul.prolist dl { float:left; clear:both; width:190px; margin:10px 0; color:#151516 }
#cpart .cmpart ul.prolist dl input {width:36px; height:16px; background:#f1f1f1; border:#aeaeae 1px solid;  }
#cpart .cmpart ul.prolist dt, .item dd { float:left; text-align:left; margin:0; font-size:11px; }
#cpart .cmpart ul.prolist dt { font-weight:normal; margin-right:5px; }
#cpart .cmpart ul.prolist dd { text-align:left; }


/*product detail*/
#cpart #prodview {float:left; }
#cpart #prodview h2 { font-size:20px; color:#000; margin:0 0 7px 0px; padding:0px}
#cpart #prodview img { clear:both}
#cpart #prodview a.viewlarge {clear:both; float:left; margin:10px 0 0 120px; background:url(../images/magnify.png) left top no-repeat; padding-left:20px}
#cpart #prodview .tumbimg { float:left; clear:both; margin:10px 0 0 -3px}
#cpart #prodview .tumbimg a{ float:left; margin-left:3px; }

#cpart #detailview { float:right; margin-top:28px; width:330px}

#cpart .detailprice {font-size:14px; margin-right:20px; float:right; text-align:right} 
#cpart .detailprice .price {font-size:18px; color:#fd9c0e;}
#cpart .detailprice input.pricetbox {width:36px; height:16px; background:#f1f1f1; border:#aeaeae 1px solid; margin:0 10px}

.price{color:#FF0000;}
/*table.allborder {background:#FFFFFF none repeat scroll 0 0; border-collapse:collapse; margin-top:30px; }
table.allborder td {border:#ccc 1px solid; padding:5px; border-collapse:collapse}
.prodethead {font-size:14px; font-weight:bold; color:#449c06; padding:7px}
.darkbg {background:#F3F3F3 none repeat scroll 0 0;}
.lightbg {background:#F8F8F8 none repeat scroll 0 0;}
*/


/*list page sorting*/
ul#sort{margin:0; padding:0 5px 0 5px ; list-style:none;}
#sort li{margin:0 15px 0 0; padding:0 0px 3px 5px; list-style:none; float:left; font-weight:700;}
#sort li a{ color:#515151;  font-size:12px; font-weight:400;}
#sort li a:hover{ color:#000;}
#sort li.select, #sort li.select a{ color:#fff;font-weight:700; background:url(../images/bg-sort.jpg); }
.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; }
.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:#515151;  background-color:#c8d5df; padding-right:10px; }

img.normalimg {  margin:0px;  border:1px solid #999999;  }
/*max-height:175px; max-width:175px;height:175px;*/


/*login*/
.clinetlogin{ margin:50px auto 0; width:470px; height:254px; background:url(../images/loginbg.jpg) no-repeat left top;}
.clinetlogin .required {float:right; margin:20px 30px 0 0;  clear:both;}
.loginbox{ padding:25px 10px 0 0;  float:left; width:450px }
.loginbox p{ padding-left:155px; width:440px; color:#666; text-align:left; margin:7px 0; line-height:normal }
.loginbox b{font-weight:400; font-size:12px;  margin-right:10px; text-align:right;  float:left; text-align:right; margin-left:-355px; width:345px;  }
.loginbox span.loginbut{ padding:0; float:left; display:block; clear:both;  margin-left:155px }
.loginbox p a{color:#fff;}
p.regforgpsw{float:right; border:0; margin:5px 100px 0 0; padding:0px }

.forgpsw{ margin:10px auto; width:470px; height:254px; background:url(../images/loginbg.jpg) no-repeat left top;}
.forgpsw .required {float:right; margin:20px 30px 0 0;  clear:both;}
.forgpsw h3{font-size:18px; float:left; width:100%; padding:20px 0px 15px 55px ; margin:0}
.forgoinbox{ padding:0px 10px 0 0;  float:left; width:450px }
.forgoinbox p{ padding-left:155px; width:440px; color:#666; text-align:left; margin:10px 0; line-height:normal }
.forgoinbox b{font-weight:400; font-size:12px;  margin-right:10px; text-align:right;  float:left; text-align:right; margin-left:-205px; width:345px;  }
.forgoinbox p.forgpswbut{padding-left:148px}
/*Footer Part*/
/*#fpart { width:100%; background:#e1e1e1 url(../images/footerbg.png) left top repeat-x; float:left; padding-bottom:10px; border-top:#c5c5c5 1px solid; margin-top:10px }*/
#fpart {clear:both; border-top:#c5c5c5 1px solid; margin-top:10px height:230px; background:#8e8e8f;  padding:0px 0; position:absolute; bottom:0; color:#909090; font-weight:400; width:100%; left:0; text-align:left;  background:#e1e1e1 url(../images/footerbg.png) left top repeat-x; }
#fpart  a {color:#666}
.copyright{ font-size:11px; float:left; padding:10px 0 7px 5px; border-top:#ccc 1px solid; width:96%; margin-left:15px}
#fpart a:hover, #fmidbox li a:hover{color:#000}
#fmidbox{ margin:0 auto; width:940px; padding:18px 0 0 0; font-size:12px; line-height:1.6em;}
#fmidbox ul { float:left; margin-right:50px;  }
#fmidbox ul ul { float:none; margin:0; }
#fmidbox li strong { display:block; margin-bottom:.5em; color:#449c08 }
#fmidbox li li { font-size:11px;  }
#fmidbox li a{ color:#909090; text-decoration:none; font-size:12px }
#fmidbox li li a{ color:#909090; }
#fmidbox li li a:hover{ color:#000; }
#supportfooter { color:#A2A2A2; float:right; text-align:right;}
#supportfooter p {text-align:right; font-size:11px; padding:0px}
#supportfooter p.fpartlogo {font-size:20px; background:url(../images/fparlogo.png) no-repeat 0px 0px; padding:8px 0 0 120px; width:140px; height:23px; color:#449c08}
#supportfooter p.card{background:url(../images/allcard.png) no-repeat right top; width:236px; height:0px; padding-top:46px; overflow:hidden; float:right; clear:both}
#supportfooter p a.bbblink {background:#ff0}

/* General Class */
.clear{clear:both}
.left{float:left}
.right{float:right}
.PL22{padding-left:22px}
.PR22{padding-right:22px}
.PL10{padding-left:10px}
.PL5{padding-left:5px}
.PR5{padding-right:5px}
.PR10{padding-right:10px}
.PT10{padding-top:10px}
.PT15{padding-top:15px}
.Pall{padding:6px 10px 4px 0}
.PT8{padding-top:8px}
.PT5{padding-top:5px}
.MT10{margin-top:10px}
.mt5{margin-top:5px}
.padding{padding:6px;}
.alinc{text-align:center;}
.txtbig{font-size:24px; padding:10px;}
.rounded {text-decoration: none; background:#868686; }
.success { color:#3F8600; font-size:12px; font-weight:bold; }
.hlight { color:#e15f08; }
.justify { text-align:justify; }
.lineheight { line-height:17px; }
.midheader{ color:#666}


p{margin:8px 3px 3px 0px; text-align:justify; line-height:18px}
p.dec{ font-size:12px;} 

h1{background:transparent url(../images/catheadbg.png) repeat-x scroll 0 0 ; display:block; min-height:30px; width:713px;  margin:0px 0px 0px 0px; color:#fff; padding:10px 10px 4px 10px; font-size:24px; font-weight:normal}
h2 {margin:0px; font-size:18px; font-weight:normal; padding-top:10px; color:#eb7c16; float:left}
h4 {margin:0px; font-size:16px; font-weight:bold; padding:0px; color:#eb7c16}
h5 {margin:0px; font-size:18px; font-weight:normal; padding-top:5px; color:#eb7c16; font-family:Trebuchet MS; text-transform:uppercase}
h5 span{color:#333333;}
.bnone{background:none;}


/* forms */
.red, .error{ color:#c00; font-size:12px; text-align:center; padding:0; margin:0; display:block; }
.red{display:inline-block}

.cssform{clear:both; padding:3px 10px; margin:auto }
.cssform p{ clear:both; padding-left:255px; width:440px; color:#666; text-align:left; margin:10px 0; line-height:normal }
.cssform b{font-weight:400; font-size:12px;  margin-right:10px; text-align:right;  float:left; text-align:right; margin-left:-355px; width:345px;  }

.cssform p a{color:#fff;}
.cssform input, .cssform select, .cssform textarea { font-size:12px;  color:#444444;  font-family:Arial,Verdana,Tahoma; border:1px solid #D6D5D5;  padding:1px;  font-weight:normal; }

.cssform p input.button{background: url(../Images/btnbg.gif) #ec7e14; border:1px solid #fe9b0b; color:#422700; font-size:12px; color:#422700; font-size:12px; font-weight:700; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 8px;}
.cssform p.required b{font-weight:400}
.button{background: url(../Images/btnbg.gif) #ec7e14; border:1px solid #fe9b0b; color:#422700; font-size:12px; font-weight:700; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 8px; cursor:pointer; }

ul.menu_class { border:1px solid #1c1c1c; }
ul.the_menu { display:none; width:173px; background:#302f2f; border:1px solid #1c1c1c; position:absolute; z-index:1; padding:0px; margin:0px 7px 0 0; top:87px; *margin-left:-178px}
ul.the_menu li { background-color: #302f2f; float:left; width:100%; padding:5px 0 }
ul.the_menu li a { color:#FFFFFF; text-decoration:none; padding:5px 0px 5px 10px ; }
ul.the_menu li a:hover { padding:5px 0px 5px 10px ; font-weight:bold; color: #F00880; }

#cpart {float:right; padding:0px 5px 5px 5px; margin:0px 0px 0px 0px; color:#6B6B6B; width:735px; border:0px solid #CC9966;}
#cpart .cathead{background:#50b608 url(../images/catheadbg.png) top right no-repeat; width:733px;  overflow:auto; margin:14px 0 0 3px }
#cpart .cathead .catheadbg {background:url(../images/catheadbbg.png) repeat-x bottom left; float:left; clear:both; width:733px; }
#cpart .cathead h1 {font-size:24px; color:#fff; margin:0px 0 -5px 25px; height:auto; font-weight:400; padding:10px 0px 0 ; }



/* shopping cart body area and boxies styles */
.tableborder { border:1px solid #cccccc; background:#fff8e9; }
.allborder { background:#CFD0D1; border:#CFD0D1 1px solid; margin:10px 0 0 0 }
.fieldheader { background:url(../images/inc-banner-bg.gif) repeat-x center; color:#fff; padding:10px 10px; height:25px; font-weight:bold; }
.fieldheader a { color:#333333; text-decoration:underline; }
.fieldheader a:hover { color:#0479DC; text-decoration:none; }
.allborder td{padding:3px 6px} 
.lightbg { background:#fff;  }
.darkbg { background:#EDEDED; }
.selectbg { background:#DDF3FF; }
.whitebg { background:#FFFFFF; }
.subheading { color:#ff8000; font-weight:bold; }

.paging {  }
.paging a:link, .paging a:visited, .paging a:active { color:#05567F; text-decoration:underline; font-weight:bold; }
.paging a:hover { color:#666666; text-decoration:none; }

#newssec table {background: url(../Images/prolisttopbg.png) repeat-x;}


/* password strength styles */
.RdStrg { z-index:100008; border:0px solid #494a55; padding:1px; background-color:#FF679A; }
.RdTxt{font-size:12px;color:#FF679A; font-weight:bold;}
.BlStrg { z-index:100008;  border:0px solid #494a55; padding:1px; background-color:#0099CB;}
.BlTxt{font-size:12px;color:#0099CB; font-weight:bold;}
.GrStrg { z-index:100008; font-size:11px; font-family:Arial, Helvetica, sans-serif; border:0px solid #494a55; padding:1px; background-color:#98FF66; color:#FFFFFF; font-weight:bold;}
.GrTxt{font-size:12px;color:#98FF66; font-weight:bold;}
.PsWth { width:81px; display:none; border:1px solid #e7e7e7; height:35px; filter: alpha(opacity=100); -moz-opacity: 100;}

/* SITE MAP */
ul.sitemap{ background:none; margin:0 0 ; padding:0px 0 0px; color:#000}
ul.sitemap li{ float:left; padding:18px; height:140px; line-height:18px; min-width:127px}
ul.sitemap li strong{margin:8px 0 0; display:block;}
ul.sitemap li span{text-transform:uppercase; display:block; margin:0 0 8px; font:700 13px Arial Narrow; }