/*YUI Reset CSS*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } /* CLEARFIX !! -- slightly enhanced, universal clearfix hack */ .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .clearfix { display:inline-block; } /* start commented backslash hack \*/ * html .clearfix { height:1%; } .clearfix { display:block; } /* close commented backslash hack */ /* Removes grey dotted outline around block-level links */ object:focus, object:active, a:focus, a:active, .ui-state-active { outline:none; } body{ font-family: "????",Meiryo,"?????? Pro W3","Hiragino Kaku Gothic Pro","???????","MS P Gothic",Osaka,Verdana,Arial,Helvetica,sans-serif; font-size: 12px; } a { color: #333; text-decoration: none; } a:hover { text-decoration: underline; } a.blueLink { color:#0032F3; } .hide { display:none; } .red { color: #d02b2a; } .button { display: block; text-indent: -9999px; border: none; cursor: pointer; } .mainContainer { width: 950px; margin: 0 auto;} .header { position:relative; margin-bottom: 15px; } li.header.red {position:static;} .logo { background: url(images/megadeal.png) no-repeat; width: 241px; height: 65px; display: block; text-indent: -9999px; margin: 5px 0 14px 0; _padding:5px 0 12px 0; *padding:5px 0 12px 0; float:left; } .redcross { position:absolute; bottom:0; right:0;} .searchBar { height: 40px; _width:407px; margin: 3px 0; } .bottomSearch .searchBar { margin:14px 0 0px 0;} .searchBarNav { float: right; } div.navSelect { height:25px; width:170px; padding:0; margin:8px 0 0 0; float:left; color:black; font-size:16px; background:transparent url(images/dropDownRight.png) no-repeat right 0; _background:none; position:relative; } div.navSelect .selectContent { line-height:18px; position:absolute; top:0; left:0; padding:4px 0 0 4px; width:148px; height:100%; overflow:hidden; white-space:nowrap; font-size:12px; color:#333333; background:transparent url(images/dropDownLeft.png) no-repeat left 0; _background:none; } .searchBar .categoryOptions { position:absolute; top:0; left:0; height: 25px; width:170px; border:none; display:block; z-index:2; opacity:0; filter: alpha(opacity = 0); _font-size:17px; } .searchBar .searchButton { background: url(images/searchButton2.png) no-repeat; width: 78px; height: 25px; float: left; border: none; text-indent: -99999px; margin: 8px 0 0 3px; } .searchBar .searchText { float: left; margin: 8px 0 0 3px; height: 23px; padding: 0; line-height:20px; background: #FFF; border:1px solid black; } .searchBar .searchDefaultText { background: url(images/searchBoxText.png) 3px center no-repeat #FFF; } .freeShipButton { background: url(images/shipping-orange.png) no-repeat; width: 160px; height: 20px; } .freeShipRemoveButton { background: url(images/shipping-grey.png) no-repeat; width: 160px; height: 20px; } .compareButton { background: url(images/compare.png) no-repeat; width: 101px; height: 30px; } .clusterButton { background: url(images/search-button-cluster.png) no-repeat; width: 101px; height: 30px; } .shopButton { background: url(images/shop.png) no-repeat; width: 101px; height: 30px; } .shopButtonLarge { background: url(images/shopLarge.png) no-repeat; width: 117px; height: 36px; } .submitButton { background: url(images/submit.png) no-repeat; width: 111px; height: 36px;} .recommendedLabel { background: url(images/recommeded.png) no-repeat; text-indent: -9999px; width: 61px; height: 61px; position: absolute; } .productEachCell { position: relative; } .productEachCell .compareButton { margin: 2px auto; } .productEachCell .shopButton { margin: 2px auto; padding-bottom:2px; } .productEachCell .clusterButton { margin: 2px auto; padding-bottom:2px; } .productEachCell .compareButton { margin: 2px auto; padding-bottom:2px; } .productHeader .shopButtonLarge { margin: 10px 0; } .productEachCell .recommendedLabel { top:1px; left: 1px; } .merchantListings .shopButton { margin-left: 30px; } .shop2 .shopButton { margin: 0 auto; } .clearFilters { background: url(images/clearFilters.png) no-repeat; width: 220px; height: 25px; margin: 0 0 8px 0; } .contact .submitButton { float:right; margin-bottom:60px; } .searchContainer { padding-bottom: 20px; } .searchContainer .backToTop { text-align: right; padding-bottom: 10px; } .searchContainer .backToTop a { color: #0032f3; text-decoration: underline; } .leftCol { width: 220px; padding-right: 20px; float: left; margin-bottom: 30px; } .rightCol { width: 710px; float: left; } .header1 { border-bottom: 5px solid #EBEBEB; font-size: 18px;/* padding: 5px 0;*/ margin: 20px 0 10px 0; font-weight: bold } .header2 { border-bottom: 3px solid #ebebeb; padding: 2px 0; margin: 10px 0 20px 0; font-size: 14px; font-weight: bold; } .header3 { font-size: 18px; padding: 10px 0; font-weight: bold; } .header4 { font-size: 14px; padding: 10px 0; font-weight: bold; } .header5 { font-size: 16px; padding: 10px 0; font-weight: bold; } .header6 { border-bottom: 5px solid #EBEBEB; font-size: 18px; margin: 10px 0; font-weight: bold } h2.searchHeader { border-bottom: 3px solid #ebebeb; padding: 3px 0; margin: 5px 0 10px; } h2.searchHeader .headerBottom { padding-top: 3px; } h2.searchHeader a { text-decoration: underline; color: #0032f3; font-weight: normal; } h2.searchHeader .headerTop { font-weight: bold; } h2.searchHeader .headerLeft { float: left; line-height: 23px; font-weight:bold; } h2.searchHeader .headerCenter { float: left; width: 215px; padding-left: 35px; line-height: 23px;} h2.searchHeader .headerCenter .displayTitle { font-weight: bold; padding-right: 8px; } h2.searchHeader .headerRight { float: right; width: 160px; text-align:right; } .listGridIcon { background: url(images/icons.png) no-repeat; width: 80px; height:23px; } .listViewType { background-position: 0 -106px; margin-left: 8px; padding-left: 30px; line-height: 23px; float: left;} a:hover.listViewType { background-position: 0 -159px; line-height: 23px; float: left;} .listViewSelected { background-position: 0 -159px; margin-left: 8px; padding-left: 30px; line-height: 23px; float: left;} .gridViewType { background-position: 0 0; margin-left: 8px; padding-left: 30px; line-height: 23px; float: left;} a:hover.gridViewType { background-position: 0 -53px; line-height: 23px; float: left;} .gridViewSelected { background-position: 0 -53px; margin-left: 8px; padding-left: 30px; line-height: 23px; float: left;} .sectionHeader3 { font-size: 14px; font-weight: bold; padding-bottom: 10px; } ul.nav { padding:0 5px; margin:2px 0 0; background:url(images/navBkgrnd.png) 0 0 no-repeat; height:25px; position:relative; } ul.nav li.topCategory { float:left; height:25px; position:relative; background:url(images/navTopCategory.png) right 0 no-repeat; } ul.nav li.first { margin-left:-5px; _margin-left:-3px; padding:0 0 0 10px; background:url(images/navTopCategoryFirst.png) left 0 no-repeat; } ul.nav li.firstNoSub { background:url(images/navTopCategoryFirstNoSub.png) left 0 no-repeat; } ul.nav li.first a { display:block; padding-right:30px; background:url(images/navTopCategory.png) right 0 no-repeat; } ul.nav li.first a:hover { background-position:right -25px; } ul.nav li.first a.hover { background-position:right -25px; } ul.nav li.siteMap { float:right; height:25px; position:relative; padding:0 5px 0 0; margin:0; line-height:25px; } ul.nav li.siteMap a { font-size:10px; } ul.nav li.topCategory a { display: block; padding:0 30px 0 5px; } ul.nav li.topCategoryHover, ul.nav li.topCategoryHover span, ul.nav li.topCategory:hover span, ul.nav li.topCategory:hover { background-position:right -25px; } ul.nav li.topCategory a { line-height:25px; } ul.nav li.topCategory .subContainer { display:none; width:365px; position:absolute; top:25px; left:-10px; padding:10px 20px 25px; background:url(images/navSubCategory.png) no-repeat 0 bottom; _background:url(images/navSubCategoryIE6.png) no-repeat 0 bottom; _padding-left: 10px; _padding-right: 10px; _left:0; z-index: 3; } ul.nav li.topCategory .subContainer a { background: none; } ul.nav li.topCategoryFirstHover, ul.nav li.first:hover { background-position:left -25px; } ul.nav li.topCategory .subContainer .subCategoryFirst { _display:none; position:absolute; top:-18px; left:0; height:18px; width:14px; background:url(images/navSubCategoryFirst.png) no-repeat 0 bottom; } ul.nav li.topCategory .subContainerFirst { left:-9px; _left:0; } ul.nav li.topCategory ul { position:relative; } ul.nav li.topCategory ul.subCategories { width:225px; float:left; border-right:1px solid #c0c0c0; } ul.nav li.topCategory ul.subCategories li { height:23px; border-bottom:1px solid #c0c0c0; margin-right:15px; } ul.nav li.topCategory ul.subCategories li.last { border:none; } ul.nav li.topCategory ul.keyWords { width:136px;_overflow:hidden; float:left; border-left:1px solid #c0c0c0; margin-left:-1px; } ul.nav li.topCategory ul.keyWords li { list-style:square inside; color:#d02b2a; height:23px; line-height:25px; margin-left:5px; } ul.nav li.topCategory ul.keyWords li.header { list-style:none; font-weight:bold; height:23px; } ul.nav li.topCategory ul.keyWords li a { margin-left:-4px; *margin-left:0; display: inline;} ul.nav li.topCategory ul li a { padding: 0; } .filterSections { background: url(images/checkeredE5E5E5.png) repeat; border-bottom: 4px solid #EBEBEB; font-size: 11px; } .filterSections h3 { color: #D02B2A; font-size: 14px; padding: 5px 8px; font-weight: bold; } .filterSections ul { background: #FFF; border-left: 4px solid #EBEBEB; border-right: 4px solid #EBEBEB; padding: 8px 0; } .filterSections ul li { padding: 1px 0; } .filterSections ul li.eachCategoryListing { background: url(images/arrow.png) no-repeat 0 center; margin-left: 10px; padding-left: 20px; } .filterSections ul li.eachFilterListing { height:18px; } .filterSections ul li.eachFilterListing a { background: url(images/checkboxes.png) 0 -21px no-repeat; margin-left: 10px; padding-left: 20px; } .filterSections ul li.eachFilterListing a:hover { background: url(images/checkboxes.png) 0 1px no-repeat; } .filterSections ul li.eachFilterListing .selected { background: url(images/checkboxes.png) 0 1px no-repeat; margin-left: 10px; padding-left: 20px; } .filterSections ul li.priceFilter { height: auto; } .filterSections ul li.eachFilterListing #priceFilter { background: url(images/priceFilter.png) no-repeat; width: 101px; height:29px; display:block; text-indent:-9999px; margin: 10px auto 0 auto;} .filterSections ul li.eachFilterListing #min { margin: 0 3px 0 12px; } .filterSections ul li.eachFilterListing #max { margin: 0 3px 0 0; } .filterSections ul li.moreLess { text-align: right; padding-right: 10px; } .filterSections ul li.moreLess a { color: #0032f3; text-decoration: underline; } .filterSections ul li.hidden { display: none; } .promoModule { margin-top: 20px; } .productEachCell { background: url(images/eachProductBg.png) no-repeat; width: 128px; height: 236px; float: left; margin-right:5px; margin-bottom: 5px; padding: 5px; text-align: center; overflow: hidden;} .productEachCellLast { margin-right: 0; } /*TODO remove if productImage style is not used*/ /*.productEachCell .productImage { display: block; }*/ .productEachCell .productImage img { margin: 0 auto; } .productEachCell .productPrice { font-size: 14px; text-align: center; padding: 2px 0; } .productEachCell .productTitle { color: #0032f3; height:55px; overflow:hidden; } .productEachCell .productTitle a { text-decoration: underline; color: #0032f3; } .listView { border: 2px solid #EBEBEB; } .listView li { padding: 18px 0; background: url(images/dottedLine.png) repeat-x left bottom; position: relative; } .listView .img { width: 130px; text-align: center; float: left; } .listView .title { width: 430px; text-align: left; font-size: 12px; float: left; } .listView .productTitle a { text-decoration: underline; color: #0032f3; font-weight:bold; } .listView .title .desc { font-size: 12px; padding-top: 5px; font-weight: normal; padding-right: 10px; } .listView .title .categoryPath { font-size: 10px; padding-top: 5px; font-weight: normal; padding-right: 10px; color: #777777; } .listView .title .categoryPath a { font-size: 10px; padding-top: 5px; font-weight: normal; padding-right: 10px; color: #777777; } .listView .price a { font-size: 14px; color: #d02b2a; font-weight:bold; text-decoration: none; } .listView .shop { width: 123px; float: left; text-align: center; padding-left: 23px; } .listView .recommendedLabel { top:0; left: 0; z-index: 2; position: absolute; } .adwords { padding: 0 0 10px 0; line-height: 20px; } .adwords .left { float:left; width: 590px; } .adwords .right { float: right; width: 110px; font-size: 11px; color: #666666; text-align: right; } .adwords .right a { color: #666666; } .adwords .spacer { padding-bottom: 10px; } .bottomAdwords { padding-bottom: 80px; } .eachAdword { display: block; background: #FFF; width: 590px; cursor: pointer; } .eachAdword:active, .eachAdword:hover { text-decoration: none; } .eachAdword .title { color: #0032F3; text-decoration: underline; background: #FFF; } .eachAdword .title:hover { text-decoration: none; } .eachAdword .titleHover { text-decoration: none; } .eachAdword .desc { text-decoration: none; width: 590px; } .eachAdword .desc:hover { text-decoration: underline; } .eachAdword .descHover { text-decoration: underline; } .eachAdword .url { color: #008000; text-decoration: none; } .eachAdword .url:hover { text-decoration: underline; } .eachAdword .urlHover { text-decoration: underline; } .homepage { padding-bottom: 20px; } .homepage .leftCol { width: 630px; float: left; padding: 0; margin: 0 0 30px 0;} .homepage .rightCol { width: 300px; float: right; padding: 0; margin: 0; } .homepage .homepageContent { padding-top: 0px; } .eachCat { width: 615px; float: left; margin-right:3px; margin-left:3px; } .eachCatLast { margin-right: 0; } .eachCat .catTitle { border-bottom: 3px solid #DC4137; } .eachCat .catTitle a { display: block; color: #0032F3; text-decoration:underline; font-weight: bold; } .eachCat .subCat { height: 55px; background:url(images/gradientGray.png) repeat-x; padding: 5px 5px 0 5px; } .eachCat .subCat a { color: #4C4C4C; font-size: 11px; } .yellowBox { background: url(images/yellowBar2.png) no-repeat; width: 960px; height:22px; padding: 0 15px; line-height: 22px; overflow: hidden; margin-top:0px; font-size:14px; } .yellowBox a { color:#0032F3; font-size: 14px; } .yellowBox .label { font-weight: bold; } .cat { height:32px; background: url(images/catsNew2.png) no-repeat; padding-left: 35px; line-height: 30px; } .cat-11000000 { background-position: 0 2px; } .cat-12000000 { background-position: 0 -73px; } .cat-21000000 { background-position: 0 -144px; } .cat-1000000 { background-position: 0 -220px; } .cat-2000000{ background-position: 0 -298px; } .cat-3000000 { background-position: 0 -375px; } .cat-18000000 { background-position: 0 -444px; } .cat-20000000 { background-position: 0 -521px; } .cat-13000000 { background-position: 10px -602px; } .cat-9000000 { background-position: 0 -683px; } .cat-7000000 { background-position: 0 -761px; } .cat-8000000 { background-position: 0 -835px; } .cat-6000000 { background-position: 0 -912px; } .cat-10000000 { background-position: 0 -987px; } .cat-19000000 { background-position: 0 -1066px; } .cat-14000000 { background-position: 0 -1142px; } .cat-15000000 { background-position: 0 -1218px; } .cat-16000000 { background-position: 0 -1293px; } .cat-24000000 { background-position: 0 -1366px; } .cat-5000000 { background-position: 0 -1440px; } .cat-4000000 { background-position: 0 -1514px; } .cat-17000000 { background-position: 0 -1592px; } .cat-22000000 { background-position: 0 -1669px; } .cat-23000000 { background-position: 0 -1745px; } .seeMore { padding: 0 0 20px 0; text-align: right; } .seeMore a { color: #0032F3; text-decoration: underline; } .homepageContent .seeMore { padding: 0 0 8px 0; margin-bottom: 20px;} .sectionHeader { color: #D02B2A; font-size: 14px; padding: 5px; background: url(images/checkeredE5E5E5.png) repeat; font-weight: bold; } .sectionHeader2 { color: #666666; font-size: 14px; padding: 5px; background: #EBEBEB; } .sectionUL { background: #FFF; border-left: 4px solid #EBEBEB; border-right: 4px solid #EBEBEB; } .eachPopProd { height: 70px; padding: 10px; background: url(images/dottedLine.png) repeat-x bottom left; } .eachPopProd1 { height: 522px; padding: 0px;} .eachPopProd2 { height: 850px; padding: 0px;} .eachPopProd .num { width: 50px; float: left; height: 65px; font-size: 16px; } .eachPopProd .num1 { font-size: 21px; background: url(images/cups.png) no-repeat 6px 30px; font-weight: normal; } .eachPopProd .num2 { font-size: 21px; background: url(images/cups.png) no-repeat 6px -50px; font-weight: normal; } .eachPopProd .num3 { font-size: 21px; background: url(images/cups.png) no-repeat 6px -130px; font-weight: normal; } .eachPopProd .img { width: 67px; border: 1px solid #DEDEDE; float: left; } .eachPopProd .name { width: 130px; float: left; padding: 20px 10px 0 10px; font-size: 14px; } .eachPopProd .name a { color: #0032F3; text-decoration: underline; } .eachFeatured { height: 71px; width: 296px; float: left; padding: 10px 0 10px 15px; background: url(images/dottedLine.png) repeat-x bottom left; overflow:hidden; } .eachFeatured .img { width: 67px; border: 1px solid #DEDEDE; float: left; } .eachFeatured .name { width: 125px; float: left; padding: 0 10px 0 10px; font-size: 14px; } .eachFeatured .name a { color: #0032F3; text-decoration: underline; } .eachFeaturedMore { width: 622px; height: 20px; float: left; } .productHeader { margin: 25px 0 30px 0; } .productHeader .img { width: 250px; text-align: center; float: left;} .productHeader .productDetails { width: 500px; float:left; } .productHeader .productDetails .title { font-size: 21px; padding-bottom: 10px; font-weight: bold; } .productHeader .productDetails .desc { font-size:12px; padding-bottom: 15px; } .productHeader .productDetails .price { font-size: 18px; } .productHeader .productDetails .price .priceValue { font-weight: bold; } .productHeader .productDetails .by { font-size: 12px; } .productHeader .productDetails .by a { color: #0032f3; text-decoration: underline; } .merchantListingsHeader { padding-bottom: 5px; } .merchantListingsHeader .left { float: left; width: 600px; overflow: hidden; font-size: 14px; font-weight: bold; } .merchantListingsHeader .right { float: left; width: 350px; text-align: right; } .merchantListingsHeader a { color: #0032f3; } .merchantListings { border-left: 2px solid #ebebeb; border-right: 2px solid #ebebeb; border-bottom: 2px solid #EBEBEB; } .merchantListings td { padding: 8px 0; } .merchantListings th { background: #ebebeb; line-height: 26px; } .merchantListings th.title { width: 300px; padding-left: 85px; font-weight: normal; font-size: 12px; } .merchantListings th.price { font-weight: normal; font-size: 12px; } .merchantListings th.price2 { font-weight: normal; font-size: 12px; } .merchantListings th.store { font-size: 12px; } .merchantListings th.store2 { font-size: 12px; } .merchantListings th.shop { font-size: 12px; } .merchantListings th.shop2 { font-size: 12px; } .merchantListings .img { width: 140px; text-align: center; } .merchantListings .title { width: 385px; text-align: left; font-size: 14px; font-weight:bold; } .merchantListings .title .desc { font-size: 12px; padding-top: 10px; font-weight: normal; } .merchantListings .price { width: 148px; text-align: center; font-size: 16px; font-weight: bold; } .merchantListings .store { width: 130px; text-align: left; } .merchantListings .store a { font-size: 12px; color: #0032f3; text-decoration: underline; } .merchantListings .store a:hover { text-decoration: none; } .merchantListings .shop { width: 145px; text-align: center; } .merchantListings .divider { background: url(images/dottedLine.png) repeat-x center center; height: 10px;} .merchantListings .price2 { width: 350px; text-align: center; font-size: 18px; font-weight: bold; } .merchantListings .store2 { width: 300px; text-align: center; } .merchantListings .store2 a { font-size: 16px; color: #0032f3; text-decoration: underline; } .merchantListings .shop2 { width: 300px; text-align: center; } .alert { padding-left: 35px; margin-bottom: 10px; background: url(images/triangle.png) no-repeat left center; font-size: 18px; line-height: 26px; font-weight: bold; } .noResults { width: 600px; margin: 0 auto; padding: 10px 0 60px 0; } .noResults .topSection { background: url(images/dottedLine.png) bottom left repeat-x; padding: 10px 0 30px 0; margin-bottom: 30px; text-align: center; font-size: 14px; font-weight: bold; } .noResults .topSection a { color: #0032f3; text-decoration: underline; } .noResults ul { font-size: 16px; } .noResults ul li { background: url(images/grayDot3x3.png) left center no-repeat; padding: 5px 0 5px 15px; } .searchBarContainer .searchBar { background: url(images/searchBar.png) no-repeat; width: 950px; height: 40px; position:relative; z-index:-100;} .searchBarContainer #searchCommand { position:absolute; top:0; left:50%; width:425px; margin-left:-212px; } .footer { padding: 10px 0 50px 0; font-size: 11px; } .footer a { font-size: 11px; } .footer .topSection { background: url(images/dottedLine.png) bottom left repeat-x; margin: 0 0 10px 0; padding: 0 0 10px 0; color: #666666; font-size: 11px; } .footer .topSection a { color: #666666; font-size: 11px; } .footer .bottomSection a.redArrow { background: url(images/redArrow.png) no-repeat left center; padding-left: 12px; color: #3a3a3a; } .footer .bottomSection { text-align: center; line-height: 27px; color: #3A3A3A; } .footer .seperator { border-right: 1px solid #262626; width: 1px; font-size: 15px; padding-left:8px; margin-right: 8px; } .siteMap { padding-bottom: 60px; margin-top: -20px; } .siteMap .eachCol { width: 275px; float: left; margin-right: 5px; } .siteMap .header2 { padding-top: 30px; } .siteMap ul { list-style-image: url(images/grayDot.png); margin-left: 10px; padding-left: 10px; } .siteMap .catTitle { border-bottom: 3px solid #ebebeb; padding-bottom:2px; margin: 20px 0 10px 0; } .siteMap .catTitle a { color: #0032F3; font-size: 14px; text-decoration: underline; } .siteMap ul a { color: #0032f3; text-decoration: underline } .siteMap .backToTopCol { width: 100px; float: right; text-align: right; list-style: none; margin: 0; padding: 0;} .siteMap .backToTopCol .eachBackToTop { padding: 480px 0; margin: 0; } .siteMap .backToTopCol .eachBackToTopLast { padding-bottom: 0; margin: 0; } .siteMap .backToTop { text-align: right; } .siteMap .backToTop a { color: #0032F3; text-decoration: underline; } .breadcrumbs { padding: 5px 0; } .breadcrumbs a { color: #0032F3; text-decoration: underline; } .error500 { font-size: 14px; margin:30px 0 60px 0; } .error404 { font-size: 14px; margin:30px 0 60px 0; } .error404 { width: 560px; margin: 30px auto 200px auto; } .error404 ul { border: 3px solid #EBEBEB; padding: 12px; margin-top: 40px; } .error404 ul li { background: url(images/redArrow.png) left center no-repeat; padding: 5px 0 5px 20px; } .error404 ul li a { color: #0032F3; text-decoration: underline; font-weight: bold; } ul li.color { float: left; width: 24px; height:24px; margin:0 3px; padding: 1px 0; _margin: 0 2px; } .color a { background: url(images/colors.png) no-repeat; width: 24px; height:24px; text-indent: -9999px; display: block; } .color-000000 a { background-position: 0 0; } .color-CC9900 a { background-position: 0 -74px; } .color-FF0000 a { background-position: 0 -148px; } .color-FF3366 a { background-position: 0 -222px; } .color-FF6600 a { background-position: 0 -296px; } .color-FFFF00 a { background-position: 0 -370px; } .color-99FF00 a { background-position: 0 -444px; } .color-FFFFFF a { background-position: 0 -518px; } .color-666666 a { background-position: 0 -592px; } .color-6600CC a { background-position: 0 -666px; } .color-0000FF a { background-position: 0 -740px; } .color-00FFFF a { background-position: 0 -814px; } .color-009966 a { background-position: 0 -888px; } .color-00CC00 a { background-position: 0 -962px; } ul li.colorSelected {padding: 0;float: left; width: 26px; height:26px; margin:0 2px; _margin: 0 1px; } .colorSelected a { background: url(images/colorsSelected.png) no-repeat; width: 26px; height:26px; text-indent: -9999px; display:block; } .colorSelected-000000 a { background-position: 0 0; width: 26px; height: 26px; } .colorSelected-CC9900 a { background-position: 0 -76px; width: 26px; height: 26px; } .colorSelected-FF0000 a { background-position: 0 -152px; width: 26px; height: 26px; } .colorSelected-FF3366 a { background-position: 0 -228px; width: 26px; height: 26px; } .colorSelected-FF6600 a { background-position: 0 -304px; width: 26px; height: 26px; } .colorSelected-FFFF00 a { background-position: 0 -380px; width: 26px; height: 26px; } .colorSelected-99FF00 a { background-position: 0 -456px; width: 26px; height: 26px; } .colorSelected-FFFFFF a { background-position: 0 -532px; width: 26px; height: 26px; } .colorSelected-666666 a { background-position: 0 -608px; width: 26px; height: 26px; } .colorSelected-6600CC a { background-position: 0 -684px; width: 26px; height: 26px; } .colorSelected-0000FF a { background-position: 0 -760px; width: 26px; height: 26px; } .colorSelected-00FFFF a { background-position: 0 -836px; width: 26px; height: 26px; } .colorSelected-009966 a { background-position: 0 -912px; width: 26px; height: 26px; } .colorSelected-00CC00 a { background-position: 0 -988px; width: 26px; height: 26px; } .filterSections ul.tweets { overflow-y: scroll; overflow-x: hidden; border-right:1px solid #EBEBEB; } .tweet { padding: 0; width: 100%; } .tweet .avatar { float: left; width:32px; padding: 0 0 0 5px; } .tweet .text { float: left; padding: 0 10px 3px 10px;} .tweet .divider { float: left; background: url(images/dottedLine.png) repeat-x center center; height: 10px; width: 100%; } .tweet a { color: #0032f3; text-decoration: none; } .tweettime { font-size: 10px; color: #999999; } .twitterlogo { background: #EBEBEB; padding: 3px 10px;} .smallredfont { font-size: 10px; color: #D02B2A; } .twitterSearchContainer { margin: 20px 0; } .twitterSearchContainer .tweet .text { width: 141px; } .twitterSearchContainer .tweets { height: 380px; width:215px; } .twitterHomeContainer { margin: 20px 0; } .twitterHomeContainer .tweet .text { width: 220px; } .twitterHomeContainer .tweets { height: 380px; width:295px; } .twitterHomeContainer2 { margin: 20px 0; } .twitterHomeContainer2 .tweet .text { width: 550px; } .twitterHomeContainer2 .tweets { height: 120px; width:625px; } .twitterSearchContainer2 { margin: 20px 0; } .twitterSearchContainer2 .tweet .text { width: 630px; } .twitterSearchContainer2 .tweets { height: 120px; width:705px; } /*Styles for the twitter module on the home page*/ .homepageContent .twitterSearchContainer2 .tweet .text { width: 550px; } .homepageContent .twitterSearchContainer2 { width: 630px; } .homepageContent .twitterSearchContainer2 .tweets { width: 626px; } .homepageContent .twitterSearchContainer2 .tweet .divider { background: url(images/dottedLineSmall.png) repeat-x center center; } .divider1 { border-bottom: 3px solid #EBEBEB; margin-bottom: 20px;} .paginationContainer { text-align: center; margin: 10px 0 40px 0; font-size: 14px; } .paginationContainer a { font-size: 12px; color: #0032f3; text-decoration: underline; } .paginationContainer .nonLink { color: #999; } .searchPagination { position: relative; } .searchPagination .backToTop { position: absolute; top: 0; right: 0; } .aboutPage { padding: 10px 0 60px 0;} .aboutPage .left { width: 220px; float: left; } .aboutPage .right { width: 710px; float: right; } .aboutPage .left li .option { background: url(images/redArrow.png) 0 center no-repeat; padding-left: 15px; } .aboutPage .left li { margin: 0 10px; background: url(images/dottedLine.png) repeat-x bottom left; padding: 10px 0; } .aboutPage .left li a { } .aboutPage .header2 { margin-top: 0; padding-top: 0; } .aboutPage .right p { padding: 10px 0; } .aboutPage .right a { color: #0032f3; } .aboutPage .languageDivider { border-bottom: 3px solid #EBEBEB; padding-top: 20px; margin-bottom: 20px;} .aboutPage .CEO { background: url(images/darren.jpg) no-repeat right top; width: 170px; height: 250px; float: right; text-indent: -9999px; } .aboutPage .subSection { padding: 10px 0; } .aboutPage .subSection .subSectionHeader { padding: 0; margin: 0; } .aboutPage .subSection .subSectionHeader .sectionTitle { font-weight: bold; } .pressRelease .date { font-size: 11px; padding-bottom: 10px; } .pressRelease a { text-decoration: underline; } .pressRelease .backToTop { text-align: right; } .company { border-left: 1px solid #e5e5e6; border-top: 1px solid #e5e5e6; border-bottom: 1px solid #e5e5e6;} .company .left { padding: 10px; width: 75px; background: #EBEBEB; border-bottom: 1px solid #FFFFFF; } .company .right { width: 590px; padding: 10px; border-bottom:1px solid #E5E5E6; } .company .firstColWideLeft { width: 105px; } .company .firstColWideRight { width: 560px; } .company .firstColWideRight a {text-decoration: underline; } .privacy { margin: 0 auto; width: 725px; padding-bottom: 30px; } .privacy a { color: #0032f3; } .privacy p { padding: 10px 0; } .privacy .style1 { padding-bottom: 30px; } .privacy ul { list-style-image: url(images/grayDot.png); margin-left: 10px; padding-left: 10px; } .privacy ul li { padding: 10px 0; } .contact { width: 575px; margin: 0 auto; } .contact table { border-bottom: 1px solid #EBEBEB; border-top: 1px solid #EBEBEB;} .contact .left {width: 165px; background:#EBEBEB; padding:10px; border-bottom: 1px solid #FFF; } .contact .right { width: 400px; padding-left:10px; border-bottom: 1px solid #E5E5E6; } .contact .textField { width: 380px; margin: 10px 0; height: 100px; } .contact .field { width: 380px; } .contact .last { border: none; } .contact .style1 { padding-top: 20px; padding-bottom: 20px; } .contact a { color: #0032f3; text-decoration: underline; } .errorMsg { border: 1px solid #D95555; padding: 10px; } .errorMsg .title { font-weight: bold; font-size: 16px; line-height: 30px; } .errorMsg .eachError { display: block; } .astrix { background: url(images/redAstrix.png) no-repeat left center; padding-left:15px; } .bottom300 { background: url(images/grayBottom300.png) no-repeat; width: 300px; height:9px; } .bottom630 { background: url(images/grayBottom630.png) no-repeat; width: 630px; height: 9px;} .bottom960 { background: url(images/grayBottom960.png) no-repeat; width: 960px; height: 9px;} .bottom220 { background: url(images/grayBottom220.png) no-repeat; width: 220px; height: 9px; } .bottom710 { background: url(images/grayBottom710.png) no-repeat top left; width: 710px; height: 7px; } .noBg, .aboutPage .left li.noBg { background: none; } .company .noBorder { border: none; } .formSent { padding-bottom: 60px;} .formSent h3 { padding-top: 40px; } .formSent p { padding: 10px 0; } .formSent a { color: #0032F3; text-decoration: underline; } .blueLink { color: #0032F3} .categorySuggestion li { border-left: 4px solid #EBEBEB; border-right: 4px solid #EBEBEB; padding:5px 0 0 30px; height: 17px; line-height: normal; } .categorySuggestion li.numCircle { background: url(images/numCircle.png) no-repeat; } .categorySuggestion li.circle-1{ background-position: 7px 8px; padding-top:8px; height: 20px; line-height: normal; } .categorySuggestion li.circle-2{ background-position: 7px -61px; } .categorySuggestion li.circle-3{ background-position: 7px -127px; } .categorySuggestion .header { background: url(images/lightbulbHeader.png) no-repeat left top; width: 680px; height: 24px; border:none; padding: 14px 0 0 30px; line-height: 24px; font-size: 14px; font-weight: bold; } .categorySuggestion li.bottom710 { border: none; padding:0; margin: 0; } .categoryDetail { padding: 5px 0 20px 0; } .categoryDetail h3 { font-weight: bold; font-size: 14px; border-bottom: 3px solid #EBEBEB; margin: 6px 0; } .categoryDetail a { color: #0032F3; text-decoration: underline; } /*AB TESTS*/ .logo_sm { background: url(images/megadeal_sm.png) no-repeat; width: 177px; height: 48px; display: block; text-indent: -9999px; margin: 5px 0; float: left; } .header_sm { margin: 0 0 10px; } .adwords_sm { padding: 0; } .boldFont { font-weight: bold; } .popularKeywords h3 { padding: 10px 10px 6px 10px; } .popularKeywords .mainTitle { padding: 0 0 0 35px; font-size: 14px; font-weight: bold; line-height: 16px;} .popularKeywords .subTitle { font-size: 10px; font-weight: normal; padding-top: 0; } .popularKeywords ul li.eachCategoryListing { background: url(images/redDot.png) no-repeat 8px center; padding: 0 0 0 20px; line-height: 18px; margin-left: 6px;} ul.popularKeywordsBottom { padding-bottom: 20px; } ul.popularKeywordsBottom li.label { font-weight: bold; padding-right: 5px;} ul.popularKeywordsBottom a { color:#0032F3; text-decoration: underline;} ul.popularKeywordsBottom li { display: inline; padding-right: 10px; } .starIco { background: url(images/starIco.png) no-repeat left center; line-height: 18px; padding-left: 25px; margin-left: 5px; } .topBrands { margin-top: 20px; } .topBrands1 { margin-top: 20px; margin-bottom: 10px; } .topBrands ul { padding-top: 10px; } .topBrands ul li { background: url(images/redDot.png) no-repeat 8px center; padding: 0 0 0 20px; line-height: 18px; margin-left: 6px;} .topBrands .seeMore { background: none; padding-right: 10px; margin: 0; } .brandList { width: 236px; float: left; } .brandList li { background: url(images/grayDot.png) no-repeat 3px center; padding: 0 10px; } .brandList li a { text-decoration: underline; } /*V1.0 AB TEST*/ .boldAll .title, .boldAll .desc, .boldAll .url { font-weight: bold; } .boldTitle .title { font-weight: bold; } .boldDesc .desc { font-weight: bold; } .boldURL .url { font-weight: bold; } .boldTitleURL .title, .boldTitleURL .url { font-weight: bold; } .adwords2 { padding: 0 0 10px 0; line-height: 20px; position: relative;} .adwords2 .left { } .adwords2 .right { position: absolute; right: 0px; top: 5px; width: 120px; font-size: 11px; color: #666; } .adwords2 .right a { color: #666666; } .adwords2 .spacer { padding-bottom: 10px; } .eachAdword2 { display: block; background: #FFF; cursor: pointer; width: 710px; } .eachAdword2:active, .eachAdword2:hover { text-decoration: none; } .eachAdword2 .title { color: #0032F3; text-decoration: underline; font-size:14px; } .eachAdword2 .title:hover { text-decoration: none; } .eachAdword2 .titleHover { text-decoration: none; } .eachAdword2 .desc { text-decoration: none; width: 590px; } .eachAdword2 .desc:hover { text-decoration: underline; } .eachAdword2 .descHover { text-decoration: underline; } .eachAdword2 .url { color: #008000; text-decoration: none; } .eachAdword2 .url:hover { text-decoration: underline; } .eachAdword2 .urlHover { text-decoration: underline; } .leftAdwords { margin-top: 20px; } .leftAdwords h3 { color: #666; font-size: 11px; font-weight:normal; color: #666; } .leftAdwords .adwords3 { border-left: 4px solid #EBEBEB; border-right: 4px solid #EBEBEB; padding:0; } .eachAdword3 { display: block; background: #FFF; cursor: pointer; padding:6px; } .eachAdword3:active, .eachAdword3:hover { text-decoration: none; } .eachAdword3:hover { background: #FDFBBF;} .eachAdword3:hover .title { color: #FF0000; } .eachAdword3 .title { color: #0032F3; text-decoration: underline; } .eachAdword3 .title:hover { text-decoration: none; } .eachAdword3 .titleHover { text-decoration: none; } .eachAdword3 .desc { text-decoration: none; } .eachAdword3 .desc:hover { text-decoration: underline; } .eachAdword3 .descHover { text-decoration: underline; } .eachAdword3 .url { color: #008000; text-decoration: none; } .eachAdword3 .url:hover { text-decoration: underline; } .eachAdword3 .urlHover { text-decoration: underline; } .eachAdwordOrange:hover { background: #FCEFEB; } .eachAdwordOrange:hover .title { color: #EC6400; } .paginationList { position: absolute; right: 50%;} .paginationList li { display:block; float:left; width:20px; height:18px; text-align:center; line-height:18px; font-size: 13px; margin-right:2px; } .paginationList li.num a { display:block; width:18px; height:18px; text-align:center; line-height:18px; border: 1px solid #1140f4; } .paginationList li.current { width: 18px; height: 18px; color: #FFF; background: #1140f4; border: 1px solid #1140f4; } .paginationList li.prevNext { border:1px solid #adadad; width:105px; line-height:20px; color: #999; } .paginationList li.prevNextLink { border:1px solid #1140f4; width:105px; line-height:20px; color: #1140f4; } .rightAdwords { margin-top: 20px; } .rightAdwords h3 { color: #666; font-size: 11px; font-weight:normal; } .eachAdLine { display: block; } .content1 { background: #FFF; border-left: 4px solid #EBEBEB; border-right: 4px solid #EBEBEB; padding:5px; } .content2 { background: #FFF; border-left: 4px solid #EBEBEB; border-right: 4px solid #EBEBEB; padding:5px; font-size: 13px; } .no1{ float:left; width:30px; background:url(/images/shop_bg2.png) no-repeat 8px -39px; text-align:center; font-size:11px; font-family:Arial; color:#fff; font-weight:bold} .no{ float:left; width:30px; background:url(/images/shop_bg2.png) no-repeat 8px -61px; text-align:center; font-size:11px; font-family:Arial; color:#fff; font-weight:bold} .fen{ color:#777777; padding-left:6px;} .eachCategoryListing1 { line-height:17px; padding:5px 0; border-bottom:1px dotted #ccc; display:inline-block; height:25px} .eachCategoryListing2 { line-height:17px; padding:5px 0; border-bottom:1px dotted #ccc; display:inline-block; height:25px; font-size:15px} #main_menu{ margin:0px auto 0px auto; padding:0px 0px 0px 0px; height:43px; width:960px; background-color:#FF0000; background-image:url(/images/menu_area1.gif) } #main_menu li{ background:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; } .header11 { border-bottom: 2px solid #D02B2A; font-size: 15px;/* padding: 5px 0;*/ margin-bottom: 10px; margin-top 20px; font-weight: bold; color: #D02B2A; } #taobao_hot{width:960px; height:160px; margin-top:10px; background:url(/images/taobao_hot_bg.gif) repeat-x;border:1px #f3f3f3 solid;} #taobao_hot .logo{width:133px; height:160px;float:left;background-image:url(/images/13.gif);} #taobao_hot .m_li{ float:left;margin:0px;padding-left:10px} #taobao_hot .m_li li{float:left; width:150px; text-align:center;margin-top:8px; line-height:22px;margin-left:2px; display:inline;} #taobao_hot a{color:#b21d91; text-decoration:none;} #taobao_hot a:hover{color:#f00; text-decoration:underline;} .icon { background: url(/images/home-bg.png) -999px -999px; width: 16px; height: 16px; display: block; margin: 5px 2px 0 0; text-indent: -999em; overflow: hidden; float: left; background-position: -20px -180px; } .icon1 { background: url(/images/home-bg.png) -999px -999px; width: 16px; height: 16px; display: block; margin: 5px 2px 0 0; text-indent: -999em; overflow: hidden; float: left; background-position: 0 -181px; }