/***************************/
html, body, div, form, iframe, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, fieldset, input, th, td {
margin:0;
padding:0;
}
html,body{-webkit-text-size-adjust:none;}
body {
font-size:12px;
font-family:Arial, Helvetica, sans-serif, "宋体";
color:#111;
/* background:url(images/web_bg_01.png) 0px 0px repeat-x;*/
background:#fff;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}
ol, ul {
list-style:none;
}
a:focus{outline:none;}
a.hidefocus { outline: none; }
button.hidefocus::-moz-focus-inner { border:none; }
A:link {
text-decoration:none;
color:#333;
}
A:visited {
text-decoration:none;
color:#333;
}
A:hover {
color:Blue;
text-decoration:none;
}
A:active {
color:Blue;
}
.clearboth {
height:1px;
clear:both
}
h1 {
font-size:16px;
}
h2 {
font-size:15px;
}
h3 {
font-size:14px;
}
h4 {
font-size:13px;
}
h5 {
font-size:12px;
}
p {
line-height:20px;
text-align:justify;
padding:0;
margin:0;
}
select {
border:1px solid #c0c0c0;
padding:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
}
input {
font-family:Arial, Helvetica, sans-serif;
border:1px solid #c0c0c0;
font-size:12px;
color:#333;
line-height:20px;
}
.livechat{ position:absolute; top:50%; margin-top:-34px; right:0; cursor:pointer; display:none}
/***************************/
.container{width:980px;margin:0 auto; padding-top:35px;}
/***************************/
.top{height:35px; /*background:url(images/top_bg_03.jpg) right 0px no-repeat;*/ background:#034EA2; position: fixed;
width: 100%;
top:0;
left:0;
z-index: 1001;}
.welcom{ float:left; display:inline;color:#fff; line-height:35px;}
.welcom a{ color:#fff; text-decoration:underline;}
.welcom a:hover{ color:#fff; }
.topright{float:right; display: inline; margin:4px 0 0 0; position:relative; z-index:10000}
.topright li{ float:left; margin-left:10px; color:#fff;height:18px; padding:4px 4px 0 4px; line-height:18px;}
.topright li a{ color:#fff; white-space:nowrap}
.topright li:hover a{color:#eee;cursor:pointer;}
.topright .wishlist{ /*background:url(images/top_icon.png) 4px -21px no-repeat; */ margin-right:80px;}
.topright .cart{text-indent:20px; position: absolute; right:0; padding:0; min-width:69px; margin-right:0}
.topright .cart_span_hover .CartSpan{background:url(images/cart2.png) 4px 5px no-repeat #fff; border:1px solid #bbb; border-bottom:0px; color:#0093C4; }
.topright .cart:hover .CartSpan{background:url(images/cart2.png) 4px 5px no-repeat #fff; border:1px solid #bbb; border-bottom:0px; color:#0093C4;}
.topright .cart:hover .CartSpan a{color:#0093C4;}
.topright .cart_span_hover .CartSpan a{color:#0093C4;}
.resource_select{background:#FFFFFF;
border: 1px solid #bbb;
display: none;
/*height: 115px;*/
padding: 5px;
position: absolute;
right: 0px;
*+right: 0px;
text-indent: 0;
top: 20px;
width: 320px;
cursor:default;
z-index: 1;}
.CartProInfobox{ }
.resource_select .CartListArea{}
.resource_select .CartListBox{max-height:400px; overflow-y:auto;width:320px; overflow-x:hidden}
.resource_select ul .linkli{ color:#666;}
.cart span{ display:block; right:0; min-width:61px; height:16px;background: url(images/cart.png) 4px 5px no-repeat;padding:4px 4px 0 4px; position:absolute; z-index:2;}
.resource_select p{ white-space:nowrap; text-indent:24px;}
.cart span:hover{background:url(images/cart2.png) 4px 5px no-repeat #fff; border:1px solid #ddd; border-bottom:0px;color:#0093C4;}
.cart span:hover a{color:#0093C4;}
.cart:hover .resource_select{color:#333;}
.cart img{ margin-left:5px;}
.topleft_a{ color:#0258a5}
.topleft_a:hover{ color:#FD7B01;cursor:pointer}
.topright .CartListArea li{float:none;color:#666;font-size:13px;clear:both;cursor:default; height:auto; line-height:22px; margin:10px 0 0 0}
.topright .CartListArea li:hover{ color:#666;}
.topright .CartItem{float:none;height:auto;color:#666;border-bottom: 1px dotted #bbb; margin-right:0; padding:0;}
.CartItem table{ width:100%;}
.topright li:hover .ViewCartButton,.topright li .ViewCartButton{color:#034EA2;display:none;text-decoration:underline;}
.topright li:hover .ViewCartButton:hover{ text-decoration:underline; color:#0093c4}
/***************************/
.logo{ margin:20px 0 20px 0; float:left;}
.searchbar{ height:80px;}
.searcharea{ width:400px; height:23px; float:right; /*background:url(images/search_bg_04.png) 0px 0px no-repeat;*/ border:1px solid #bbb; margin:10px 0 8px 0; clear:both;}
.searchselect,.searchinput{ float:left}
.searchselect{ display:none; margin:13px 0 0 10px; width:98px; height:16px; padding-left:3px; background:url(images/grayarraw_d.png) 88px 5px no-repeat; cursor:pointer}
.search_allcategory{position:absolute; top:35px; background:#fff; left:8px; width:103px; display:none}
.display_block{ display:block}
.display_none,.hid{ display:none}
.search_allcategory span{ display:block; white-space:nowrap; padding:5px; cursor:pointer}
.search_allcategory span:hover{text-decoration:underline;color:#FD7B01}
.searchinput{ border:0px; height:23px; line-height:23px; width:372px; color:#acacac; background:transparent; float:left; margin-left:3px; }
.searchbtn{float:right; height:18px; margin:4px 1px 0 0; cursor:pointer; width:18px; background:url(images/search-button-blue.png) 0px 0px no-repeat;}
.searchbtn:hover{background:url(images/search-button-blue.png) -30px 0px no-repeat;}
.mainmenu{ clear:both; /*background:url(images/menubg.png) 0px bottom repeat-x;*/ height:30px;position:relative; z-index:1000; border-bottom:4px solid #e4e4e4;}
.inline{ float:right; height:20px; line-height:20px; margin-top:10px; position:relative;}
.inline li{ float:left; margin-left:8px; color:#777;}
.inline .loginli span a{ color:#777;}
.inline li:hover{color:#333; cursor:pointer}
.loginli{ position:relative;}
.login{ position:absolute; display:none; top:20px; cursor:default; right:-10px; width:240px; min-height:215px; border:1px solid #bbb; background:#fff; color:#333; padding:15px; line-height:20px;}
.loginemail,.loginpassword{ border:1px solid #d5d5d5; width:220px; height:18px; padding:1px; margin:2px 0 10px 0}
.remenber{ text-indent:22px; background:url(images/radio1.png) 0px 3px no-repeat; margin-top:5px; width:110px; float:left; cursor:pointer; height:20px; line-height:20px;}
.remenberselect{background:url(images/radio1.png) 0px -49px no-repeat;}
.loginbtn{ background:#1882C0; color:#fff; padding:1px 12px; width:50px; margin:3px 15px 0 0px; text-align:center; float:left; cursor:pointer; border:0px}
.logout{ margin-left:5px;}
.welcom .logout:hover{ color:#eee}
.loginbtn:hover{ background:#178ff2;}
.promttext{ /*background:url(images/tooltip.gif) 150px 3px no-repeat;*/ color:#777; text-decoration:underline; margin-top:15px; width:170px;height:20px;}
.register a{ text-decoration:underline; color:#0089C8}
.register a:hover{ color:#1DBBF8; cursor:pointer}
.inline .loginli:hover{ color:#0093C4;}
.inline .loginli:hover a{color:#0093C4;}
.inline .loginli span{ padding:0 4px;}
.promttext:hover{ color:#999; cursor:pointer;}
.menulevel-merchandising{ color:#25639C; float:right; line-height:25px; display:none}
.menulevel-merchandising:hover{ text-decoration:underline; cursor:pointer}
.ViewByWaysDiv{ display:none;position:absolute; width:770px; height:442px; background: url(images/product-bg.png) 0px 0px no-repeat; z-index:9000; color:#333; top:30px; left:0px; cursor:default;}
.procategory li:hover{ background:none!important;}
.mainmenu .procategory .categorynavy dd{ color:#444; clear:both; height:25px; line-height:25px; font-size:12px; padding:0 6px; width:212px; margin:0; cursor:pointer; text-indent:5px}
.mainmenu .procategory .categorynavy dd a{ display:block}
.mainmenu .procategory .categorynavy dd:hover a{ color:#FF9A00}
.categorynavy{ width:224px; float:left; margin:5px 0 0 1px;}
.hottoys{ float:right; width:510px; margin:20px 10px 0 10px; height:380px; overflow:auto;}
.hotbrand{ margin:20px 15px 0 0; position:relative; overflow:hidden; clear:both}
.viewmore{ position:absolute; bottom:3px; right:0; font-size:11px;}
.hotbrand .title{ font-size:15px; font-weight:bold; color:#034EA2; margin:0 0 5px 0;}
.hotbrand .imgarea{ width:100px;height:80px; background:#fff; border:1px solid #e0e0e0; text-align:center; vertical-align:middle}
.hotbranditem{ width:100px; height:120px; float:left; position:relative; margin:0 9px;}
.hotbrand .ProductName{font-weight:bold; line-height:20px; color:#034EA2; font-size:12px; width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center}
.ViewByWaysDiv .hotbrand .ProductName a{color:#034EA2;}
.hotbrand .ProductCode{ color:#555; text-align:center; font-size:12px;width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mainmenu .imgarea img{ float:none}
.hotbrand .LeftArrowTd,.hotbrand .RightArrowTd{ width:8px; height:120px;}
.HotProductsTable{ width:100%}
.ViewAllProducts{ clear:both; padding-top:10px; text-align:right}
.ViewAllProducts a{color:#034EA2!important; font-size:12px; text-decoration:underline}
.ViewAllProducts a:hover{ color:#ff9a00!important}
.hotbranditem:hover .imgarea img{filter:alpha(opacity=80);opacity: 0.8;}
.hotbranditem:hover .imgarea img.discountstyle1{filter:alpha(opacity=100);opacity: 1;}
/************************************************/
.discountstyle1{ position:absolute; left:0; top:0}
/************************************************/
.border0{ border:0px;}
.textarea .dedcription{ font-size:11px; margin-top:5px;}
.mainmenu .procategory .hottoys li{ color:#333; float:none; clear:both; padding:0; margin:0; cursor:default}
.mainmenu .procategory .hottoys li:hover{ border:0}
.code{ color:#176FB6; padding-top:5px;}
.pricing{ color:#FD7B03}
.mainmenu .procategory .hottoys .hottoyimg{ width:117px; height:117px;}
.mainmenu .procategory .hottoys dt{ display:none}
.mainmenu .procategory .hottoys dd{font-size:12px; height:25px; line-height:25px; width:30%; padding:0 8px; color:#666;float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.mainmenu .procategory .hottoys dd a{ color:#666}
.mainmenu .procategory .hottoys .subcat{color:#666; text-indent:20px; background:none;}
.mainmenu .procategory .hottoys .subcat:hover{background:none;}
.mainmenu .procategory .hottoys .hotpro{ float:right; margin:10px 10px 0 0}
.mainmenu .procategory .hottoys .hotpro img{ cursor:pointer}
.mainmenu .procategory .hottoys dd a:hover{cursor:pointer; color:#034EA2; text-decoration:underline;}
.mainmenu .procategory .hottoys .ViewAllCategories{text-align:right; clear:both; font-size:12px; padding:10px 15px 0 10px; cursor:pointer;}
.mainmenu .procategory .hottoys .ViewAllCategories a{color:#034EA2;text-decoration:underline;}
.mainmenu .procategory .hottoys .ViewAllCategories a:hover{ color:#ff9a00}
/*.mainmenu .procategory .hottoys dd p{ text-align:center; font-size:13px; font-weight:bold}
*/.hottoytitle{ font-size:15px; color:#FF9A00; line-height:25px;}
.mainmenu li{ float:left; color:#666; margin:0px; line-height:30px; padding:0 15px; font:15px Verdana,Helvetica,sans-serif; height:30px; }
.mainmenu li:hover{ border-bottom:4px solid #034EA2}
.mainmenu #mynewwaves .newicon{ position:absolute; top:-1px; left:650px;left:653px\9;}
.mainmenu img{ float:left;}
.mainmenu .linebox{ margin:0; padding:0;}
.menu-home{ display:block;/*background:url(images/honmeicon.png) 0px 8px no-repeat; text-indent:23px;*/}
.selected{/* background:url(images/menu_selected.png) 0px 0px repeat-x;*/ border-bottom:4px solid #034EA2;}
.mainmenu li:hover{/* background:url(images/menu_selected.png) 0px 0px repeat-x;*/ cursor:pointer}
.mainmenu #mainmenu_category:hover .procategory{}
.mainmenu .procategory .categorynavy .categorynavy_selected{background: url(images/left_navy_select_03.png) 0px 0px no-repeat; color:#FD7B01}
.mainmenu .procategory .categorynavy .categorynavy_selected a{ color:#ff9a00}
.ViewByWaysHeader{ height:40px; margin:20px;}
.ViewByWaysHeader table{ width:100%}
.ViewByWaysHeader table td.width5{ width:5%; white-space:nowrap;}
.ViewByWaysHeader .title{ margin:0 8px; color:#666; font-size:21px;}
.ViewByWaysHeader .Bg{background: url(images/ViewByWaysHeaderBg.png) 0px 0px repeat-x; height:10px;}
.ViewByWayscontent{ margin:0 20px;}
.ViewByServiceContent table td{ vertical-align:top; text-align:left}
.ViewByServiceContent p{ color:#555; margin:10px 0; font-size:12px; line-height:20px; text-align:left; width:230px;}
.ViewByServiceContent table td.DiscriptionArea .title{ color:#333; font-size:17px;}
.ViewByServiceContent table td.DiscriptionArea{ padding:10px 0 0 10px;}
.ViewByServiceContent table td.DiscriptionArea .LearnMore a{ color:#034EA2; text-decoration:underline; font-size:12px;}
.ViewByServiceContent table td.DiscriptionArea .LearnMore a:hover{ color:#ff9a00}
.ViewByServiceContent table td.ImgBox img{ width:35px;}
.ViewByServiceContent table{ margin:10px 0 10px 50px;}
.ViewByWaysDiv .ViewByPriceContent li,.ViewByWaysDiv .ViewByColourContent li,.ViewByWaysDiv .ViewByIndustryContent li{float:left;height: 22px;line-height: 22px;margin-bottom: 10px;padding: 0; width: 33%; cursor:default!important}
.ViewByColourContent li{ width:30%}
.ViewByWaysDiv .ViewByIndustryContent li a,.ViewByWaysDiv .ViewByPriceContent li a,.ViewByWaysDiv .ViewByColourContent li a{ color:#3C5B92; font-size:12px}
.ViewByIndustryContent li:hover,.ViewByPriceContent li:hover,.ViewByColourContent li:hover{ border:0;}
.ViewByWaysDiv .ViewByIndustryContent li a:hover,.ViewByWaysDiv .ViewByPriceContent li a:hover,.ViewByWaysDiv .ViewByColourContent li:hover a{ color:#ff9a00}
.ViewByPriceContent,.ViewByIndustryContent,.ViewByColourContent{ margin:0 0 0 50px; padding-top:6px;}
.ViewByColourContent{ margin-left:65px}
/**********************************/
.adarea{ border:1px solid #eee; height:308px}
.ad_l{ float:left}
.ad_s{ float:right}
.ad_s li{ height:102px; border-bottom:1px solid #ddd;border-left:1px solid #ddd; cursor:pointer}
.hidden{ display:none;}
.ad_s .activeli{ display:block; border-left:1px solid #fff;}
/**********************************/
.hotproduct,.quicklink{ margin:20px 0 15px 0;}
.hotproduct{/*width:700px; float:right*/}
.quicklink{ float:left; width:240px; display:none }
.quicklink li{color: #1A1A1A;
cursor: pointer;
font-size: 14px;
height: 27px;
line-height: 27px;
margin-left: 10px;
width: 224px;}
.quicklink li a{color: #004691;}
.quicklink li a:hover{ text-decoration:underline;}
.quicklink li img{ margin-right:10px;}
.quicklink .freecatelog{ width:180px; height:240px; background:url(images/free_catalog.png) 0px 0px no-repeat; margin-top:5px;}
.quicklink .freecatelog a{ display:block; width:180px; height:240px;}
.quicklink .freecatelog span{ color:#00468D; text-decoration:underline; line-height:20px;}
.quicklink .freecatelog span:hover{ cursor:pointer; color:#FF9A00}
.hotproduct h5,.quicklink h5{ font-size:19px; color:#1A1A1A; font-weight:normal; margin-bottom:20px; }
.quicklink h5
{
background: none repeat scroll 0 0 #1882C0;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
padding: 3px 0;
text-align: center;
width: 75%;}
.more-style{ color:#777; font-size:13px; float:right; margin-right:10px;cursor:pointer;}
.more-style a{color:#ff9a00;font-size:13px; font-weight:normal}
.more-style:hover,.more-style:hover a{ color:#034EA2}
.saleitem{ background: url(images/sale%20items.png) 16px 25px no-repeat; padding:57px 20px 0 20px }
.Spotlight p{ line-height:16px; text-align:left; color:#4D4D4D}
.Spotlight .viewmore,.viewmore{ color:#1570b7; margin-top:5px; cursor:pointer;}
.Spotlight .viewmore:hover,.viewmore:hover{ color:#FD7B01}
.advantage{ background:url(images/advantage.png) 16px 10px no-repeat; padding:60px 20px 0 20px;}
.grayhr{ background:url(images/grayhr.png) 0px center repeat-x; height:4px; clear:both; height:20px;}
.Best_Sellers ul,.Recommendations ul{ width:160px; float:left; position:relative; margin-left:20px; cursor:pointer}
.Best_Sellers ul:hover p,.Recommendations ul:hover p{ text-decoration:underline;}
.Best_Sellers ul:hover img,.Recommendations ul:hover img{filter:alpha(opacity=80);opacity: 0.8}
.Best_Sellers ul .hotptoimg img,.Recommendations ul .hotptoimg img{ /*width:160px;*/ max-height:120px;}
.Best_Sellers ul .hotptoimg,.Recommendations ul .hotptoimg{ margin-bottom:4px;width:160px; height:120px; padding:1px; text-align:center;}
.Best_Sellers ul .hotptoimg td,.Recommendations ul .hotptoimg td{width:160px; height:130px; text-align:center; vertical-align:middle;}
.hotprotext{ width:160px; color:#656565; padding:1px; height:40px; line-height:20px;}
.hotprotext p{ text-align:center; color:#1570A6}
.hotprotext .title{ color:#222; font-size:12px; font-weight:bold}
.hotprotext .title:hover{ color:#1671b7; text-decoration:underline; cursor:pointer}
.Recommendations{ margin-top:30px; clear:both;}
.Recommendations:after,.hotproduct:after,.Best_Sellers:after,.Spotlight:after,.footer_content:after,.searchbar:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.hotprotext .viewmore{ position:absolute; bottom:5px}
.LeftArrow,.RightArrow{ width:8px; height:16px; cursor:pointer}
.LeftArrow{background:url(images/GrayArrow.png) 0px 0px no-repeat; float:left;}
.LeftArrow:hover{background:url(images/GrayArrow.png) 0px bottom no-repeat;}
.RightArrow{background:url(images/GrayArrow.png) right 0px no-repeat; float:right;}
.RightArrow:hover{background:url(images/GrayArrow.png) right bottom no-repeat;}
/**********************************/
.footer_bg{ /*background: url(images/footer_bg.png) 0px 0px repeat-x #F1F1F1; height:200px;*/ padding:10px 0 15px 0; color:#555; background:#EAEAEA}
.footer_content{ width:980px; margin:0 auto;}
.footertitle{ font-size:16px; color:#222;font-family:"wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; }
.footerleft{ float:left; width:800px}
.footerright{ float:right; width:160px;}
.footerleft ul{ width:24%; float:left; margin-top:10px;}
.footerleft ul li,.footerright ul li{ height:20px; line-height:20px; color:#666}
.footerleft ul li:hover,.footerright ul li:hover{color:#FD7B01;cursor:pointer}
.footerright ul{ margin-top:10px;}
.footerright ul li{ background:url(images/liststyle.png) 0px center no-repeat; text-indent:10px;}
.copyrighttext{ float:left; line-height:30px; color:#999}
.followus{ float:right}
.copyright{ float:right; line-height:20px; width:180px;}
.copyright span{ border-right:1px solid #999; display:block; float:right; padding-right:10px; margin-right:10px; margin-top:10px;}
.copyright img{ float:right; width:50px;}
.footer_left li,.footer_right li{ float:left}
.footer_left li{ margin-right:14px;}
.footer_right li{ margin-left:14px;}
.footer_left li:hover,.footer_right li:hover{ color:#333; text-decoration:underline; cursor:pointer}
.footer_left{ float:left; margin-top:10px;}
.footer_right{ float:right}
/**********************************/
.toolbox_bg{/*width:100%;*/ position: fixed; bottom:0px; right:0px;/* background: url(images/toolbox-bgclose.png) 0px 0px repeat-x;*/}
.toolbox_close{/*background: url(images/toolboxclose.png) 0px 0px no-repeat;*/ height:30px; width:150px; margin:0 auto; background:#034EA2;}
.toolbox_content{ height:75px; background: url(images/toolbox.png) 0px -29px no-repeat; display:none; width:980px; margin:0 auto; position:relative}
.toolbox_open{ background:url(images/toolbox.png) 0px 0px no-repeat}
.toolbox_bg1{width:100%; position: fixed; bottom:0px; left:0px; background: url(images/toolbox_open_bg.png) 0px 22px repeat-x}
.username,.password{margin-top:31px}
.username{border:0px;height:22px; margin-left:150px;width:218px;}
.password{border:0px;height:22px; margin-left:95px;width:177px;}
.chagepasswrap .password{ margin-left:0; border:1px solid #D5D5D5; height:20px; padding:1px; width:250px;}
.forgottext{text-decoration:underline;color:#888;margin-left:150px;cursor:pointer}
.forgottext:hover{color:#FD7B01;}
.blubtn{width:180px;height:25px;margin-left:373px;width:180px;cursor:pointer}
.toolswrap{/*position: fixed; bottom:-170px; right:-70px; width:200px; height:200px; background:#eee; border:1px solid #034EA2;*/bottom:0; right:0; position:fixed; width:150px;}
.toolscontent{display:none; clear:both; padding:5px;background-color:#FFFFFF;}
.toolscontent ul li{color: #034EA2;
font-size: 12px;
padding: 3px 0;}
.toolscontent ul li, .toolscontent ul li a{color: #034EA2;
font-size: 12px;
padding: 3px 0;
}
.toolscontent ul li a:hover{ color:#004691; cursor:pointer; text-decoration:underline}
.toolscontent ul li img{ margin-right:6px; width:25px;}
.toolsbtn{ width:150px; height:30px;background:#034EA2; color:#fff; cursor:pointer; line-height:30px; font-size:15px; font-weight:bold; text-align:center; cursor:pointer; float:right}
/**********************************/
#mainContent{z-index:1;position:relative; margin-top:10px;}
ul.lof-navigator li{cursor:pointer; width:14px; float:left; line-height:14px; color:#fff; margin-right:3px; font-weight:normal; background:url("images/index-ad.png") no-repeat right 0}
ul.lof-navigator li img{ margin-left:1px; height:27px;}
.lof-navigator li.active{z-index:2000;position:relative;color:#fff; background:url(images/index-ad.png) 0px 0px no-repeat;}
ul.lof-navigator li:hover{background:url(images/index-ad.png) 0px 0px no-repeat; color:#fff;}
.lof-slidecontent{position:relative;overflow:hidden;width:980px;height:325px;}
.lof-main-outer{position:relative;height:323px;width:980px;z-index:3px;overflow:hidden;}
ul.lof-main-wapper{overflow:hidden;padding:0px;margin:0;height:350px;width:980px;position:absolute;overflow:hidden;}
ul.lof-main-wapper li{overflow:hidden;padding:0px;margin:0px;height:100%;width:980px;float:left;position: relative;}
.lof-navigator-outer{position:absolute;right:0;bottom:7px;z-index:100;width:980px;overflow:hidden;color:#555; line-height:18px; font-size:12px; font-weight:700; text-align:center}
ul.lof-navigator{top:0;padding:0;margin:0; right:10px; position:absolute;}
ul.lof-main-wapper li img{padding:0px;width:980px;}
/**********************************/
.TagLink{ margin-top:6px}
.DottedLine{ height:2px;background:url(images/dotted.png) 0 0 repeat-x;}
.TagLinkBg{ height:109px; background:url(images/subcatbg.png) 0 0 repeat-x; margin:4px 0}
.TagLinkItemUL li{ float:left; width:144px; height:79px; cursor:pointer; border:1px solid #d5d5d5; margin:15px 0 0 15px; border-top:1px solid #fff; border-left:1px solid #fff; background:#fff;}
.TagLinkItemUL li:hover{border:1px solid #c0c0c0; border-top:1px solid #fff; border-left:1px solid #fff;}
.TagLinkItemUL li table{ width:100%}
.TagLinkItemUL li table td{ text-align:center; vertical-align:middle}
.TagLinkItemUL li table td.TagLinkNameTd{ height:24px;font-weight:bold; color:#333}
.TagLinkItemUL li table td.TagLinkImgTd{ height:55px;}
/**********************************/
.usercenter{ margin-top:10px;}
.usercenter_left{ width:195px; float:left; }
.myacount_leftnavy{background:#f1f1f1; padding-bottom:10px;}
.usercenter_rihgt{ float:right; width:785px;}
.rlative_product{}
.myacount_leftnavy .title{ color:#0c6ec6; font-weight:bold; text-indent:25px; border-bottom:1px solid #ccc; font-size:15px; height:45px; line-height:60px; }
.myacount_leftnavy dl{ margin:8px 0 0 0;}
.myacount_leftnavy dt,.myacount_leftnavy dd{ line-height:25px;}
.myacount_leftnavy dt{ background:url(images/grayarraw_d.png) 8px center no-repeat; font-weight:bold; text-indent:25px;font-size:13px; color:#444; margin:6px 0;}
.myacount_leftnavy dd{ text-indent:25px; color:#666; cursor:pointer;}
.myacount_leftnavy dd:hover{ color:#0c6ec6; text-decoration:underline}
/**********************************/
.inline ul{ width:auto;}
.inline .helpli{ position:relative; z-index:10002; width:48px; height:20px;}
.inline .help{display:block; padding:0 5px; position: absolute; z-index:1; width:40px; height:20px;}
.inline .help span{ float:left}
.inline .helpselect{height: 80px; padding:5px 5px 0; position: absolute;width: 100px; border:1px solid #bbb; background:#fff; z-index:0; top:20px; display:none; right:-4px;}
.inline .helpselect p{ border-bottom:#ddd dotted 1px; line-height:25px; text-indent:8px;}
.inline .helpselect p:hover{ color:#0093C4; background:#eee;}
.inline .helpselect a:hover{ color:#0093C4; background:#eee;}
.inline .helpli:hover .help{/*border:1px solid #bbb; border-bottom:0px;*/color:#0093C4;/* background:#f9f9f9*/}
.help_span_hover{ color:#0093C4}
.icon-nav-arrow-black
{
background: url(images/arraw.png) no-repeat scroll 0 bottom transparent;
float: right;
height: 6px;
margin: 7px 0 0 0;
width: 11px;
/*transition:all 0.3s ease-in-out 0s;*/
}
.inline .helpli:hover .icon-nav-arrow-black,.inline .Resourcesli:hover .icon-nav-arrow-black {background: url(images/arraw.png) 0px 1px no-repeat ;}
/**********************************/
.inline .Resourcesli{ position:relative; z-index:10001; width:74px; height:20px;}
.inline .Resources{display:block;position: absolute; z-index:1; width:76px; height:20px;}
.inline .Resources span{ float:left}
.inline .Resourcesselect{height:auto; right:-4px; padding:5px; position: absolute;width: 130px; border:1px solid #bbb; background:#fff; z-index:0; top:20px; display:none}
.inline .Resourcesselect p{ white-space:nowrap; line-height:25px; border-bottom:1px dotted #ddd; text-indent:8px;}
.inline .Resourcesselect p:hover{ background:#eee; color:#0093C4;}
.inline .Resourcesli:hover .Resources{/*border:1px solid #bbb; border-bottom:0px;*/color:#0093C4;/* background:#f9f9f9*/}
.Resources_span_hover{ color:#0093C4}
/**********************************/
.mynewwavesrap{color: #333333;cursor: default; display: none; height:auto;left:0px;position: absolute;top: 30px;width: 755px;z-index: 9000;}
.mynewwaves_top{background: url("images/product-bg_2.png") 0 0 no-repeat}
.mynewwaves_bottom{background: url("images/product-bg_2.png") right bottom no-repeat; height:20px; clear:both}
.mynewwavesrap .newwaves_linknavy{ float:right; width:300px;margin-right: 8px;margin-top: 6px;width: 220px; padding-top:10px;}
.mynewwavesrap .newwaves_linknavy dd{ clear:both;
clear: both;
font-size: 13px;
height: 32px;
line-height: 32px;
cursor:pointer;font:14px Verdana,Helvetica,sans-serif;
color:#333; text-indent:22px;
height:32px; line-height:32px; margin:5px 10px 20px 8px;
}
.mynewwavesrap .newwaves_linknavy .newwaveslink_select{ color:#fff;font-size:13px; font-weight:bold; background:url(images/select_bg.png) 0px 0px no-repeat;}
.Stockordertrack{
font-size: 12px;
}
.Stockordertrack .viewbtn{ width:13px; float:none; cursor:pointer}
.Stockordertrack .chakinglasttd{ text-align:left; padding-left:40px; width:35%; white-space:nowrap;}
.Stockordertrack .chakinglastth{ text-align:left; padding-left:30px;}
.Stockordertrack table{ width: 515px; margin:5px 0 0 5px;}
.Stockordertrack th,.Stockordertrack td{padding:5px 5px; line-height:20px; line-height:20px; font-size:11px; text-align:center;}
.Stockordertrack th{ color:#000; white-space:nowrap; font-weight:normal;background:#eee}
.Stockordertrack tr:hover td{ background:#f9f9f9}
.Stockordertrack td{ color:#666;border-bottom:1px dotted #ccc;}
.Stockordertrack td .view{ width:13px; height:13px; display:block; background:url(images/viewbtn.png) -30px 0px no-repeat; margin:0 auto;}
.Stockordertrack td .view:hover{background:url(images/viewbtn.png) 0px 0px no-repeat; margin:0 auto;}
.Stockordertrack .title{ font-size:14px; font-weight: bold; line-height:30px; text-indent:8px; color:#0093c4; font-family:Verdana,Helvetica,sans-serif;}
#mynewwaves:hover .mynewwavesrap{}
#newwaves_content_box{ margin: 10px 0px 5px 6px;
width: 520px; height:auto; min-height:420px;}
#RequestManagerButton{ background: none;border:none;color: #187FCB;font-size: 13px;font-weight: bold;margin-left: -3px;margin-top: 15px;padding: 0;text-decoration: underline; cursor:pointer}
#RequestManagerButton:hover{ color:#ff9900}
/**************************/
.livechatbox{ float:right; display:block; width:70px; margin-left:12px; color:#777;}
.livechatbox:hover{color: #187FCB}
.livechatbox:hover .icon-nav-arrow-black{ background:url("images/arraw.png") no-repeat scroll 0 1px transparent}
.livechattext{ float:left}
.livechatimg{float:right; cursor:pointer; width:22px;}
.livechat_hover{ width:300px; height:170px; border:1px solid #bbb; position:absolute; top:20px; right:0; background:#fff; display:none;}
.inline{ z-index:9999}
/**************************/
.patharea{ height:30px; line-height:40px; color:#555; margin:5px 0 5px 0}
.patharea img{ margin-left:5px;}
.patharea .path_arrow{ margin:0 5px;}
.patharea .current_path{ color:#000}
/*******************************/
.Success_box{ margin:40px 0; padding:15px;}
.success_text{ background:url("images/601.png") no-repeat 0 3px; height:30px; padding-left:40px; line-height:35px;}
.margin_auto{ margin:0 auto;}
/********************************/
/*CSS sabrosus style pagination*/
DIV.sabrosus {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 15px 3px 3px; PADDING-TOP: 3px; TEXT-ALIGN: center;
}
DIV.sabrosus A {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; TEXT-DECORATION: none
}
DIV.sabrosus A:hover {
COLOR: #000; BACKGROUND-COLOR: lightyellow
}
DIV.pagination A:active {
COLOR: #000;BACKGROUND-COLOR: lightyellow
}
DIV.sabrosus SPAN.current {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR:#ff8800; font-weight:bold; MARGIN-RIGHT: 2px; PADDING-TOP: 2px;
}
DIV.sabrosus SPAN.disabled {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px;}
.imgIndentOrderStatusClass {margin-left:10px; float:none !important; clear:both;vertical-align:middle;}
/**********register****************/
.registertable{ margin:0 auto 15px auto; width:100%;}
.registertable td{ padding:5px;}
.alignright{ text-align:right; width:35%}
.registertitle{ border-bottom:1px solid #d5d5d5;height:25px; padding-top:6px; margin-bottom:15px; font-size:16px;font-family:"wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"}
.spanrequest{ color:#ff0000; margin-right:3px; vertical-align:middle; padding-top:3px;}
.registertable input{ width:250px; border:1px solid #ccc; height:20px; line-height:20px;}
.registertable select{ width:252px; border:1px solid #ccc; height:20px; line-height:20px;}
.btndefault{ background:#1882C0; border:0px; color:#fff; font-size:15px; padding:3px 20px; text-align:center; margin:0 auto; cursor:pointer;}
.btndefault:hover{ background:#178ff2}
.registerbtn{ width:90px; margin:20px auto 20px auto;}
.registerpagetitle h2{ color:#0089C8; font-size:20px; font-weight:bold; margin-top:20px;}
.registerwrap{ border:1px solid #dfdfdf; padding:15px; margin-top:5px;}
.director{background:url(images/icon2.png) 5px 1px no-repeat; text-indent:40px;}
.register_companyinfo{background:url(images/icon2.png) 5px -50px no-repeat; text-indent:40px;}
.field-validation-error{ color:#D60616; margin-left:5px; font-size:12px;}
/*****************login********************************/
.login_div{ width:40%; float:left; background:url(images/line.png) right center no-repeat; padding:20px 40px 40px 40px; height:300px; margin:20px 0;}
.logintitle{ color:#a6a6a8; font-style:italic; font-size:25px; margin-bottom:40px;}
.loginpageemail,.loginpagepassword{ border:1px solid #aeaeae; width:314px; line-height:22px; height:22px; margin-top:5px; padding:0 3px}
.login_div .remenber{ width:220px;}
.login_div .promttext{ margin-top:25px;}
.login_div .promttext a{ color:#034EA2; text-decoration:underline;}
.login_div .promttext a:hover{ color:#ff8800}
.login_div .loginbtn{ padding:4px 15px; margin:0 0 0 20px; font-size:13px;}
.register_div{ width:35%; float:left; padding:40px 0px 40px 80px; margin:20px 0}
.register_div .register a{ display:block; background:#75B006; color:#fff; text-align:center; width:50%; height:30px; line-height:30px; text-decoration:none; margin:0 auto; font-size:15px;}
.register_div .register a:hover{ background:#83C606;}
/*******************shop by******************************/
.table-wrap{ width:100%; margin:40px 0}
.table-left{ border-bottom:1px solid #d3d3d3; border-right:solid #d3d3d3 1px; width:50%}
.table-right{ border-bottom:1px solid #d3d3d3;}
.BorderBottom0{ border-bottom:0px;}
.ShopbyBox .img-box,.ShopbyBox .content-box{ padding:10px 0 10px 10px; vertical-align:top}
.paddingTB40{padding:40px 0}
.ShopbyBox .img-box{ width:60px; padding-left:20px; padding-right:10px; text-align:center}
.ShopbyBox h2{ color: #222222;font-size: 16px;font-weight: bold;margin: 0 0 5px;}
.content-box ul li{ display:inline-block; height:23px; width:125px; line-height:17px; margin-top:7px; float:none}
.content-box ul li a{color:#3C5B92; font-size:13px; text-decoration:underline}
.table-wrap p{ color:#444;font-size: 13px;line-height: 19px;margin: 10px 0;}
.table-wrap .more-lnk{ color:#004691; font-size:12px; text-decoration:underline;}
.content-box ul li a:hover,.table-wrap .more-lnk:hover{color:#ff9a00;}
.height15{ height:15px;}
/**********************clearance*************************************/
.clearance_item{width:180px; height:205px; padding:1px; background:#fff;margin:20px 7px 20px 7px;float:left;}
.clearance_img{ width:180px; height:180px; border:1px solid #d5d5d5; }
.clearance_img a{ display:block; max-width:180px; max-height:180px; margin:0; padding:0;}
.clearance_img img{ max-height:180px; max-width:180px;}
.clearance_img td{width:180px; height:180px; vertical-align:middle; text-align:center;}
.clearance_proname{ height:22px; line-height:22px; font-weight:bold;text-align:center; color:#034EA2; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.clearance_procode{height: 22px;overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;}
.clearance_lastprocode{ color:#888;}
.clearance_item:hover .clearance_img img{filter:alpha(opacity=80);opacity: 0.8;}
/****************************************************/
.register_div .register a:hover{ background:#83C606}
/*************************************************/
.article {
width: 970px; margin:0 auto
}
.article label {
color: #888888;
}
.article h1, .article h2, .article h3 {
color: #034EA2;
}
.article h1 {
font-size: 20px;
text-align: left;
margin:20px 0 25px 0;
}
.article h3,.article h2{
font-size: 13px;
line-height: 30px;
text-align: left;
background:url("images/green_arrow.png") no-repeat 0 center;
text-indent:15px;
color:#000
}
.article h2{ margin:10px 0 5px 0}
.article p {
font-size: 13px;
line-height:20px;
margin:0px 0 15px 15px
}
.userguide .article p{margin:0px 0 15px 0}
.userguide .article ul li{ margin:0 0 10px 15px; line-height:20px;}
.contactus_box .article table{ margin-left:15px;}
.contactus_box .article table td{ line-height:22px;}
.article a{ color:#034EA2; text-decoration:underline;}
.article a:hover{color:#FF9A00}
.article ul {
margin: 15px 0;
}
.article li.article dd.li {
line-height: 1.7;
padding: 0;
}
.article .ContactBody li{ list-style:inside}
.article li img, .article dd.li img{ vertical-align:middle;}
.article dl, .article dd {
margin: 0;
padding: 0;
}
.article dt {
font-weight: bold;
}
.article .date {
color: #444444;
font-size: 12px;
}
.ContactBody div{ margin-bottom:15px; line-height:23px; margin-left:15px;}
.livechatul {
font-size: 11px;
font-family:Arial;
}
#oDivLiveChatListMyNewWaves .livechatul {
}
#oDivLiveChatListHover .livechatul {
margin-left:10px;
}
.livechatul li {
margin:0;
padding:0;
width:256px;
}
.livechatul li:hover {
border:none;
}
.livechatul .online {
background: url(../../images/livechat/on.png) no-repeat scroll 0 50% transparent;
font-size: 12px;
height:25px;
line-height: 25px;
padding-left:26px;
}
.livechatul .busy {
background: url(../../images/livechat/busy.png) no-repeat scroll 0 50% transparent;
font-size: 12px;
height:25px;
line-height: 25px;
padding-left: 26px;
}
.livechatul .away {
background: url(../../images/livechat/away.png) no-repeat scroll 0 50% transparent;
font-size: 12px;
height:25px;
line-height: 25px;
padding-left:26px;
}
.livechatul .leave {
background: url(../../images/livechat/off.png) no-repeat scroll 0 50% transparent;
font-size: 12px;
line-height: 25px;
padding-left:26px;
height:25px;
}
.livechatul li a {
color: #111111;
float: left;
font-family: Arial;
height: 25px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 230px;
}
.livechatul li .aChatMailTo {
float: right;
margin-left: 2px;
text-indent: 0;
margin-top:7px;
display:block;
width:16px;
height:11px;
}
.livechatul li .ChatUserName
{
color: #111;
}
.livechatul li .ChatTitle
{
color: #777;
margin-left:3px;
}
.ProductQty{ text-align:center}
.accountname{ color:#14358B; font-weight:bold; font-style:italic; font-size:15px;}
.accountinfo{ font-size:13px; font-style:italic; color:#555; margin-top:5px; font-weight:normal}
.wrapper{ min-height:400px;}
.wrapper h2{ margin:20px 0 10px 0; font-size:14px; color:#111; font-weight:normal; text-indent:10px; background:url(images/title_bg.png) 0px 0px no-repeat; height:35px; line-height:23px;}
.editor-field input,.editor-field select{ border:1px solid #aeaeae; width:350px; height:22px; line-height:22px; padding:0 3px; color:#666; font-size:12px;}
.editor-field textarea{border:1px solid #aeaeae; width:350px; margin:5px 0 20px 0; line-height:20px; color:#333; padding:3px; font-family:Arial; float:left;}
.editor-field select{ width:358px; padding:1px; height:25px;}
.buttonstyle5{ background:#1882C0; padding:3px 30px; text-align:center; border:0px; color:#fff; font-size:14px; margin:20px 0 20px 460px; cursor:pointer;}
.buttonstyle5:hover{ background:#178ff2}
.buttonstyle_blue{ background:#1882C0; padding:0px; width:100px; text-align:center; border:0px; color:#fff; cursor:pointer; height:22px; line-height:20px;}
.buttonstyle_blue:hover{ background:#178ff2}
.feedback,.Datafiles{ margin:10px auto 0 auto}
.editor-label{ text-align:right;}
.editor-field{ margin:10px 0 10px 8px}
.bottomline-box{ border-bottom:1px solid #bbb; padding-bottom:10px;}
.textarea .field-validation-error{ float:left; margin-top:5px;}
.required{ color:Red; margin-right:5px;}
.Library table{ width:100%; margin-bottom:20px;}
.Library table th,.Library table td{ text-align:left; padding:15px 5px 5px 5px;}
.Library table th{ border-bottom:1px solid #aaa;}
.Library table td{ border-bottom:1px dotted #bbb;}
.Library table tr:hover td{ background:#f9f9f9;}
.Library .chakinglastth{ width:10%; text-align:center;}
.Library .chakinglasttd{ text-align:center}
.Library .download{ width:17px; height:15px; display:block; background:url(images/download.png) 0px 0px no-repeat; margin:0 auto;}
.Library .download:hover{background:url(images/download.png) 0px bottom no-repeat;}
.createtime{ color:#666;}
.stockprice_navy{ border-bottom:1px solid #aaa; line-height:25px; text-indent:5px;}
.stockprice_content{ margin-top:20px; padding:0 10px}
.stockprice_navy span{ margin-right:20px; cursor:pointer;}
.stockprice_navy .selected{ border:0px; color:#FF9A00; font-weight:bold;}
.divTitle{ font-size:14px; color:#888; margin:10px 0 20px 0;}
.pdf_icon{ width:22px; height:27px; position:absolute; left:0; top:0px;}
.downloaditem{ margin:15px; position:relative; height:30px; text-indent:30px; font-size:13px; line-height:30px;}
.downloaditem a{color:#034EA2; }
.downloaditem a:hover{text-decoration:underline; }
#tabPrice{ width:960px; margin:10px 10px 0px 10px;}
#tabPrice th,#tabPrice td{ padding:15px 5px 0 5px; text-align:center}
#tabPrice th{ border-bottom:1px solid #aaa;}
.carton_price{ color:Red;}
.SearchResulte{color:#333; font-size:16px; font-family:"wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; background:#eee; text-indent:10px; padding-bottom:2px;}
#divPriceTable{ background:#f9f9f9; padding-bottom:10px;}
.divDescription{line-height:25px; color:#333;}
.ulFileList li{ height:30px; line-height:30px; margin-left:10px;}
.ulFileList .ulfile_title{ margin-left:0; margin-top:20px; height:25px; line-height:25px;}
.ulFileList li a{color:#034EA2;background:url(images/liststyle2.png) 0px center no-repeat; padding:5px 5px 5px 15px}
.ulFileList li a:hover{ text-decoration:underline;}
.divManu2 .selected{ border:0px; color:#fff; background:#b4b4b4;}
.divManu2{ margin-bottom:20px; padding:8px 5px; border:1px dotted #bbb;}
.divDescription .title{ font-weight:bold; margin-right:5px; height:25px; margin-top:30px; line-height:25px;}
.divManu2 span{ margin-right:10px; background:#eee; padding:4px 8px;}
.divManu2 span:hover{ background:#b4b4b4; color:#fff;}
.stockprice_content h1{ font-size:14px; color:#333;}
.stockprice_content h3{ font-size:13px; color:#333; margin:15px 0 5px 0; background:url("images/green_arrow.png") no-repeat 0 center; text-indent:12px; height:20px; line-height:20px;}
#divWebsiteLink a,.divExample a{ font-style:italic; color:#034EA2; line-height:25px;}
#divWebsiteLink a:hover,.divExample a:hover{ text-decoration:underline;}
.padding12{ padding:0 12px;}
#divWebsiteLink img{ margin:5px 0;}
#selectCate{ border:#bbb 1px solid; padding:1px; margin:10px 0; width:250px; height:22px;}
.current_path{ color:#000}
.path_arrow{ color:#555; margin:0 5px;}
.spansample
{
background-color: #ED9646;
color: #FFFFFF;
padding: 0px 2px;
line-height:16px;
}
.cart .spansample,.topright .cart_span_hover span.spansample,.cart .spansample:hover {
background: none repeat scroll 0 0 #ED9646;
color: #FFFFFF;
display: inline;
float: none;
height: auto;
padding: 0px 2px;
position: static;
width: auto;
border:none;
}
.tablestyle td, .tablestyle th{ color: #222222;
padding: 3px 0;
text-align: center}
.tablestyle th{background: none repeat scroll 0 0 #F2F2F2;
font-weight: normal;
padding: 4px 0;}
.buttontable{ margin:auto}
input.ErrorProductQty
{
border-color: Red;
background-color: #fcc;
}
/************************************************/
.QuickOrderWrap{ min-height:400px;}
.QuickOrderPageTitle{background: none repeat scroll 0 0 #E0E0E0;clear: both;color: #000000;font-size: 15px;margin-bottom: 10px;margin-top: 20px;padding: 5px 0;text-indent: 6px;}
#selProductCategoryList{ margin-right:5px;}
#oDivQuickOrder{ margin:0 10px}
.ProductCategoryList{ margin-top:20px;}
.divProductName{color: #111; font-weight:bold; border-bottom:#b9b9b9 solid 1px; margin:30px 0px 10px 0px; padding-bottom:5px;}
.btn_style2{ background:#F7A204; padding:4px 25px; border:0px; color:#fff; cursor:pointer}
.btn_style2 a{ color:#fff!important;}
.btn_style2:hover{ background:#f8b912}
.txtSizeQty{ text-align:center; width:50px; color:#034EA2}
.QuickOrderPageTitle,.stockprice_navy{clear: both;color:#034EA2;font-size: 12px;margin-bottom: 10px;margin-top: 20px; height:23px; line-height:23px;border:1px solid #e0e0e0; border-bottom:1px solid #e5e5e5; background:#f0f0f0}
.QuickOrderPageTitle li,.stockprice_navy li{ float:left; height:23px; line-height:23px; padding:0 8px; background:#f0f0f0; margin-right:5px; cursor:pointer}
.QuickOrderPageTitle li.activli,.stockprice_navy li.activli{ background:#fff; border-top:2px solid #ff9900; font-weight:bold; color:#ff9900; border-bottom:0; height:23px; line-height:23px; cursor:default; margin-top:-1px;}
.tabProductColorSzieInfo{ margin-bottom:40px;}
.tdSizeQty{ vertical-align:bottom;text-align:center;}
.OutStock{ background:#f0f0f0}
.procolorinfo{border: 1px solid #E9E9E9;margin-right: 5px;padding: 3px 3px;text-align: center;}
.tabProductColorSzieInfo td{padding:15px 3px 3px 3px;}
.tabProductColorSzieInfo .tdSizeName{ vertical-align:bottom;text-align:right; padding-left:30px;}
/************************************************/
.UnderConstruction{ margin-left:350px; margin-top:100px; min-height:300px;background:url("images/Under-construction-page.png") no-repeat 0 0; }
/************************************************/
.RegisterSuccessful{ margin:20px auto; line-height:28px;}
/************************************************/
.pricedrop_header{ font-weight:bold; font-size:13px; border-bottom:1px solid #b9b9b9; padding-bottom:5px; margin:30px 7px 20px 7px}
.pricedrop_content .product_item{background: none repeat scroll 0 0 #FFFFFF;
float: left;
height: 220px;
margin:0px 7px 15px 7px;
padding: 1px;
width: 180px;}
.pricedrop_img{ border:1px solid #d5d5d5; position:relative; height:180px;}
.pricedrop_img img{ max-width:180px; max-height:180px;}
.pricedrop_img td{ width:180px; height:180px; text-align:center; vertical-align:middle}
.pricedrop_img .DiscountIcon{ position:absolute; z-index:1; height:24px; line-height:22px; width:94px; color:#fff; padding:0 5px;background:url("images/Discount.png") no-repeat 0 0; font-weight:bold}
.DiscountProname{ color:#1570A6; line-height:18px; height:40px; text-align:center; padding-top:4px;}
.DiscountProname a{color:#1570A6;}
.pricedrop_content .product_item:hover .pricedrop_img img{filter:alpha(opacity=80);opacity: 0.8;}
.pricedrop_content .product_item:hover .DiscountProname a{ text-decoration:underline}
/******************CatalogueRequest*****************************/
.CatalogueRequest{ margin:10px 0 50px 5px; line-height:25px;}
.CatalogueRequest h2{ margin:20px 0 0 0; color:#444}
.CatalogueRequest .buttonstyle_blue{ margin:20px 0}
.notes{ color:#DD1111; font-weight:bold; margin-right:5px;}
.notesbox{ line-height:20px; border-bottom:1px solid #c0c0c0; padding-bottom:5px; color:#333;}
.CatalogueRequest .title{ font-weight:bold; color:#222; margin-right:5px;}
#itxtRequestCount{ border:1px solid #c0c0c0; width:80px; text-align:center; height:20px; line-height:20px; margin:0 5px;}
.Addbtn,.Reducerbtn{ display: block; width:10px; height:22px;}
.Addbtn{background:url("images/icon.png") no-repeat 0 -16px;}
.Reducerbtn{background:url("images/icon.png") no-repeat 0 11px;}
.CatalogueRequest td{ padding:8px 0}
.RequestCopies .title,#itxtRequestCount,.Addbtn,.Reducerbtn{ float:left}
.scrolltopbtn{background: url(images/scrolltop.png) right 0px no-repeat; height:26px; width:26px; position: absolute; right:125px; top:-40px;}
.scrolltopbtn:hover{ background:url(images/scrolltop.png) left 0px no-repeat; cursor:pointer}
/******scroll begin******/
a.abtn {
display: block;
overflow: hidden;
position: absolute;
text-indent: -20000px;
top: 50px;
}
a.aleft {
left: 0px;
}
a.aright {
right: 0px;
}
.newproductshow a.abtn{ top:80px}
#hottoyswrap .hotproductshow {
clear: both;
height: 140px;
margin: 0;
/*width: 500px;*/
position: relative;
text-align: center;
}
#hottoyswrap .hotproductshow .scrollcontainer {
height: 140px;
margin-left:28px;
width: 440px;
overflow: hidden;
position: relative;
}
#hottoyswrap .hotproductshow .scrollcontainer ul {
position: absolute;
width: 20000px;
}
#hottoyswrap .hotproductshow .scrollcontainer li {
padding: 0;
height: 140px;
width: 110px;
float: left;
clear:none;
text-align: center;
}
#hottoyswrap .hotproductshow .scrollcontainer li div.scrollbox {
height: 140px;
margin: 0 auto;
width: 110px;
position: relative;
}
#hottoyswrap .hotproductshow .scrollcontainer li div.scrollbox td{ width:110px; height:100px; text-align:center; vertical-align:middle}
.mainmenu #hottoyswrap .hotproductshow .scrollcontainer li div.scrollbox td img{ float:none;}
.newproductshow {
clear: both;
height: 170px;
margin: 0;
position: relative;
text-align: center;
}
.newproductshow .scrollcontainer {
height: 170px;
margin-left:22px;
width: 940px;
overflow: hidden;
position: relative;
}
.newproductshow .scrollcontainer ul {
position: absolute;
width: 20000px;
}
.newproductshow .scrollcontainer li {
padding: 0;
width: 188px;
float: left;
clear:none;
text-align: center;
}
.newproductshow .scrollcontainer li div.scrollbox {
margin: 0 auto;
padding: 1px;
width: 186px;
position: relative;
}
.newproductshow .ProductCode{ display:none}
.newproductshow .ProductName a{ color:#004691; line-height:16px; text-align:center; display:block;}
.newproductshow .NewProImgTd{ width:188px; height:130px; text-align:center; vertical-align:middle}
.newproductshow .scrollcontainer li:hover .ProductName a{ text-decoration:underline}
.newproductshow .scrollcontainer li:hover img{filter:alpha(opacity=80);opacity: 0.8}
/******scroll end*******/
.NewProducts .Header, .IndexCategories .Header
{color: #333333;
font-size: 16px;
font-weight: bold;
height: 20px;
line-height: 20px;
margin-bottom: 17px;
text-align: left;}
.NewProducts .Header .title, .IndexCategories .Header .title{ float:left}
.NewProducts_Category
{float: left;
margin-left: 18px;}
.NewProducts_Category li.CurentMonth{ color:#FF9A00}
.NewProducts_Category li{color: #222222;
cursor: pointer;
float: left;
font-size: 12px;
font-weight: normal;}
.NewProducts_Category li.line{background: none repeat scroll 0 0 #333333;
height: 9px;
margin: 6px 5px 0;
padding: 0;
width: 1px;}
.newproductshow .scrollcontainer li div.ProductName{margin-top:5px;}
.IndexCategories{ margin-top:20px;}
.IndexCategories {
clear: both;
position: relative;
text-align: center;
}
.IndexCategories .scrollcontainer {
height: 190px;
margin-left:42px;
width: 900px;
overflow: hidden;
position: relative;
}
.IndexCategories .scrollcontainer ul {
position: absolute;
width: 20000px;
}
.IndexCategories .scrollcontainer li {
padding: 0;
height: 190px;
/*width: 175px;*/
float: left;
clear:none;
text-align: left;
}
.IndexCategories .scrollcontainer li div.scrollbox {
height: 190px;
margin: 0 auto;
padding: 1px;
position: relative;
float:left
}
.IndexCategories .ProductCode{ display:none}
.IndexCategories .ProductName a{ color:#004691; line-height:16px; text-align:center; display:block;}
.IndexCategories .NewProImgTd{ /*width:175px;*/ height:130px; text-align:center; vertical-align:middle}
.IndexCategories .scrollcontainer li:hover .ProductName a{ text-decoration:underline}
.IndexCategories .scrollcontainer li:hover img{filter:alpha(opacity=80);opacity: 0.8}
.IndexCategories a.abtn{ top:115px;}
.IndexCategoriesItem dt{clear: both;
color: #004691;
font-weight: bold;
margin-bottom: 10px;
overflow: hidden;
padding-right: 30px;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;}
.IndexCategories{ margin-top:30px;}
.IndexCategoriesItem dl{ float:left}
.IndexCategoriesItem dt{ font-weight:bold; color:#004691; clear:both; margin-bottom:10px; text-align:left; padding-right:30px;white-space: nowrap; overflow:hidden; text-overflow:ellipsis}
.IndexCategoriesItem dd{ float:left; color:#444;line-height:20px; text-align:left; white-space: nowrap; overflow:hidden; text-overflow:ellipsis}
.IndexCategoriesItem dd.BlankSpace{ width:71px; height:100px;}
.IndexCategoriesItem dd span{}
.IndexCategoriesItem dd span:hover,.IndexCategoriesItem dd a:hover{ text-decoration:underline; color:#004691; cursor:pointer}
.hotbrand a.abtn{ top:70px;}