/** * * Main CSS Stylesheet Attach * * Added by hustlyf */ * { margin:0; padding:0;} body { background:url(../images/body-bg.jpg) no-repeat #313131 center center fixed; font-family:Arial, Verdana; font-size:12px; line-height:150%;} table{border-collapse:collapse; padding:0;} td{vertical-align:top; text-align:left; padding:0;} a {color:#333; text-decoration:underline;} a:hover{text-decoration:none;} p, ul, ol, dl, dt, dd, form, blockquote {margin: 0;padding: 0;} em {font-style:normal;} a img {border: 0;} img {vertical-align:top;} ul, ol, dl { list-style:none;} input, select, textarea{ font-family:Arial, Verdana; font-size:12px; line-height:normal; color:#010101; padding:2px; } .clearfix:after, .centerBoxList:after {content:".";display:block;height:0;clear:both;visibility:hidden;} *html .clearfix, *html .centerBoxList {height:1%;} *+html .clearfix, *+html .centerBoxList {height:1%;} .fleft { float:left;} .fright { float:right;} .clear{ clear:both;} .alignright { text-align:right;} .aligncenter { text-align:center;} .wrapper{ width:100%; clear:both; overflow:hidden;} .column-1, .column-2, .column-3{ float:left;} /*===================head======================*/ #toper{ position:fixed; top:0; left:0; width:100%; height:50px; background:url(../images/top_bg.gif) top; border-bottom:2px solid #111; z-index:999; } #toper .top{ width:1020px; margin:0 auto; height:50px; background:url(../images/top_bg.png) no-repeat 150px 0;} #toper .top .currencies{ float:left; color:#fff; font-weight:bold; padding:14px 0 0 0;} #toper .top .currencies select{ background:#fff; color:#332a23; font-size:11px; border:1px solid #fff; margin-left:5px; padding:2px; width:74px;} #toper .top .lang{ float:left; padding:14px 0 0 7px;} #toper .top .logger{ float:left; padding:16px 10px 0 0; color:#fff; } #toper .top .logger a{ font-weight:bold; color:#ff0000; margin:0 3px; text-decoration:none; } #toper .top .logger a:hover{ color:#fff; } #toper .top .cart{ float:left; font-size:12px; line-height:34px; color:#333; background:url(../images/cart-bg.gif) no-repeat left top; margin:8px 0 0 0; width:270px; height:34px; text-align:left; text-indent:50px;} #toper .top .cart a{ font-weight:bold; color:#ff0000; text-decoration:none; padding-left:3px;} #toper .top .cart a:hover{ color:#ff0000; } #mainer{width:1020px; margin:50px auto 20px auto; text-align:left; position:relative; z-index:1; border:1px solid #111; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #mainer .main-width { padding:15px; background:url(../images/header-top.jpg) no-repeat #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #mainer .coupon_code{ width:1040px; height:43px; clear:both; margin:10px -25px 15px -25px; background:url(../images/coupon_code.png) no-repeat; } #mainer .coupon_code2{ width:990px; height:176px; clear:both; margin:10px 0 15px 0; background:url(../images/coupon_code2.jpg) no-repeat; } #header .head .box1{ height:95px; padding:20px 0 0; position:relative; } #header .head .box1 .logo{ position:absolute; left:15px; top:3px; } #header .head .box1 .nav-links{ float:right; padding:10px 20px 0 0;} #header .head .box1 .nav-links a{ color:#332a23; line-height:28px; margin:0 2px; text-decoration:none; background:url(../images/list-marker1.png) no-repeat left 6px; padding-left:10px;} #header .head .box1 .nav-links a:hover{ color:#ff0000; background:url(../images/list-marker1-act.png) no-repeat left 6px; text-decoration:underline;} #header .head .box1 .search{ float:right; clear:both; margin:5px 20px 0 0; background:#aaa; padding:7px 7px 6px; width:266px; } #header .head .box1 .search .input1{ background:#fff; color:#9a522e; border:1px solid #888; float:left; font-size:12px; margin-right:6px; padding:4px 4px 5px 6px; width:191px;} #header .head .box1 .search .input2{ float:left; border:0; padding:0;} #header .head .menu{ width:1041px; height:68px; margin:20px 0 0 -25px; background:url(../images/menu_bg.png) left top; } #nav { padding:11px 0 0 25px; position:relative; z-index:2; } #nav li{ float:left; } #nav li a:hover{ color:#ff0000; } #nav a.level-top{ color:#fff; float:left; font-weight:bold; font-size:14px; text-transform:uppercase; font-family:sans-serif,Arial; text-decoration:none; padding:11px 20px 10px 22px; } #nav li.level-top { background:url(../images/menu_divider.gif) 0 3px no-repeat; } #nav li.level-top.first { background:none; } #nav li.level-top.first a{ padding:11px 16px 10px 30px; } #nav div { position:absolute; width:988px; top:55px; left:-10000px; background:#fff; border:1px solid #000; padding-top:15px; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; } #nav div.over { position:absolute; z-index:10; left:25px; } #nav div.subcat1 { height:415px; min-height:415px; background:url(../images/men.jpg) #fff no-repeat 15px 18px; } #nav div.subcat2 { height:415px; min-height:415px; background:url(../images/women.jpg) #fff no-repeat 15px 18px; } #nav div.subcat3 { height:415px; min-height:415px; background:url(../images/youth.jpg) #fff no-repeat 15px 18px; } #nav div ul{ float:left; width:660px; margin-left:320px; } #nav div ul li { width:130px; text-align:center; } #nav div ul li span{ display:block; height:40px; line-height:16px; text-align:center; } #nav div ul li a{ text-decoration:none; } /*=============homepage slider===============*/ #header .head .box3{ position:relative; } #header .head .box3 .slider{width:100%; height: 371px; overflow:hidden; padding:0; margin-top:10px; } .slider .box-body { width:988px; height:366px; padding-top:5px; overflow:hidden; color:#616161; font-size:1em; float:left; position:relative; top:0; left:0;} .slider .box-body ul li { width:228px; padding:0 10px 0 9px; display:inline-block; float:left; height:366px; position:relative; background:url(../images/slider_border.jpg) right 5px repeat-y; } .slider .box-body ul li .image{ width:228px; height:254px; overflow:hidden; text-align:center; } .slider .box-body ul li p{ height: 56px; } .slider .box-body ul li p a{ font-size:13px; font-family:'Trebuchet MS', Arial; color:#333; display:block; padding-top:10px; line-height:18px; height:36px; overflow:hidden; text-decoration:none; } .slider .box-body ul li p a:hover{ color:red; text-decoration:underline; } .slider .box-body ul li .price{ padding:3px 0 0 0; font-size: 28px; line-height:36px; font-family:'Trebuchet MS', Arial; color: #292929; font-weight:bold; } .slider .box-body ul li .price .normalprice{ display:none; } .slider .box-body ul li .button{ position:absolute; bottom:0; right:0; } .slider .box-body ul li .save{ width:47px; height:48px; padding:12px 0 0 13px; font-weight:bold; font-size:14px; color:#fff; background:url(../images/i_sale.png) no-repeat; position:absolute; left:10px; top:0px; display:none; } .slider .box-body ul li .save span{ display:block; text-indent:8px; } .slider .box-left { width:47px; height:121px; padding:0; margin:0; text-align:center; font-size:0; float:left; line-height:0; background:url(../images/slider_prev_button.png) left top no-repeat; cursor:pointer; position: absolute; left: -48px; top: 345px;} .slider .box-right { width:47px; height:121px; padding:0; margin:0; text-align:center; font-size:0; float:left; line-height:0; background:url(../images/slider_next_button.png) left top no-repeat; cursor:pointer; position: absolute; right: -48px; top: 345px;} /*===================mainbody======================*/ /*product list*/ .product-col{ width:228px; margin:0 0 15px; padding:0; text-align:left; position:relative; } .product-col1{ margin-left:5px; } .product-col2{ margin-left:7px; } .product-col0{ margin-left:9px; } .product-col .img{ text-align:center; margin-bottom:3px; height:270px; overflow:hidden; } .product-col .name{ color:#333; font-weight:normal; text-decoration:none; font-size:12px; line-height:16px; display:block; height:32px; overflow:hidden; } .product-col-over .name{ color:#ff0000; } .product-col .wrapper{ height:43px; text-align:left; } .product-col .wrapper .price{ padding:12px 0 0; font-family: 'Oswald'; color:#ff0000; font-weight:normal; font-size:20px; line-height:28px; } .product-col .wrapper .price .normalprice{ font-size:12px; } .product-col .wrapper .price b{ font-weight:normal; } .product-col .wrapper .buttons{ position:absolute; bottom:0; right:0; } .fourColList .product-col{ width:165px; } .fourColList .product-col .img{ height:170px; } .fourColList .product-col .sale{ width:79px; height:80px; position:absolute; background:url(../images/i_sale_small.png) no-repeat; top:-4px; left:-4px; } /* product info */ #productTitle h2{padding:6px 0 15px 36px; margin:0 0 10px; background:url(../images/title-marker2.gif) no-repeat left 4px;} #productTitle .catGoods{ float:right; _margin-top:-16px; margin-right:10px; font-size:16px; text-transform:none; } #productTitle .catGoods a{ color:#ff0000; } .productInfo { padding:10px 0 5px; } .productInfo #product_flash_page{ width:740px; overflow:hidden; position:relative; } .recent_flash_prev,.recent_flash_next{z-index:10; height:70px;width:13px;display:block; top:0; position:absolute; cursor:pointer;} .recent_flash_prev {background:url(../images/bg_catgoods.gif) no-repeat -141px 8px; left:0;} .recent_flash_next {background:url(../images/bg_catgoods.gif) no-repeat -154px 8px; right:0;} #recent_flash_small { background:#f0f0f0; margin:0 0 0 13px; padding:7px; width:700px; height:77px; overflow:hidden; } #recent_flash_small li{width:70px; float:left; height:84px; text-align:center; background:url(../images/bg_catgoods.gif) no-repeat -70px 0; } #recent_flash_small li.selected{ background:url(../images/bg_catgoods.gif) no-repeat 0 0;} #recent_flash_small li img{ margin-top:3px;} .productInfo .productTop{ padding-top:15px; } .productInfo .productTop .tl{ width:450px; float:left; margin-bottom:10px; } .productInfo .productTop .tr{ width:290px; float:right; } #productMainImage{ width:440px; overflow:hidden; position:relative;} #productMainImage .imgLink{ position:absolute; width:29px; height:28px; background:url(../images/zoom-icon.png) no-repeat 0 0; bottom:6px; left:6px; } #productMainImage .imgLink a{ display:block; width:29px; height:28px; text-indent:-9999px; cursor:pointer; } #productsAdditionalImages{ width:440px; } #productsAdditionalImages #thumbs_list {overflow: hidden;float: left;width: 284px} #productsAdditionalImages #thumbs_list ul, #productsAdditionalImages #thumbs_list li{ list-style:none; margin:0; padding:0; } #productsAdditionalImages #thumbs_list li {float:left; cursor:pointer; width:71px; height:81px; text-align:center; overflow:hidden; } #productsAdditionalImages #thumbs_list li div{ width:61px; height:61px; text-align:center; overflow:hidden; margin:10px auto 0 auto; border:1px solid #ddd; background:#fff; } #productsAdditionalImages #thumbs_list li img{ margin-top:3px; } .view_scroll_left, .view_scroll_right, .view_scroll_left_more, .view_scroll_right_more{ display:block; background: url('../images/thumbs_left_no.gif') no-repeat center 32px;text-indent:-9999px; width:10px; height:86px; float:left; padding:0 2px; cursor:pointer; } .view_scroll_right{ background-image:url('../images/thumbs_right_no.gif');} .view_scroll_left_more{ background-image:url('../images/thumbs_left.gif');} .view_scroll_right_more{ background-image:url('../images/thumbs_right.gif');} .productTop .tr #tr_body_info{ padding:10px 15px; border:1px solid #ddd; background:url(../images/product_info_bg.gif) no-repeat top; } #tr_body_info .productName{ font-family: 'Oswald',Arial; color:#333; font-size:19px; line-height:28px; font-weight: normal; border-bottom: 1px solid #ddd; margin-bottom:10px; padding:5px 0 10px 33px; background:url(../images/title-marker1.gif) no-repeat -3px 2px; } #tr_body_info #productPrices{ font-family: 'Oswald', Arial; font-weight:normal; font-size:18px; line-height:180%; } #tr_body_info #productPrices b, .productInfo .productTop #productPrices .bigPrice{ color:#CC0000; font-weight:normal; } #tr_body_info #productPrices .productPriceDiscount{ display:none; } #tr_body_info #productDetailsList{ margin:0; } #tr_body_info #productDetailsList li{ line-height:200%; background:url(../images/list_background.gif) no-repeat 0 9px; padding-left:12px; color:#333; } #tr_body_info #productAttributes{ padding-top:10px; } #tr_body_info #productAttributes select{ width:180px; } #tr_body_info #addToCart {text-align: left; padding-top:15px; height:45px; color:#333; position:relative; } #tr_body_info #addToCart span{ margin-right:6px; } #tr_body_info #addToCart .submit input{ border:0; padding:0; position:absolute; right:0; top:5px; } .productTop .tr #tr_body_writereview{ margin:10px 0 15px; padding:10px 15px; border:1px solid #ddd; background:url(../images/product_info_bg.gif) no-repeat top; } #tr_body_writereview h2{ font-family: 'Oswald', Arial; font-weight:normal; border-bottom: 1px solid #ddd; margin-bottom:10px; padding-bottom:8px; } #tr_body_writereview .reviewLogin{ padding:15px 0; } #tr_body_writereview .reviewsWrite .boxInput{ margin-bottom:8px; font-weight:bold; } #tr_body_writereview .reviewsWrite .buttonRow{ text-align:right; } #tr_body_writereview .reviewsWrite textarea{ width:250px; } #tr_body_writereview .reviewsWrite span{ margin-right:5px; font-weight:normal; } .productInfo #more_info_block{} #more_info_block .idTabs { height: 30px; padding-top:5px; background:url(../images/bg_tab.gif) bottom repeat-x; background:#eee; } #more_info_block .idTabs span{ display: block;height: 24px;text-align: center;text-decoration: none;font-weight: bold;padding: 4px 10px 0 10px;color: #333; float: left; margin-left:5px; cursor:pointer; } #more_info_block .idTabs span.selected{ background:#fff; border:1px solid #dfdfdf; border-bottom:1px solid #fff; } #more_info_block .sheets{ padding:15px 15px 10px; line-height:160%; color:#555; border:1px solid #dfdfdf; background:#fff; border-top:none; } #more_info_block .sheets li{ list-style:decimal; } #more_info_block .sheets li ul li{ list-style:disc; } #more_info_block .sheets p{ margin:10px 0; } #more_info_block .sizeChart{ height:500px; overflow-y: scroll; } #more_info_block .reviewsBox{} .reviewsBox h3 { font-size:14px; } .reviewsBox h3 a{ text-decoration:none; color:#ff0000; } .reviewsBox .reviewItem{ padding-top:10px; border-top:1px solid #ddd; } .reviewsBox .noReview{ padding:10px 0; border-top:1px solid #ddd; } /* News Center */ .newsMain { color:#333; line-height:160%; } .newsMain .newsHeadlineText{ border-bottom:1px solid #dfdfdf; padding-bottom:10px; margin-bottom:10px; } #newsBody .newsMain .newsHeadlineText{ display:none; } .newsMain .articleHeading, .newsMain .articleHeading h2{ font-weight:bold; font-size:16px; color:#333; padding-bottom:5px; font-family:Arial; text-transform:capitalize; } .newsMain .articleHeading h1{ font-size:16px; color:#ff0000; padding:5px 0; } .newsMain .articleHeading a:link{ text-decoration:none; color:#ff0000; } .newsMain .articleHeading a:hover{ text-decoration:underline; } .newsMain .articleHeading a:active, .newsMain .articleHeading a:visited{ color:#aaa; text-decoration:none; } .newsMain .articleByLine { padding:0 0 5px; margin-bottom:10px; border-bottom:1px dotted #dfdfdf; color:#333; font-size:11px; } .newsMain .articleByLine .author, .newsMain .articleByLine .date, .newsMain .articleByLine .comments { display:inline-block; background-image:url(../images/news-icon.png); height:16px; line-height:16px; background-repeat: no-repeat; padding:0 10px 0 20px;} .newsMain .articleByLine .date{ background-position: left 0; } .newsMain .articleByLine .author{ background-position: left -20px; } .newsMain .articleByLine .comments { background-position: left -40px; } .newsMain .articleContent{ clear:both; padding:10px 0; } .newsMain .articleContent p{ clear:both; margin-bottom:20px; text-align:left; } .newsMain .articleContent a{ color:#ff0000; } #newsarticleDefault .articleContent{ font-size:13px; color:#000; } .newsMain .pageLink a{ display:block; cursor:pointer; text-align:center; text-decoration:none; color:#fff; width:110px; height:30px; line-height:28px; background:url(../images/news_pagebtn.gif) no-repeat; font-weight:bold; } .newsMain .pageLink a:hover{ color:#FFFF00; } .newsMain .archiveLinkList li{ list-style:circle; } .newsMain .articleText a{ font-size:11px; color:#ff0000; } .newsMain .clearSplit{ clear:both; } .newsMain .splitSolidGray{ margin:10px 0; clear:both; } /* news comment */ .newsMain .commentsNone{ padding:15px 30px 5px; } .newsMain .commentsHeading { border-top:1px dotted #dfdfdf; margin-top:8px; padding-top:8px; } .newsMain .commentsHeading .commentsSubject{ font-size:13px; font-weight:bold; } .newsMain .commentsHeading .commentsDate{ font-size:11px; color:#999; } .newsMain .commentsHeading .commentsAuthor{ font-size:12px; font-weight:bold; color:#333; margin-right:5px; } .newsMain .hasSubject .commentsAuthor{ font-size:11px; color:#999; font-weight:normal; margin-right:0; } .newsMain .commentsBody { padding:10px 0 5px; } .newsMain .commentsFieldSet{ padding:5px 30px 15px; margin-top:10px; } .newsMain .commentsFieldSet a{ color:#ff0000; } .newsMain .commentsFieldSet label{ font-weight:bold; display:block; } .newsMain .commentsFieldSet .commentsInput{ height:50px; text-align:left; } .newsMain .commentsFieldSet .commentsInput input{ width:280px; } .newsMain .commentsFieldSet .commentsText textarea{ width:99%; height:120px; } .newsMain .commentsFieldSet .commentsSubmit{ text-align:right; padding-top:10px; } .newsMain .commentsFieldSet .commentsSubmit input{ border:0; padding:0; } /* other pages */ #cartInstructionsDisplay{ font-weight:bold; color:#FF0000; } /* coupon code */ #checkoutSuccessBox div{ text-align:center; line-height:150%; margin-bottom:15px; } #checkoutSuccessBox div img{ float:left; } /*===================foot======================*/ #footer{ clear:both; color:#666; } #footer .footer-why{ padding:15px 15px 5px 15px; margin:15px 0; border-top:2px solid #ddd; font-size:14px; line-height:150%; } #footer .footer-why h3{ font-size:16px; } #footer .footer-why p{ margin:10px 0; } #footer .footer-main{ padding:15px; margin:15px 0; border-top:2px solid #ddd; border-bottom:2px solid #ddd; } #footer a:hover{ text-decoration:underline; } #footer .col1{ width:460px; height:240px; overflow:hidden; margin-left:40px; float:left;} #footer .col2{ width:380px; height:240px; overflow:hidden; float:left; } #footer .col li{ clear:both; width:380px; height:72px; margin-bottom:10px; } #footer .col li .img{ float:left; margin-right:5px; } #footer .col li .text_right{ padding-top:8px; font-size:10px; color:#666; } #footer .col li .text_right .title_p{ font-size:13px; color:#333; font-weight:bold; } #footer .footer-menu{ text-align:center; height:24px; margin-top:20px; } #footer .footer-menu ul li{ display:inline; margin:0 2px; } #footer .footer-menu a{font-size:12px;margin:0 3px;text-decoration:none;color:#333;} #footer .copyright{ text-align:center; padding-bottom:20px; } #footer .copyright a{ font-weight:bold; text-decoration:none; color:#333; } a.button, input.button { cursor: pointer; color: #FFFFFF; line-height: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background: url('../image/button.png') repeat-x; -webkit-border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -khtml-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; -webkit-box-shadow: 0px 2px 2px #DDDDDD; -moz-box-shadow: 0px 2px 2px #DDDDDD; box-shadow: 0px 2px 2px #DDDDDD; } a.button { display: inline-block; text-decoration: none; padding: 6px 12px 6px 12px; } input.button { margin: 0; border: 0; height: 24px; padding: 0px 12px 0px 12px; } a.button:hover, input.button:hover { background-position: 0px -24px; } .buttons .left { float: left; text-align: left; } .buttons .right { float: right; text-align: right; } .buttons .center { text-align: center; margin-left: auto; margin-right: auto; }.contact-info { overflow: auto; } .contact-info .left { float: left; width: 48%; } .contact-info .right { float: left; width: 48%; } .sitemap-info { overflow: auto; margin-bottom: 40px; } .sitemap-info .left { float: left; width: 48%; } .sitemap-info .right { float: left; width: 48%; } .error, .warning {color:#FF0000;} #currency a { display: inline-block; padding: 2px 4px; color: #999; text-decoration: none; margin-right: 2px; margin-bottom: 2px; } #currency a b { color: #fff; font-weight:bold; text-decoration: none; }