/* CSS Document */ @import "/CSS/public01.css"; @import "flyout.css"; body{ font-family:Arial,Helvetica,sans-serif; font-size:12px;} form{ display:inline} a{ text-decoration:none; color:#333333} a:hover{ text-decoration:underline} #main_container{ width:984px; margin:0 auto; background:#FFFFFF} #BottomLink,.title28,.subItem02 a,.subItem a:hover,.subItem a,#header_cart #cartBtn,.productDetail_des .desTitle,.addToCart,.AddToFavourites,#categoryList #catTitle,#footer .top,#adleftTop,#left_main .block_bottom,#left_main .block_titel,.searchBtn,#header{ background:url(/Images/websites/easytocart.com/bg.gif) no-repeat;} #main{clear:both; width:980px; margin:0 auto} .rightPrice,#adImg,#isFreeShipping,#pageSel .pages,.a_ed a,.productDetail_des .desTitle span,.AddToFavourites,.joinUs,.infobarRight,#right_main{ float:right} .leftPrice,.prod_box,#header_cart,#header_search,#header_login,.product_title_big h2,#productList .prod_box,#left_main{ float:left} .hongse,#promotionsBg li font,.fontPrice,.rightList li font,#header_cart font,#footer a:hover{ color:#A72D2C} .bbsDetails a,.prod_box h4 a,#left_categroy li a,#header_top a{ color:#003399} #header_login a{ color:#000000} #share,.num,#left_main .block_list,.search_input{ border:1px solid #cde0e9} .bbsDetails a,.font_03,.productDetail_des .desTitle font,#header_cart font{ font-size:14px} .bbsDetails span,.bbsDetails font,.title28,#left_main .block_titel{padding-left:10px} #search_cart{ text-align:left} .bbsDetails font{ color:#999999} .bbsDetails a,#catLink,#catLink a,.title28,.product_title a,.desTitle font,#promotionsBg li,.fontPrice,.rightList li a,.title,#left_main .block_titel{ font-weight:bold} .details_att li,#isFreeShipping,.productDetail_des .desTitle,#left_main .block_titel{height:30px; line-height:30px;} .marginTop{ margin-top:8px;} .bbsDetails font,.prod_box h4 a,#left_main .block_titel,#promotionsBg li font,.rightList li font{ font-size:12px} a:hover{ color:#A72D2C} #left_main .block_titel,#left_categroy li .catFont{ color:#000000} #header_menu,#header_top a,.pad05{padding:0 5px} .title28{ height:28px; overflow:hidden; background-position:-197px -105px; line-height:28px} #left_main .block_bottom,.prod_box .product_img{ overflow:hidden} .prod_box p{padding:2px 0} /*------------------------------begin header-----------------------*/ #header{ height:131px;text-align:right; background-position:0 26px;} #header_top{ height:26px; line-height:26px} #search_cart{ height:30px} #logo{ position:absolute;top:3px; float:left; width:170px} #header_login{ padding:0 0 0 256px} #header_login input{ width:103px; height:1.3em} #header_cart{ padding-left:33px; background-position:-210px -289px; *width:280px; text-align:left} #header_cart #cartBtn{float:right;background-position:right -92px; width:81px; height:29px;} #search_cart{padding:8px 0 0 270px;} #search_cart strong{padding:0 20px} #search_cart span{padding:0 0 0 110px} * html #header_search{padding:63px 0 0 0;} .searchBtn{ background-position:-545px -9px; width:63px; height:21px; border:0; cursor:pointer} .infobarRight{padding:10px 0 3px 170px} .search_input{ width:263px} .search_cat{ width:100px; border:1px solid #a6ad9b} #detailsCart{ clear:both;} /*------------------------------end header-----------------------*/ /*------------------------------begin right_main-----------------------*/ #right_main{ margin-left:-192px; width:100%} #right_content{ margin-left:192px;} .rightList img{max-width:95px;} * html .rightList img{ width:95px} .rightList span{text-align:center;display:block;clear:both;padding:5px} .rightList li{padding:5px 10px} .rightList li a{ border:1px dashed #ffffff;border-bottom:1px dashed #cccccc;display:block; text-align:center; overflow:hidden} .rightList li a:hover{border:1px solid #eeeeee; text-decoration:none} .rightList li a:hover span{background:#eeeeee; cursor:pointer; color:#A72D2C;} #productList .prod_box{ text-align:center} #intro,#productList .prod_box p{ line-height:1.5em} #intro{ padding:5px 0 0 0;} /*---------prod_box----------*/ .pro_item{clear:both} #product .item,.pro_item li{ float:left; width:268px;padding:7px 0 15px 20px; border:0 dotted #ccc; border-width:0 0 1px 0;height:158px; background: url(../Images/eout/prod_separator.gif) no-repeat 287px center; overflow:hidden;} .pro_item li h3{ font-size:12px; font-weight:bold;padding:5px 0;} .pro_item li h3 a{text-decoration:none} .pro_item li p{ line-height:1.5em;margin-left:11em} .pro_item .cartbtn{ background:url(../Images/eout/cartbtn_03.gif) no-repeat; width:104px; height:25px; border:0;padding:0 0 4px 23px; font-size:12px; line-height:25px} .pro_item a.wishbg{ background:url(../Images/eout/wish_03.gif) no-repeat;width:91px;padding:5px 10px 10px 3px; text-decoration:none} .prod_box{ width:180px; padding:10px 5px; height:230px; text-align:center} .prod_box h4{ height:30px} .prod_box .product_img{/**/ height:120px;padding:5px;} #pageSel{position:relative; padding:8px 0 10px 0} #pageSel .display{ position:absolute; left:0px; top:8px} /*------------------------------end right_main-----------------------*/ /*------------------------------end left_main-----------------------*/ #left_main{ width:184px} #left_main .block_titel{ background-position:0 -105px; } #left_main .block_list{ border-width:0 1px} #left_main .block_bottom{background-position:0 -137px; height:5px;} #left_categroy .subItem a,#left_categroy .subItem02 a{padding-left:2.5em;} #newsLetter{padding:10px; height:100%} #newsLetter p{ padding:0 0 10px 0} .joinUs{ background:url(/Images/Icons/btn_03.gif) no-repeat scroll -10px -4px;padding:2px; border:0; text-decoration:none !important} #adleftTop{background-position:0 -485px;height:5px} #adList{ width:182px; overflow:hidden} .subItem a{ background-position:-200px -330px} .subItem02 a{background-position:-200px -365px} .subItem02 a:hover{background-position:-200px -365px} .hotsale li{ line-height:1.5em} /*------------------------------end left_main-----------------------*/ /*------------------------------begin rank-----------------------*/ .rk{background:url(/Images/Icons/commentstar.gif) no-repeat; height:15px;margin-left:10px;} .rank1{ background-position:0 0;} .rank2{ background-position:0 -17px;} .rank3{ background-position:0 -32px;} .rank4{ background-position:0 -49px;} .rank5{ background-position:0 -66px;} .rank6{ background-position:0 -83px;} .rank7{ background-position:0 -100px;} .rank8{ background-position:0 -114px;} .rank9{ background-position:0 -130px;} .rank10{ background-position:0 -146px;} .rk_title{border-color:#E7E7E7 !important;padding:10px 0} .rkMargin{margin-left:50px;} /*------------------------------end rank-----------------------*/ /*------------------------------begin category-----------------------*/ #categoryList #catTitle{background-position:-197px -134px;height:59px; padding:0 10px} #categoryList #catLink a{padding:0 15px} /*------------------------------end category-----------------------*/ /*------------------------------begin footer-----------------------*/ #footer .top{ height:13px; background-position:0 -380px} /*------------------------------end footer-----------------------*/ /*------------------------------end admin-----------------------*/ .adminedit{ height:3em} /*------------------------------begin admin-----------------------*/ /*------------------------------begin detail-----------------------*/ .product_img_big{ position:relative} #category_nva{ height:3em} .picture ul {height:290px !important;left:10px !important;top:10px !important;width:290px !important; } .big_img{ height:280px; width:280px; overflow:hidden} .product_img_big{ width:320px; padding:5px 0 5px 10px; float:left; text-align:center } .details_att{ width:380px; float:left; padding:0 0 0 15px; text-align:left; } .product_title_big{ height:43px;} .product_title_big h2{color:#000000;padding:5px 0 5px 0;font-weight:bold;font-size:14px;} .specifications{ font-size:12px; font-weight:bold; line-height:18px; } .thumbs{ padding:8px 5px 8px 5px; border:1px #DFD1D1 solid; margin:3px 0 0 0; } .thumbs a{ padding:3px; } .prod_price_big{ padding:5px 0 5px 0; font-size:16px; } span.reduce{ color:#999999; text-decoration:line-through; } span.price{ color:#ea2222; } .addtocart{ width:96px; height:19px; display:block; float:left; background-position:right -456px; text-decoration:none; line-height:19px; color:#ffffff; border:0; } span.blue{ color:#5F9FAB; } #img_list,.big_img{ border:1px solid #cccccc;padding:5px;} #img_list{ margin-top:10px} /*.big_img img{width:300px; height:280px} */.details_big_box label{float:left; width:6em; text-align:right} .rk_title{ padding:10px 0 10px 0} .addtocart_css{ padding-left:6em} .attribute{ width:250px} .attribute li{float:left;padding:0 3px;} .attribute li a{float:left;padding:2px; border:1px solid #cccccc; text-decoration:none; cursor:pointer} .attribute li a:hover{ border-color:#D80808} .selectA{ background:url(/Images/Icons/select_icon.gif) no-repeat right bottom ;border:1px solid #D80808 !important; color:#D80808} .productItemImg{ padding:10px} .productItemImg .rating{/*padding-left:30px*/} .productItim_contant{ text-align:left} .teshe_map{} .teshe_map .item_map{float:right} .productItim_text{padding:10px 0 ; border:0 solid #CCCCCC; border-width:2px 0; margin:10px 0; line-height:1.5em} .productItim_review{ padding-bottom:5px} .select_area{ width:auto !important; padding:0 !important; display:block !important;} .details_att li{ border-bottom:1px solid #cccccc; font-weight:bold} .details_att li label{float:left;width:100px;} .addToCart,.AddToFavourites{ width:119px; height:25px} .addToCart{ background-position:0 -147px; border:0} .AddToFavourites{ background-position:0 -174px; width:135px;} #detailsCart{ height:35px; padding-top:20px} #bookmark{ text-align:center;padding-top:20px} .productDetail_des{} .productDetail_des .desTitle{ background-position:-200px -195px; padding:0 20px} .productDetail_des .desContent{ padding:15px 0} .Pub_fieldset fieldset{ background:none; border:0} .RelatedItems li{ padding:15px; height:160px} .RelatedItems li img{padding:5px} #ItemPriceTag{ font-weight:normal} #isFreeShipping{background:url(/Images/Icons/freeshipping.gif) no-repeat left center; padding-left:25px} .smallImg{cursor:pointer;float:left;height:40px;left:9px;margin:5px;position:relative;width:46px; padding-top:15px;background:url(/Images/Icons/detail_pic_mini.gif) no-repeat} a:hover .smallImg{background:url(/Images/Icons/detail_pic_mini.gif) no-repeat -46px 0} #lineParamTable{ margin-top:10px;} #lineParamTable th{ background:#CDE0E9} #lineParamTable td, #lineParamTable th { border-bottom:1px dotted #BBBBBB;border-left:1px dotted #BBBBBB;border-right:1px dotted #BBBBBB;color:#445054; font-size:0.9em; padding:4px 5px; } #category_nva_list{padding:5px 0} /*------------------------------end detail-----------------------*/ .otherinfo { width:740px !important} #footer a {color:#000000;} #footer a:hover{ border-bottom:1px solid #A72D2C;} #searchResults .productPanel{ text-align:center} #detailTop{width:19px;float:right; height:114px; background:url(/Images/Icons/detail-top.gif) no-repeat; position:fixed !important; bottom/**/:180px; position:absolute; z-index:8999; right:0;} * html #detailTop{top:expression(offsetParent.scrollTop+150); } #detailTop a{display:block; height:114px; overflow:hidden; width:18px;} /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/drop_lists.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #lists {padding:0;list-style:none; position:relative; float:left; /*background:url(/Images/websites/zmartsupply.com/line.gif) no-repeat left 4px;*/ width:100%; z-index:1000;} /* margins for this demonstration only */ #lists li {display:inline; float:left; height:25px; background:url(/Images/websites/easytocart.com/line.gif) no-repeat right 4px; z-index:10} #lists li a.tl {/*display:block;*/ padding:0 15px !important; height:25px; text-decoration:none; line-height:20px; font-size:12px; font-weight:normal; text-align:center; color:#fff; background:url(/Images/websites/easytocart.com/white_arrow.gif) no-repeat 5px center;} #lists li a.t2 {/*display:block;*/ padding:0 15px; height:25px; text-decoration:none; line-height:20px; font-size:12px; font-weight:normal; text-align:center; color:#fff;} #lists div {display:none;} #lists a{cursor:pointer !important;} #lists li a:hover {text-decoration:underline; white-space:normal; background-position:5px 10px;} #lists li:hover > a {text-decoration:underline; white-space:normal; background-position:5px 10px;} /* edit div*/ #lists li:hover div {display:block; width:400px; background:#f2f5f8; position:absolute; left:0; top:25px; border:1px solid #888; padding-bottom:10px;} * html #lists a:hover div{display:block; width:400px; background:#f2f5f8; position:absolute; left:-150px; top:15px; border:1px solid #888; padding-bottom:10px;} * html #lists :hover div.width_01{width:350px;} #lists :hover div.x_pos_left{/*background:#f0f5ee;*/left:-0px !important; z-index:1000} * html #lists :hover div.x_pos_left{left:-0px !important;} #lists :hover div.x_pos_right{background:#f0f5ee;left:-480px !important;} * html #lists :hover div.x_pos_right{left:830px !important;}/**/ #lists .two:hover {position:relative;} #lists .single:hover {position:relative;} /**/#lists .a1:hover{ position:relative;} #lists .two:hover div.pos3 {background:#f5eef0; width:300px;} #lists .single:hover div.pos4 {background:#ffefd5; width:150px;} /*edit ie6 dl dt*/ #lists :hover div dl {display:inline; padding:0; margin:0 10px 0px 10px; float:left;width:120px;} #lists :hover div dl dt {width:120px; background:#888; text-indent:10px; margin:5px 0 5px 0; text-decoration:none; height:20px; line-height:20px;} /*edit ie7 ff x*/ #lists .two:hover div {left:-200px;} /* edit ie7 ff dl dt*/ #lists .two:hover div dl {width:180px;} #lists .two:hover div dl dt {width:180px; text-align:center} /* edit ie6 dl dt*/ * html #lists .a1 .dt{width:180px !important; text-align:center !important} * html #lists .a1 .dl{width:180px !important;}/**/ #lists .single:hover div dl {width:129px;} #lists .single:hover div dl dt {width:129px;} #lists :hover div dl dd {padding:0; margin:0;height:18px !important; line-height:18px !important;} #lists :hover div dt a {text-decoration:none; cursor:default; font-weight:normal; color:#fff; font-weight:bold} #lists :hover div dd a {display:block !important; text-decoration:none; font-weight:normal; font-size:11px; color:#000; text-indent:10px; line-height:15px; text-align:left} #lists :hover div dd a:hover {text-decoration:underline;} #lists .clear {clear:both;} .menu_iframe{position:absolute;top:100px; left:200px; width:670px; filter: Alpha(Opacity=100); background:url(/Images/Icons/blank.gif);z-index:100000 !important;} #lists table {border-collapse:collapse; width:0; height:0; border:0; font-size:1em;} #lists iframe {position:absolute; left:-9999px; border:0; padding:0; margin:0; width:0; height:0; top:-5px} /*#lists li a:hover iframe{left:0; top:0px; filter: Alpha(Opacity=100); background:url(/Images/Icons/blank.gif); width:200px; height:200px; z-index:1000 }*/ /*iframe[class=menu_iframe]{ width:0; height:0;}*/ /*begin tab banner*/ .containerTab{width:512px; height:231px; overflow:hidden;position:relative;} .slider{position:absolute;} .slider li{ list-style:none;display:inline;} .slider img{ width:512px; height:231px; display:block;} .slider2{width:2000px;} .slider2 li{float:left;} .num{ position:absolute; right:0; bottom:0; width:510px; height:30px; background:#FFFFFF;} * html .num{ bottom:-1px;} .num li{ float: left; color: #FF7300; text-align: center; line-height: 30px; /* width: 16px;margin: 3px 1px;*/ height:30px; font-family: Arial; font-size: 12px; cursor: pointer; overflow: hidden; padding:0 5px; border-right: 1px solid #cde0e9; background-color: #fff; } .num li.on{ color: #fff; line-height: 30px; /* width: 21px;margin: 0 1px;*/ height:30px; font-size: 16px; border: 0; background-color: #FF7300; font-weight: bold; } /*end tab banner*/ /*beigin bottomLink*/ #BottomLink{ background-position:0 -226px; height:152px; clear:both;padding:0 10px;} #BottomLink table{ width:100%;} #BottomLink table th{ height:27px; line-height:27px} #BottomLink table td,#BottomLink table th{ text-align:left} /*end bottomLink*/ .shareDetails img{padding:5px} /*begin bbsDetails*/ .bbsDetails li{ border-bottom:1px dashed #CDE0E9; line-height:1.5em} /*end bbsDetails*/