em@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: url(fonts/oswald-regular-latin.eot); src: url(fonts/oswald-regular-latin.eot?#iefix)format('embedded-opentype'), url(fonts/oswald-regular-latin.woff)format('woff'), url(fonts/oswald-regular-latin.ttf)format('truetype') } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; src: url(fonts/oswald-bold-latin.eot); src: url(fonts/oswald-bold-latin.eot?#iefix)format('embedded-opentype'), url(fonts/oswald-bold-latin.woff)format('woff'), url(fonts/oswald-bold-latin.ttf)format('truetype') } * { margin: 0 } #noscript-warning { position: fixed; z-index: 1000; top: 0; width: 100%; padding: 5px 0; text-align: center; background-color: #fff5b0; font-size: 18px; } html, body { font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; height: 100% } h1 { float: left; font-size: 16px; font-weight: 700; width: 95%; color: #000; margin: 15px } h2 { font-weight: 700; font-size: 16px; line-height: 16px; margin-bottom: 8px; } h3 { font-weight: 500; margin: 6px 0; } table, p { font-size: 13px; line-height: 16px } img { border: 0; margin: 0; padding: 0; } :focus { outline: none; outline-width: 0 } a:hover { text-decoration: none !important } input { outline: none } input:-moz-placeholder, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #AAA } #wrapper { font-size: 12px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -197px; } .pagecontent { width: 100%; padding: 15px 0 15px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*BUTTONS*/ .btn { cursor: pointer; border-radius: 4px; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal; line-height: 16px; display: inline-block; text-align: center; border: none } .btn:hover { opacity: 0.9 } .btn-go-pc { margin: 0 10px; padding: 4px 5px 5px; background: #FFF; border: 1px solid #aaa; color: #000; font-size: 12px; } .btn-go-search { min-width: 35px; height: 32px; background: #FB0; border-radius: 0 3px 3px 0; color: #000; font-size: 15px; font-weight: bold; line-height: 32px; } .btn-sml { background: #FB0; padding: 1px 6px; font-size: 12px; color: #000 } .btn-med { min-width: 100px; background: #FB0; padding: 6px 12px; font-size: 14px; font-weight: bold; color: #000 } .btn-lrg { min-width: 235px; background: #070; padding: 12px; font-size: 20px; color: #FFF } .btn-pre { background: #F28300 } .btn-sold { background: #B00; cursor: pointer; } .btn-act { background: #FB0; color: #000 } .btn-soon { background: #888; cursor: default !important } .btn-dsc { background: #888; pointer-events: none; } .btn-soon:hover, .btn-sold:hover { opacity: 1.0 !important } .btn-go-checkout { min-width: 27px; height: 27px; background: #FB0; padding: 4px; font-size: 11px; border-radius: 5px; line-height: 19px; margin-left: 4px; } .btn-subscribe { position: absolute; height: 32px; margin: 0 10px; padding: 5px 15px; border: 1px solid #bbb; line-height: 20px; } /*TIPS*/ .tip { display: inline-block } .tipr_content { font: 13px/1.7 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 14px; color: #333; background-color: #fff; padding: 15px } .tipr_content b { font-size: 15px; display: block; margin: 10px 0 } .tipr_content b:first-child { margin-top: 0px } .tipr_container_bottom { position: absolute; margin-top: 13px; box-shadow: 1px 1px 3px #000000; min-width: 300px; z-index: 1000 } .tipr_container_top { position: absolute; margin-top: -77px; box-shadow: 1px 1px 3px #000000; min-width: 300px; z-index: 1000 } .tipr_point_top, .tipr_point_bottom { position: relative; background: #fff; border: 1px solid #dcdcdc } .tipr_point_top:after, .tipr_point_top:before { position: absolute; pointer-events: none; border: solid transparent; top: 100%; content: ""; height: 0; width: 0 } .tipr_point_top:after { border-top-color: #fff; border-width: 8px; left: 50%; margin-left: -8px } .tipr_point_top:before { border-top-color: #dcdcdc; border-width: 9px; left: 50%; margin-left: -9px } .tipr_point_bottom:after, .tipr_point_bottom:before { position: absolute; pointer-events: none; border: solid transparent; bottom: 100%; content: ""; height: 0; width: 0 } .tipr_point_bottom:after { border-bottom-color: #fff; border-width: 8px; left: 50%; margin-left: -8px } .tipr_point_bottom:before { border-bottom-color: #dcdcdc; border-width: 9px; left: 50%; margin-left: -9px } .gallery1_img { margin: 0 0 0 5px } .gallery2_img { margin: 0 0 8px } .tl-banner { display: inline-block; width: 22.8%; } .tr-banner { width: 77.2%; text-align: right; display: inline-block; padding-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #newsletter { width: 217px; height: 271px; text-align: left; background-image: url(images/hobby-warehouse_20.jpg); background-position: left top; background-repeat: no-repeat } #header { position: fixed; z-index: 20; top: 0; width: 990px; height: 120px; background-color: #000; background-image: linear-gradient(170deg, #777, #000 50%, #000 90%, #444 100%); border: 1px solid #555; border-image: linear-gradient(160deg, #999 0%, #000 40%, #000 55%, #555 100%); border-image-slice: 1; box-sizing: border-box; -webkit-transition: height 200ms; -moz-transition: height 200ms; -o-transition: height 200ms; transition: height 200ms; } #main.small-header #header { height: 60px; } #header-left { position: absolute; left: 0; width: 20%; padding: 15px; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } #main.small-header #header-left { left: 30px; padding-top: 10px; } .pad7 { position: absolute; width: 180px; height: 60px; overflow: hidden; margin: 0; z-index: 100; } .hw-logo { width: 180px; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } #main.small-header .hw-logo { width: 110px; } #header-right { position: absolute; width: 77%; top: 0; right: 0; } #header-top { width: 100%; } #header-search { position: absolute; width: 470px; top: 16px; left: 0px; -webkit-transition: top 200ms; -moz-transition: top 200ms; -o-transition: top 200ms; transition: top 200ms; } #main.small-header #header-search { top: 0; } #header-bottom { position: absolute; height: 30px; width: 100%; left: 0; bottom: 0; font-size: 13px; -webkit-transition: height 200ms; -moz-transition: height 200ms; -o-transition: height 200ms; transition: height 200ms; } #main.small-header #header-bottom { height: 0; } #header-top .fa { margin-right: 5px; } .head-item { position: relative; float: left; padding-left: 5px; color: #ccc; font-weight: 700; line-height: 30px; } .head-item .fa { margin-right: 10px; } .head-item .fa-angle-down { margin: 0 0 0 10px; } #searchbox { position: relative; z-index: 1; display: inline-block; width: 500px; height: 32px; background: #FFF; border-radius: 3px; } #searchpad { position: absolute; z-index: 800; /*TODO -- make this higher than nav-menu?*/ top: 43px; left: -50%; display: none; width: 660px; height: 440px; background: #FFF; border: 1px solid #888; box-shadow: 0 0 10px #888; text-align: left; } #searchbox input { position: absolute; top: 6px; left: 6px; width: 450px; padding: 1px; font-size: 16px; } #searchsuggest { width: 455px; height: 17px; line-height: 12px; position: absolute; top: 0.35em; left: 0.6em; font-size: 1.25em; color: #BBB; overflow: hidden; } #basket { position: absolute; bottom: -1px; right: 0; width: auto; height: 30px; } #basket i.fa { margin-right: 10px; font-size: 18px; } /*.shoptxt { font-size: 14px; font-weight: 700 }*/ .view_link { padding-left: 8px; padding-right: 8px } .email1 { font-size: 12px; padding-left: 5px; height: 22px; line-height: 22px; width: 180px; background-color: #fff } .email3 { width: 475px; height: 165px; padding: 5px; font-size: 12px; line-height: 25px; border: 1px solid #c1c1c1; border-radius: 2px; } #contact-us-form input, #contact-us-form textarea { width: 475px; } #contact-us-form select { width: 487px; } .grid_24 { margin-left: -4px; margin-bottom: 9px } .striked-price { position: relative; font-size: 12px; color: #999; } .striked-price:before { position: absolute; content: ""; left: -1px; top: 45%; right: -1px; border-top: 1px solid; -webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); -o-transform: rotate(-12deg); transform: rotate(-12deg) } .item-price { font-size: 18px; font-weight: 700; line-height: 20px; padding-left: 5px; } .int-price { font-size: 20px; font-weight: 700; color: #FFF; margin: 0 0 10px } .int-text { font-size: 12px; font-weight: 400; color: #FFF; line-height: 14px; display: inline-block } .sugg-text { font-size: 13px; font-weight: normal; color: #FFF; line-height: 14px } .link-container { border: 1px solid #CCC; width: 100%; height: 271px; border-image: linear-gradient(120deg, #ccc 0%, #eee 40%, #eee 50%, #ddd 80%); border-image-slice: 1; overflow:hidden; } /*.link-container:hover { -moz-box-shadow: 0 0 10px #bbb; -webkit-box-shadow: 0 0 10px #bbb; box-shadow: 0 0 10px #bbb; border: 1px solid #bbb; }*/ /* .link-container:hover img { transform: scale(1.05); } .link-container img { transition: all .2s ease-in-out; }*/ .stockstatus { color: #070; font-weight: 700; padding-left: 8px } .discstatus, .stocknotify { padding-left: 8px } .grn15 { font-size: 15px !important; color: #070 } .red15 { font-size: 15px !important; color: #B00 } .grn19b { font-size: 19px !important; font-weight: 700; color: #070 } .payments { font-size: 32px; display: block } .cc-dd { font-size: 12px; color: #000; font-style: italic; font-weight: bold; margin: 0 5px } .fa-cc-visa { color: #0157a2 } .fa-cc-mastercard { color: #0a3a82 } .fa-cc-amex { color: #007bc1 } .fa-cc-paypal, .fa-paypal { color: #253b80 } .fa-pinterest, .fa-pinterest-p, .fa-pinterest-square { color: #cc2127 } .fa-facebook, .fa-facebook-official, .fa-facebook-square { color: #3b5998 } .fa-twitter, .fa-twitter-square { color: #55acee } .fa-youtube, .fa-youtube-play, .fa-youtube-square { color: #e52d27 } .stock-pad { font-size: 14px; font-weight: bold; color: #070; position: absolute; left: 8px; bottom: 6px; display: none; } .pad39 { font-size: 16px; font-weight: bold; background-color: #DDD; vertical-align: middle; width: 25px; display: none } .pad40 { background: #EEE; text-align: center; vertical-align: middle; display: none; } .pad40:hover { background: #e2e1e1; } .dw .buy-pad { font-size:25px; width: 40px; bottom: 235px; } .tw .buy-pad { font-size:30px; width: 45px; } .buy-pad { font-size: 17px; border-radius: 4px; color: #444; width: 35px; height: 23px; position: absolute; right: 6px; bottom: 6px; text-align: center; overflow: hidden; display: none; cursor: pointer; } .pad42 { font-size: 11px; display: none } .link-container:hover .buy-pad, .link-container.buy-now-clicked .buy-pad { display: table; } .link-container:hover .pad39, .link-container:hover .pad40, .link-container.buy-now-clicked .pad39, .link-container.buy-now-clicked .pad40 { display: table-cell; } .link-container:hover .pad42, .link-container:hover .stock-pad { display: inline-block } .link-container:hover .price-pad, .dw .link-container.buy-now-clicked .price-pad, .tw .link-container.buy-now-clicked .price-pad { display: none } .bbg .link-container { background: #000 } .bbg .lower-pad { color: #DDD } .bbg .item-price { color: #FFF } .bbg .stock-pad { color: #8D8 } .bbg .item-title { color:#ccc; } .sug_grid .bbg .lower-pad { background: rgba(0, 0, 0, 0.8) } .pad1 { padding-right: 5px; padding-top: 3px; color: #bbb; text-align: right; } .pad2 { text-align: center; padding: 0px 0 8px; } .pad3 { text-align: left; width: 420px; position: relative; } .pad4 { display: inline-block; vertical-align: top; position: absolute; top: 0px; right: 0px; } .pad5 { padding-left: 68px; padding-top: 10px } .pad6 { padding-left: 62px; padding-top: 4px } .image-pad { width:184px; height:184px; overflow:hidden; text-align: center } .pad9 { text-align: center; padding-top: 5px; padding-left: 25px; padding-right: 25px } .pad10 { text-align: center; padding-top: 15px } .search-pad { margin-top: 13px; margin-left: 6px; } .price-pad { margin-top: 13px; margin-left: 6px; } .pad12 { text-align: center; padding-top: 5px; padding-bottom: 5px } .item-title { text-align: left; padding: 0 6px; height: 47px; line-height: 15px; overflow: hidden; font-size: 12px; color: #256dc6; font-weight: 700; } .pad14 { padding-top: 45px; text-align: left; padding-left: 15px; padding-right: 25px } .pad15 { padding-top: 10px; padding-left: 15px } .pad16 { padding-left: 15px } .pad17 { text-align: center; padding-top: 12px } .pad18 { display: inline-block; vertical-align: top; line-height: 16px; width: 155px; padding-left: 16px; padding-top: 40px } .pad19 { display: inline-block; padding-top: 40px; font-size: 10px; color: #fff; width: 285px } .pad20 { text-align: center; padding-top: 40px } .pad21 { text-align: center; padding-top: 10px; line-height: 12px } .pad22 { padding-left: 225px; padding-top: 5px } .pad23 { padding-left: 15px; padding-top: 50px } .pad24 { text-align: center; padding-top: 25px } .pad26 { padding-top: 20px } .pad27 { padding-top: 12px } .pad28 { padding-right: 20px; padding-top: 20px; text-align: right } .pad29 { padding-left: 238px; padding-top: 210px } .pad30 { padding-left: 20px } #add-banner { float: left; height: auto; width: 960px; margin-left: 15px } #add-banner .slider-left .left-l .off { float: left; font-size: 20px; font-weight: 700; height: auto; line-height: 18px; text-align: center; width: 66px; color: #fff; -moz-transform: rotate(320deg); -webkit-transform: rotate(320deg); -o-transform: rotate(320deg); -ms-transform: rotate(320deg); padding: 16px 5px 15px 4px } .info-box { background: #8A0000; background-image: linear-gradient(170deg, #A70000, #790000); border: solid 1px #8F0000; border-radius: 5px; padding: 8px; margin: 10px 0 0 } .res-box { background: #265800; background-image: linear-gradient(170deg, #275A00, #1B3E00); border: solid 1px #333333; border-radius: 5px; padding: 8px; margin: 10px 0 0 } .file-box { background: #FFE463; border: solid 1px #DDB700; border-radius: 5px; padding: 8px; margin: 10px 0 0 } .file-text { font-size: 13px; font-weight: normal; color: #000; line-height: 14px } .sugg-box { background: #001B7D; background-image: linear-gradient(170deg, #122B89, #001356); border: solid 1px #0B2684; border-radius: 5px; padding: 14px; margin: 15px; } .sugg-box textarea, .res-box textarea, .sugg-box input, .res-box input { font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; padding: 4px; width: 100%; border-radius: 3px; border: none } #sugg-input { position: relative; padding-bottom: 33px; display: block } .sugg-box-b { display: inline-block; width: 500px; position: relative } .res-box-b { position: relative; margin-right: 0.6em } .res-text { font-size: 13px; font-weight: normal; color: #FFF; line-height: 14px } .sugg-box-c { display: inline-block; position: absolute; top: 16px; right: 0; width: 400px } .sugg-mgn { margin-bottom: 10px } #sugg-result { margin-top: 10px; font-size: 120%; font-weight: bold; display: none } .sugg-submit { display: inline-block; margin: 10px 0 0; position: absolute; right: -9px } /*.pleasetxt { font-size: 13px; color: #fff }*/ .firsttxt { font-weight: 700; color: #A4A8AD; line-height: 25px } .copyTxt { font-size: 10px; color: #fff } .numtxt { font-size: 18px; font-weight: 700; color: #FBBB00 } .gottxt { font-size: 18px; font-weight: 700; color: #fff } .had_link { color: #bbb !important; padding: 0 5px } .PDesc p { margin-bottom: 12px !important } .PDesc ul { margin-bottom: 12px !important; margin-left: 16px } /*.all-body-l-dv .all-body-l-dv-top { float: left; height: 5px; width: 169px; background: url(images/body-produ-block.jpg) no-repeat left top; margin-top: 10px; margin-left: 10px } .all-body-l-dv .all-body-l-dv-m { float: left; height: 300px; width: 147px; background: url(images/body-produ-block-mid.jpg) repeat-x left top #fff; border-left: 1px solid #bdbcbd; border-right: 1px solid #bdbcbd; margin-left: 10px; padding: 5px 10px } .all-body-l-dv .all-body-l-dv-m .produ-imge { background: #fff; border: 2px solid #ccc; padding: 10px 10px 10px 15px } .all-body-l-dv .all-body-l-dv-m .produ-imge img { padding: 0 0 0 5px } .all-body-l-dv .all-body-l-dv-m .produ-content { float: left; width: 100%; margin: 0 } .all-body-l-dv .all-body-l-dv-m .produ-content h1 { text-align: center; font-size: 13px; font-weight: 700; height: 25px; margin: 0 0 5px } .all-body-l-dv .all-body-l-dv-m .produ-content h2 { text-align: center; font-size: 20px; font-weight: 700; color: #ff0a00; margin: 0 } .all-body-l-dv .all-body-l-dv-m .add-to-cart { float: left; width: auto; margin-top: 7px; margin-left: 0 } .all-body-l-dv .all-body-l-dv-bot { float: left; height: 5px; width: 169px; background: url(images/body-produ-block.jpg) no-repeat left bottom; margin-left: 10px }*/ .ExpressPanel .cart-items { width: 90%; } .ExpressPanelTab { /*width: 100%; height: auto; margin-left: 0; margin-top: 0;*/ margin-bottom: 6px; color: #2F2F2F; font-family: Oswald, sans-serif; font-size: 20px; font-weight: 700; font-style: normal; line-height: 30px; text-transform: uppercase; text-align: left; text-decoration: none; text-indent: 20px } .ExpressPanelContent { padding: 0 50px 0 73px; } .express-panel-divider { clear: left; width: 100%; height: 20px; } .express-panel-hr { clear: left; width: 95%; margin: 0 auto; border-top: 1px solid #ccc; } #confirmOrderBlock { padding-right: 50px; } /* TODO -- Three Columns Checkout Layout -- PX */ .checkout-panel { display: block; float: left; width: 100%; } .checkout-column { float: left; width: 290px; margin: 5px; padding-right: 20px; } .checkout-column .ExpressPanelTab { text-indent: 0; } .checkout-column .ExpressPanelContent { padding: 0; } .checkout-column .billing_box, .checkout-column .shipping_box { padding-left: 0; } .checkout-column .email_checkout_express { width: 270px; } .checkout-column select.email_checkout_express { width: 277px; height: 29px; } .checkout-column .postcode, .checkout-column #payment_cc .email_checkout_express.postcode { width: 81px; } .checkout-column #payment_cc .email_checkout_express { width: 240px; } .checkout-column input:focus, .checkout-column select:focus { border-color: #de740d; } .checkout-column input:disabled, .checkout-column select:disabled { background-color: #ebebe4; } .checkout-column select option:first-child { color: #aaa; } .checkout-column #billing_zone_value, .checkout-column #shipping_zone_value { line-height: 29px; } .checkout-column .shipping-tip { position: relative; display: inline-block; } .checkout-column .shipping-tip i { color: #aaa; } .checkout-column .shipping-tip span { position: absolute; z-index: 1; top: 120%; left: 50%; visibility: hidden; width: 200px; margin-left: -100px; padding: 5px; background-color: aliceblue; border: 1px solid #009688; border-radius: 3px; font-size: 10px; line-height: 10px; text-align: center; } .checkout-column .shipping-tip:hover span { visibility: visible; } .checkout-column #shipping_method_wrapper tr td:nth-child(1), .checkout-column #cart-review tr td:nth-child(2) { font-size: 12px; } .checkout-column #confirmOrderBlock { padding: 0; } .checkout-column #btnConfirmOrder { width: 290px; } .checkout-column .checkout_error { margin: 25px 0; } .checkout_panel_flat { padding-left: 75px; margin-right: 75px } #loginblock.three-columns { display: none; } #loginblock.three-columns .ExpressPanelContent, #loginblock.three-columns .content_checkout { padding: 0; } .billing_box, .shipping_box { padding-left: 73px } .shipping-address-disabled, .grey { color: #aaa; } #address-book .Checkout-box-main { float: left; width: 944px; height: auto; margin: 0; padding: 0 0 15px } #address-book .checkout-left-panal { float: left; width: 745px; height: auto } #address-book .Checkout-box { float: left; width: 741px; height: auto; margin-top: 20px } #address-book .Checkout-box-head { float: left; width: 740px; background: url(images/checkoutpagehader.jpg) left top no-repeat; height: 10px } #address-book .Checkout-box-heading { float: left; width: 687px; background: url(images/login-box-heading.jpg) left top repeat-x; height: 24px; border: 1px solid #ddd; border-top: none; font-size: 14px; font-weight: 600; color: #444; padding: 0 25px } #address-book .Checkout-box-bdoy { float: left; width: 687px; background: #fff; height: auto; border: 1px solid #ddd; border-top: none; padding: 0 25px } #address-book .Checkout-box-body-text p { padding-top: 15px; padding-left: 5px; padding-bottom: 10px; float: left; width: 75%; font-size: 13px; color: #666; margin: 0 } #address-book .Checkout-box-body-text textarea { width: 672px; height: 150px; color: #ccc; border: 1px solid #e1e1e1; font-size: 13px; margin: 25px 0; padding: 5px } #address-book .process-bar { float: left; margin: 15px 0; } #address-book .checkout-right-panal { float: right; width: 185px; height: auto; font-size: 14px; margin-top: 20px } #address-book .checkout-right-panal .check-out-add-list { background: url(images/list-under.jpg) left bottom no-repeat; line-height: 20px; font-size: 13px; color: #666; padding: 10px 10px 20px 25px } #footer { margin: 0 auto; height: 225px; text-align: left; background: #000; border: 1px solid #555; box-sizing: border-box; border-image: linear-gradient(160deg, #444 0%, #000 40%, #000 55%, #444 100%); border-image-slice: 1; } .push { height: 197px } #toprol { width: 44px; position: absolute; left: 0; right: 0; margin: -22px auto 0 auto; /* margin: -18px 0 0 470px */ } .footer-cat { display: inline-block; width: 155px; padding: 10px 0 0 16px; vertical-align: top; line-height: 16px; } .footer-cat ul { margin: 0; padding: 0; list-style-type: none; } .comptxt, .footer-cat li:first-child { font-family: Oswald, sans-serif; font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 10px } .footer-cat a, .footer-cat a:link, .footer-cat a:visited { color: #fff; font-size: 12px; } .footer-comp { display: inline-block; width: 285px; padding-top: 10px; color: #fff; font-size: 10px; } .footer-logo { position: relative; width: 117px; height: 40px; margin: 0 auto; overflow: hidden; } .footer-logo-txt { line-height: 12px; padding-top: 10px; text-align: center; } .outsearch { float: left; width: 210px; height: auto; border: 2px solid #ccc } .outsearchloading { position: absolute; text-align: center; background-color: #ccc; margin: 0 auto } .outsearchloading img { margin-top: 80px } #shoppingcart .shopping-box-main table { width: 957px; border-bottom: 1px solid #dedede; font-size: 14px; color: #777; margin-left: 5px } #shoppingcart .shopping-box-main table .td-rightt { height: 33px; background-color: #E0E0E0; color: #000 } #shoppingcart .shopping-box-main .table-cont { height: auto; width: 937px } #shoppingcart .shopping-box-main .table-cont strong { font-size: 12px; color: #000 } .main-listing-page-bdoy { float: left; height: auto; width: 964px; margin: 0 0 15px } .breadcrumbs { margin: 0 15px 15px 15px; width: 960px; font-size: 12px; color: #000 } .listing-left-pannel { float: left; width: 223px; height: auto; border: 0 solid #ddd } .price-area { float: left; width: 100%; border-bottom: 1px dotted #666; font-size: 13px; color: #333; padding: 10px 0 } .price-area-2 { float: left; width: 100%; font-size: 11px; color: #8bc801; font-weight: 600; background: url(images/list-under.jpg) center bottom no-repeat #FFF; padding: 0 0 25px } .price-area-2 input { height: 20px; width: 35px; border: 1px solid #ddd; margin-left: 5px } .listing-right-body { float: left; margin-left: 10px !important; width: 742px; height: auto } .listing-product-body { float: left; width: 960px; height: auto; margin-left: 15px } .mou-over { opacity: 1; filter: alpha(opacity=100) } .mou-over:hover { opacity: 0.9; filter: alpha(opacity=90) } .shorting-area { float: left; width: 100%; background: #ddd; border: 1px solid #c7c7c7; height: auto } .short-by { float: left; width: 30%; font-size: 12px; font-weight: 600; margin: 10px } .short-by select { border: 1px solid #c7c7c7; height: 20px; width: 100px } .compare { float: right; width: 37%; font-size: 12px; color: #333; text-align: left; vertical-align: baseline; margin: 6px 10px } .compare p { float: left; width: auto; margin: 0; padding: 7px 0 0 } .short-under { float: left; width: 100%; background: #fff; height: auto; margin-top: 5px } .short-under a { color: #333 } .dev1 { float: left; font-size: 12px; margin-left: 11px; width: 67% } .dev2 { border-right: 1px solid #DDD; float: left; font-size: 12px; width: 14% } .dev3 { float: left; font-size: 12px; padding-left: 15px; width: 15% } .dev3 p { font-weight: 700 } .shop-now { float: left; width: 100%; background: #fff; height: auto; margin-top: 5px; border: 1px solid #ddd; padding: 7px 0 } .shop-now h3 { color: #666; float: left; font-size: 16px; width: auto; margin: 15px 0 } .shop-now p { float: left; width: auto; font-size: 11px; margin: 42px 20px 0; padding: 0 } .hot-price { float: left; height: 58px; width: auto; margin-left: 3px } .hot-price-left { float: left; height: 58px; width: 12px; background: url(images/hot-price-left.jpg) top left no-repeat } .hot-price-mid { float: left; height: 58px; width: auto; background: url(images/hot-price-mid.jpg) top left repeat-x } .hot-price-mid h3 { color: #666; font-size: 16px; width: auto; float: none; margin: 0; padding: 9px } .hot-price-mid p { font-size: 11px; color: #444; width: auto; font-weight: 600; float: none; margin: 0; padding: 0 } .hot-price-right { float: left; height: 58px; background: url(images/hot-price-right.jpg) top left no-repeat } .list-detaial { float: left; width: 100%; height: auto; margin-top: 10px } .list-detaial .left-pan { float: left; width: 555px; height: auto; background: #f6f4f5; border: 1px solid #ddd; padding: 10px } .list-detaial .left-pan .lef { float: left; width: 140px; border: 1px solid #ddd } .list-detaial .left-pan .lef p { font-size: 12px; text-align: center; line-height: 22px } .list-detaial .left-pan .lef img { margin-top: 30px; margin-left: 15px } .list-detaial .left-pan .right { float: right; width: 400px } .list-detaial .left-pan .right h3 { font-size: 14px; color: #666; float: left; width: 100%; margin: 0; padding: 0 0 5px } .list-detaial .left-pan .right p { float: left; width: auto; font-size: 12px; line-height: 20px; margin: 0; padding: 0 0 5px } .list-detaial .left-pan .right strong { color: red; float: left; width: 100%; font-size: 12px } .list-detaial .left-pan .right .comparee { float: left; width: 100%; margin: 0; padding: 5px 0 } .list-detaial .left-pan .right .comparee strong { color: #333; float: left; width: auto; margin-top: 6px } .list-detaial .left-pan .right .comparee input { float: left; width: auto; margin: 7px; padding: 0 } .list-detaial .right-pan { float: right; width: 140px; height: auto; background: #fefefe; border: 1px solid #ddd; padding: 10px 5px } .list-detaial .right-pan .free-devle { float: left; width: 100%; margin-top: 5px } .list-detaial .right-pan .free-devle a { color: #028ad6 } .list-detaial .right-pan .free-devle a:hover { color: #028ad6; text-decoration: none } .list-detaial .right-pan .free-devle h3 { float: left; padding-left: 10px; font-size: 16px; color: #333; margin: 3px 0 } .list-detaial .right-pan .free-devle strong { float: left; width: auto; font-size: 12px; font-weight: 600; color: #8BC801; margin: 0; padding: 0 } .list-detaial .right-pan .free-devle p { font-size: 12px; float: left; width: 100%; color: #666; line-height: 17px; margin: 7px 0; padding: 0 } .zom-con { float: left; width: 100%; font-size: 12px; margin: 0 } .zom-con div { width: 124px; height: 124px; border: 1px solid #ddd; background: #fff; margin: 0 10px 10px 0; padding: 0 } .detial-star { float: left; width: 96%; margin: 0; padding: 10px 0 } .detial-star p { font-size: 12px; float: left; width: auto; margin: 0; padding: 5px } .detial-star img { margin-right: 5px } .add-optin h1 { float: left; width: 100%; font-size: 14px; font-weight: 600; color: #333; margin: 0; padding: 0 } .add-optin div { float: left; width: 100%; margin: 10px 0 0; padding: 0 } .add-optin input { float: left; width: auto; margin: 0 10px 0 0; padding: 0 } .add-optin p { float: left; width: auto; font-size: 12px; color: #444; margin: 0; padding: 0 } .social-icon { vertical-align: middle; font-size: 20px !important; color: #CCC; margin-left: 5px } #compare { width: 937px; border-bottom: 1px solid #dedede; font-size: 14px; color: #777; margin: 0 0 20px; padding: 0 } #compare .table-cont { height: auto; width: 937px; font-weight: 400 } #compare .table-cont strong { color: red } /*.gallery, .gallery .all-body-l-dv-m .produ-content h1, .gallery .all-body-l-dv-m .produ-content h1 a, .gallery .all-body-l-dv-m .produ- content h2, .gallery .all-body-l-dv-m .produ-content h3, .gallery .all-body-l-dv-m .comp { width: 184px; display: block }*/ .product_grid { width: auto; } .product_row { float: left; width: 970px; } .recommended-prods, .interested-prods { clear: both; float: left; padding: 0 0 15px 15px; } .gallery { position: relative; display: block; float: left; width: 184px; height: 271px; margin: 0 10px 10px 0; background-color: #fff; } .youtube { position: relative; display: flex; align-items: center; float: left; width: 378px; height: 271px; margin: 0 10px 10px 0; background-color: #000; } .youtube iframe { width: 378px; height: 212.625px; } .pad33, .pad35 { display: none } .pad34{ display: inline-block; height: 0; float: left; } .tablet .tw .pad35, .classic .tw .pad35 { width:572px; height:271px; overflow:hidden; display: block; } .pad36 { width: 112px; height: 164px; margin: 0 11px 12px 0; float: left; position: relative; display: block } .pad37 { border: 1px solid #DDD; box-sizing: border-box; width: 100%; height: 169px; margin: 5px; } .pad37:hover { -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); box-shadow: 0 0 12px rgba(0, 0, 0, 0.5) } .hlink { margin-bottom: 10px; } .hlink a:hover { text-decoration: underline; } .pad38 { font-weight: 700; font-size: 16px; line-height: 16px; margin-bottom: 8px; } .pad38 { color: #444; } .tablet .tw .link-container, .classic .tw .link-container { border: none } .tablet .tw .gallery, .classic .tw .gallery { width: 572px } .tablet .tw .pro-bg, .classic .tw .pro-bg { width: 359px; height: 264px } .tablet .tw .item-title, .classic .tw .item-title { height: 40px; line-height: 40px; color: #fff; overflow: hidden; font-size: 28px; font-weight: 700; position: absolute; text-align: left; top: 0; margin-bottom: 0; text-shadow: 0 0 4px #000, 0 0 6px #000, 0 0 8px #000, 0 0 10px #000; } .tablet .tw .price-pad, .classic .tw .price-pad { position: absolute; bottom: 5px; right: 5px; } .tablet .tw .image-pad, .classic .tw .image-pad, .tablet .tw .stock-pad, .classic .tw .stock-pad { overflow:hidden; display: none; } .tablet .tw .lower-pad, .classic .tw .lower-pad { height: 40px; width: 514px; top: 0; left: 6px; } .tablet .tw .pad33, .classic .tw .pad33 { display: block; position: absolute; left: 5px; top: 5px } .tablet .tw a:link, .classic .tw a:link { font-size: 24px } .tablet .tw .item-price, .classic .tw .item-price { color: #fff; font-size: 36px; text-shadow: 0 0 4px #000, 0 0 6px #000, 0 0 8px #000, 0 0 10px #000 } .tablet .tw .striked-price, .classic .tw .striked-price { color: #fff; font-size: 16px; text-shadow: 0 0 4px #000, 0 0 6px #000, 0 0 8px #000, 0 0 10px #000 } .dp .link-container { background-color: #EEE } .dp .image-pad { position: relative; top: 70px } .dp .price-pad { position: relative; top: 70px } .dp img { width: 157px; height: 157px; border: 1px solid #ddd } .dp .item-title { font-weight: 700; font-size: 16px; line-height: 20px; height: 60px; position: absolute; top: 6px } .dp .stock-pad { display: none } .cat_high .price-pad { text-align: left; margin-left:2px; } .featured .gallery { padding: 0 7px } /*.gallery_new { float: left; height: auto; position: relative; margin-bottom: 10px; margin-right: 2px; padding: 0 8px } .gallery .all-body-l-dv-m { float: left; border: 1px solid #eee; border-radius: 5px; padding: 10px 0 } .gallery .all-body-l-dv-m .produ-imge { background: none repeat scroll 0 0 #FFF; border: 2px solid #CCC; width: 100px; height: 100px; overflow: hidden; margin: 0 auto; padding: 10px } .gallery .all-body-l-dv-m .produ-content h1 { text-align: center; height: 54px; margin: 5px 0 } .gallery .all-body-l-dv-m .produ-content h1 a { text-align: center; font-size: 13px; font-weight: 700; color: #666 } .gallery .all-body-l-dv-m .produ-content h2 { text-align: center; font-size: 20px; font-weight: 700; color: #ff0a00; background-image: none; margin: 0 } .gallery .all-body-l-dv-m .add-to-cart a img, .padl-14 { padding-left: 14px } .gallery .all-body-l-dv-m .comp { color: #666; float: left; height: auto; text-align: center }*/ #compare .td-leftt { height: 33px; background: url(images/shoping-cartimg.png) left top no-repeat; border-right: 1px solid #dedede } #compare .td-midd { height: 33px; background: url(images/shoping-cartimg.png) center top no-repeat; border-right: 1px solid #dedede } #compare .td-rightt { height: 33px; background: url(images/shoping-cartimg.png) right top no-repeat } #m-rev-dv { background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #CCC; height: auto; text-align: left; overflow: auto; width: 250px; float: left; padding: 10px 15px } #m-rev-dv div { color: #292723; float: left; font-size: 12px; height: auto; margin-bottom: 5px; width: 100%; padding: 2px 0 } #m-rev-dv div .spn-l { float: left; font-size: 16px; font-weight: 700 } #m-rev-dv div .spn-r { color: #292723; float: right; font-size: 14px; font-style: italic; font-weight: 400 } #m-rev-dv div .dv-l { float: left; width: 30%; height: auto; font-weight: 700; margin: 0 } #m-rev-dv div .dv-r { float: right; width: 65%; height: auto; text-align: right; background: #FC0; font-style: italic; font-weight: 700; padding-right: 5px; margin: 0 } #m-rev-dv div .dv-l-un { float: left; width: 30%; height: auto; color: #666; font-weight: 700; margin: 0 } #m-rev-dv div .dv-r-un { float: right; width: 65%; height: auto; text-align: right; background: #ddd; color: #666; font-style: italic; font-weight: 700; border: 1px solid #999; margin: 0; padding: 0 5px 0 0 } .proshiptxt { font-size: 12px; font-style: normal; font-weight: 700; color: #DF011C; text-align: left; text-decoration: none; text-transform: uppercase } .abouttitxt { font-family: Oswald, sans-serif; font-size: 26px; font-style: normal; font-weight: 700; color: #000; text-align: left; text-decoration: none; text-transform: uppercase } .email_checkout_express { width: 300px; height: 25px; padding-left: 5px; /*background: url(images/con-tb.jpg) center top repeat-x;*/ border: 1px solid #c1c1c1; border-radius: 3px; color: #000; font-size: 12px; font-style: normal; font-weight: 400; line-height: 25px; } .click_link1 { font-size: 11px; font-style: normal; font-weight: 400; color: #000 } .click_link { font-size: 11px; font-style: normal; font-weight: 400; color: red } #cat-cart { padding: 0 16px 0 10px; color: #ccc; } #cat-cart a { color: inherit; } #cat-cart:hover { color: #e8e8e8; background: #404040; border-radius: 4px 0 0 0; } #cat-cart:hover #dropdown-cart, .touchevents #cat-cart.dropdown-open #dropdown-cart { right: -1px; max-height: 500px; border: 1px solid #404040; border-top: 0; } #cat-cart:hover #cart-count { border: 2px solid #404040; } #dropdown-cart, .touchevents #cat-cart:not(.dropdown-open) #dropdown-cart { position: absolute; z-index: 15; top: 30px; right: 0; min-width: 387px; max-height: 0; overflow: hidden; background-color: #fff; box-shadow: 0 0 10px #404040; color: #000; font-weight: normal; line-height: 18px; -webkit-transition: max-height 200ms ease-in-out, border-color 200ms; -moz-transition: max-height 200ms ease-in-out, border-color 200ms; -o-transition: max-height 200ms ease-in-out, border-color 200ms; transition: max-height 200ms ease-in-out, border-color 200ms; } #dropdown-cart-items { min-height: 50px; max-height: 400px; padding: 0; overflow-y: auto; list-style-type: none; } .flexbox .dropdown-cart-line { clear: both; display: flex; align-items: center; padding: 5px; } .flexbox .dropdown-cart-line>div { padding: 0 !important; } .dropdown-cart-image img { display: block; margin: auto; } .flexbox div.dropdown-cart-product { flex: 0 0 175px; padding-left: 10px !important; } .flexbox .dropdown-cart-qty { flex: 0 0 30px; text-align: right; } .flexbox .dropdown-cart-price { flex: 0 0 60px; text-align: right; } .dropdown-cart-line, .no-flexbox .dropdown-cart-line { clear: both; padding: 5px; } .dropdown-cart-image, .no-flexbox .dropdown-cart-image { float: left; } .dropdown-cart-product, .no-flexbox .dropdown-cart-product { float: left; width: 175px; padding: 10px 0 0 10px; } .dropdown-cart-qty, .no-flexbox .dropdown-cart-qty { float: left; width: 30px; padding-top: 10px; text-align: right; } .dropdown-cart-price, .no-flexbox .dropdown-cart-price { float: left; width: 60px; padding-top: 10px; text-align: right; } #dropdown-cart-items .empty-cart { text-align: center; vertical-align: middle; line-height: 50px; } #dropdown-footer { max-height: 100px; } #dropdown-footer { max-height: 100px; } #dropdown-footer hr { width: 95%; margin: 0 auto; border: 0; border-top: 1px solid #ccc; } .dropdown-cart-subt { float: left; margin: 18px 10px 14px 10px; font-weight: 100; } .dropdown-cart-subt span { font-size: 16px; font-weight: bold; } #dropdown-footer .btn-med { float: right; margin: 12px 8px; background: #070; color: #FFF; } #dropdown-footer .empty-cart { background: #CCC; color: #999; cursor: default; } #cat-checkout { top: -2px; padding: 0 6px; margin-left: 15px; } #menu-left { width: 866px; height: 37px; text-align: left } #menu-right { width: 37px; height: 37px; margin-left: 1px; text-align: left; position: absolute } #product-carousel { display: block!important; max-width:868px; margin:auto; /* margin: 0 10px; */ } #banner { width: 990px; height: 378px; /*height: 455px;*/ position: relative; display: block!important; overflow: hidden; padding: 0 15px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .item-carousel { display: block!important; margin: auto; } .large-grid { position: relative; height: 274px; overflow: hidden; margin: 0 5px 10px 0; } .owl-nav{ width: 100%; color: #FFF; font-size: 3em; } .owl-prev, .owl-next { position: absolute; top: 45%; } .cat_grid .owl-prev, .cat_grid .owl-next { position: absolute; top: 40%; } .owl-prev { left: 20px; } .owl-next { right: 50px; } .cat_grid .owl-nav { color:#000; font-size:2em; } .owl-nav .fa-chevron-circle-left, .owl-nav .fa-chevron-circle-right { opacity: .6; } .owl-nav .fa-circle, .owl-nav .fa-circle { display:none; } .cat_grid .owl-nav .fa-circle, .cat_grid .owl-nav .fa-circle { opacity: 1; color:#fff; } .cat_grid .owl-prev { left: 1px; opacity: 1; color:#999; } .cat_grid .owl-next { right: 20px; opacity: 1; color:#999; } #home-center-left { width: 728px; height: auto; text-align: left } #home-center-right { width: 217px; height: auto; text-align: left } #add-left { width: 217px; height: 270px; text-align: left } #footer-left { width: 700px; height: 58px; text-align: left } #footer-right { width: 301px; height: 58px; margin-left: 700px; text-align: left; position: absolute } .sprite { background: url(images/ribbons.png) no-repeat top left; width: 66px; height: 66px; position: absolute; right: 0; top: 0 } .ribbon_10off { background-position: 0 0 } .ribbon_11off { background-position: -66px 0 } .ribbon_12off { background-position: -132px 0 } .ribbon_13off { background-position: -198px 0 } .ribbon_14off { background-position: -264px 0 } .ribbon_15off { background-position: -330px 0 } .ribbon_16off { background-position: -396px 0 } .ribbon_17off { background-position: -462px 0 } .ribbon_18off { background-position: -528px 0 } .ribbon_19off { background-position: -594px 0 } .ribbon_20off { background-position: -660px 0 } .ribbon_21off { background-position: -726px 0 } .ribbon_22off { background-position: -792px 0 } .ribbon_23off { background-position: -858px 0 } .ribbon_24off { background-position: -924px 0 } .ribbon_25off { background-position: -990px 0 } .ribbon_26off { background-position: -1056px 0 } .ribbon_27off { background-position: -1122px 0 } .ribbon_28off { background-position: -1188px 0 } .ribbon_29off { background-position: -1254px 0 } .ribbon_30off { background-position: -1320px 0 } .ribbon_31off { background-position: -1386px 0 } .ribbon_32off { background-position: -1452px 0 } .ribbon_33off { background-position: -1518px 0 } .ribbon_34off { background-position: -1584px 0 } .ribbon_35off { background-position: -1650px 0 } .ribbon_36off { background-position: -1716px 0 } .ribbon_37off { background-position: -1782px 0 } .ribbon_38off { background-position: -1848px 0 } .ribbon_39off { background-position: -1914px 0 } .ribbon_40off { background-position: -1980px 0 } .ribbon_41off { background-position: -2046px 0 } .ribbon_42off { background-position: -2112px 0 } .ribbon_43off { background-position: -2178px 0 } .ribbon_44off { background-position: -2244px 0 } .ribbon_45off { background-position: -2310px 0 } .ribbon_46off { background-position: -2376px 0 } .ribbon_47off { background-position: -2442px 0 } .ribbon_48off { background-position: -2508px 0 } .ribbon_49off { background-position: -2574px 0 } .ribbon_50off { background-position: -2640px 0 } .ribbon_51off { background-position: -2706px 0 } .ribbon_52off { background-position: -2772px 0 } .ribbon_53off { background-position: -2838px 0 } .ribbon_54off { background-position: -2904px 0 } .ribbon_55off { background-position: -2970px 0 } .ribbon_56off { background-position: -3036px 0 } .ribbon_57off { background-position: -3102px 0 } .ribbon_58off { background-position: -3168px 0 } .ribbon_59off { background-position: -3234px 0 } .ribbon_5off { background-position: -3300px 0 } .ribbon_60off { background-position: -3366px 0 } .ribbon_61off { background-position: -3432px 0 } .ribbon_62off { background-position: -3498px 0 } .ribbon_63off { background-position: -3564px 0 } .ribbon_64off { background-position: -3630px 0 } .ribbon_65off { background-position: -3696px 0 } .ribbon_66off { background-position: -3762px 0 } .ribbon_67off { background-position: -3828px 0 } .ribbon_68off { background-position: -3894px 0 } .ribbon_69off { background-position: -3960px 0 } .ribbon_6off { background-position: -4026px 0 } .ribbon_70off { background-position: -4092px 0 } .ribbon_71off { background-position: -4158px 0 } .ribbon_72off { background-position: -4224px 0 } .ribbon_73off { background-position: -4290px 0 } .ribbon_74off { background-position: -4356px 0 } .ribbon_75off { background-position: -4422px 0 } .ribbon_76off { background-position: -4488px 0 } .ribbon_77off { background-position: -4554px 0 } .ribbon_78off { background-position: -4620px 0 } .ribbon_79off { background-position: -4686px 0 } .ribbon_7off { background-position: -4752px 0 } .ribbon_80off { background-position: -4818px 0 } .ribbon_81off { background-position: -4884px 0 } .ribbon_82off { background-position: -4950px 0 } .ribbon_83off { background-position: -5016px 0 } .ribbon_84off { background-position: -5082px 0 } .ribbon_85off { background-position: -5148px 0 } .ribbon_86off { background-position: -5214px 0 } .ribbon_87off { background-position: -5280px 0 } .ribbon_88off { background-position: -5346px 0 } .ribbon_89off { background-position: -5412px 0 } .ribbon_8off { background-position: -5478px 0 } .ribbon_90off { background-position: -5544px 0 } .ribbon_91off { background-position: -5610px 0 } .ribbon_92off { background-position: -5676px 0 } .ribbon_93off { background-position: -5742px 0 } .ribbon_94off { background-position: -5808px 0 } .ribbon_95off { background-position: -5874px 0 } .ribbon_9off { background-position: -5940px 0 } .ribbon_freedelivery { background-position: -6006px 0 } .ribbon_hot { background-position: -6072px 0 } .ribbon_onsale { background-position: -6138px 0 } #about-ti { width: 100%; height: 50px; text-align: left; background-image: url(images/about-us_04.jpg); background-position: left bottom; background-repeat: no-repeat } #about-content { width: 100%; height: auto; text-align: left } #info-page-container { padding: 15px; } #info-page-container > div:first-child { padding: 0 !important; } #text-wall-container { padding: 0; } #text-wall-container .buttonAction { padding-right: 15px; } .buttonSet, .buttonSet-1, .buttonSet-t { clear: both; float: left; width: 100%; margin: 20px auto; } #customer-bg { width: 422px; height: 220px; text-align: left; background-image: url(images/logi-bg.png); background-position: left top; background-repeat: repeat-y; margin: 45px 12px 45px 60px; } #returning-bg { width: 422px; height: 220px; text-align: left; background-image: url(images/logi-bg.png); background-position: left top; background-repeat: repeat-y; margin: 45px 60px 45px 12px; } #cutom-ti { width: 422px; height: 40px; text-align: left; background-image: url(images/login_09.jpg); background-position: left bottom; background-repeat: no-repeat } #register-bg { width: 872px; height: auto; text-align: left; background-image: url(images/register-bg.png); background-position: left top; background-repeat: repeat-y; margin-left: 60px; margin-top: 45px; margin-bottom: 15px } #register-ti { width: 872px; height: 45px; text-align: left; background-image: url(images/register_07.jpg); background-position: left bottom; background-repeat: no-repeat } #shop-dept, .touchevents #shop-dept:not(.nav-open) { position: absolute; bottom: -1px; width: 189px; height: 30px; padding-left: 16px; border-radius: 0 4px 0 0; line-height: 30px; -webkit-transition: height 200ms, line-height 200ms; -moz-transition: height 200ms, line-height 200ms; -o-transition: height 200ms, line-height 200ms; transition: height 200ms, line-height 200ms; } #main.small-header #shop-dept { width: 30px; height: 60px; line-height: 60px; } #shop-dept .shop-dept-txt, #shop-dept i.fa-angle-down { animation: 200ms hideShopDeptText; } #main.small-header #shop-dept .shop-dept-txt, #main.small-header #shop-dept i.fa-angle-down { display: none; } @keyframes hideShopDeptText { 0% { display: none; } 100% { display: inline-block; } } #shop-dept:hover, .touchevents #shop-dept.nav-open { background: #404040; color: #e8e8e8; cursor: pointer; } #main.small-header #shop-dept:hover, .touchevents #main.small-header #shop-dept.nav-open { background: none; } #nav-menu, .touchevents #nav-menu:not(.nav-open) { position: absolute; z-index: 100; top: 30px; left: -1px; display: block; visibility: hidden; width: 204px; height: auto; max-height: 0; background: #fff; border: 1px solid transparent; border-top: 0; box-shadow: 0 0 10px #404040; animation: 200ms navClose; -webkit-transition: top 200ms, max-height 200ms ease-in-out; -moz-transition: top 200ms, max-height 200ms ease-in-out; -o-transition: top 200ms, max-height 200ms ease-in-out; transition: top 200ms, max-height 200ms ease-in-out; } #main.small-header #nav-menu { top: 60px; } #shop-dept:hover #nav-menu, .touchevents #nav-menu.nav-open { max-height: 100vh; visibility: visible; border: 1px solid #404040; border-top: 0; animation: 200ms navOpen; } #nav-menu > div { opacity: 0; -webkit-transition: opacity 200ms; -moz-transition: opacity 200ms; -o-transition: opacity 200ms; transition: opacity 200ms; } #shop-dept:hover #nav-menu > div, .touchevents #nav-menu.nav-open > div { opacity: 1; } @keyframes navOpen { 0% { visibility: hidden } 100% { visibility: visible } } @keyframes navClose { 0% { visibility: visible } 100% { visibility: hidden } } #nav-menu ul { margin: 0; padding: 0; list-style: none; } #nav-menu li { position: relative; display: block; color: #000; } #nav-menu li .link { position: relative; display: block; float: left; width: 174px; height: 13px; padding: 7px 15px; color: #000; cursor: pointer; font-size: 13px; font-weight: 400; line-height: 13px; white-space: nowrap; } #nav-menu li .link span:lang(ja) { margin: 3px 0; padding-top: 3px; line-height: 25px!important; } #nav-menu li:hover .link { color: #de740d; } #nav li.parent:first-child > .link { margin-top: 5px; } #nav li.parent:last-child > .link { margin-bottom: 5px; } #nav-menu ul.sub { position: absolute; z-index: 200; top: -1px; left: 204px; display: block; visibility: hidden; float: left; width: auto; min-width: 510px; height: auto; background-color: #fff; border: 1px solid #404040; box-shadow: 0 0 10px #404040; color: #fff; font-size: 12px; font-weight: 400; line-height: 30px; text-decoration: none; text-indent: 5px; text-transform: none; } @media screen and (max-height: 768px) { #nav-menu ul.sub { /* overflow-x: hidden; overflow-y: auto; */ } } #nav-menu li:hover ul.sub, .touchevents #nav-menu li.nav-open ul.sub { visibility: visible; } #nav-menu li:hover ul.sub li { position: relative; display: block; float: left; width: auto; min-width: 510px; height: auto; color: #fff; font-size: 12px; font-weight: 400; line-height: 30px; text-decoration: none; text-indent: 5px; text-transform: none; } #nav-menu ul.sub table { background-position: bottom -69px right -53px; background-repeat: no-repeat; } .drop-first-colum { position: relative; z-index: 200; width: 190px; height: auto; padding-bottom: 20px; text-align: left; } .drop-second-colum { position: relative; z-index: 100; width: 190px; height: auto; padding-bottom: 20px; text-align: left; } .drop-third-colum { position: relative; min-width: 206px; height: auto; padding-bottom: 20px; text-align: left; } .drop-third-colum .background { position: absolute; z-index: 0; bottom: -70px; right: -54px; } .hvr-icon-forward:before { content: "\f105"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before { -webkit-transform: translateX(6px); transform: translateX(6px); } #nav-cover, .touchevents #nav-cover:not(.nav-open) { position: absolute; z-index: 20; top: 30px; left: -1px; display: none; width: 990px; height: 100vh; background-color: #000; -webkit-opacity: .4; -moz-opacity: .4; -o-opacity: .4; opacity: .4; -webkit-transition: top 200ms; -moz-transition: top 200ms; -o-transition: top 200ms; transition: top 200ms; /*-ms-filter: opacity(.6); filter: alpha(opacity=60); background: url(data:image/svg+xml;base64,alotofcodehere); background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(70%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);*/ } #main.small-header #nav-cover { top: 60px; } #shop-dept:hover #nav-cover, .touchevents #nav-cover.nav-open { display: block; } #nav-cover:hover, .touchevents #nav-cover:not(.nav-open) { display: none !important; } #load-more, #load-less{ clear: left; padding: 1px; } #load-more .load-btn{ cursor: pointer; } .load-btn { position: relative; left: 50%; width: 250px; margin: 20px 0 40px -140px; padding: 5px; background-color: #f1f1f1; border: solid 1px #aaa; color: #222; text-align: center; transition: all 100ms ease-out; } #load-more .load-btn:hover { background-color:#b61a1e; color: #fff; } .load-txt { font-size: 16px; font-weight: 700; } .items a:link, .items a:visited { display: block; height: auto; width: 180px; font-size: 12px; color: #000; font-weight: 400; line-height: 15px; margin: 0; padding: 3px 0 3px 15px; } #items-cat a:link, #items-cat a:visited { display: block; height: auto; width: 172px; font-size: 12px; color: #000; font-weight: 400; font-style: normal; text-decoration: none; line-height: 15px; margin: 0; padding: 4px 0 4px 12px } #items-cat a:hover { color: #000; height: auto; width: 172px; font-weight: 400; font-style: normal; text-align: left; text-decoration: none; background-color: #FBBB01; line-height: 15px } .menu_font { color: #000; font-weight: 700; font-style: normal; text-align: left; text-decoration: none; font-size: 14px; line-height: 35px; margin-left: 15px } .left-product-img { width: 535px; height: auto; min-height: 395px; text-align: left; float: left; position: relative } .product-descrip { width: 405px; height: auto; text-align: left; float: right } .on_sale { background: url(images/on_sale.png); background-repeat: no-repeat; width: 67px; height: 66px; position: absolute; z-index: 1; margin: 0 0 0 292px } .product-title { font-size: 26px; font-weight: bold; line-height: 30px } .product_view_small_font { color: #000; font-size: 12px; font-weight: 400; font-style: normal; line-height: 24px } .product-price { font-style: normal; padding: 10px 0 0 } .pricesmall { font-size: 18px; line-height: 18px; vertical-align: top } .pricelarge { font-size: 47px; line-height: 37px; vertical-align: top; font-weight: 700 } .was_font { color: #555; font-size: 14px; font-style: normal } .quantity { width: 194px; height: auto; margin: 10px 0 10px; } .like { width: 130px; height: auto; float: right; margin: 10px 0 0 } .quan_font { color: #000; font-size: 12px; width: 50px } .estimate { width: 346px; height: 70px; background-color: #EBEBEB; border: 1px solid #C3C4C3; margin: 10px 0 0 } .postcode { font-size: 12px; font-style: normal; font-weight: 400; color: #000; padding-right: 5px; height: 23px; vertical-align: middle; line-height: 23px; width: 81px; background-color: #fff; border-color: #C1C1C1; border-style: solid; border-width: 1px } .sold-out-notify { display: none; margin-top: 10px; } .sold-out-notify input { width: 250px; height: 32px; padding: 5px; border: 1px solid #bbb; border-radius: 4px; box-sizing: border-box; } .pad50 { text-align: left; padding: 18px 0 0 } .pad52 { text-align: left; } .pad53 { text-align: left; padding: 8px 0 0 } .pad54 { text-align: left; padding: 8px 0 0 20px } .pad55 { text-align: left; padding: 5px 0 0 20px } .pad56 { text-align: left; font-size: 0; padding: 25px 0 } .gallery50_img { border: 1px solid #CDCECD; margin: 0 } .gallery51_img { border: 0 solid #CDCECD; margin: 0 5px 0 0 } .gallery52_img { border: 0 solid #CDCECD; margin: 0 5px 0 12px } .gallery53_img { margin: 0 2px 0 0 } .gallery54_img { margin: 0 5px 0 0 } .gallery55_img { margin: 0 5px 0 10px } .gallery56_img { margin: 0 8px 0 0 } .gallery59_img { margin: 0 5px 0 15px } .ui-widget { font-size: 11px } #storeLogo { float: left; margin-top: 5px } #headerShortcuts { float: right; margin-top: 15px } .page-headline { float: left; width: 100%; font-size: 16px; font-weight: 600; color: #000; padding-left: 25px; margin: 0 } .new-user-box { width: 431px; margin: 0 auto; } .new-user-box-bdoy { float: left; width: 379px; background: #f5f5f5; height: auto; border: 1px solid #ddd; border-top: none; padding: 0 25px } .new-user-box-body-text p { float: left; font-size: 13px; line-height: 18px; padding-top: 36px; width: 100%; color: #000; margin: 0 } .new-user-box-body-button { float: left; width: 100%; height: auto; padding: 10px 0 25px } .login-box { float: left; width: 431px; height: auto; margin-left: 50px } .login-box-bdoy { float: left; width: 379px; background: #f5f5f5; height: auto; border: 1px solid #ddd; border-top: none; color: #000; padding: 0 25px } .login-box-body-text { font-size: 13px; font-weight: 400; line-height: 18px; float: left; width: 100%; height: auto; color: #000 } .login-box-body-text p { padding-top: 20px; padding-bottom: 20px; float: left; width: 100%; font-size: 13px; line-height: 18px; color: #000; margin: 0 } .email-input input { width: 235px; height: 20px; border: 1px solid #c1c1c1; border-radius: 2px; } .half-page { display: block; float: left; width: 42%; height: auto; padding: 15px; } /*.half-page:nth-of-type(odd) { float: left; } .half-page:nth-of-type(even) { float: right; }*/ .input-form { padding: 15px; } .input-form .contentText { margin: 0 auto; } .input-form .fieldKey { padding: 0; } .input-form .fieldValue { padding-bottom: 5px; } .input-form input:not([type=checkbox]):not([type=radio]), .account-input { width: 365px; height: 20px; padding: 5px; border: 1px solid #bbb; border-radius: 2px; } .input-form select, .account-select { width: 377px; height: 32px; padding: 5px; border: 1px solid #c1c1c1; border-radius: 2px; } .input-form select option:first-child { color: #aaa; } .input-form input:focus, .input-form select:focus, .input-form textarea:focus { border-color: #de740d !important; } .input-form input:disabled, .input-form select:disabled, .input-form textarea:disabled { background-color: #ebebe4; } .account-buttons { float: none; margin: 20px auto; } #login-form .account-input { width: 380px; } #new-account-form div { float: left; } #new-account-form h2 { padding-top: 15px; } #new-account-form #zone_value { width: 100%; line-height: 32px; } #new-account-form .contentText, #new-account-form .account-buttons { width: 100%; } /*TODO -- merge all into one class*/ #account-info-form .contentText, #account-info-form .account-buttons, #account-password-form .contentText, #account-password-form .account-buttons, #new-giftcard-form .contentText, #new-giftcard-form .account-buttons { width: 480px; } #account-info-form .account-input, #account-password-form .account-input { width: 450px; } .login-box-body-button { float: left; width: 100%; height: auto; color: #000; padding: 25px 0 } #forget-pass { margin: 25px 0 } #forget-pass .fieldKey { font-size: 13px; font-weight: 700; line-height: 1.5; width: 150px; color: #000 } #Registor-page-body { float: left; width: 100%; height: auto; /*width: 944px;*/ /*margin-top: 5px;*/ /*color: #444;*/ /*padding: 0*/ } #Registor-page-body .Registor-box-heading { font-family: Oswald, sans-serif; font-size: 26px; font-style: normal; font-weight: 700; color: #000; text-align: left; text-decoration: none; text-transform: uppercase; width: 965px } #Registor-page-body .Registor-box-bdoy { float: left; width: 960px; height: auto; padding: 15px; } #Registor-page-body .email-input .fieldKey { font-size: 13px; font-weight: 400; line-height: 1.5; width: 150px; color: #000 } #Registor-page-body .email-input h2 { font-size: 13px; font-weight: 700 } #Registor-page-body td .email-input input { font-size: 12px; font-style: normal; font-weight: 400; color: #000; padding-left: 5px; height: 25px; line-height: 25px; width: 250px; background: url(images/con-tb.jpg) center top repeat-x; border-color: #C1C1C1; border-style: solid; border-width: 1px } #Registor-page-body .email-input select { font-size: 12px; font-style: normal; font-weight: 400; color: #000; padding-left: 5px; height: 25px; line-height: 25px; width: 350px; background: url(images/con-tb.jpg) center top repeat-x; border-color: #C1C1C1; border-style: solid; border-width: 1px } #Registor-page-body .Registor-box, #shoppingcart .Registor-box { float: left; width: inherit; /*TODO -- check user account pages*/ height: auto; } #shoppingcart .Registor-box-head { float: left; width: 937px; background: url(images/registtor-page-head.jpg) left top no-repeat; height: 10px } #shoppingcart .Registor-box-heading { float: left; width: 885px; background: url(images/login-box-heading.jpg) left top repeat-x; height: 24px; border: 1px solid #ddd; border-top: none; font-size: 14px; font-weight: 600; color: #444; padding: 0 25px } #shoppingcart .Registor-box-bdoy { float: left; width: 885px; background: #f5f5f5; height: auto; border: 1px solid #ddd; border-top: none; padding: 0 25px 25px } #shoppingcart .Registor-box-body-text p { padding-top: 10px; padding-bottom: 0; float: left; width: 100%; margin: 0 } #shoppingcart .email-input h2 { font-weight: 600; font-size: 13px } #shoppingcart .contentContainer { float: left; padding-bottom: 10px; width: 100%; margin: 0 } #account-success .Registor-box-body-text p { padding-top: 10px; padding-bottom: 0; float: left; width: 100%; font-size: 13px; line-height: 18px; color: #000; margin: 0 } #account-success .Registor-box-body-text { font-size: 13px; font-weight: 400; line-height: 18px; float: left; width: 100%; height: auto; margin-top: 10px } #account-success .Registor-box-body-text .contentContainer { padding-left: 10px } #account-success .Registor-box-body-text .contentText .accountLinkList a { list-style-type: none; text-decoration: none; color: #000 } #account-success .Registor-box-body-text .contentText .accountLinkList a:hover { list-style-type: none; text-decoration: none; color: #de740d; } #order-history .order-number { margin-bottom: 15px; } #order-history .order-number h2 { padding: 0 10px; background-color: #e2e2e2; } #order-history .order-number .contentText { padding: 5px; border: 1px solid #e2e2e2; } .infoBoxHeading { font-size: 12px; padding: 2px } .infoBoxContents { font-size: 12px; line-height: 18px; padding: 5px } .contentContainer h2 { color: #000; font-size: 17px; font-style: normal; font-weight: 700; line-height: 34px } .productListTable { font-size: 11px; line-height: 1.5; padding: 5px } .productListTable tr.alt td { background-color: #fff } .fieldKey, .fieldValue label { font-size: .8em; min-height: 0.7em; } .fieldValue { font-size: 12px; line-height: 1.5; min-height: 27px } .req { color: red; } #create_account_parsley .fieldValue { position: relative; } #create_account_parsley .fieldValue label { position: absolute; top: 0; left: 1px; color: #aaa; line-height: 22px; font-size: 12px; padding: 5px; } #create_account_parsley .fieldValue input:valid ~ label { display: none; } .buttonAction { float: right; } .errorBox { font-size: 10px; background: #ffb3b5; font-weight: 700 } .stockWarning { font-size: 10px; color: #c03 } .productsNotifications { background: #f2fff7 } .orderEdit { font-size: 10px; color: #70d250; text-decoration: underline } .banner { float: left; width: 184px; height: 271px; margin: 0 10px 10px 0; background-color: #fff; } .banner a img { display: block; margin: auto; } .banner.banner-wide { float: left; width: 100%; height: auto; transform: translateX(-50px); opacity: 0; padding: 0 15px 0 0; margin-right: 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .banner.banner-wide img { width:100%; height:auto; } .banner-animation { transform: translateX(-50px); -webkit-animation: slide-in 0.5s ease forwards, fade-in 0.8s ease forwards; -moz-animation: slide-in 0.5s ease forwards, fade-in 0.8s ease forwards; -o-animation: slide-in 0.5s ease forwards, fade-in 0.8s ease forwards; animation: slide-in 0.5s ease forwards, fade-in 0.8s ease forwards; } .no-cssanimations .banner-animation, .no-csstransforms .banner.banner-wide, .no-csstransforms .banner-animation, .banner-already-visible { opacity: 1 !important; transform: translateX(0) !important; animation: none; } @keyframes slide-in { to { transform: translateX(0); } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } /*A:hover { text-decoration: underline }*/ FORM { display: inline; margin: 0; padding: 0 } TR.header { background: #fff } TR.headerError { background: red } TD.headerError { font-size: 12px; background: red; color: #fff; font-weight: 700; text-align: center } TR.headerInfo { background: #0f0 } TD.headerInfo { font-size: 12px; background: #0f0; color: #fff; font-weight: 700; text-align: center } TD.footer { font-size: 10px; background: #bbc3d3; color: #fff; font-weight: 700 } .infoBox { background: #b6b7cb } .infoBoxNotice { background: #FF8E90 } .infoBoxNoticeContents { background: #FFE6E6; font-size: 10px } TD.infoBoxHeading { font-size: 10px; font-weight: 700; background: #bbc3d3; color: #fff } TABLE.productListing { border: 1px; border-spacing: 1px; border-color: #b6b7cb; border-style: solid } .productListingHeader { table-layout: fixed; color: #000; font-weight: 700 } .productListingHeader A:hover { color: #777 } .productListingData { table-layout: fixed } A.pageResults { background: none repeat scroll 0 0 #DDD; border: 1px solid #AAA; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #666; font-size: 13px; padding: 3px 7px } A.pageResults:hover { color: #000; background: #FF3 } TD.pageHeading, DIV.pageHeading { font-size: 20px; font-weight: 700; color: #9a9a9a } TD.main, P.main { font-size: 13px; line-height: 1.5; color: #000; background: #eFeFeF } .order_total { min-width: 60px } TD.smallText, SPAN.smallText, P.smallText { font-size: 12px } TD.tableHeading { font-size: 12px; font-weight: 700 } CHECKBOX, INPUT, RADIO { font-size: 12px; line-height: 12px; } SELECT { font-size: 13px; margin-left: 0px } TEXTAREA { width: 100%; font-size: 11px } SPAN.greetUser { font-size: 12px; color: #f0a480; font-weight: 700 } TABLE.formArea { background: #f1f9fe; border-color: #dedede; border-style: solid; border-width: 1px } TABLE.formArea input { border: 1px solid #ddd; margin-right: 15px } TD.formAreaTitle { font-size: 12px; font-weight: 700; color: #000 } SPAN.markProductOutOfStock { font-size: 13px; color: #C80000; font-weight: 700 } .commentProduct { display: block; font-size: 13px; color: #C80000; font-weight: 700 } SPAN.productSpecialPrice { color: #EA0A14; line-height: 30px } SPAN.errorText { color: red } .moduleRowOver { background-color: #D7E9F7; cursor: hand } .moduleRowSelected { background-color: #E9F4FC } .checkoutBarFrom, .checkoutBarTo { font-size: 13px; color: #8c8c8c } .checkoutBarCurrent { font-size: 13px; color: #000 } .checkoutBarToo { height: 45px; vertical-align: top; background: url(images/de-active.png) left bottom no-repeat } .checkoutBarCurrentt { height: 45px; vertical-align: top; background: url(images/process-bar-current.png) left bottom no-repeat } .messageStackError, .messageStackWarning { font-size: 14px; background-color: #ffb3b5 } .messageStackSuccess { font-size: 10px; background-color: #9f0 } .accountLinkList { list-style-type: none; margin: 2px 2px 2px 10px; padding: 5px } .accountLinkListEntry { float: left; margin-right: 5px } .checkout_error { background-color: #FFB3B5; font-weight: 700; border: 1px solid red; border-radius: 5px 5px 5px 5px; color: #000; margin: 25px 50px 10px 0; padding: 10px } .Express { border-left: solid 0 gray; border-right: solid 0 #000; border-bottom: solid 0 gray; overflow: hidden } /* .ExpressPanel { display: none; padding-left: 75px; } .ExpressPanelTabHover, .ExpressPanelOpen .ExpressPanelTab, .ExpressPanelOpen .ExpressPanelTabHover { color: #F8BB00; height: auto; width: 100%; font-weight: 700; font-style: normal; text-align: left; text-decoration: none; text-indent: 20px } */ #already-bg { width: 422px; height: auto; text-align: left; margin-left: 60px; margin-top: 20px; margin-bottom: 0 } #guest-bg { width: 422px; height: auto; text-align: left; margin-left: 12px; margin-top: 20px; margin-bottom: 45px } #already-ti { width: 422px; height: 40px; text-align: left; font-size: 14px } .content_checkout_head { font-size: 14px; font-style: normal; font-weight: 400; color: #000; text-align: left; line-height: 18px; text-decoration: none } .sideblock_wrapper { float: left; width: 184px; border: 0 solid #DDD; margin-right: 10px; } .sideblock ul { list-style-type: none; } .sideblock select { color: #000; width: 99%; margin: 5px 0; padding: 2px } .sideblock .header { font-size: 12px; height: 12px; color: #999; } .sideblock ul.sideblockcategories { margin: 0; padding: 0 } .sideblock ul li a, .sideblock ul li label, .sideblock ul li span { } .sideblock ul.sideblockcategories li a { display: block; border-bottom: 0 dotted #AFAFAF } .sideblock ul.sideblockcategories li:last-child a { border-bottom-width: 0 } .sideblock ul.sideblockadvancesearch { padding: 0; } .sideblock ul.sideblockadvancesearch li ul { padding: 0 0 8px; line-height: 20px; } .sideblock ul.sideblockadvancesearch li ul li {} .sideblock ul.sideblockadvancesearch li span:not([lang]) { font-weight: 700; font-size: 14px; line-height: 22px; } .sideblock ul.sideblockadvancesearch li label { cursor: pointer; color: #256dc6; } .sideblockcontent { color: #000; font-weight: 400; font-size: 12px; line-height: 15px; } span:lang(ja) { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important; line-height: 80% !important; } .prevnextbar { float: left; clear: both; width: 100% } #top-add { width: 100%; padding: 15px; padding-top: 135px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: padding-top 200ms; -moz-transition: padding-top 200ms; -o-transition: padding-top 200ms; transition: padding-top 200ms; } #main.small-header #top-add { padding-top: 60px; } #bottom-add { width: 100%; height: 90px; text-align: left } #banner-topspc, #banner-botspc, #hcenter-botspc { width: 100%; height: 0; text-align: left; } .fot_link1, .fot_link { font-size: 12px; font-style: normal; font-weight: 400; color: #fff } a.fot_link:link, a.fot_link:visited { color: #fff; text-decoration: none } /*a.fot_link:active, a.fot_link:hover, a.had_link:active, a.had_link:hover, a.proname_link:active, a.proname_link:hover, A.headerNavigation:hover { color: #F39600; text-decoration: none }*/ .had_link1, TD.headerNavigation, A.headerNavigation { font-size: 12px; font-style: normal; font-weight: 400; color: #000 } a.had_link:link, a.had_link:visited, a.view_link:link, a.view_link:visited, a.proname_link:link, a.proname_link:visited, A { color: #000; text-decoration: none; } a.view_link:active, a.view_link:hover { color: #000; text-decoration: underline } .email2, #forget-pass .fieldValue input, #Registor-page-body .email-input input { width: 443px; height: 25px; padding: 0 5px; /*background: url(images/con-tb.jpg) center top repeat-x;*/ border: 1px solid #c1c1c1; border-radius: 2px; color: #000; font-size: 12px; font-style: normal; font-weight: 400; line-height: 25px; } .sideblock ul.sideblockadvancesearch li .checkbox {} .product-body-row, #address-book .email-input, .email-input, #Registor-page-body .email-input, #shoppingcart .email-input, #account-success { float: left; width: 100%; height: auto } #account-success h2 { padding: 5px 0; color: #2F2F2F; font-family: Oswald, sans-serif; font-size: 20px; font-weight: 700; font-style: normal; line-height: 28px; text-transform: uppercase; } /*.all-body-l-dv .all-body-l-dv-m .produ-content h3, .gallery .all-body-l-dv-m .produ-content h3 { text-align: center; font-size: 14px; color: #ff3b33; margin: 0 }*/ .instock img { margin-left: 10px } .fa-rel { position:relative; } .cart-items { float: left; width: 680px; padding-left: 15px; } .flexbox .cart-line { clear: left; float: none; display: flex; align-items: center; min-height: 10px; } .flexbox .cart-line.cart-head, .flexbox .cart-line.cart-foot { align-items: baseline; font-size: 12px; font-weight: bold } .flexbox .cart-line>div { padding: 0 !important; } .flexbox .cart-image { flex: 0 0 15%; } .flexbox .cart-image img { display: block; margin: 0 auto; padding: 5px; } .flexbox div.cart-product { flex: 0 0 45%; padding-right: 1% !important; } .flexbox .cart-price, .flexbox .cart-qty, .flexbox .cart-subt-txt { flex: 0 0 10%; text-align: center; } .flexbox .cart-amount { flex: 0 0 14%; text-align: center; } .flexbox .cart-subt { flex: 0 0 14%; text-align: center; font-size: 22px; } .flexbox .cart-del { flex: 0 0 5%; text-align: center; } .flexbox .cart-items hr { margin: 0 auto; border-top: 1px solid #ccc; } .cart-line, .no-flexbox .cart-line { clear: left; float: left; min-height: 10px; } .cart-line.cart-head, .cart-line.cart-foot, .no-flexbox .cart-line.cart-head, .no-flexbox .cart-line.cart-foot { padding-top: 0 !important; padding-bottom: 0 !important; font-size: 12px; font-weight: bold; } .cart-line.cart-head .cart-product, .cart-line.cart-foot .cart-product, .no-flexbox .cart-line.cart-head .cart-product, .no-flexbox .cart-line.cart-foot .cart-product { width: 410px; } .cart-line.cart-head .cart-qty, .no-flexbox .cart-line.cart-head .cart-qty { padding-top: 15px; } .cart-line.cart-foot div, .no-flexbox .cart-line.cart-foot div { padding-top: 0; padding-bottom: 0; } .cart-image, .no-flexbox .cart-image { float: left; width: 90px } .cart-image img, .no-flexbox .cart-image img { display: block; margin: 0 auto; padding: 5px; } .cart-product, .no-flexbox .cart-product { float: left; width: 320px; min-height: 10px; padding: 15px 10px } .cart-price, .cart-qty, .cart-amount, .cart-del, .cart-subt-txt, .cart-subt, .no-flexbox .cart-price, .no-flexbox .cart-qty, .no-flexbox .cart-amount, .no-flexbox .cart-del, .no-flexbox .cart-subt-txt, .no-flexbox .cart-subt { float: left; width: 75px; min-height: 10px; text-align: center; padding-top: 15px } .cart-qty, .no-flexbox .cart-qty { padding-top: 12px } .cart-del, .no-flexbox .cart-del { width: 20px; padding-top: 14px } .cart-items hr, .no-flexbox .cart-items hr { clear: left; margin: 0 auto; border-top: 1px solid #ccc; } /* .cart-image, .cart-product, .cart-del { float: left; min-height: 10px } .cart-price, .cart-qty, .cart-amount, .cart-del { float: left; width: 75px; min-height: 10px; text-align: center; padding-top: 15px } .cart-qty { padding-top: 12px } .cart-del { width: 20px; padding-top: 14px } .cart-image { width: 90px } .cart-product { width: 320px; padding: 15px 10px } */ .spingroup { position: relative; width: 45px; display: table; border-collapse: separate; margin: 0 auto } .spingroup input { height: 24px; padding: 0; text-align: center; border-radius: 3px 0 0 3px; display: table-cell; position: relative; float: left; width: 100%; margin-bottom: 0; border: 1px solid #AAA } .spinedit { position: relative; white-space: nowrap; vertical-align: middle; display: table-cell } .spinedit > .spin { display: block; float: none; width: 0; padding: 6px; position: relative; border-radius: 0 } .spinedit > .spin:first-child { border-top-right-radius: 3px } .spinedit > .spin:last-child { margin-top: -2px; border-bottom-right-radius: 4px } .spinedit i { position: absolute; top: -2px; left: 2px } .spin { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; background-color: #FFF; border-color: #AAA } /* .cart-subt { float: left; width: 65px; font-size: 12px; min-height: 10px; text-align: center; padding-top: 15px; margin-left: 514px } */ .cart-pmt { float: right; width: 245px; min-height: 195px; border: 1px solid #DDD; padding: 10px; margin-right: 15px } .cart-htxt { font-size: 14px; line-height: 16px; margin: 0 0 5px 30px; text-indent: -15px } .cart-hd { font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; font-size: 13px; text-transform: uppercase; font-weight: bold; margin: 5px 0 10px 30px } .cart-hd:not(:nth-child(2)) { margin: 10px 0 10px 30px } .align-center { text-align: center } .align-right { float: right; margin: 20px 0 } .subtotal-val { text-align: right } .subtotal-txt { float: left; width: 700px; text-align: right } .blk17 { font-size: 16px !important; width: 15px } .red { color: #E00 } .grn { color: #070 } .p18 { font-size: 18px !important } .p20 { font-size: 20px !important } #shoppingcart { float: left; width: 100%; height: auto; margin-top: 5px; color: #444; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #address-book { float: left; width: 100%; height: auto; margin-top: 5px; color: #444; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #Caddress-book .Checkout-box a, .login-box a, #Registor-page-body .Registor-box a, #shoppingcart .Registor-box a { text-decoration: none } #address-book .Checkout-box-body-text, .new-user-box-body-text, #Registor-page-body .Registor-box-body-text, #shoppingcart .Registor-box- body-text { font-size: 13px; font-weight: 400; line-height: 18px; float: left; width: 100%; height: auto } #shoppingcart .shopping-box-main, #Registor-page-body .Registor-box-main, #shoppingcart .Registor-box-main { float: left; width: inherit; height: auto; /*width: 944px;*/ /*margin: 0; padding: 5px 0 15px*/ } #shoppingcart .shopping-box-main .table-head, #compare .table-head { background: url(images/registtor-page-head.jpg) left top no-repeat; width: 937px; height: 10px } #shoppingcart .shopping-box-main .table-head td, #compare .table-head td { border-right: 1px solid #dedede } #shoppingcart .shopping-box-main .table-heading, #compare .table-heading { background: url(images/login-box-heading.jpg) left top repeat-x; height: 24px; width: 937px } #shoppingcart .shopping-box-main .table-heading td, #compare .table-heading td { border-right: 1px solid #dedede; padding-left: 20px; vertical-align: top } #shoppingcart .shopping-box-main .table-heading .td-left, #compare .table-heading .td-left { border-left: 1px solid #dedede; padding-left: 20px; vertical-align: top } #shoppingcart .shopping-box-main table .td-leftt, #shoppingcart .shopping-box-main table .td-midd { height: 33px; background-color: #E0E0E0; border-right: 1px solid #dedede; color: #000 } #shoppingcart .shopping-box-main .table-cont td, #compare .table-cont td { border-right: 1px solid #dedede; border-top: 1px solid #dedede; padding: 20px } #shoppingcart .shopping-box-main .table-cont .td-left, #compare .table-cont .td-left { border-left: 1px solid #dedede; border-top: 1px solid #dedede; padding: 0 } #shoppingcart .table-under, #compare .table-under { float: left; width: 905px; height: auto; padding: 15px } #shoppingcart .table-under div, #compare .table-under div { float: left; width: 50% } .list-detaial .left-pan .right .descrep, .contentContainer { float: left; width: 100%; } .add-optin strong, .detail-add-tool div:hover { color: #e80d15 } .prevnextbar span { float: left } .content, .content_checkout, #Registor-page-body .Registor-box-body-text p, #account-success .Registor-box-body-text .contentText, .contentText, .contentText table, .contentText, .contentText p { font-size: 13px; font-style: normal; font-weight: 400; color: #000; text-align: left; line-height: 18px; text-decoration: none; margin-bottom: 1px } .content_checkout { padding: 15px } a.price_link:link, a.price_link:visited, a.price_link:active { color: #D7D7D7; text-decoration: none } a.price_link:hover, .items a:hover, #items11 a:hover, #items_price a:hover { color: #de740d; } a.click_link:link, a.click_link:visited { color: red; text-decoration: none } a.click_link:active, a.click_link:hover { color: red; text-decoration: underline } .inputRequirement, SPAN.newItemInCart { font-size: 10px; color: red } #lang_ar div.drop-optgroup, #lang_ar div.drop-option, #lang_ar div.drop-option-hover { direction: rtl; text-align: right } .gallery57_img, .gallery58_img { margin: 0 0 0 8px } .new-user-box-head, .login-box-head { float: left; width: 431px; background: url(images/login-box-head.jpg) left top no-repeat; height: 9px } .new-user-box-heading, .login-box-heading { float: left; width: 379px; background: url(images/login-box-heading.jpg) left top repeat-x; height: 24px; border: 1px solid #ddd; border-top: none; font-size: 14px; font-weight: 600; color: #000; padding: 0 25px } #Registor-page-body .Registor-box-heading span, #shoppingcart .Registor-box-heading span { padding-left: 580px; font-size: 13px; font-weight: 400; color: red } #Registor-page-body .email-input .fieldValue, #shoppingcart .email-input .fieldValue { font-size: 13px; line-height: 1.5; color: #000 } #Registor-page-body .email-input .radio, #shoppingcart .email-input .radio { width: auto; height: auto; margin: 0; padding: 0 } #Registor-page-body .Registor-box-body-button, #shoppingcart .Registor-box-body-button { float: right; width: 375px; height: auto } #shoppingcart .email-input input, #shoppingcart .email-input select { width: 100px; height: 20px; border: 1px solid #BCBCBC; color: #ccc } #columnLeft, #columnRight { padding-top: 5px } .boxText, TD.infoBox, SPAN.infoBox, .messageBox { font-size: 10px } TR.headerNavigation, TR.footer { background: #bbc3d3 } TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews- odd, TR.upcomingProducts-odd, TR.shippingOptions-odd, TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment- even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #f8f8f9 } .ui-effects-transfer { border: 4px dotted #F8D300; opacity: 0.75; background-color: #eec } .select-qty, .add-optin { float: left; width: 100%; margin: 0; padding: 0 } .zom-con-1 img, .zom-con img { margin: 0; padding: 0 } .autoload-icon { background: url(images/ajax-loader-01.gif) no-repeat center transparent; float: left; width: 100%; height: 40px; position: relative } .sprite-sm-logo { width: 117px; height: 40px; overflow: hidden; position: relative; margin-left: 82px } .sprite-img-shad-menu, .sprite-img-hobby-warehouse-41, .sprite-img-hobby-warehouse-02, .sprite-img-logo, .sprite-img-basket, .sprite-img-top, .sprite-img-hobby-warehouse_04, .sprite-img-divi, .sprite-img-hotdeals_05, .sprite-img-hobby-warehouse_25, .sprite-img-pre-order-small, .sprite-img-go, .sprite-img-hot, .sprite-img-sale, .sprite-img-sold_out_grid, .sprite-img-search-bg, .sprite-img-facebook, .sprite-img-google-plus, .sprite-img-wishlist, .sprite-img-you-tube, .sprite-img-added_message, .sprite-img-hobby-warehouse_05, .sprite-img-ser, .sprite-img-about-us-inv, .sprite-img-star, .sprite-img-bull, .sprite-img-hobby-warehouse_22, .sprite-img-hobby-warehouse_28, .sprite-img-hobby-warehouse_18 { background: url(images/sprite-img-003.png) no-repeat; display: inline-block; vertical-align: inherit } div.sprite-img-you-tube, div.sprite-img-wishlist, div.sprite-img-star, div.sprite-img-sold_out_grid, div.sprite-img-shad-menu, div.sprite-img-ser, div.sprite-img-search-bg, div.sprite-img-sale, div.sprite-img-hotdeals_05, div.sprite-img-hot, div.sprite-img-hobby-warehouse_41, div.sprite-img-hobby-warehouse_28, div.sprite-img-hobby-warehouse_25, div.sprite-img-hobby-warehouse_22, div.sprite-img-hobby-warehouse_18, div.sprite-img-hobby-warehouse_05, div.sprite-img-hobby-warehouse_04, div.sprite-img-hobby-warehouse_02, div.sprite-img-go, div.sprite-img-facebook, div.sprite-img-divi, div.sprite-img-bull, div.sprite-img-basket, div.sprite-img-added_message, div.sprite-img-about-us-inv, div.sprite-img-top { display: block } .v-middle { vertical-align: middle } .sprite-img-shad-menu { background-position: 0 0; width: 8px; height: 241px } .sprite-img-hobby-warehouse_41 { background-position: 0 -241px; width: 990px; height: 197px } .sprite-img-hobby-warehouse_02 { background-position: 0 -438px; width: 990px; height: 132px } .sprite-img-logo { background-position: -8px 0; width: 243px; height: 99px } .sprite-img-basket { background-position: -251px 0; width: 275px; height: 57px } .sprite-img-top { background-position: -526px 0; width: 44px; height: 44px } .sprite-img-hobby-warehouse_04 { background-position: 0 -570px; width: 990px; height: 37px } .sprite-img-divi { background-position: -566px -3px; width: 1px; height: 37px } .sprite-img-hotdeals_05 { background-position: -570px 0; width: 124px; height: 37px } .sprite-img-hobby-warehouse_25 { background-position: -695px 0; width: 102px; height: 24px } .sprite-img-pre-order-small { background-position: -797px 0; width: 102px; height: 24px } .sprite-img-go { background-position: -797px 0; width: 34px; height: 24px } .sprite-img-hot { background-position: -695px -24px; width: 182px; height: 24px } .sprite-img-sale { background-position: -526px -48px; width: 182px; height: 24px } .sprite-img-sold_out_grid { background-position: -877px -24px; width: 102px; height: 24px } .sprite-img-google-plus { background-position: -951px 0; width: 18px; height: 18px } .sprite-img-search-bg { background-position: -708px -48px; width: 251px; height: 23px } .sprite-img-facebook { background-position: -933px 0; width: 18px; height: 18px } .sprite-img-wishlist { background-position: -971px 0; width: 19px; height: 18px } .sprite-img-you-tube { background-position: -959px -48px; width: 18px; height: 18px } .sprite-img-added_message { background-position: -251px -57px; width: 275px; height: 17px } .sprite-img-hobby-warehouse_05 { background-position: 0 -607px; width: 990px; height: 16px } .sprite-img-ser { background-position: -959px -66px; width: 16px; height: 14px; margin: 0 0 6px } .sprite-img-about-us-inv { background-position: -977px -48px; width: 12px; height: 11px } .sprite-img-star { background-position: -978px -59px; width: 13px; height: 11px } .sprite-img-bull { background-position: -979px -24px; /* width: 4px; */ height: 7px; display: none; } .sprite-img-hobby-warehouse_22 { background-position: -708px -71px; width: 173px; height: 3px } .sprite-img-hobby-warehouse_28 { background-position: -526px -72px; width: 173px; height: 2px } .sprite-img-hobby-warehouse_18 { background-position: -251px -74px; width: 173px; height: 2px } #cart-count { background-color: red; border: 2px solid black; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; color: white; padding: 6px; font-size: 90%; font-weight: 400; position: absolute; text-align: center; bottom: 18px; line-height: 55%; left: 20px; } .main-top-banner { margin: 0 0 7px } .main-top-banner > a { margin: 0 13px 0 0 } .main-top-banner > a img { height: 271px; width: 172px } .main-top-banner > a:nth-child(4) { margin-right: 0 } .yellobg { background: url(images/yellobg.jpg) left top repeat-x; float: left; margin: 5px 0; padding: 12px 0 0; } .yellobgbtm { background: url(images/yellobg.jpg) left top repeat-x; height: 12px; float: left; width: 406px; margin: 0; padding: 0 } .yelloin { background-color: #ebebeb; border: 1px solid #c3c3c3; float: left; width: 384px; padding: 10px } .yelloin input[type=checkbox] { margin: 2px 10px 0 0 } .yelloin b { width: 100%; float: left; padding: 0 0 10px } .yelloin p { width: 100%; float: left; line-height: normal; margin: 0 !important; padding: 0 0 5px } .yelloin p span { font-size: 13px; color: #f50e13; font-weight: 700 } a.addbtn { width: 52px; height: 24px; background: url(images/addbtn.jpg) left top no-repeat; line-height: 24px; font-size: 0; text-indent: -999em; float: right; clear: both } a { cursor: pointer } .decision-links a { margin: 8px 0 0 21px; display: block } .decision-content { font-weight: 700; font-size: 18px; text-indent: -11px; padding-left: 22px } .decision-box { background-color: #f5f5f5; border: 1px solid #bbb; padding: 10px } .decision-info { font-size: 14px; line-height: 18px; background-color: #FAFAFA; border: 1px solid #E2E2E2; padding: 8px } .decision-result { font-size: 16px; font-weight: 700; margin-top: 10px } #tree-window { width: 766px; overflow: hidden; padding: 0 } #tree-slider { width: 2000px; margin: 0; padding: 0 } .tree-content-box { float: left; width: 766px; font-size: 2em; margin: 0; padding: 15px 0 15px } .decision-links { padding-top: 6px; text-align: left; font-size: 16px; text-indent: -5px; margin-left: 10px } .back-link { display: block; margin: 8px 0 0 9px; font-size: 16px; font-weight: 700 } #shoppingcart .shopping-box-main .table-head .td-right, #compare .table-head .td-right, .decision-links a.last-child { border: none } .floating-box { position: fixed; right: 20px; left: auto; top: auto; bottom: -600px; background: #FCFCFC; box-shadow: 0 0 10px #444; -moz-box-shadow: 0 0 10px #444; -webkit-box-shadow: 0 0 10px #444; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; z-index: 9999; font-family: Oswald, sans-serif; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px } .close-par{ display: inline-block; margin-right: 11px; font-size: 16px; cursor: pointer; } .floating-box .close { background: url(/ext/jquery/fancybox/fancy_close.png) center center no-repeat; border: none; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top: -15px; right: -16px; left: auto; width: 32px; height: 32px } .inputHint { white-space: nowrap } .inputHint a { color: #00f } .site-gutter-left, .site-gutter-right { width: 0; height: 0; display: none; background-image: none } #main { background-color: #fff; position: relative; overflow: hidden; min-height: 100vh; width: 990px; padding: 0 0 12px } .tablet .dw .gallery, .classic .dw .gallery { width: 378px } .tablet .dw .pro-bg, .classic .dw .pro-bg { width: 378px; height: 264px } .tablet .dw .item-title, .classic .dw .item-title { height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: 700; position: absolute; bottom: 3px; margin-bottom: 0; text-align: center; } .tablet .dw .price-pad, .classic .dw .price-pad { position: absolute; bottom: 243px; right: 2px; } .tablet .dw .image-pad, .classic .dw .image-pad { width: 378px; height: 271px; overflow:hidden; } .tablet .dw .image-pad img, .classic .dw .image-pad img { width: 269px; height: 269px } .tablet .dw .lower-pad, .classic .dw .lower-pad { position: relative; background-color: rgba(255, 255, 255, 0.8); height: 22px; bottom: 24px; padding-top: 2px; } .tablet .dw .pad33, .classic .dw .pad33 { display: block; position: absolute; left: 5px; top: 5px } .tablet .dw a:link, .classic .dw a:link { font-size: 24px } .tablet .dw .stock-pad, .classic .dw .stock-pad { display: none } .tablet .dw .item-price, .classic .dw .item-price { font-size: 19px; } .sd { display: inline-block } .sd .gallery { height: 90px; width: 217px; margin-top: 7px; margin-bottom: 3px } .sd .link-container { height: 90px } .sd img { width: 75px; height: 75px; left: 1px; top: 8px; position: absolute } .sd .item-title { height: 44px; font-size: 12px; position: absolute; top: 7px; right: 0; width: 130px } .sd .price-pad { position: absolute; top: 59px; right: 10px } .sd .striked-price { font-size: 11px } .sd .item-price { font-size: 15px; color: #333 } .sd .stock-pad, .sd .sprite { display: none } .sd .dp .image-pad { top: -3px } .sd .dp .item-title { line-height: 15px; font-weight: 400 } .sdm .sd img { width: 95px; height: 95px; top: 1px } .sdm .sd .gallery { height: 135px } .sdm .sd .link-container { height: 134px } .sdm .sd .item-title { height: 31px; top: auto; bottom: 1px; right: auto; width: 203px } .sdm .sd .price-pad { top: 32px } .sdm .sd .striked-price { font-size: 12px } .sdm .sd .item-price { font-size: 18px; color: #c80000 } .cat_high .gallery { width: 112px; height: 180px; margin: 0 5px; } .cat_high .link-container { height: 180px; border: 0; } .cat_high .image-pad{ width: 112px; height: 108px; overflow:hidden; } .cat_high .image-pad img { width: 105px; height: 105px } .cat_high .item-title { padding-left: 2px; padding-right: 2px; height: 40px; line-height: 13px; font-size: 11px; } .cat_high .striked-price { display: none; } .cat_high .stock-pad { display: none; left:2px; bottom: 0; } .cat_high .item-price { font-size: 15px; padding-left: 0; } .cat_high .buy-pad { right: 4px; bottom: 0; } .cat_high { width: 112px; float:left; margin-right: 12px; } .cat_high .link-container:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #searchpad .pagecontent { width: 650px; display: inline-block; margin: 10px 0 0 10px; padding: 0; } .catblock, .manblock { float: left; width: 140px; height: 278px } .feablock { float: left; width: 140px; margin-top: 9px } .manlogo { height: 29px; text-align: center } .manlogo img { max-width: 130px; max-height: 22px; position: relative; top: 50%; transform: translateY(-50%) } #searchpad .product_grid { float: left; width: 360px } #searchpad .parent { font-weight: bold } #searchpad .category { color: #444; text-indent: -10px; margin: 4px 4px 4px 22px } #searchpad:before { border-bottom-color: #888 !important; border-width: 20px !important; left: 50%; margin-left: 45px; } #searchpad:after { border-bottom-color: #fff !important; border-width: 20px !important; left: 50%; margin-left: 45px; top: -39px; } #searchpad:after, #searchpad:before { position: absolute; pointer-events: none; border: solid transparent; bottom: 100%; content: ""; height: 0; width: 0 } .sug_grid .price-pad, .sug_grid .stock-pad, .sug_grid .stock-pad:hover .sug_grid .buy-pad, .sug_grid .link-container:hover .buy-pad { display: none!important; } .sug_grid .lower-pad { position: absolute; width: 110px; bottom: 1px; background: rgba(255, 255, 255, 0.8) } .padhead { color: #BBB; font-size: 12px; text-transform: uppercase; margin-bottom: 3px } .sug_grid .gallery { width: 112px; height: 130px; margin: 0 6px 6px 0 } .sug_grid .link-container { height: 130px } .sug_grid .image-pad { width:112px; height:112px; overflow:hidden; } .sug_grid .image-pad img { width: 112px; height: 112px } .sug_grid .item-title { padding: 0 2px; height: 28px; line-height: 14px; font-size: 12px } .cat_grid { position: relative; height: 180px; padding: 0px 10px; margin: 0px 17px 10px 0; overflow: hidden; } #classic { background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 1) 100%), url(images/bg-cf-03.png) repeat; background-size: 100% 100%, 24px 24px; background-color: #191919; width: 100%; margin: 0; padding: 0; } .classic #main { height: 100%; margin: auto; overflow: visible; box-shadow: 0 0 40px 15px #000 } .classic #footer { box-shadow: 0 0 40px 15px #000 } .classic .site-gutter-left, .classic .site-gutter-right { position: absolute; z-index: 800 } .classic .site-gutter-left { background-image: url(images/left-gutter-santa-2015-02.png); width: 247px; height: 556px; top: 182px; left: -232px; display: block } .classic .site-gutter-right { background-image: url(images/blank.png); width: 258px; height: 451px; top: 80px; right: -237px; display: block } .breadcrumbs i.fa:not(:first-child) { margin: 0 6px; } div.signup{ background-color: rgba(0,0,0,0.85); height: 65px; color:rgb(255,255,255); } div.signupBar{ padding-top:5px; width:100%; /* vertical and horizon center*/ display: -webkit-flex; display: flex; -webkit-align-items:center; align-center:center; -webkit-justify-content: center; justify-content: center; } span.highlight{ color:rgb(224,80,16); } button.btn-orange { color:rgb(255,255,255); background-color: rgb(224,80,16); border-color: #c3352b; width:9.375em; font-size: 0.937em; font-weight: 700; padding: 0.25em 0.75em; display: inline-block; margin-bottom: 0; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px } .signupBar:hover button.btn-orange, button.btn-orange:hover { color:rgb(255,255,255) ; background-color: rgb(229,36,39); border-color: #c3352b; } input.Email{ width:19.5em !important; height: 1em !important; margin-right: 0.75em; margin-left: -4.7em; } div.form-label{ color: rgb(255,255,255); padding-top: 10px; width: 20em; position:absolute; } div.form-label>label{ font-size: 18px; margin-bottom: 0px; font-weight: 700; } div.form-label>span{ font-size: 0.84em; } div.form-body{ padding-top:0.937em; margin-left:21.5em; position: relative; width: 25em; } button.closeSignup{ position: absolute; color: rgb(255,255,255); opacity: .5; font-size: 0.875em; right: -7.7em; top:1.593em; } button.closeSignup:hover{ color: rgb(255,255,255); opacity: .9; } div#showSuccess{ display:none; padding-top:1em; } div#showSuccess>label{ font-size:18px; font-weight: 700; color: rgb(255,255,255); } .promo_grid{ position: relative; /*max-width: 900px; padding: 0px 10px;*/ margin: 0px 10px 10px 0; overflow: hidden; height: 310px; } .promotion_items{ width: 180px; float: left; margin-right: 10px; line-height: 16px; font-size: 13px; } #promotion_carousel{ display: block !important; margin:auto; /* max-width:930px; width: 760px; */ margin-left: 16px; } .promo_grid .owl-prev, .promo_grid .owl-next { position: absolute; top: 27%; } .promo_grid .owl-nav { color:#000; font-size:2em; } .promo_grid .owl-nav .fa-circle, .promo_grid .owl-nav .fa-circle { opacity: 1; color:#fff; } .promo_grid .owl-prev { left: 1px; opacity: 1; color:#999; } .promo_grid .owl-next { right: 20px; opacity: 1; color:#999; } .promotion_primary_image{ width: 180px; height: 180px; border-radius: 6px; } .promotion_primary_title{ margin: 6px 0; font-weight: 700; font-size: 16px; } .promotion_secondary_list, .promotion_secondary_list > ul{ width: 140px; height: 100px; } .promotion_secondary_list > ul{ list-style-type: none; padding-left: 0px !important; } .promotion_secondary_list > ul > li > a{ color: #256dc6; } .promotion_secondary_list > ul > li > a:hover{ opacity: 0.3; }