* { margin:0; padding:0;} body { font-size:12px; line-height:17px; color:#555; font-family:Arial, Helvetica, sans-serif; @background:#f5f5f5; } table, td {border-collapse:collapse; font-size:100%;} table, td, img {border:0;} form, td {margin:0; padding:0;} td { vertical-align:top; text-align:left;} li{ list-style:none;} img {vertical-align:top;} a img { border:0;} ul { list-style:none;} .alignright { text-align:right;} .aligncenter { text-align:center;} a {color:#000; outline:none; text-decoration:none; } #easyTooltip{ padding:3px; border:1px solid #000;opacity: 0.85;filter: alpha(opacity=85); background:#555; color:#fff; z-index:100; } /* ============================= header ====================== */ .product-col .button4 a{ padding:0 5px;} @media (min-width: 1260px) { #search_block .form-search { max-width:500px; } .product-col6{ height:300px;} } @media only screen and (max-width: 1259px) { } @media (min-width: 411px) { .product-col .zenzc{padding-bottom: 150%;} .product-col .button4{ right:5px;} .indexbanner .label{ padding:20px;} } @media only screen and (max-width: 810px) { .homeslider-description{ display:none;} } @media only screen and (max-width: 410px) { .product-col .zenzc{padding-bottom: 170%;} #scUpdateQuantity{ display:none;} .cartQuantityUpdate{ display:none;} .counts{display:none;} .product-col .compare{ display:none;} .shippedto{ display:none;} .indexbanner .label{ padding:10px;} } @media only screen and (max-width: 450px) { .product-col #productPrices{ display:none;} .indexbanner .owl-nav{ display:none;}} @media only screen and (max-width: 992px) { .cart span{ display:none;} .compareResult span{ display:none;} .count{position:absolute; top:2px; left:25px;} } @media only screen and (max-width: 950px) { .subcategory-image img{ width:100%; height:auto;} #productDescription img{ width:100%; height:auto;} #ezPageDefault img{ width:100%; height:auto;} } .nav1{ background:#e6e3e3; height:40px;} .nav2{ background:#f5f5f5;} .newslt .articleImage{display: block; width: 30%; height: auto; float:left; margin-right:10px;} .greeting{ font-size:12px; color:#333;text-transform: uppercase; line-height:40px; float:left;} .greeting a{ color:#e16959;} /* --- logo --- */ .header{ height:auto; min-height:80px;} .logo{ float:left; text-align:center; padding:5px 0; } .logo .logobig { color: #222; font-size:26px; font-weight: 300; line-height: 35px; text-align: left; } .logo .logosml { color: #999; float: left; font-size: 12px; font-weight: normal; line-height: 14px; padding: 5px; text-align: left; text-transform: uppercase; } .logobig2 { color:#fff;list-style: outside none none;background:#e16959; font-size: 30px; padding: 2px 8px;border-radius: 20%; } .toplink{ float:right; padding:5px 0;} .toplink li{ text-transform: uppercase; float:left;line-height:30px; } .toplink li a{ color:#333;} .toplink i{ font-size:16px; color:#e16959; margin:0 6px;} .homelink { float:right; margin-top:15px;} .homelink li{ float:left; height:30px; width:30px; margin-left:5px; color:#222;}.homelink li a{ color:#222;} .homelink li i{ font-size:22px;margin-left:8px; line-height:38px; } .menus { background:#404552; height:40px; margin-left:240px; } .menus ul{ margin:0; padding:0; margin-left:1px;} .menus li {float:left;} .menus li + li {} .menus li a {color:#fff;text-decoration:none; font-size:16px; line-height:40px;padding:0px 12px; display:block; text-transform: uppercase;text-shadow: -1px -1px 0 #222,1px 1px 0 #222,1px 1px 0 #333;} #topmenu .menu li a:hover, #topmenu .menu li a.active {background:#eee; color:#666; border-top: 1px solid #b8b8b8; box-shadow:1px 1px 1px #b8b8b8 inset;} /* --- search --- */ #search_block { text-align:left; margin-top:15px; } #search_block .form-search { position: relative; border-radius:5px; background: #fff; padding:0; width:100%; right: 0; } #search_block .form-search #searchInput { float: left; display: inline-block; height: 34px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; background: none; color:#222; font-size: 20px; padding: 5px 25px; box-shadow: none; border-radius:0; width: 80%; } #search_block .form-search .button-search { float: right; background:#e16959; position: relative; border:0; padding: 0; width: 18%; color: #fff; height:34px; text-transform: uppercase; font: 400 20px/32px Arial, sans-serif; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; } #search_block .form-search .button-search b { display: none; } #search_block .form-search .button-search:hover { background: #222; color:#fff; } /* --- menu --- */ /* --- shopping cart --- */ .compareResult{ font-size:12px; line-height:16px;text-transform: uppercase; position:relative;} .count{padding:2px 5px; color:#fff; background:#e16959;border-radius:8px;line-height:14px; position:absolute; top:-4px; left:23px;} .cart{ line-height:14px; float:left; position:relative; } .cart .st1{color:#222;text-transform: uppercase; font-size:14px; font-weight:100;} .cart a.on { } .cart a.on{ font-weight:none; color:#fff; text-decoration:none;text-transform: uppercase; font-size:14px; line-height:15px; } .cart a.on:hover{ color:#ccc;} /* _______ dropdown cart _______ */ .cart a.on{cursor:pointer;} .cart-down, .none{ border:1px solid #222; background:#fff; overflow:hidden; color:#333; position:absolute; width:278px; right:0; top:38px; z-index:100; text-transform:none; display:none;} .none{padding:15px; text-transform:uppercase;} .cart_item{ width:260px; overflow:hidden; background:url(../images/tail-cart.gif) repeat-x 0 100% #fff; padding:12px; margin:2px 0;} .cart_item .left-info{ float:left;} .cart_item .center-info{float:left; width:165px; text-align:left;} .cart_item span{float:left; margin:0 5px 0 0;} .cart_item .quantity{color:#000; font-weight:bold; margin:1px 5px 0 0;} .cart_item .quantity .spr{font-size:8px; font-weight:normal; font-style:normal;} .cart_item .cart-name{color:#000; font-size:12px; line-height:18px; float:left; text-transform:none; text-decoration:none;} .cart_item .cart-name:hover{text-decoration:underline;} .cart_item .model{display:block;font-size:10px;margin-top:1px; color:#676363; text-transform:lowercase; width:100%;} .cart_item a.cart-img{ float:left; display:inline-block;margin:0 5px 0 0;} .cart_item a.cart-img img{ width:60px;} .cart_item .cart-price{ float:left; color:#000; font-size:14px; font-weight:normal; margin:1px 0 0 0; } .cart_item .delete{ float:right;padding:4px;} .cart-down .cart-bottom{text-align:right; overflow:hidden; width:256px; padding:12px; } .cart-down .cart-bottom .total{ width:100%; display:block; font-size:13px; font-weight:normal;} .cart-down .cart-bottom .total strong{ font-weight:normal;} .cart-down .cart-bottom .total span{ font-size:14px; color:#000; margin:0 0 0 5px;} .cart-down .cart-bottom a{float:left;} .cart-down .cart-bottom .btnsa{overflow:hidden; margin:10px 0 0 0; text-align:right; float:right;} /* --- currencies --- */ #currencies-block-top { float: right; padding-left:10px; } #currencies-block-top .lbl{ padding:0px 5px; font-weight: 400; color:#222; font-size: 12px; line-height:30px; width:55px; text-transform: uppercase; font-family: Arial, sans-serif; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; } #currencies-block-top .lbl i{ float:right; margin:0; font-size:20px;line-height:30px;} #currencies-block-top .dropdown-menu { position: absolute; top: 30px; right:0; width:120px!important; background:#e16959; z-index: 1111; list-style: none; padding:0; border-radius: 0px; border: none; } #currencies-block-top ul.dropdown-menu li.selected, #currencies-block-top ul.dropdown-menu li:hover{ background: #222; } #currencies-block-top ul.dropdown-menu li{ color: white; width:100%; line-height: 18px; font-size: 12px; padding: 2px 0; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; } #currencies-block-top ul.dropdown-menu .current_cur { background: #222; } #currencies-block-top ul li a, #currencies-block-top ul li > span { padding: 2px 8px; font-family: Arial, sans-serif; display: block; color: white !important; background-image: none !important; background-color: transparent !important; } .trigger_down { display: block; cursor: pointer; border: none; padding: 0; text-transform: capitalize; font: 400 12px/18px "Lato", sans-serif; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; } .trigger_down:hover { color: #000; } /* ============================= content ===================== */ .cateh3{text-transform: uppercase; color: #222;display: block;font-size: 14px; line-height:36px; position:relative;padding-left:45px; height:36px;border-bottom: 2px solid #e16959;} .cateh3 i{ background:#e16959; font-size:20px; line-height:23px; position:absolute; left:0; top:0; width:38px; padding:6px; color:#fff; } .cateh4 { float:right; font-size:12px; padding:5px;margin:5px; line-height:16px;background:#666; } .cateh4 a{ color:#fff;} .centerBoxWrapper{ overflow:hidden;} .inabouts{ background:#fff; padding:10px;} .icatgoodslink { float:right;} /* --- product --- */ .product-col{ position:relative; padding:6px; background:#fff; margin:5px 0; } .product-col:hover .productPriceDiscount { top: 0px; background-color:#e16959 ;} .product-col:hover .productPriceDiscount:after {color: #e16959;} .tie-margin1{ margin:-4px;} .product-col .price{ padding:0px 5px; color:#111; font-size:12px; line-height:20px;font-weight: normal;} .prod-info h3{ font-weight:normal; color:#fff;} .product-col img{display: block; width: 100%;height:inherit;} .product-col .feadhot{ position:absolute;left:0px; top:0px; width:30px; height:30px; padding:5px; font-size:18px;background:#e16959; color:#fff; border-radius: 50%; } .product-col .feadhot i{ margin-left:1px;} .product-col .button5{ position:absolute;right:5px; bottom:-30px; } .product-col .button5 i{ font-size:20px; color:#555;} .product-col .prod-info{ height: auto; z-index:1; position: absolute; bottom:30px; left:0; right:0; padding:2px 5px; background:url(../images/namebg.png);} .product-col .zenzc{ width:100%;height:0;verflow: hidden;} .product-col .name{ font-size:12px; line-height:16px; color:#313131; font-weight:normal; text-decoration:none;} .product-col h3{ font-size:12px; line-height:16px; color:#313131; font-weight:normal; text-decoration:none;} .product-col .name:hover{ color:#3d3d3d;} .product-col .text{ padding:0 0 0 0;} .product-col .icon-heart{ color:#121313;} .product-col .normalprice{color:#888; font-size:12px; font-weight:normal;text-decoration: line-through;} .product-col .productSpecialPrice{ color:#e16959; font-size:12px;} .product-col .button1{position: absolute; top:0px; right:0px; } .icon-star{ color:#e16959;} .product-col .compare{position: absolute; bottom:5px; right:5px; line-height:16px; } .product-col .button4 { text-align:center; } .product-col .button4 i{ color:#222; font-size:20px; margin:2px; } .ressvv{float:right;} .product-col .zenbn a{ height:55px;} .product-col .reviews{border-left:1px solid #eee;} .button4 .title{ color:#fff; font-size:11px; line-height:14px;} .product-col .remove{ z-index:5; position: absolute; bottom:5px; right:5px;background:#FCC802; border: 1px solid #FAA41A; color: #FFFFFF; font-size: 11px; margin-right: 2px; padding: 3px; text-align: center; text-transform: uppercase;} .product-col .productPriceDiscount{ position: absolute; top: 5px; right: 0px; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; background: #e16959 ; padding:3px; width:35px; line-height:14px; color: white; } .product-col .productPriceDiscount:after { content: "\f0dd"; position: absolute; bottom: -5px; font-size: 18px; left: 37%; display: inline-block; font-family: "FontAwesome"; color: #e16959 ; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; } /* --- product2 --- */ .product-col2{padding:5px;background:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd; margin-bottom:10px;} .product-col2 .zenzc{margin-bottom:10px;overflow:hidden;} .product-col2 .zenzc img{ width:100%; height:auto;} .product-col2 .name{ font-size:12px; font-weight:bold; color:#000; height:16px; height:32px;} .product-col2 .button4 {z-index:6; position: absolute;top:23%; left:40%; padding:5px; display:block;} .product-col2 .button4 i{ font-size:40px; color:#D03074;} .product-col3 .normalprice{ display:none;} .product-col3 .productSpecialPrice{ line-height:14px; color:#e16959;} .product-col3{border-top: 1px solid #eee;overflow:hidden; padding:3px 5px; position:relative; width:48%; float:left; margin-bottom:5px; margin-top:10px;} .product-col3 .zenzc{ padding:0; } .product-col3 img{ width:100%; height:auto;} .product-col3 .name a{ color:#555; font-weight:bold} .product-col3 .price strong{ font-weight:100; color:#e16959;} .product-col3 .price{ text-align:center} .product-col3 .productPriceDiscount{ position: absolute; top: 5px; right: 0px; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; background: #121313 ; padding:3px; width:35px; line-height:14px; color: white; } .product-col3 .productPriceDiscount:after { content: "\f0dd"; position: absolute; bottom: -5px; font-size: 18px; left: 37%; display: inline-block; font-family: "FontAwesome"; color: #121313 ; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; } .product-col3:hover .productPriceDiscount { top: 0px; background-color: #e5322e ; } .product-col3:hover .productPriceDiscount:after { color: #e5322e ; } .product-col4{ overflow:hidden; width:100%;} .product-col4 .zenzc{ width:30%; float:left;} .product-col4 .prod-info{margin-left:1%; width:69%; float:left; padding:1%; color:#222; font-size:12px; line-height:20px;} .product-col4 .prod-info a{ color:#222;} .product-col4 .prod-info i{ margin-right:10px;} .product-col4 .zenzc img{ width:90%; height:auto; margin:5%;} .product-col5{background:#fafafa; margin-top:10px; overflow:hidden; height:300px;} .product-col5 .zenzc{ width:20%; float:left;} .product-col5 img{ width:100%; height:auto;} .product-col5 .prod-info{ width:79%; float:right;} .product-col5 .name{ font-size:12px; line-height:16px; font-weight:bold;} .product-col6{padding:5px; margin-bottom:0px; overflow:hidden; background:#e16959;} .product-col6 .zenzc{ width:30%; float:left;} .product-col6 .prod-info{margin-left:1%; width:63%; float:left; padding:4%; color:#fff; font-size:14px; line-height:26px;} .product-col6 .prod-info a{ color:#fff;} .product-col6 .prod-info i{ margin-right:10px;} .product-col6 .zenzc img{ width:80%; height:auto; margin:10%;} .indexrevs { margin:10px 0;} .indexrevs img{border-radius:50%;} .product-col6 .name{ font-size:16px;line-height: inherit; } .product-col6 .date-as{ text-align:right;} .product-col2 .button4 {z-index:6; position: absolute;top:23%; left:40%; padding:5px; display:block;} /* ============================= footer ====================== */ #footer{overflow:hidden; padding:15px 20px; @background:#fff; } #footer li { font-size:12px; line-height:26px; color:#777; margin-left:23px;} #footer li a{ color:#777;} #footer li a:hover{ color:#000;} #footer .panel {/*border-left:1px solid #555;border-right:1px solid #111;*/} #footer .panel-heading a{ color:#222;} #footer .panel-heading{ font-size:13px; font-weight:bold; line-height:25px; color:#fff;text-transform: uppercase;} #footer .panel-heading i{ margin-right:10px;} .panel-heading .icon-angle-down{ float:right;} /* --- back to top --- */ .panel-body li i{ color:#777;} .indexlink { padding:0;} .indexsoc .social { padding:0; margin:0;} .indexsoc .social { margin:5px 0 0 5px; float:left; } .indexsoc .social i{ font-size:20px; background:#666; color:#fff; padding:5px;} .indexsoc .social i:hover{ background:#353535;} .indexsoc{ margin-top:15px;} .panel-body i{ font-size:16px; margin-right:10px; color:#222;} /* --- copyright --- */ .copyright{color:#999;font-size:12px;overflow:hidden; border-top:#eee solid 1px; line-height:30px; text-align:left; text-transform: uppercase; padding:15px 20px;} .payments{ float:right; } .payments li{ float:right; margin:2px;} .copyright a{ color:#ea2c2e; text-decoration:none;} .copyright li{ float:right;} .copyright a:hover{ color:#fff;} /* --- product4 --- */ /* ============================= banners ====================== */ .bannera {overflow: hidden; margin-top:10px; position:relative; padding:5px; background:#fff;} .banner2{ position: relative;} .banners{overflow: hidden; margin-top:10px; position:relative; margin-left:5px;} .banners img{cursor: pointer;transition: all 0.6s;} .banners img:hover{transform: scale(1.4);} .banners .label{ position:absolute; top:20%; left:10%;text-align:left; right:10%; background:url(../images/namebg.png); padding:10px;} .banners .bannerr{ font-size:22px; color:#222;text-transform: uppercase; line-height:30px; font-weight:900; padding-bottom:10px;} .banners .bannere{ font-size:16px; color:#555; line-height:24px; font-weight:100; padding-bottom:10px;white-space:normal;} .banners .bannert{ font-size:14px;text-transform: uppercase; line-height:20px; background:#fff;padding:5px 10px; float:left;} .banners .bannert a{ color:#111; } .bannera img{cursor: pointer;transition: all 0.6s; width:100%; height:auto;} .bannera img:hover{transform: scale(1.4);} .bannera .label{ position:absolute; top:20%; left:10%;text-align:left; right:10%; background:url(../images/namebg.png); padding:10px;} .bannera .bannerr{ font-size:22px; color:#222;text-transform: uppercase; line-height:30px; font-weight:900; padding-bottom:10px;} .bannera .bannere{ font-size:16px; color:#555; line-height:24px; font-weight:100; padding-bottom:10px;white-space:normal;} .bannera .bannert{ font-size:14px;text-transform: uppercase; line-height:20px; background:#fff;padding:5px 10px; float:left;} .bannera .bannert a{ color:#111; } .banner3{position: relative; margin-bottom:7px; } /* ============================= forms ======================= */ .inputLabel{ width:100%;} .inputLabel2{ float:left;} #checkoutShipAddressDefault ,#accountNotifications, #contactUsDefault, #createAcctDefault ,#accountHistInfo ,#accountDefault, #accountEditDefault, #addressBookDefault, #accountPassword, #logoffDefaultMainContent ,#passwordForgotten ,#cartSubTotal ,#checkoutPayAddressDefault, .newslt, #mytags, #ezPageDefault, #shoppingCartDefault, #advSearchDefault, #addressBookProcessDefault, #createAcctSuccess, #maintenanceDefault, #checkoutSuccess, #accountHistoryDefault, #timeoutDefault, #pageNotFound{ background-color: #fff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.05); box-sizing: border-box; padding:5px; margin:5px 0;overflow:hidden;} #accountHistoryDefault fieldset{ margin-bottom:5px; border-bottom:1px solid #eee;} #indexContent{ box-sizing: border-box; margin-bottom:10px;overflow:hidden; } .abouts{ color: #fff; font-weight: 300; font-size:28px; line-height:30px;text-transform: uppercase;} .biggerText{ float:left; text-align:center; width:33%;} .revfleft{background-color: #fff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.05); box-sizing: border-box; padding:10px;overflow:hidden; margin:20px 0; overflow:hidden;} .revfleft2{ background-color: #fff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.05); box-sizing: border-box; padding:10px;overflow:hidden; margin:20px 0;overflow:hidden; } .revfleft .image img{display: block; width:100%;height:auto;} .on_sale { display:none; letter-spacing: position: absolute; left:22px;top:0; background:#fcc802;border:1px solid #faa41a; color:#fff; font-size:12px; padding:4px;width:10px;height:auto; word-wrap:break-word;text-transform: uppercase; } .after { display:none;} .before { position: absolute; left:0px; top:200px;background:#353535; color:#fff; font-size:11px;height:auto; padding:5px;text-transform: uppercase; z-index:999;} #contactUsNoticeContent li{ border: 0 none; margin-top:10px; color: #333; display: block; font-size: 16px; line-height: inherit; margin-bottom: 10px; padding: 0; width: 100%;}z #contactUsNoticeContent li i{ font-size:30px; margin-right:10px;} #productDescription li{ list-style-type:disc ;} .bottomlinks{ margin:5px -5px;overflow:hidden;} .indexgate{overflow:hidden;} .box-static_content{background-color:#fff;border-right:solid 1px #dadada;border-bottom:solid 1px #dadada;box-shadow:2px 2px 2px #ebebeb;text-align:center;padding-top:39px;padding-bottom:39px;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s; color:#222;} .box-static_content:hover{background:#e16959;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s; color:#fff;} .box-static_content i{text-align:center;font-size:30px;height:30px;line-height:30px;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s; float:left; padding-left:5%;} .box-static_content .content_text{display:inline-block;padding-left:25px} .box-static_content .title_font {font-size:16px;font-family:'Oswald',sans-serif;text-align: center;text-transform:uppercase} .box-static_content .content_text p{font-size:13px;text-align:left;margin-bottom:0} .ressvv{float:right} .bk-top-box i{ font-size:20px; line-height:40px; color:#fff; margin-left:10px;} .bk-top-box { position: fixed;width: 40px;height:40px; background:#e16959; border-radius:50%; bottom: 40px;right: 10px;cursor: pointer; z-index:999; } @media (min-width:320px) and (max-width:1259px){ .mutop-myaccboxs .homelink{ margin:0; float:none; width:100%;} .mutop-myaccboxs .homelink li{ float:right;} .mutop-myaccboxs .homelink li.mu-user-ico{ float:left; margin-left:0;} #footer{ padding:15px 10px;} #footer .panel-heading{ line-height:36px;} .panel-heading .icon-angle-down{ padding-top:10px;} }