/* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ /* #Desktop - Extra Large ================================================== */ @media only screen and (min-width: 1280px) { /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix. */ body { min-width: 1270px; overflow-x:hidden; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 1270px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 { position:relative; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:86px; } .container_12 .grid_2 { width:192px; } .container_12 .grid_3 { width:250px; } .container_12 .grid_3.sidebar{ margin:0px; } .container_12 .grid_3.sidebar header{ margin:0px; padding-left:0px; } .container_12 .grid_3.slider-text-box.alpha{ width:345px; } .three-col .custom-footer-content .grid_3:nth-child(1){ float:none!important; width:100%; } .custom-footer-content{ max-width:300px; width:100%; float:left; } .container_12 .grid_4 { width:404px; margin:0px; } .container_12 .grid_5 { width:510px; } .container_12 .grid_6 { width:616px; } .container_12 .grid_7 { width:722px; } .container_12 .grid_8 { width:828px; } .grid_8.omega.product-shop{ float:right; width:840px; } .container_12 .grid_9 { margin:0px; width:934px; } .container_12 .grid_10 { width:1040px; } .container_12 .grid_11 { width:1146px; } .container_12 .grid_12 { width:1270px; margin:0px; } /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:106px; } .container_12 .prefix_2 { padding-left:212px; } .container_12 .prefix_3 { padding-left:318px; } .container_12 .prefix_4 { padding-left:424px; } .container_12 .prefix_5 { padding-left:530px; } .container_12 .prefix_6 { padding-left:636px; } .container_12 .prefix_7 { padding-left:742px; } .container_12 .prefix_8 { padding-left:848px; } .container_12 .prefix_9 { padding-left:954px; } .container_12 .prefix_10 { padding-left:1060px; } .container_12 .prefix_11 { padding-left:1166px; } /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:106px; } .container_12 .suffix_2 { padding-right:212px; } .container_12 .suffix_3 { padding-right:318px; } .container_12 .suffix_4 { padding-right:424px; } .container_12 .suffix_5 { padding-right:530px; } .container_12 .suffix_6 { padding-right:636px; } .container_12 .suffix_7 { padding-right:742px; } .container_12 .suffix_8 { padding-right:848px; } .container_12 .suffix_9 { padding-right:954px; } .container_12 .suffix_10 { padding-right:1060px; } .container_12 .suffix_11 { padding-right:1166px; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:106px; } .container_12 .push_2 { left:212px; } .container_12 .push_3 { left:318px; } .container_12 .push_4 { left:424px; } .container_12 .push_5 { left:530px; } .container_12 .push_6 { left:636px; } .container_12 .push_7 { left:742px; } .container_12 .push_8 { left:848px; } .container_12 .push_9 { left:954px; } .container_12 .push_10 { left:1060px; } .container_12 .push_11 { left:1166px; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-106px; } .container_12 .pull_2 { left:-212px; } .container_12 .pull_3 { left:-318px; } .container_12 .pull_4 { left:-424px; } .container_12 .pull_5 { left:-530px; } .container_12 .pull_6 { left:-636px; } .container_12 .pull_7 { left:-742px; } .container_12 .pull_8 { left:-848px; } .container_12 .pull_9 { left:-954px; } .container_12 .pull_10 { left:-1060px; } .container_12 .pull_11 { left:-1166px; } /* Adaptive */ /* 2 columns list */ .category-products .products-grid.small-grid li.item:nth-of-type(5n+5){ margin-right:0; margin-left:10px; } .category-products .products-grid.small-grid li.item:nth-of-type(5n+1){ margin-left:0; clear:left; } .products-grid#upsell-product-table > li:nth-of-type(5n+5){ margin-right:0; } .products-grid#upsell-product-table > li:nth-of-type(5n+1){ clear:left; } /* 1 column list */ .col1-layout .products-grid.large-grid li.item{width:397px;} .col1-layout .products-grid.small-grid li.item:nth-of-type(4n+1){ clear:none; margin-left:10px; } .col1-layout .products-grid.small-grid li.item:nth-of-type(4n+4){ margin-right: 10px; } .col1-layout .products-grid.small-grid li.item:nth-of-type(5n+1){ clear:none; margin-left:10px; } .col1-layout .products-grid.small-grid li.item:nth-of-type(5n+5){ margin-right: 10px; } .col1-layout .products-grid.small-grid li.item:nth-of-type(6n+1){ clear:left; margin-left:0; } .col1-layout .products-grid.small-grid li.item:nth-of-type(6n+6){ margin-right:0; } .col1-layout .products-grid.small-grid li.item{width:192px;} #footer .home-slider-conainer ul.products-grid{ display:block; max-height:150px; height:100%; } #footer .home-slider-conainer ul.products-grid li.item{width:100%;height:100%;max-width:180px;max-height:150px;display:block;padding:0px;} #footer .home-slider-conainer ul.products-grid li.item .item-indent{width:100%;height:100%;max-width:150px;max-height:150px;margin-left:30px;margin-right:0px;} #footer .home-slider-conainer ul.products-grid li.item .item-indent a.product-image{width:100%;height:100%;max-width:150px;max-height:150px;} #footer .home-slider-conainer ul.products-grid li.item .item-indent a.product-image .hover-box{width:100%;height:100%;max-width:150px;max-height:150px;} .header-slider-container .iosSlider .slider .item h2, .header-slider-container .iosSlider .slider .item h3, .header-slider-container .iosSlider .slider .item h4, .header-slider-container .iosSlider .slider .item p, .header-slider-container .iosSlider .slider .item ul{ margin: 0 0 0 -636px; } .header-slider-container .iosSlider .container_12{ margin-left: -636px; } .header-slider-container .iosSlider .slider .item .left-caption-type-2 h2{top:65px;} .header-slider-container .iosSlider .slider .item .left-caption-type-2 h3{top:28%;} .header-slider-container .iosSlider .slider .item .left-caption-type-2 ul{top:43%;} .header-slider-container .iosSlider .slider .item h2{top:23%;} .header-slider-container .iosSlider .slider .item h3{top:36%;} .header-slider-container .iosSlider .slider .item p{top:45%;} .header-slider-container .iosSlider .slider .item .right-caption h2{top:20%;} .header-slider-container .iosSlider .slider .item .right-caption h3{top: 34%;} .header-slider-container .iosSlider .slider .item .right-caption p{top: 49%;} .header-slider-container.boxed-slider .iosSlider .slider .item h3{top: 33%;} .header-slider-container.boxed-slider .iosSlider .slider .item p {top: 43%;} .header-slider-container.boxed-slider .iosSlider .slider .item h4 {top: 68%;} .header-slider-container.boxed-slider .iosSlider .slider .item .right-caption h3{top: 33%;} .header-slider-container.boxed-slider .iosSlider .slider .item .right-caption p {top: 47%;} .header-slider-container.boxed-slider .iosSlider .slider .item h4{top:73%;} .header-slider-container.boxed-slider .iosSlider .slider .item .left-caption-type-2 h2{top:14%;} .header-slider-container.boxed-slider .iosSlider .slider .item .left-caption-type-2 h3{top:28%;} .header-slider-container.wide-slider .iosSlider .slider .item h2{top:0;} .header-slider-container.wide-slider .iosSlider .slider .item h3{top:-10px;} .header-slider-container.wide-slider .iosSlider .slider .item p{top:7px; left: 0 !important;} .header-slider-container.wide-slider .iosSlider .slider .item h4{top:30px;} .header-slider-container.wide-slider .iosSlider .slider .item .bottom-caption h2, .header-slider-container.wide-slider .iosSlider .slider .item .bottom-caption h3, .header-slider-container.wide-slider .iosSlider .slider .item .bottom-caption p, .header-slider-container.wide-slider .iosSlider .slider .item .bottom-caption h4{top:auto;} .header-slider-container.wide-slider .iosSlider .slider .item .left-caption-type-2 .slide-container{top:15%;} .header-slider-container.wide-slider .iosSlider .slider .item .left-caption-type-2 .slide-container h3{top:-30px;} .header-slider-container.wide-slider .iosSlider .slider .item .left-caption-type-2 .slide-container ul{top:-7px;} /* Wide Menu */ #nav.nav-wide li.tech { padding: 1.5em 31px 0 0; width: 220px; } aside.sidebar section.block-wishlist li.item .product-details{width:76%;} aside.sidebar section.block-wishlist li.item .product-details { width: 59%; } aside.sidebar section.block-wishlist li.item .product-image{width:35%;} .products-grid.small-grid li.item { margin-left:10px; margin-right:10px; width:170px; min-height:170px; } .products-grid.large-grid li.item{width:452px;} .product-essential .product-image .es-nav-prev{ left:0; } .product-essential .product-image .es-nav-next{ right:0; } .product-view .box-up-sell .products-grid li.item { width:230px; } .product-view .upsell-slider .products-grid li.item{ width: 300px; } .block-related li.item { text-align: center; width: 230px; } .product-view .productpage_small .more-views #more-views-slider li{width:117px; margin:0;} .product-view .productpage_small .more-views #more-views-slider li a{margin-right:13px;} .product-view .productpage_medium .more-views #more-views-slider li{margin:0; width:92px;} .product-view .productpage_medium .more-views #more-views-slider li a{margin-right:14px;} .product-view .productpage_large .more-views #more-views-slider li{margin:0; width:110px;} .product-view .productpage_large .more-views #more-views-slider li a{margin-right:35px;} .product-view .productpage_extralarge .more-views #more-views-slider li{margin:0; width:131px;} .product-view .productpage_extralarge .more-views #more-views-slider li a{margin-right:28px;} .product-view .product-image .cloud-zoom-big{width:100%!important;} .product-view .more-views #more-views-slider li a{width:auto;} .product-view .more-views #more-views-slider li a img{width:100%;} .product-view .productpage_medium .more-views .no-slider li a{width:79px;} .product-view .productpage_small .more-views .no-slider li:nth-of-type(4n+1){clear:none;} .product-view .productpage_small .more-views .no-slider li a{width:83px;} /*Multiple Checkout*/ .multiple-checkout .sp-methods .form-list input.input-text{width:306px;} /* Cart Crossel*/ #cart-accordion .crosssell { padding:0.75em 9px 0.75em 14px; } .crosssell .product-image img{width:100%;} /* opc */ .opc .field{width:410px;} .opc .field input.input-text{width:380px;} .opc .field-2, .opc .name-lastname{width:424px;} .opc .field-2 input.input-text, .opc .name-lastname input.input-text{width:405px;} .opc .form-list .field select, .opc .form-list .field-2 select{width:420px;} .opc .form-list li.wide input.input-text{width:817px;} .form-list li.wide select{width:824px;} .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname{width:275px;} .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text{width:245px;} .opc .form-list .name-middlename{width:135px;} .opc .field-2 input.input-text, .opc .name-lastname input.input-text{width:407px;} .opc .gift-messages-form .allow-gift-messages-for-order-container .form-list input.input-text{width:253px;} .opc .sp-methods input.input-text{width:303px;} /* form list */ .form-list .field{width:406px;} .form-list .name-middlename{width:131px;} .form-list select{ width:389px; } .form-list input.input-text{width:379px;} .form-list li.wide input.input-text{width:785px;} .form-list li.wide textarea{ width:785px;} #footer .block-subscribe input{width: 90%;} #footer .contacts-footer-content .fields .field:first-child input.input-text{ width:91%; } .header-slider-container .container{ width:1270px; margin:0 auto; height:492px !important; padding-bottom: 0% !important;} .container .iosSlider { height: 490px !important; } } /* #Desktop 2 ================================================== */ @media only screen and (min-width: 1265px) and (max-width: 1455px) { .header-slider-container .iosSlider .slider .item .left-caption-type-2 h2 {top: 9%;} .header-slider-container .iosSlider .slider .item .left-caption-type-2 h3 {top: 25%;} .header-slider-container .iosSlider .slider .item .left-caption-type-2 p, .header-slider-container .iosSlider .slider .item .left-caption-type-2 ul {top: 39%;} .header-slider-container .iosSlider .prev{ left: -20px; } .header-slider-container .iosSlider .next{ right: -15px; } .header-slider-container.wide-slider .iosSlider .slider .item .slide-container{top:16%;} .header-slider-container.wide-slider .iosSlider .slider .item .left-caption-type-2 .slide-container{top:8%;} } /* #Desktop 3 ================================================== */ @media only screen and (min-width: 1280px) and (max-width: 1330px) { .header-slider-container .iosSlider .prev{ left: 9px; } .header-slider-container .iosSlider .next{ right: 11px; } .header-slider-container.wide-slider .iosSlider .slider .item .slide-container{top:13%;} .header-slider-container.wide-slider .iosSlider .slider .item .left-caption-type-2 .slide-container{top:4%;} .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container h2, .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container h3, .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container p, .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container ul, .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container h4{ width:43%; } } /* #Desktop ================================================== */ @media only screen and (min-width: 978px) and (max-width: 1279px) { /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix. */ body { overflow-x:hidden; } #cstom { float: left; margin-top: 0px; min-width:175px; } .nav-container { float: left; padding-top: 48px; } /* Containers ----------------------------------------------------------------------------------------------------*/ .widget-slider-box-wrapper .widget-slider-box .prev{ left:219px; } .widget-slider-box-wrapper .widget-slider-box .next{ right:-29px; } .container_12 { width:768px; margin-left: auto; margin-right: auto; } .form-list li.wide select{ width:100%; } .what-is > h2 { display: block; margin-left: -380px !important; padding-left: 50%; } #footer .footer-top-blocks .three-col .grid_3:last-child{ width:400px!important; margin-right:0px!important; padding-right:0px!important; margin-top:-28px!important; } #footer .footer-top-blocks .three-col .grid_3 .grid_3{ width:50%!important; } #footer .contacts-footer-content .fields .field{ width: 48.99%; } #footer .footer-top-blocks .three-col .grid_3{ margin-right:10px!important; width: 100px !important; min-width:100px; margin-left:0px!important; } #footer .container_12 { width:100%; } .header-slider-container .iosSlider .container_12{ width:100%; left:0px; margin:0px; } .ftr-news.container_12{ width:100%; } .widget-slider-box{ width:768px; padding:0px 0px 5em; margin:0px auto; } .slider-container.widget-container{ width:768px; margin:0px auto; } .container_12 .slider-container.widget-container .grid_3{ width:200px; } header#header .form-search input{ } .widget-slider-box-wrapper .slider-container .slider-text-box h2{ font-size:12px; line-height:18px; } header#header h1.logo{ width:114px!important; padding-top:36px!important; padding-right:12px; } header#header h1.logo img{ width:114px!important; } header .nav-container{ padding-left:0px; max-width:380px; } header#header div.menu a span{ font-size:11px; padding:5px 0px; line-height:12px; height:12px; } header#header div.menu a:link, header#header div.menu a:visited{ padding-left:4px; padding-right:4px; height:22px; } header#header .menu_contact a{ line-height:22px; } header#header .form-search{ padding:2px 10px; width:140px; } header#header .form-search input{ width:115px!important; } header#header .links{ padding-left:4px; padding-right:4px; } header#header .links li{ padding:0px 4px; } header#header .links li a{ max-width:100px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 15px; margin-right: 15px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 { position:relative; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:54px; } .container_12 .grid_2 { width:138px; } .container_12 .grid_3.sidebar { margin:0px; } .container_12 .grid_3 { width:190px; } .container_12 .grid_4 { width:306px; } .container_12 .grid_5 { width:390px; } .container_12 .grid_6 { width:474px; } .container_12 .grid_7 { width:558px; } .container_12 .grid_8.omega.product-shop .grid_5{ width:100%; margin:0px; } .container_12 .grid_8.omega.product-shop{ width:440px; margin:0px; float:right; } .container_12 .grid_8 { width:590px; } .container_12 .grid_9.main-left { margin:0px; } .home-slider-conainer .products-grid li.item .item-indent{ margin-left:30px; } .container_12 .grid_9 { width:540px; } .container_12 .project-right-col .grid_9{ margin:0px; } aside.sidebar section header{ padding:0px; } #categories-accordion li.level-top a.level-top{ padding-left:0px; } .container_12 .grid_10 { width:810px; } .container_12 .grid_11 { width:894px; } .container_12 .grid_12 { display:block; width:768px; float:none; padding:0px; margin:0px auto; } #header .container_12 .grid_12{ width:768px; } /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:84px; } .container_12 .prefix_2 { padding-left:168px; } .container_12 .prefix_3 { padding-left:252px; } .container_12 .prefix_4 { padding-left:336px; } .container_12 .prefix_5 { padding-left:420px; } .container_12 .prefix_6 { padding-left:504px; } .container_12 .prefix_7 { padding-left:588px; } .container_12 .prefix_8 { padding-left:672px; } .container_12 .prefix_9 { padding-left:756px; } .container_12 .prefix_10 { padding-left:840px; } .container_12 .prefix_11 { padding-left:924px; } /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:84px; } .container_12 .suffix_2 { padding-right:168px; } .container_12 .suffix_3 { padding-right:252px; } .container_12 .suffix_4 { padding-right:336px; } .container_12 .suffix_5 { padding-right:420px; } .container_12 .suffix_6 { padding-right:504px; } .container_12 .suffix_7 { padding-right:588px; } .container_12 .suffix_8 { padding-right:672px; } .container_12 .suffix_9 { padding-right:756px; } .container_12 .suffix_10 { padding-right:840px; } .container_12 .suffix_11 { padding-right:924px; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:84px; } .container_12 .push_2 { left:168px; } .container_12 .push_3 { left:252px; } .container_12 .push_4 { left:336px; } .container_12 .push_5 { left:420px; } .container_12 .push_6 { left:504px; } .container_12 .push_7 { left:588px; } .container_12 .push_8 { left:672px; } .container_12 .push_9 { left:756px; } .container_12 .push_10 { left:840px; } .container_12 .push_11 { left:924px; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-84px; } .container_12 .pull_2 { left:-168px; } .container_12 .pull_3 { left:-252px; } .container_12 .pull_4 { left:-336px; } .container_12 .pull_5 { left:-420px; } .container_12 .pull_6 { left:-504px; } .container_12 .pull_7 { left:-588px; } .container_12 .pull_8 { left:-672px; } .container_12 .pull_9 { left:-756px; } .container_12 .pull_10 { left:-840px; } .container_12 .pull_11 { left:-924px; } .category-products .products-grid.small-grid li.item:nth-of-type(3n+1){ margin-left:0px; clear: left; } .category-products .products-grid.small-grid li.item:nth-of-type(3n+3) { margin-left: 10px; margin-right: 0; } .product-container .actions .indent{ width:164px!important;} .products-grid.small-grid li.item { width:166px; min-height:166px; margin-left: 10px; margin-right: 10px; } .products-grid.large-grid li.item { width:348px; margin-left: 15px; margin-right: 15px; } /* Adaptive */ /* 2 columns list */ .header-slider-container .iosSlider .slider .item h2{font-size:2.8em;} .header-slider-container .iosSlider .slider .item h3{font-size:1.5em;} .header-slider-container .iosSlider .slider .item ul li a{font-size:1em;} .header-slider-container .iosSlider .slider .item .left-caption-type-2 h2 {top: 11%;} .header-slider-container .iosSlider .slider .item .left-caption-type-2 ul{top:40$; width:45%;} .header-slider-container .iosSlider .slider .item .right-caption h4{top:81%;} .header-slider-container .iosSlider .slider .item h4{top:79%;} .header-slider-container.boxed-slider .iosSlider .slider .item h3{top:31%;} .header-slider-container.boxed-slider .iosSlider .slider .item p{top:43%;} .header-slider-container.boxed-slider .iosSlider .slider .item .bottom-caption h3{margin-bottom:-9px;} .header-slider-container.boxed-slider .iosSlider .slider .item .right-caption h3 {top: 30%;} .header-slider-container.boxed-slider .iosSlider .slider .item .right-caption p{top: 45%;} .header-slider-container.boxed-slider .iosSlider .slider .item .left-caption-type-2 h2 {top: 12%;} .header-slider-container .iosSlider .prev{ left: 9px; } .header-slider-container .iosSlider .next{ right: 11px; } .header-slider-container.wide-slider .iosSlider .slider .item .slide-container{top:10%;} .header-slider-container.wide-slider .iosSlider .slider .item .slide-container h2{top:0;} .header-slider-container.wide-slider .iosSlider .slider .item .slide-container h3{top:-7px;} .header-slider-container.wide-slider .iosSlider .slider .item .slide-container p{top:12px; width:44%;} .header-slider-container.wide-slider .iosSlider .slider .item .slide-container h4{top:35px;} .header-slider-container.wide-slider .iosSlider .slider .item .slide-container p .indent{padding-right:50px;} .header-slider-container.wide-slider .iosSlider .slider .item .left-caption-type-2 .slide-container{top:3%;} .header-slider-container.wide-slider .iosSlider .slider .item .left-caption-type-2 .slide-container h3{top:-20px;} .header-slider-container.wide-slider .iosSlider .slider .item .left-caption-type-2 .slide-container ul{top:-9px;} .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container{top:6%;} .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container h2, .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container h3, .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container p, .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container ul, .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container h4{ width:44%; } .block-related{ margin: 0; padding: 0; } .golbou { color: #000000; float: right !important; font-size: 14px; padding-right: 0px; text-align: right; } .what-is{ padding:0px; width:829px!important; margin:0px auto; } #footer .block-subscribe form#newsletter-validate-detail .indent{ margin-left: -380px !important; padding-left: 50%; max-width:440px; } #footer .block-subscribe input { width:90%; } .connect{ right:5%;} .three-col .grid_3{ width:160px !important; margin:0 0 0 10px !important; } .padd-subs { padding: 0 50px 0 20px; } .ftr-news .padd-subs .block-subscribe h2 { border-left: 0 none !important; padding-left:30px !important; padding-right: 30px; border-left: 1px solid #DFDFE0 !important; } .block-vertical-nav header h2 { background: url("../images/add-right.png") no-repeat scroll right 6px rgba(0, 0, 0, 0); color: #626368 !important; display: table; font-size: 14px !important; padding-right: 7px; text-transform: uppercase; } .block-layered-nav header h2 { background: url("../images/add-right.png") no-repeat scroll right 6px rgba(0, 0, 0, 0); color: #626368 !important; font-size: 14px !important; text-transform: uppercase; padding-right: 7px; } .toolbar{ margin-right:0px;} header#header .quick-access { margin-right: 0px !important; margin-bottom:20px; width:250px; } #footer .block-subscribe form#newsletter-validate-detail .actions{ padding-right:0px; } .padd-subs { padding: 0 0px; width:829px!important; margin:0px auto; } .products-grid li.item { float: left; } .block-subscribe > header { float: right; margin-right: 30px !important; } .toolbar-bottom .limiter { display: block; margin-right: 33px !important; } .quantity-boc { color: #636468; font-family: Montserrat; font-size: 13px; width: 27%; } .checkout-cart-index .cart { margin-right: 32px; } .my-account .dashboard { margin-right: 30px !important; } .widget-slider-box .prev { left: 22%; top: 50%; } .widget-slider-box .next { right: 0px; top: 50%; } .shipping-qoute { float: right; width: 78%; } .main-container { padding-bottom: 1em; width: 100%; } .sidebar-right #checkout-progress-wrapper { margin-right: 30px !important; } .contacts-index-index .fieldset { margin: 0; padding: 1.83em 13em; } .cart .shipping { margin-right: 0; } aside.sidebar section.block-account header { background-position: 15px -2376px; padding-left: 33px !important; } .product-container .actions { background: none repeat scroll 0 0 #FFFFFF; display: none; position: absolute !important; text-align: center !important; width: 100% !important; height: 100%; } .product-container.hover .actions { display:block; margin:1px -2px !important; border:1px solid #d3d3d3; } nav.breadcrumbs li a, nav.breadcrumbs li strong{ font-size:10px; } } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px, Gutter: 20px, Unit: 44px */ @media only screen and (min-width: 768px) and (max-width: 977px) { header#header .form-search{ width:100px!important; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; padding-top: 2px; } header#header .form-search input{ margin:0px; width:85px!important; padding:0px; } header#header h1.logo{ width:114px!important; padding-top:65px; padding-right:10px; } header#header h1.logo img{ width:114px!important; } header .nav-container{ padding-left:0px; float:left; max-width: 380px; } header#header div.menu a:link, header#header div.menu a:visited{ height:22px; } .widget-slider-box-wrapper .slider-container .slider-text-box h2{ font-size:12px; } header#header div.menu{line-height:22px;} header#header div.menu a span{ font-size:10px; line-height:14px; height:14px; padding:4px 0px; } header#header div.menu a:link, header#header div.menu a:visited{ padding-left:4px; padding-right:4px; } header#header .links{ margin:0px 0px 10px 0px; padding:0px; display:block; } header#header .links li:nth-child(1){ border-bottom:1px solid #DFDFDF; } header#header .links li:nth-child(2){ border:0px; border-bottom:1px solid #DFDFDF; } header#header .links li:nth-child(4) a, header#header .links li:nth-child(2) a{ border:0px; } header#header .links li{ padding:10px 0px; margin:0px 0px; width:90px; border:0px; } header#header .menu_contact a{ line-height:22px; } header#header .links li a{ display:block; width:100%; text-align:center; border-right:1px solid #DFDFDF; } .footer-newsletter-wrapper .container_12{ width:720px; } .footer-newsletter-wrapper .container_12 .grid_6{ margin:0px; float:right; } .footer-newsletter-wrapper .container_12 .what-is{ padding:0px; } .ftr-news .block-subscribe .block-content { padding-left:20px; } .what-is > h2{ padding-left:20px; } .ftr-news .block-subscribe .block-content .indent { } .ftr-news .block-subscribe > header { float: left; } .ftr-news .padd-subs .block-subscribe h2 { background: url("../images/right.png") no-repeat scroll right center rgba(0, 0, 0, 0); border-left: medium none !important; color: #444444 !important; font-size: 16px !important; padding: 6px 53px 11px 0 !important; text-align: right; } #footer .block-subscribe form#newsletter-validate-detail .actions { margin: 5px 0 0; float:right; } #footer .block-subscribe{ width:720px; margin:0px auto; } .block-layered-nav header h2 { background: url("../images/add-right.png") no-repeat scroll right 6px rgba(0, 0, 0, 0); color: #626368 !important; display: table; padding-right:7px !important; font-size: 14px !important; text-transform: uppercase; width: auto !important; } .block-vertical-nav header h2 { background: url("../images/add-right.png") no-repeat scroll right 8px rgba(0, 0, 0, 0); color: #626368 !important; display: table; font-size: 14px !important; text-transform: uppercase; } .checkout-cart-index .cart { margin-right: 22px; } .toolbar { margin-right: 0px; } .shipping-qoute { float: right; width: 80%; } .contacts-index-index .fieldset { margin: 0; padding: 1.83em 9em; } .product-container .product-img-box{ /*background:#000;*/} /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix. */ body { min-width: 768px; overflow-x:hidden; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 680px; } .nav-container { padding-top: 78px; } #cstom { float: left; margin-bottom: 10px; margin-top: 0px; width: 107px; min-width:107px; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 { position:relative; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:44px; } .container_12 .grid_2 { width:108px; } .container_12 .grid_3 { width:172px; } .container_12 .grid_3.sidebar { width:172px; margin:0px; } aside.sidebar section header{ padding-left:0px; } aside.sidebar section header h2{ padding-right:20px; } #categories-accordion li.level0 > a{ padding-left:0px; } .container_12 .grid_4 { width:236px; } .container_12 .grid_8.omega.product-shop .grid_5{ width:100%; margin:0px; } .container_12 .grid_8.omega.product-shop{ width:420px; margin:0px; float:right; } .container_12 .grid_5 { width:300px; } .container_12 .account-login .grid_6{ margin:0px; } .container_12 .grid_6 { width:364px; } .container_12 .grid_7 { width:428px; } .container_12 .grid_8 { width:420px; } .container_12 .grid_9 { width:460px; margin:0px; } .container_12 .grid_10 { width:620px; } .container_12 .grid_11 { width:684px; } .container_12 .grid_12 { width:680px; margin:0px; } /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:64px; } .container_12 .prefix_2 { padding-left:128px; } .container_12 .prefix_3 { padding-left:192px; } .container_12 .prefix_4 { padding-left:256px; } .container_12 .prefix_5 { padding-left:320px; } .container_12 .prefix_6 { padding-left:384px; } .container_12 .prefix_7 { padding-left:448px; } .container_12 .prefix_8 { padding-left:512px; } .container_12 .prefix_9 { padding-left:576px; } .container_12 .prefix_10 { padding-left:640px; } .container_12 .prefix_11 { padding-left:704px; } /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:64px; } .container_12 .suffix_2 { padding-right:128px; } .container_12 .suffix_3 { padding-right:192px; } .container_12 .suffix_4 { padding-right:256px; } .container_12 .suffix_5 { padding-right:320px; } .container_12 .suffix_6 { padding-right:384px; } .container_12 .suffix_7 { padding-right:448px; } .container_12 .suffix_8 { padding-right:512px; } .container_12 .suffix_9 { padding-right:576px; } .container_12 .suffix_10 { padding-right:640px; } .container_12 .suffix_11 { padding-right:704px; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:64px; } .container_12 .push_2 { left:128px; } .container_12 .push_3 { left:192px; } .container_12 .push_4 { left:256px; } .container_12 .push_5 { left:320px; } .container_12 .push_6 { left:384px; } .container_12 .push_7 { left:448px; } .container_12 .push_8 { left:512px; } .container_12 .push_9 { left:576px; } .container_12 .push_10 { left:640px; } .container_12 .push_11 { left:704px; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-64px; } .container_12 .pull_2 { left:-128px; } .container_12 .pull_3 { left:-192px; } .container_12 .pull_4 { left:-256px; } .container_12 .pull_5 { left:-320px; } .container_12 .pull_6 { left:-384px; } .container_12 .pull_7 { left:-448px; } .container_12 .pull_8 { left:-512px; } .container_12 .pull_9 { left:-576px; } .container_12 .pull_10 { left:-640px; } .container_12 .pull_11 { left:-704px; } .col1-layout .category-products .products-grid.small-grid li.item{width:141px;} /* Header ================================================================================ */ .nav-container{background:none;} div.wp-custom-menu-popup{ padding-bottom:0px; } header#header .quick-access { width:180px; } .data-table td{ padding:9px; } .products-grid .product-name{ font-size:0.75em; line-height:1.55em; } .more-views{ padding-left: 5px; padding-right: 5px; padding-top: 10px; } .product-view .more-views .no-slider li a img{ height:100%; } .product-view .more-views .no-slider li a{ width:65px; height:auto; } .products-grid .product-name a{ font-size:1em; line-height:1.55em; } .slider-container.widget-container .slider-text-box .indent{ padding:0px; } .slider-container.widget-container .slider-text-box{ margin-right:0px; padding-left:0px; } .slider-container.widget-container.widget-slider-right-box .slider-text-box{ padding-left:0; } .home-slider-conainer .products-grid li.item{ width:165px; } #carousel_product_list > div, .html_product_carousel .slide{ margin-left:15px; width:150px; } .container_12 .home-container.grid_9{ margin:0px; width:495px; } .widget-slider-box-wrapper .widget-slider-box .next{ margin-top:-10px; } .widget-slider-box-wrapper .widget-slider-box .prev{ left:172px; margin-top:-10px; } #footer .footer-block .container_12{ width:100%; } .product-container .actions .indent{ width:148px!important; } /* Small Grid */ .category-products .products-grid.small-grid li.item:nth-of-type(3n+1){ margin-left:0px; clear:both; } .category-products .products-grid.small-grid li.item:nth-of-type(3n+3){ margin-right:0px; } .products-grid.small-grid li.item { width:140px; min-height:140px; margin-left:10px; margin-right:10px; margin-bottom: 10px; } /* Large Grid */ .products-grid.large-grid li.item { width:263px; } .cms-home .banner-block{ padding-bottom: 2.5em; } .widget-slider-box .prev { left: 24%; } .widget-slider-box .next { right:-22px } .header-slider-container .iosSlider .prev{ left: 10px; } .header-slider-container .iosSlider .next{ right: 10px; } .header-slider-container.wide-slider .iosSlider .slider .item .slide-container{top:5%;} .header-slider-container.wide-slider .iosSlider .slider .item .slide-container h2{top:0;} .header-slider-container.wide-slider .iosSlider .slider .item .slide-container h3{top:-5px; width:45%;} .header-slider-container.wide-slider .iosSlider .slider .item .slide-container p{top:5px; width:45%;} .header-slider-container.wide-slider .iosSlider .slider .item .slide-container h4{top:15px;} .header-slider-container.wide-slider .iosSlider .slider .item .bottom-caption .home-slider-conainer .products-grid li.item{width:185px;} .header-slider-container .iosSlider .slider .item h2, .header-slider-container .iosSlider .slider .item h3, .header-slider-container .iosSlider .slider .item h4, .header-slider-container .iosSlider .slider .item p, .header-slider-container .iosSlider .slider .item ul{ margin:0 0 0 -384px; } .header-slider-container .iosSlider .container_12 { margin-left: -384px; } .header-slider-container .iosSlider .slider .item .right-caption h2, .header-slider-container .iosSlider .slider .item .right-caption h3, .header-slider-container .iosSlider .slider .item .right-caption h4, .header-slider-container .iosSlider .slider .item .right-caption p, .header-slider-container .iosSlider .slider .item .right-caption ul{ margin: 0 -384px 0 0; } .header-slider-container .iosSlider .slider .item h2{font-size:2.5em; top:8%;} .header-slider-container .iosSlider .slider .item h3{font-size:1.5em; top:24%;} .header-slider-container .iosSlider .slider .item p{font-size:0.91em; top:37%;} .header-slider-container .iosSlider .slider .item p .indent{padding:0;} .header-slider-container .iosSlider .slider .item h4{top:78%;} .header-slider-container .iosSlider .slider .item .right-caption h2 {top:8%;} .header-slider-container .iosSlider .slider .item .right-caption h3 {top:23%;} .header-slider-container .iosSlider .slider .item .right-caption p {top:37%;} .header-slider-container .iosSlider .slider .item .right-caption h4 {top:74%;} .header-slider-container .iosSlider .slider .item .left-caption-type-2 h2{top: 0;} .header-slider-container .iosSlider .slider .item .left-caption-type-2 h3{top: 17%;} .header-slider-container .iosSlider .slider .item .left-caption-type-2 p{top: 29%;} .header-slider-container .iosSlider .slider .item .left-caption-type-2 ul{font-size:0.75em; top: 29%;} .header-slider-container.boxed-slider .iosSlider .slider .item .left-caption-type-2 ul{top: 36%;} .header-slider-container .iosSlider .slider .item .left-caption-type-2 h2, .header-slider-container .iosSlider .slider .item .left-caption-type-2 h3, .header-slider-container .iosSlider .slider .item .left-caption-type-2 ul, .header-slider-container .iosSlider .slider .item .left-caption-type-2 p{width:45%;} .header-slider-container.boxed-slider .iosSlider .slider .item h2 {top: 13%;} .header-slider-container.boxed-slider .iosSlider .slider .item h3 {top: 28%;} .header-slider-container.boxed-slider .iosSlider .slider .item p {top: 39%;} .header-slider-container.boxed-slider .iosSlider .slider .item h4 {top: 77%;} .header-slider-container.boxed-slider .iosSlider .slider .item .bottom-caption h2{margin-bottom:18px;} .header-slider-container.boxed-slider .iosSlider .slider .item .right-caption h2 {top: 9%;} .header-slider-container.boxed-slider .iosSlider .slider .item .right-caption h3 {top: 24%;} .header-slider-container.boxed-slider .iosSlider .slider .item .right-caption p {top: 40%;} .header-slider-container.boxed-slider .iosSlider .slider .item .left-caption-type-2 h3{top: 22%;} .header-slider-container.boxed-slider .iosSlider .slider .item .left-caption-type-2 ul { width: 50%; } .header-slider-container.wide-slider .iosSlider .slider .item .left-caption-type-2 .slide-container{top:-1%;} .header-slider-container.wide-slider .iosSlider .slider .item .left-caption-type-2 .slide-container h3{top: -20px;} .header-slider-container.wide-slider .iosSlider .slider .item .left-caption-type-2 .slide-container ul{top: -20px;} .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container{top: 0;} .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container h2, .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container h3, .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container p, .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container ul, .header-slider-container.wide-slider .iosSlider .slider .item .right-caption .slide-container h4{ width:44%; } /* Shopping Cart ========================================================================= */ #cart-accordion .crosssell{padding:9px 13px;} /* Meigee Tabs */ .meigee-tabs-content {padding: 14px;} #product_tabs_upsell_products_contents li.item{margin-bottom:9px;} .product-view .box-up-sell .products-grid li.item{width:233px;} .block-wishlist .next, .block-wishlist .prev{ top:30px; } aside.sidebar section.block-wishlist li.item .product-details{ width:60%; } aside.sidebar section.block-subscribe .input-box input { width: 100%; } aside.sidebar .actions { padding-left: 20px; padding-right: 20px; } aside.sidebar section header{ background-position:right -1784px; } aside.sidebar section header h2{ font-size:1.4em; padding-right:12px; } #wishlist-slider .es-carousel ul.carousel-ul > li a.product-image{width:33%;} #wishlist-slider .es-carousel ul.carousel-ul > li a.product-image img{width:100%;} .block-wishlist .next, .block-wishlist .prev{ top: 60px; } .product-view .product-shop .email-friend{ clear: both; } .product-view .product-shop .product-type-block .add-to-links-box .add-to-links{width:100%; overflow:hidden; padding:0.75em 0;} .add-to-box .add-to-cart button{margin-left:0px;} .product-view .productpage_small .more-views #more-views-slider li{margin:0; width:87px;} .product-view .productpage_small .more-views #more-views-slider li a{margin-right:13px;} .product-view .productpage_medium .more-views #more-views-slider li{margin:0; width:66px;} .product-view .productpage_medium .more-views #more-views-slider li a{margin-right:13px;} .product-view .productpage_large .more-views #more-views-slider li{margin:0; width:110px;} .product-view .productpage_large .more-views #more-views-slider li a{margin-right:13px;} .product-view .productpage_extralarge .more-views #more-views-slider li{margin:0; width:126px;} .product-view .productpage_extralarge .more-views #more-views-slider li a{margin-right:28px;} .product-view .more-views #more-views-slider li a{width:auto;} .product-view .more-views #more-views-slider li a img{width:100%;} .product-view .productpage_small .more-views .no-slider li:nth-of-type(3n+1){clear:left;} .product-view .productpage_small .more-views .no-slider li a{ width: 74px; } .cart .shipping-container{ width: 100%; margin-bottom:1.5em; } .cart .shipping-container .shipping{margin:0;} /*Crossel*/ .cart .crosssell{padding:9px 12px;} .cart .crosssell .product-details{width:52%;} .cart .discount .input-box input{width: 100%;} .cart .shipping .form-list select{width:100%;} .cart .shipping .form-list input{width:95%;} #co-shipping-method-form label{line-height:1.9em;} .cart .discount{ padding-right: 13px !important; width: 100%; } .cart-collaterals .blocks{width:285px;} .cart-collaterals .totals{width:250px;} .cart .crosssell li.item{width:166px;} .cart .crosssell .product-details{ width:87%; } /* Multiple Addresses Checkout */ .multiple-checkout .gift-messages-form .form-list li.wide textarea { width:55%; } .multiple-checkout .gift-messages-form .details .form-list li.wide textarea { width: 40%; } /* Block Related */ .block-related{ margin: 0; padding: 0; } .block-related .block-content .block-subtitle { right: 0; } .block-related li.item { width: 187px; } /* One Page Checkout */ .opc .step{padding-right: 0px;} .opc .form-list input.input-text { width: 90%; } .opc .field{ width:264px; } .opc .field-2, .opc .name-lastname { width: 267px; } .opc .form-list li.wide input.input-text{ width:489px; } .opc .form-list .field select, .opc .form-list .field-2 select { width:245px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width: 140px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text{ width: 120px; } .form-list .field { width: 255px; } .form-list input.input-text { width: 235px; } .form-list li.wide input.input-text { width: 491px; } .form-list select { width: 242px; } .form-list .customer-name-middlename .name-middlename{width:117px;} .form-list .customer-name-middlename .name-middlename input{width:95px;} .form-list li.wide textarea{ width:495px; } .form-list li.wide select { max-width:505px; width:100%; } .opc .form-list .name-middlename { width:124px; } .opc .form-list .customer-dob .dob-month input, .opc .form-list .customer-dob .dob-day input, .opc .form-list .customer-dob .dob-year input{width:80%!important;} .gift-messages-form .form-list li.wide textarea{ width:85%; } .gift-messages-form .details .form-list li.wide textarea{ width:65%; } .opc .sp-methods .form-list input.input-text{width: 97%;} .opc .sp-methods .form-list select{width: 100%;} .opc .sp-methods select.month{width:150px;} .opc .form-list .name-middlename input.input-text { width: 95px; } .opc .form-list .name-middlename { width: 116px; } #footer .contacts-footer-content .fields .field:first-child input.input-text { width: 85%; } #footer .contacts-footer-content input.input-text, #footer .contacts-footer-content .input-box textarea { } .mobile-device.retina-ready aside.sidebar section header{ background-position:right -884px; } #footer .block-subscribe input{width:90%; } .connect { right:1%; } .three-col .grid_3 { float: left !important; margin: 0; padding-right: 10px; width: 140px !important; } #footer .footer-top-blocks .three-col .grid_3{ margin-right:10px; width: 100px !important; min-width:100px; margin-left:0px!important; } #footer .footer-top-blocks .three-col .grid_3:last-child{ width:300px!important; margin-right:0px!important; padding-right:0px!important; } #footer .contacts-footer-content .fields .field{ float: left; width: 48.65%; } #footer .footer-top-blocks .three-col .grid_3 .grid_3{ width:50%!important; } .ftr-news .block-subscribe > header { float: right; } .ftr-news .padd-subs .block-subscribe h2 { padding: 6px 20px 10px 0 !important; } .padd-subs { padding: 0 20px; } .main-container { padding-bottom: 1em; } .quantity-boc { color: #636468; font-family: Montserrat; font-size: 13px; width: 33% !important; } nav.breadcrumbs li a, nav.breadcrumbs li strong{ font-size:10px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px Gutter: 10px, Unit: 15px */ @media only screen and (max-width: 767px) { select{ padding:0px; } header#header .quick-access.focus #cstom .form-search{ position:relative; } .close_button_mobile{ display:block; background:transparent url("../images/close_search_button.png") 0px 0px no-repeat; width:21px; height:21px; position:absolute; right:7px; top:7px; cursor:pointer; } header#header .form-search{ box-shadow: 0 0 4px 0 #888;} .contact_box:nth-child(1), .contact_box:nth-child(2), .contact_box:nth-child(3), .contact_box{ width:100%; float:none; padding-bottom:10px; } .opc .order-review table.data-table td.last{ width:100%; } #footer .footer-block h2{ font-size:12px; line-height:18px; } nav.breadcrumbs, nav.breadcrumbs li a, nav.breadcrumbs li strong{ font-weight:normal; font-size:10px; font-size:10px !important; font-weight:normal!important; } #footer .block-subscribe form#newsletter-validate-detail .indent{ width:100%; float:none; } #footer .block-subscribe form#newsletter-validate-detail .actions{ float:none; margin-top:10px; } .ftr-news .block-content { display: table; width:100%; } .ftr-news .block-content .indent { float: left; width: 92%; } .ftr-news .block-content .actions { float: left; } #footer .block-subscribe button { bottom: 0 !important; margin: 0px 0 0 !important; position: static !important; } .ftr-news { background: none repeat scroll 0 0 #F4F3F3; display:block; margin: 0 !important; padding: 40px 0; } .block-subscribe > header { clear: both; float: left; margin: 15px 0 0 5px; padding: 0; } #footer .block-subscribe input { font-size: 12px !important; } .ftr-news .padd-subs .block-subscribe h2 { background: url("../images/right.png") no-repeat scroll right center rgba(0, 0, 0, 0); border-left: 0 !important; color: #444444 !important; font-size: 14px !important; padding: 6px 24px 11px 0 !important; text-align: right; } .products-grid li.item { left: 0px !important; } .home-slider-conainer .products-grid li.item { left: 0px !important; } aside.sidebar section { margin: 0; } .three-col .grid_3 { float: left; width: 150px !important; } .ftr-news{ padding: 10px 0;} #footer .block-subscribe { padding-bottom: 0px !important; } .three-col .grid_3 { float: left; margin-bottom: 20px; margin-right: 30px !important; padding-right: 30px !important; width: 150px !important; } .connect h2 { color: #636468 !important; float:none; font-size: 14px !important; margin: 0 !important; } .contacts-footer-content .form-list { margin: 0; } aside.sidebar section { margin:0 0 10px !important; } .content-wrapper .main-container { padding: 0; } .toolbar .sorter .sort-by { margin:0 0 0 40px !important; } .toolbar { margin: 0px 0px 20px; } aside.sidebar section header { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; color: #000000 !important; padding: 0.16em 10px 0.4em 0px; } .quantity-boc { color: #636468; font-family: Montserrat; font-size: 13px; width: 21% !important; } .product-view .add-to-box .add-to-cart button { margin-right: 10px !important; } .buttons-row button.button span:last-child { background: url("../images/add-right.png") no-repeat scroll 272px center rgba(0, 0, 0, 0); } .be-link { margin: 10px 0; } .contacts-index-index .fieldset { margin: 0; padding: 0 !important; } #footer .footer-newsletter-wrapper { padding: 20px 0; } #contactForm .buttons-set button.button span { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border-radius: 0 0 0 0 !important; box-shadow: none; color: #636468; padding: 0 10px!important; width: auto !important; } .cart-table .cart-price .price { line-height: normal !important; } .buttons-row button.button:nth-last-child(2) { border: medium none; } .buttons-row button.button span:last-child { background: url("../images/add-right.png") no-repeat scroll 228px center rgba(0, 0, 0, 0); } .cart .totals-border { margin-right: 0 !important; margin-top: 20px; } .shipping-qoute { float: right; width: auto; } .cart .cart-collaterals { padding: 0; } .zip-clear button.button:hover span { color:#fff !important;} .fieldset .legend{ font-size: 1.5em;} .data-table td:last-child .link-wishlist { background-color: #FFFFFF !important; background-position: 3px -2993px !important; float: left; margin-top: 15px; } #footer .footer-top-blocks h3 { color: #636468; display: inline-block; font-size: 12px; font-weight: normal; line-height: 18px; margin-bottom: 0px; text-transform: uppercase; padding:0px; } #footer .contacts-footer-content .form-list { margin-bottom: 0.42em; width: auto !important; } .connect { float: none; position: static; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin:0px auto; width: 440px; } .container_12 .grid_12{ margin:0px; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin-left: 0; margin-right: 0; } .grid_12{ margin-left: 10px; margin-right: 10px; } header#header .grid_12{ margin-left:0; margin-right:0; } .alpha, .omega { margin-left: 0; margin-right: 0; } .align_center, .align_right { text-align: left; } /* Adaptive */ .block-related .no-slider li.item:nth-of-type(2n+2){ margin-right:0; } .block-related .no-slider li.item:nth-of-type(2n+1){ clear:left; } .block-related .no-slider li.item{ width:100%; } .block-related li.item .product-image img{} header#header .header-text-box .grid_12 p{float:none;} /* Global Styles ========================================================================= */ .main-left { float: none !important;} #toTop{display:none!important;} /* form elements */ .form-list input.input-text{width:100%;} .form-list, .input-box select{width:100%;} .form-list li, .form-list li .field { width:100%; margin-right:0; } .form-list li .field + .field { margin-top:10px; } .form-list li.street-address .input-box input.input-text { width:92%; } .form-list li.select-address { width:100%; } .form-guest { width: 100%; } .buttons-set button { float:none; } .buttons-set a { display:block; } /********************/ /* Data Table */ table.data-table table, table.data-table thead, table.data-table tbody, table.data-table th, table.data-table td, table.data-table tr { display: block; border: 0; text-align: left !important; } table.data-table thead tr { display: none;} table.data-table th, table.data-table td { padding: 10px 10px;} table.data-table td a.product-image{ width:auto; max-width:100%; margin:0 auto; } table.data-table td a.product-image img{width:100%;} table.data-table td .cart-label { width: 80px; display:block; float:left; font-size:1.16em; line-height:1.57em; color:#777; font-weight:normal; margin-top:7px; } table.data-table td.last { padding-top:0; padding-bottom:0; margin-bottom:12px;} .slider-container.widget-container .slider-text-box{margin-bottom:1.5em;} .widget-slider-box.widget-slider-right-box .home-container{padding-bottom: 1.5em;} .container_12 .slider-text-box.grid_3{margin-left:10px;margin-right:10px;} .container_12 .home-container.grid_9{max-width:420px;margin:0px auto;float:none;} .slider-container.widget-container li.item{width:180px; padding:0!important;} .slider-container.widget-container li.item .item-indent{margin-left: 15px; margin-right:15px; box-shadow:none;} .slider-container.widget-container .home-slider li.item .item-indent{margin-left: 0px; margin-right:20px; box-shadow:none;width:130px;height:130px;} .slider-container.widget-container .home-slider li.item .item-indent.hover .actions{width:128px!important;height:128px;} #carousel_product_list .slide{width:130px;margin-left:0px;margin-right:10px!important;} .widget-slider-box-wrapper .slider-container .slider-text-box h2{ font-size:12px; line-height:15px; border:0px; padding:0px; } .slider-container .slider-text-box p{ font-size:10px; line-height:12px; padding-bottom:15px; margin:0px; } .golbou.grid_6 a { font-size:10px; line-height:12px; } .container_12 .slider-container.widget-container .grid_3{ padding-bottom:15px; } .home-slider-conainer .widget-slider{ padding:0px; height:130px; } .widget-slider-box-wrapper .widget-slider-box{ max-width:410px; margin:0px auto;} .widget-slider-box-wrapper{ padding-bottom:15px; border-bottom:1px solid #e0e0e1; } .widget-slider-box-wrapper .widget-slider-box .prev{ left:-17px; } .widget-slider-box .prev { top:auto; bottom: -47px; left: -17px; } .widget-slider-box .next { top:auto; bottom: -47px; right: -17px; margin-top:0px; } .widget-slider-box.widget-slider-right-box .prev { top:-50px; } .widget-slider-box.widget-slider-right-box .next { top:-50px; } /* Account Login/Create Pages ============================================================ */ .account-login{} .account-login .new-users{padding-bottom:9px;} .account-login .registered-users{padding-bottom:9px;} .account-login .registered-users .buttons-set{padding-left:0;} .account-login .registered-users .buttons-set a{margin-top:11px; float:right!important;} .account-login .registered-users .buttons-set button{float:left; margin-left:0;} .account-login .registered-users .form-list{width:98%;} .my-account .dashboard .box .box-content address{margin-bottom: 1.5em;} .header-slider-container .iosSlider .slider .item h2, .header-slider-container .iosSlider .slider .item h2 span{font-size:1.5em; line-height:1em; top:30%!important; text-transform:none; font-weight:200;} .header-slider-container .iosSlider .slider .item h2 span{font-size:1em;} .header-slider-container .iosSlider .slider .item h2{} .header-slider-container .iosSlider .slider .item h3, .header-slider-container .iosSlider .slider .item h4, .header-slider-container .iosSlider .slider .item p, .header-slider-container .iosSlider .slider .item ul{display:none!important;} .header-slider-container.wide-slider .iosSlider .slider .item .slide-container h2{margin-left:-160px;} /* Header ================================================================================ */ header#header .header-text-box .grid_12{text-align:center;} header#header .header-text-box .grid_12 div{float:none;} header#header > .container_12 > .grid_12{position:relative;} header#header .links{position:absolute; left:80px; top:10px;} #cstom { float: right; margin-top: 5px; width: 100%; } header#header .links li{padding:0 7px;} header#header .logo-box{text-align:center;} header#header h1.logo{ float:left; padding-top:15px; padding-bottom:15px; margin:0 auto; text-align:center; width:100%; max-width:75px; display:block; } header#header h1.logo a.logo{ display: block; float: none; margin-top: 0px; padding-left: 0px; } header#header #custommenu-mobile{ position:static; } header#header #custommenu-mobile .menu_contact a:hover{ background:#636468; color:#ffffff; } header#header #custommenu-mobile .menu_contact a{ padding:0px 7px; background:#f5f3f3; display:block; color:#636468; font-size:13px; line-height:20px; text-transform:uppercase; } header#header #custommenu-mobile .menu_contact{ float:left; padding-top:15px; line-height:15px; } header#header #custommenu-mobile .search_top_box{ float:left; padding-top:18px; padding-left:12px; width:12px; height:15px; background:transparent url("../images/search-icon.png") 12px 20px no-repeat; cursor:pointer; } header#header #custommenu-mobile #menu-content{ position:absolute; top:32px; right:0px; z-index:1050; min-width:200px; border:1px solid #B4B5B7; } .what-is > h2{ border-right:0px; font-size:12px; line-height:18px; padding-bottom:10px; } .menu-mobile .parentMenu a:link, .menu-mobile .parentMenu a:visited{ border:0px; } header#header #custommenu-mobile #menu-button{ float:right; width:20px; height:15px; border:0px; padding:18px 0px 0px 12px; } header#header #custommenu-mobile #menu-button a{ display:block; width:20px; height:15px; margin:0px; padding:0px; } header#header #custommenu-mobile #menu-button a span{ background:transparent url("../images/menu_top_mobile.png") 0px 0px no-repeat; display:block; width:20px; height:15px; text-indent:-999999px; } header#header .top-cart .title-cart{display:none;} header#header .top-cart .title-cart-mob{display:block;} header#header .quick-access{ display:none; } header#header .welcome-msg{ text-align:center; float:none; width:auto; padding-top:0; margin-top:-7px; } header#header .top-cart .block-content{ right: -40px; width: 285px; } header#header .top-cart .block-content .mini-products-list .product-details { width: 135px; } header#header .form-search{float:right; width:60%;} header#header .form-search input{width:90%;} header#header ul.social-links{float:none; text-align:center; margin-top:18px;} header#header ul.social-links li{display:inline-block; float:none;} header#header .select-box{text-align:center; padding:22px 0 0;} header#header .form-currency, header#header .form-language{float:none; display:inline-block;} header#header .form-language .sbOptions{ left:0; } header#header .form-currency .sbOptions{ left:0; } header#header .top-block-wrapper .grid_12{text-align:center;} header#header .top-block-wrapper h2{width:auto; text-align:center; float:none; margin-bottom:18px;} header#header .top-block-wrapper button{float:none;} header#header .menu-button{ display:block; float:left; padding:0; margin:0; position:relative; cursor:pointer; width:55px; height:50px; background-color:rgba(255, 255, 255, 0.15); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff); zoom: 1; background-position:13px -3584px; } header#header .nav-container{ padding:0; position:relative; float:right; } header#header .nav-container > ul{ /* display:none; background-color:#FFF; left:0; margin:0; position:absolute; top:50px; z-index:999; box-shadow: 0 0 5px rgba(205, 204, 201, 0.8); padding: 0.75em 10px; width: 92%;*/ background-color: #FFFFFF; box-shadow: 0 0 5px rgba(205, 204, 201, 0.8); left: 0; margin: 0; padding: 0.75em 10px; width: 92%; z-index: 999; } header#header .nav-container > ul li{position:relative; padding:0; float:none; height:auto!important; background:none;} header#header .nav-container > ul li li{position:relative; padding:0 5px 0; float:none!important;} header#header .nav-container > ul .menu-desc{display:none;} header#header .nav-container > ul .menu-item-button{ width:22px; height:22px; z-index:999; position:absolute; right:3px; top:8px; cursor:pointer; background-position:right -2693px; } header#header .nav-container > ul .menu-item-button.active{background-position:right -1393px;} header#header .nav-container > ul li a{ border-top: 1px solid #EEEEEE; color: #777777; display: block; float: none; font-weight: normal; line-height: 1.5em; padding: 0.75em 0; background:none; } header#header .nav-container > ul li a:before{ content: "\00B7"; float: left; font-size: 3.5em; margin-right: 5px; color:#000; } header#header .nav-container > ul li.over a:before, header#header .nav-container > ul li.active a:before{ margin-left:9px; } header#header .nav-container > ul li.over > a, header#header .nav-container > ul li.active > a{background-color:rgba(0, 0, 0, 0.04);} header#header .nav-container > ul li a:hover{} header#header .nav-container > ul li a span{font-weight:normal; color:#777; text-transform:none; padding:0;} header#header .nav-container > ul li.last a{border-bottom:none;} header#header .nav-container > ul ul.level0{padding:9px 18px!important; width:auto!important; position:static; background:none; border:none; box-shadow:none;} header#header .nav-container > ul li li a{border-bottom:none;} header#header .nav-container > ul li li a{} header#header .nav-container > ul li li li li a{} header#header .nav-container li.tech{width:100%; padding:0;} header#header .nav-container ul.tech{padding-bottom:0;} header#header .nav-container li.level1 > a > span{ text-transform:none!important; -moz-transition: color 300ms ease; -webkit-transition: color 300ms ease; -o-transition: color 300ms ease; transition: color 300ms ease; } #nav.nav-wide ul.level2, #nav.nav-wide ul.level2 ul{padding-top:0!important; padding-bottom:0!important;} header#header .nav-container li.level1 a{color:#a2a2a2;} header#header .nav-container li.level1 a:hover{text-decoration:none;} header#header .nav-container li.level1 a span{font-family: Arial, sans-serif;} header#header .nav-container > ul ul.level0 ul{ padding-right:9px; top:auto!important; left:auto!important; position:static!important; width:auto!important; height:auto!important; box-shadow:none; } header#header .nav-container > ul ul.level0 ul ul{top:auto!important; left:auto!important; position:static!important; width:auto!important; height:auto!important; border:none!important; box-shadow:none!important;} header#header .nav-container > ul ul.level0 ul .triangle{display:none;} header#header .nav-container > ul ul.level0 ul a{} header#header .nav-container > ul ul.level0 ul ul a{} header#header .nav-container > ul ul.level0 ul{background:none;} header#header .nav-container > ul li li .menu-item-button{right:8px;} header#header .nav-container > ul li li li li .menu-item-button{right:18px;} header#header .nav-container > ul li li.level3 .menu-item-button{right:13px;} header#header .nav-container .nav-static-block{display:none;} header#header .top-cart .block-title a{padding-bottom:0.38em;} aside.sidebar section.block-wishlist li.item .product-details { width: 55%; } .add-to-cart-success { left: 8px; margin-left: 0; width: 226px; } .widget-slider-box .prev, .widget-slider-box .next{ bottom: 50px; opacity: 1; filter: alpha(opacity=100); } .widget-slider-box.widget-slider-right-box .prev, .widget-slider-box.widget-slider-right-box .next{ top: 12px; } .header-slider-container .iosSlider .prev, .header-slider-container .iosSlider .next{ display:none; } /* Category Page ========================================================================= */ .products-grid li.item{float:none;} .products-list .product-name{padding-right:40px;} .products-list .product-shop{padding-left:14px; padding-right:14px;} .products-grid .product-image img{width:100%;} .product-view .box-up-sell .products-grid li.item{width:auto;} /* Large Grid */ .products-grid.large-grid li.item{float:none; width:auto;} /* Small Grid */ .products-grid.small-grid li.item{width:80px;min-height:80px; float:left;margin:0px 10px 10px;} .category-products .products-grid li.item:nth-of-type(3n+1){margin-left:0px;clear:both;} .category-products .products-grid li.item:nth-of-type(3n+3){margin-right:0px;} .products-grid .product-name{font-size:8px;} /* Breadcrumbs ================================================================================ */ .breadcrumbs-wrapper{padding-top:11px; padding-bottom:13px;} .breadcrumbs-wrapper .right{display:none;} .catalog-product-view .breadcrumbs-wrapper{padding-bottom:26px;} /* Sidebar =============================================================================== */ aside.sidebar section{margin:0 0 22px;} aside.sidebar section header{cursor:pointer;} /* Pager */ .toolbar .pager .limiter label{display:none;} .toolbar .pager .amount{padding: 7px 0 0 7px;} .toolbar .pager .pages{float:right; padding-right:9px;} .toolbar .sorter .sort-by{float:left; margin-right:0; margin-top:0px;} .toolbar .sorter .limiter{margin:0px 0px 0px 20px!important;} .sorter .view-mode .grid, .sorter .view-mode .list{ padding: 0 18px 0 0; } /* Product View */ .product-view .product-img-box .product-image .cloud-zoom img{margin:0 auto;} .product-view .product-prev, .product-view .product-next{top:-58px;} .product-view .product-options-bottom{margin-bottom:18px;} .product-view .product-prev, .product-view .product-next{ top:-32px; } .product-view .product-essential .product-image .es-nav-next { right:5px; } .product-view .productpage_small .more-views #more-views-slider li{margin:0; width:108px;} .product-view .productpage_small .more-views #more-views-slider li a{margin-right:13px;} .product-view .productpage_medium .more-views #more-views-slider li{margin:0; width:108px;} .product-view .productpage_medium .more-views #more-views-slider li a{margin-right:13px;} .product-view .productpage_large .more-views #more-views-slider li{margin:0; width:108px;} .product-view .productpage_large .more-views #more-views-slider li a{margin-right:13px;} .product-view .productpage_extralarge .more-views #more-views-slider li{margin:0; width:108px;} .product-view .productpage_extralarge .more-views #more-views-slider li a{margin-right:13px;} .product-view .more-views #more-views-slider li a{width:auto;} .product-view .more-views #more-views-slider li a img{width:100%;} .product-view .productpage_small .more-views ul.no-slider li:nth-of-type(3n+1){clear:left;} .product-view .productpage_small .more-views ul.no-slider li a{width:58px;} .product-view .product-shop .ratings .rating-box{margin-bottom:5px;} .see-spesc .shared_links_box_container{ padding-bottom:10px; position:static; } .product-view .product-shop{padding-bottom: 1em;clear:both;} .product-view .product-shop .product-type-block .add-to-links-box{width:100%; overflow:hidden; padding-top:0.42em;} .product-view .product-shop .product-type-block .add-to-links-box li{margin-bottom:0.75em;} .add-to-cart label { margin-right: 5px;} .product-view .add-to-box .add-to-cart button{margin-left: 0;} .product-view .add-to-cart .paypal-logo { text-align: left; padding-top:0.75em; } .product-view .box-tags .form-add .input-box{width:100%;} .fancybox-iframe{width:100%!important;} /* Meigee Tabs ============================================================================== */ .meigee-tabs{border-top:1px solid #DEDEDE;} .meigee-tabs li{margin-top:0; margin-bottom:0; float:none; display:block;} .meigee-tabs li a{height:22px; border-top:none;} .meigee-tabs a:hover, .meigee-tabs li.active a, .meigee-tabs li.active a:hover{margin-top:0; margin-bottom:0; height:22px; border-bottom:1px solid #DEDEDE; border-top:none;} /* Block Related */ .block-related{ margin:0; padding:0; } .block-related header h2{padding-right:65px;} .block-related li.item{ width:253px; } .block-related .block-content .block-subtitle{ right:0; top:7px; } .block-related .block-content .block-subtitle a{ height: auto; padding:3px 6px; font-size:0.91em; } /* Block: Reviews */ .catalog-product-view .box-reviews .form-add {padding-bottom: 18px;} .catalog-product-view .box-reviews .form-add .form-list{width:100%;} .catalog-product-view .box-reviews ul.form-list li { padding: 4px 0 4px 0;} .catalog-product-view .box-reviews table.data-table table { display: table;} .catalog-product-view .box-reviews table.data-table thead { display: table-header-group;} .catalog-product-view .box-reviews table.data-table tbody { display: table-row-group;} .catalog-product-view .box-reviews table.data-table tr { display: table-row;} .catalog-product-view .box-reviews table.data-table th, .catalog-product-view .box-reviews table.data-table td { display: table-cell;} .catalog-product-view .box-reviews table.data-table thead tr { display: table-row;} .catalog-product-view .box-reviews .data-table { margin:10px 0;} .catalog-product-view .box-reviews .data-table th { padding:4px 3px; border:1px solid #E4E4E4; font-weight:bold; white-space:normal; } .catalog-product-view .box-reviews .data-table td { padding:14px 20px; border:1px solid #E4E4E4;} .catalog-product-view .box-reviews .data-table thead th span{text-indent:0; white-space:normal; overflow:visible; background:none; width:auto; font-size:10px; color:#fff;} .catalog-product-view .box-reviews .data-table td{padding:9px 11px;} .catalog-product-view .box-reviews .form-add .form-list input, .catalog-product-view .box-reviews .form-add .form-list textarea{width: 95%!important;} .catalog-product-view .box-reviews .data-table tbody th{font-size:1em; padding:9px;} /* Shopping Cart ========================================================================= */ .cart .page-title { text-align: center; border-bottom:none;} .cart .page-title h1{font-size:2.16em; line-height:1.5em; font-weight:normal; float:none; text-transform:none; margin-bottom:18px; text-transform:uppercase;} .cart .title-buttons .checkout-types { float: none;} .cart .title-buttons .checkout-types li { float: none;} .cart .totals.totals-accordion table { float: none; margin-bottom: 9px;} table.cart-table td.information, table.cart-table tr.buttons-row td.buttons{ background-color: #f5f5f5;} table.cart-table tr.buttons-row { padding-top: 18px;} table.cart-table tr.buttons-row td.buttons {padding:0 9px; background:none; border:none;} table.cart-table tr.buttons-row td.buttons button.button{width:100%; margin:0 0 5px; float:none;} table.cart-table tr.buttons-row td.buttons button.button span{float:none; display:block;} .cart .title-buttons .checkout-types li{text-align:center; margin-left:0; margin-bottom:9px;} .cart .title-buttons .checkout-types .paypal-logo a{display:block;} table.cart-table td{padding-top:9px;} table.cart-table td.information{padding-left:10px!important;} .cart-table .quantity-box{float:left;} .cart-table .qty{padding:5px; background:#FFF; border-color:#b3b3b3;} .cart-table input.quantity-decrease{margin-top:14px;} .cart-table input.quantity-increase{margin-top:14px;} .cart-table .link-wishlist{display:inline-block; margin-bottom:1em;} .cart-table .cart-edit{display:inline-block; margin-bottom:1em;} .cart-table .btn-remove2{display:inline-block; margin-bottom:1em;} /* Shopping Cart Collateral boxes */ .crosssell, .shipping{margin-bottom:18px;} .cart .crosssell li.item{margin-bottom:1.5em;} .cart .shipping-container { float: none; width: auto; margin-top:1.5em; } .cart .discount{ float: none; width: auto; } .cart .shipping{margin-right:0;} .cart .shipping .form-list input{width:92%;} .cart .shipping .form-list select{width:100%;} .cart .totals{float:none;} #cart-accordion .crosssell{padding-left:9px;} #cart-accordion .crosssell li.item{float:none; width:auto; text-align:center; padding-bottom:1.5em;} #cart-accordion .crosssell .product-image{text-align:center; display:inline-block;} #cart-accordion .crosssell .product-image img{width:100%;} /* Wishlist ========================================================================= */ .my-wishlist .page-title{text-align:center;} .my-wishlist .page-title h1{float:none;} .my-wishlist .buttons-set {background-color: #f5f5f5; padding: 10px; margin-top: 0;} table#wishlist-table { margin-bottom: 18px;} table#wishlist-table td textarea { width: 98%;} table#wishlist-table td .cart-cell {background-color: #f5f5f5; padding:10px 0 0; overflow:hidden;} table#wishlist-table td .cart-label{float:left; text-align:left; clear:both; padding-left:15px; margin-top: 12px;} table#wishlist-table td .wishlist-input-box{float:left; padding-bottom:9px;} table#wishlist-table td .price-box{padding-top:12px; float:left;} table#wishlist-table td .price-box .price{font-size:1.16em; line-height:1.57em;} table#wishlist-table td.last{border-bottom:none;} .my-wishlist .link-edit, .my-wishlist .btn-remove{float:left; margin-left:5px; margin-top:10px;} table#wishlist-table td a.product-image{ margin:0 auto; max-width:100%; width:auto; } table#wishlist-table td a.product-image img{width:100%;} /* Checkout ============================================================================== */ .opc{margin-bottom:18px;} .opc .field { padding-bottom: 9px;} .opc .field-2, .opc .name-lastname { width: auto; float: none;} .opc .input-box { width: auto !important; float: none;} .opc .input-box input.input-text{ width: 95% !important;} .opc .input-box select { width: 100% !important;} .opc .buttons-set { padding: 0 0 18px 0; margin: 0} .opc .buttons-set button.button { margin-left: 0; margin-right: 10px;} .opc .required { text-align: right;} .opc .order-review .product-name{margin-bottom:0;} .opc .order-review table.data-table td.last { margin-bottom:0; padding-bottom: 10px; padding-top:0; } #checkout-step-login .col2-set .grid_4{margin-bottom:1.5em;} .products-grid#upsell-product-table li.item a.product-image { display: block; text-align: center;} .special-block #container{height:auto!important;} .special-block #container .banner-block{position:relative!important; left:50%!important; top:auto!important; margin-right:0; margin-left:-111px; float:left; display:block; clear:both;} .form-list .field { float: none;} .form-list .name-middlename{width:auto;} .form-list .name-middlename input.input-text{width:100%;} .opc .form-list .name-middlename input.input-text{width:99%;} .form-list, .input-box select { width:100%; } .input-box select { width:100%; } .form-list li.wide .input-box { width:87.5%; } .form-list input.input-text { width:97%; } .opc .customer-dob .dob-month input.input-text{width:40px!important;} .opc .customer-dob .dob-day input.input-text{width:40px!important;} .gift-messages-form .form-list li.wide textarea{ width:95%; } .gift-messages-form .details .form-list li.wide textarea{ width:95%; } .opc .back-link{float:none;} .checkout-onepage-index aside.sidebar-right{float:none!important;} aside.sidebar section.opc-block-progress header{background-image: none;} .tool-tip{width:90%; top:300px!important;} #checkout-step-review #review-buttons-container .f-left{float:none!important;} .form-list li.wide input.input-text { width:100%; } .form-list li .field + .field { margin-top:10px; } .form-list li.street-address .input-box input.input-text { width:92%; } .form-list li.select-address { width:100%; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:auto; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:100%; } .checkout-multishipping-overview table.data-table td .cart-label { width: 35%; float: left;} .checkout-multishipping-overview table.data-table th, table.data-table td {} .multiple-checkout table.data-table td .cart-label { width: 35%; float: left;} .multiple-checkout table.data-table td select { width: 60%;} /* One Page Checkout */ .order-review table.data-table td .cart-label{width:30%; float: left;} /* Multiple Addresses Checkout */ ul.checkout-progress { padding: 0;} ul.checkout-progress li { float:none; width:auto; padding: 7px 0 7px 0;} .multiple-checkout .page-title{margin-bottom:18px; padding-bottom:9px;} .multiple-checkout .buttons-set .back-link{padding-top:12px;} table.cart-table tr.buttons-row td.buttons button.button span{ text-align:left; } .checkout-multishipping-overview table.data-table td .cart-label { width: 35%; float: left;} .checkout-multishipping-overview table.data-table th, table.data-table td {} table#shopping-cart-table.data-table tbody td:nth-child(1){ display:block; } table#shopping-cart-table.data-table tbody td{ display:table-cell; } .data-table td:last-child .btn-remove2{ margin:9px 0px 0px; } table.cart-table tr.buttons-row td.buttons{ width:100%; padding:0px; text-align:left; } .my-wishlist table.data-table td{padding:18px;} .my-wishlist table.data-table td.last{padding-top:0; border-bottom:1px solid #e5e5e5!important;} .my-wishlist .data-table .product-name{margin-bottom:9px;} .my-wishlist .buttons-set{border:none; box-shadow:none;} .multiple-checkout table.data-table td .cart-label { width: 35%; float: left;} .multiple-checkout table.data-table td select { width: 60%;} .multiple-checkout .data-table .product-name { float: left; width: 60%; } .multiple-checkout table.data-table td{clear:both;} .multiple-checkout table.data-table td.last{padding-bottom:12px;} .multiple-checkout .gift-messages-form .form-list li.wide textarea { width:81%; } .multiple-checkout .gift-messages-form .details .form-list li.wide textarea { width:90%; } .multiple-checkout .gift-messages-form .details .form-list .field input{width:128px;} .multiple-checkout .sp-methods select{width:85%;} .multiple-checkout .sp-methods input.input-text{width:82%;} .multiple-checkout .sp-methods select.month{width:90px;} /* Footer ================================================================================ */ #footer .footer-block .img-container img{width:32%; margin-bottom:1.5em;} #footer .footer-columns-block.accordion h3{padding:0; margin:0; cursor:pointer;} #footer .footer-columns-block.accordion h3 span{display:block; background-position:right 10px; background-repeat:no-repeat;} #footer .footer-columns-block.accordion h3.active span{background-position:right -23px;} #footer .custom-footer-content{padding-bottom:2.5em;} #footer .footer-columns-block.accordion .custom-footer-content{padding:9px 12px 14px 20px; background:#c9c9c9;} #footer .contacts-footer-content .fields .field{ width: 48.9%!important; float:left; margin-top:0px; } #footer .contacts-footer-content .fields .field .input-box input.input-text{color:#aaa;} #footer .contacts-footer-content .form-list{margin-bottom:0.42em; width: 98% !important;} #footer .contacts-footer-content .buttons-set{margin:0; padding:0;} #footer .contacts-footer-content .buttons-set button{float:right; margin:0;margin-right:1%;} #footer .contacts-footer-content .buttons-set button span span{width:207px;} #footer .footer-top-blocks{padding: 3.5em 0 3.4em;} #footer .home-static-block{padding-left: 90px;} #footer .block-subscribe{padding-bottom: 80px;} #footer .block-subscribe label{margin-left:5px;} #footer .block-subscribe .validation-advice .desktop{display:none;} #footer .block-subscribe .validation-advice .mobile{display:block;} #footer .block-subscribe input{margin-right: 0; width:88%; } #footer .block-subscribe button{position:relative; float:none;width:100%;} #footer .payment-options-box{padding:0 15px;} #footer .payment-options-box h3{display:none;} .ftr-news .padd-subs .block-subscribe h2{ padding-right:0px!important; width:100%; text-align:left; } #footer .footer-wrapper > .container_12 > .grid_12{text-align:center;} ul.social-links{margin:0; padding:0px!important; display:inline-block!important; clear:both; width:auto!important; float:none!important;} #footer .footer-wrapper ul{width:50%; float:left; margin-bottom:1.5em;} #footer .footer-wrapper ul li{text-align:left; display:block; line-height:1.7em;} #footer .footer-wrapper ul li a{float:none;} #footer .footer-wrapper ul li a:after{content:"";} #footer .footer-wrapper ul.links{border-left:1px solid rgba(0, 0, 0, 0.3); width:49%;} #footer .footer-wrapper ul.links li{ padding-left:17px!important; border-left:1px solid rgba(255, 255, 255, 0.08); line-height:1.7em; } #footer .footer-wrapper ul.links li{float:none;} #footer .mob-clear{display:block} #footer .contacts-footer-content button.button span{ float:none; display:inline-block; } .three-col .grid_3 .grid_3:nth-child(1){ min-height:10px; } .three-col .grid_3 { float: left; margin: 0px 10px 0px 0px!important; padding-right:0px!important; padding: 0; width: 200px!important; min-width:100px; min-height:100px; } #footer .contacts-footer-content .buttons-set button span span{ width:50px!important; } .three-col .grid_3:last-child{ width:200px!important; } .three-col .grid_3:nth-child(2){ border:0px; } #footer .custom-footer-content { padding-bottom:5px; } .add-to-links a, .product-view .product-shop .email-friend a span, .product-type-block .add-to-links a span{ background-color:transparent;} .account-login .new-users { padding-bottom: 0; } .account-login .registered-users { padding-bottom: 0; } .block-related .product .product-details { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #636468; display: none; left: 22%; margin: 0 0 0 10%; padding: 5px 0; position: absolute; top: 45%; width: 35%; } nav.breadcrumbs li a, nav.breadcrumbs li strong{ font-size:10px; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { nav.breadcrumbs li, nav.breadcrumbs li a, nav.breadcrumbs li strong{ font-size:10px; } body { min-width: 420px; overflow-x:hidden; } /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 440px; } .widget-slider-box-wrapper .widget-slider-box .prev{ left:-17px; } .nav-container #nav {display:block !important;} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin-left: 0; margin-right: 0; } .grid_12 { margin-left: 10px; margin-right: 10px; } .alpha, .omega { margin-left: 0; margin-right: 0; } .align_center, .align_right { text-align: left; } /* Adaptive */ .container .iosSlider { height: 320px !important; } .category-products .products-grid li.item:nth-of-type(3n+3){ margin-right:0; } .category-products .products-grid li.item:nth-of-type(3n+1){ margin-left:0; clear:left; left:0px!important; } .products-grid.widget-grid li.item:nth-of-type(2n+2){ margin-right:0; } .products-grid.widget-grid li.item:nth-of-type(2n+1){ margin-left:0; clear:left; } .products-grid#upsell-product-table > li:nth-of-type(2n+2){ margin-right:0; } .products-grid#upsell-product-table > li:nth-of-type(2n+1){ clear:left; } .block-related .no-slider li.item:nth-of-type(2n+2){ margin-right:14px; } .block-related .no-slider li.item:nth-of-type(2n+1){ clear:none; } .block-related .no-slider li.item:nth-of-type(3n+3){ margin-right:0; } .block-related .no-slider li.item:nth-of-type(3n+1){ clear:left; } .more-views ul.no-slider li:nth-of-type(4n+4){ margin-right:0; } .more-views ul.no-slider li:nth-of-type(4n+1){ clear:left; } .col2-layout .col-main, .sidebar{width:100%;} .widget-slider-box .grid_3, .widget-slider-box .grid_6, .widget-slider-box .grid_9{margin-left:10px; margin-right:10px;} header#header .links{ float: none; left: auto; margin-left: 58px; right: auto; width: auto; } header#header .quick-access{ width: 87%; } header#header .quick-access.focus input{ width:90%!important; } header#header .quick-access.focus { display:block; position:absolute;top:0;left:0;right:0;bottom:0;width:100%;border-right:none;z-index:100;cursor:auto;-webkit-transform:translateZ(0) } header#header .quick-access.focus .form-search button{ float:left; } header#header .quick-access.focus .form-search input{ float:right; width:90%!important; } header#header .quick-access.focus #cstom{ margin:0px; height:100%; background:#ffffff; } header#header .quick-access.focus #cstom .form-search{ margin:10px 0px 0px; width:100%; float:none; } header#header .quick-access.focus .menu_contact{ display:none; } header#header .quick-access.focus .links{ display:none; } .header-slider-container .iosSlider .slider .item h2, .header-slider-container .iosSlider .slider .item h2 span{ font-size: 2.5em; } .header-slider-container .iosSlider .slider .item h2 span{font-size: 1em;} .header-slider-container .iosSlider .container_12{ margin-left:-210px; } .header-slider-container .iosSlider .prev{left: 0;} .header-slider-container .iosSlider .next{right: 0;} .header-slider-container .iosSlider .slider .item .bottom-caption h3{ display:block!important; font-size: 2em!important; margin-bottom: -10px !important; } .header-slider-container.wide-slider .iosSlider .slider .item .slide-container h2, .header-slider-container.wide-slider .iosSlider .slider .item .slide-container h3, .header-slider-container.wide-slider .iosSlider .slider .item .slide-container p, .header-slider-container.wide-slider .iosSlider .slider .item .slide-container ul, .header-slider-container.wide-slider .iosSlider .slider .item .slide-container h4{ margin-left: -210px; padding-left:20px; width:40%; } .header-slider-container .iosSlider .slider .item .right-caption h2{top: 15% !important;} .header-slider-container .iosSlider .slider .item .left-caption-type-2 h2{top: 15% !important;} .banner-block h2 { margin-top: 0.75em; } .slider-container.widget-container li.item{ width:180px; } .toolbar .sorter .sort-by{ clear:both; } .custom_footer{ float:none; } #footer .custom-footer-content a{ width: 100%; display:block; } #footer .custom-footer-content a img{width: 100%;} #footer .contacts-footer-content .buttons-set{text-align:center;width:98%;} #footer .contacts-footer-content .buttons-set button { display: inline-block; float:right; width: auto; } #footer ul.social-links{ width:100%; display:block!important; float:none!important; text-align:center!important; padding:0!important; } #footer ul.social-links li{display:inline-block!important; float:none;} #footer ul.social-links li a{float: none; display: block;} #footer .footer-wrapper ul{padding-left:15%; width:30%;} #footer .footer-wrapper ul.links{padding-left: 0; width:49%;} #footer .footer-wrapper address{clear:both;} /* Category Page ========================================================================= */ .products-grid li.item{float:left;} .products-grid li.grid_3 { width: 133px; margin-left: 10px; margin-right: 10px; left: 10px !important;} .products-grid li.alpha { margin-left: 0;} .products-grid li.omega { margin-right: 0;} .products-grid.large-grid li.grid_3 { width:133px; margin-left: 10px; margin-right: 10px; float:left;} .products-grid.small-grid li.item { width:133px;min-height:133px; margin-left: 10px; margin-right: 10px; float:left;} .product-view .add-to-box .add-to-cart button { margin-left: 28px; } #block-upsell-slider li.item{ width:200px; } /* Block Related */ .block-related li.item { width: 200px; } .block-related .next { right: 22px; } aside.sidebar section.block-wishlist li.item .product-details { width: 80%; } /* Pager */ .toolbar .pager .amount{padding: 7px 0 0 7px;} .toolbar .pager .pages{float:left;} /* Product View ========================================================================= */ .product-view .productpage_small .more-views #more-views-slider li{margin:0; width:120px;} .product-view .productpage_small .more-views #more-views-slider li a{margin-right:13px;} .product-view .productpage_medium .more-views #more-views-slider li{margin:0; width:120px;} .product-view .productpage_medium .more-views #more-views-slider li a{margin-right:13px;} .product-view .productpage_large .more-views #more-views-slider li{margin:0; width:120px;} .product-view .productpage_large .more-views #more-views-slider li a{margin-right:13px;} .product-view .productpage_extralarge .more-views #more-views-slider li{margin:0; width:120px;} .product-view .productpage_extralarge .more-views #more-views-slider li a{margin-right:13px;} .product-view .more-views #more-views-slider li a{width:auto;} .product-view .productpage_small .more-views .ul.no-slider li:nth-of-type(3n+1){clear:none;} .product-view .productpage_small .more-views .ul.no-slider li:nth-of-type(5n+1){} /* Special Block ========================================================================= */ .special-block #container{height:auto!important;} .special-block #container .banner-block{position:relative!important; left:auto!important; top:auto!important; margin-right:0; margin-left:0; float:left; display:block; clear:none;} .special-block #container .banner-block.even{margin-right:10px;} .special-block #container .banner-1 img{width:205px; height:130px;} .special-block #container .banner-1.style-3 img{width:205px; height:277px;} .special-block #container .banner-2{height:130px; width: 205px;} .special-block #container .banner-2 img.over-img{width:205px; height:130px;} /* Shopping Cart ========================================================================= */ .cart .cart-banner a{width:100%; display:block;} .cart .cart-banner a img{width:100%;} .ftr-news { /* margin-left: 10px !important;*/ padding: 10px 0; /* width: 380px !important;*/ } /*.padd-subs { padding: 0 20px; } */ .sidebar-right #checkout-progress-wrapper { margin-right: 0 !important; } .opc .buttons-set button.button { float: right; margin-left: 0; margin-right: 0; } #footer .block-subscribe { padding-bottom: 0px; } .block-subscribe > header{ margin:15px 0 0 35px;} .add-to-links a, .product-view .product-shop .email-friend a span, .product-type-block .add-to-links a span{ background-color:rgba(0,0,0,0);} .contact-cotent { clear:both; float: none; width: 100%; } aside.sidebar section { margin: 0; } .toolbar .sorter .sort-by { clear: none; margin: 0 !important; } #footer .footer-top-blocks { padding: 2.5em 0; } .sidebar-right #checkout-progress-wrapper { margin-right: 0 !important; } .opc .step { padding: 0 0 1.34em; position: relative; } #footer ul li { display: inline-block; left: 0 !important; padding: 0 1px; } #footer .footer-top-blocks h3 { color: #636468; display: inline-block; font-size: 1.33em; font-weight: normal; margin-bottom: 0px; text-transform: uppercase; } .connect{ float:left; position:static; clear:both; padding-top:10px; } .connect h2 { color: #636468 !important; font-size:14px !important; line-height: normal !important; margin: 0 !important; } #toTopHover { background-position: 10px -186px; display: block; float: left; height: 40px; opacity: 0; overflow: hidden; width: 40px; } .slider-container.widget-container .slider-text-box { margin-bottom: 0 !important; } .cart .shipping .form-list input { width: 95%; } .product-view .add-to-box .add-to-cart button { margin-left: 0 !important; } .product-name { color: #636468; font-size: 1.16em; font-weight: normal; line-height: 1.57em; margin-bottom: 0.65em; margin-top: 1em; } } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { zoom: 1; } @media only screen and (max-width: 479px) { .form-list li.wide .input-box{ width:86.2%; } #footer .contacts-footer-content .buttons-set button{ margin-right:2%; } #footer .contacts-footer-content .fields .field{ width:49.1%!important; } header#header .quick-access.focus { display:block; position:absolute;top:0;left:0;right:0;bottom:0;width:100%;border-right:none;z-index:100;cursor:auto;-webkit-transform:translateZ(0) } header#header .quick-access.focus #cstom{ margin:0px; height:100%; background:#ffffff; } header#header .quick-access.focus #cstom .form-search{ margin:10px 0px 0px; width:93%; float:none; } header#header .quick-access.focus .form-search button{ float:left; } header#header .quick-access.focus .form-search input{ float:right; width:90%!important; } header#header .quick-access.focus .menu_contact{ display:none; } header#header .quick-access.focus .links{ display:none; } .container_12{ width:280px; } .three-col .grid_3:nth-of-type(2n) { border: medium none; float: left; padding: 0 !important; } .toolbar .sorter .sort-by{ float:left; margin:0px 0px 10px 0px!important; } .sorter .limiter{ margin:0px; } .sort_box { float: right; max-width: 320px; } .toolbar .sorter .limiter{margin:0px 0px 0px 1px!important;} .sorter .sort-by label { margin-right:3px; } .toolbar-bottom .pager{ padding-top:10px; } .three-col .grid_3{ width:80px!important; min-width:80px!important; } .three-col .grid_3:last-child .grid_3{ width:100%!important; float:none!important; min-height:10px; } .three-col .grid_3:last-child{ clear:both; width:100%!important; } #footer .contacts-footer-content .buttons-set button span span{ width:50px; } #carousel_product_list .slide{ box-shadow: none; height: 85px; margin-left: 0; margin-right: 10px!important; width: 85px!important; } .widget-slider-box-wrapper .container_12{ width:275px; } .home-slider-conainer .widget-slider{ height:85px; } .widget-slider-box .prev, .widget-slider-box .next{ bottom:22px; } .widget-slider-box .prev, .widget-slider-box .prev{ bottom:22px; } .slider-container.widget-container .home-slider li.item .item-indent.hover .actions{width:83px!important;height:83px;} .widget-slider-box-wrapper .widget-slider-box .prev { top:auto; bottom: 33px; left: -9px; } .widget-slider-box .next { top:auto; bottom: 33px; right: -9px; margin-top:0px; } } @media only screen and (min-device-width : 320px) and (max-device-width : 767px) { body {-webkit-text-size-adjust: none;} }