/** * responsive_default.css * * @package templateSystem * @copyright Copyright 2003-2007 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 * Added by rbarbour (ZCAdditions.com), Responsive DIY Template Default for 1.5.x (65) * Modified by Anne (Picaflor-Azul.com) Responsive Sheffield Blue v1.0 */ /* This is the default css file if a UA is not detected, for a better user experience, I have added a few common breakpoints. */ @media (max-width:480px){ img{max-width:100%;height:auto;border:0;} .onerow-fluid>[class*="col"]{float:none;display:block;width:auto;margin:0;} img.listingProductImage{max-width:200px;} div#navMainSearch, div#navMain, div#navMain ul {float:none;text-align:center;padding:0;margin:0;width:100%!important;} #headerWrapper,div#logoWrapper {height:auto;} div.centerBoxContentsProducts.centeredContent, div.centerBoxContentsNew.centeredContent, div.categoryListBoxContents.centeredContent, div.centerBoxContentsAlsoPurch.centeredContent, div.centerBoxContentsFeatured.centeredContent, div.centerBoxContentsSpecials.centeredContent, div.specialsListBoxContents, div.categoryListBoxContents {clear:both;width:94%!important;height:auto;} .back input[type=checkbox]{clear:both;} div#logo IMG {clear:both;} .centerColumn{padding:0 0.5em 2.0em 0.5em;border:none;} table#cartContentsDisplay {font-size:8px;} .cartProductDisplay {text-align:left;padding:5px;} .cartQuantity INPUT {width:7%!important;} td.productListing-data INPUT {width:20%!important;} div#checkoutShipto IMG,div#checkoutBillto IMG {width:12px;height:12px;} div#checkoutBillto, div#checkoutShipto,div.floatingBox{font-size:12px;} .leftBoxContainer, .rightBoxContainer {margin:0.5em;} input[type="text"],input[type="password"],select {width:95%;} div#advSearchDefault.centerColumn fieldset {clear:both;float:none;width:95%;} .cartProductDisplay {text-align:left;padding:5px;} .cartProductDisplay ul,span#cartProdTitle {text-align:left;padding:0px;margin:0;} div#checkoutBillto.back, div#checkoutShipto.forward,div#accountLinksWrapper {clear:both;float:none;width:95%;} th#thcol1,th#thcol3,td#tdcol1,td#tdcol3,.minWidthHide {display:none;visibility:hidden;} .minWidthShow {display:block;visibility:visible;} .cartProductDisplay IMG,span#cartImage.back {width:40px;float:left;} body{margin:0;padding:0;} #logoWrapper{float:none;width:100%;border-bottom:1px solid #dbdbce;padding-bottom:20px;} #logo{float:none;margin-left:10px;} #tagline{margin-left:10px;margin-top:15px;margin-bottom:0;} #top-wrapper{text-align:center;font-size:120%;} #menu{margin-top:-130px;width:98%;} #header-cart{float:right;width:50%;} #navMainSearch{float:left;width:53%;border:1px solid #000;display:none;} #top-middle{padding-bottom:0;border-bottom:none;} #mobile-nav{background:#f4f4f4;padding:10px 10px;border-bottom:1px solid #dbdbce;display:block;} #mobile-nav i{font-size:180%;margin-right:30px;color:#666;margin-top:10px;} #mobile-nav i:hover{color:#171717;} .banner span{font-size:100%;} .ad{margin:0 auto 20px auto;} a#foo2_next, a#foo1_next {right:0;} .flexFooterCol{width:100% !important;} .slide-out-div{display:none;} ul.slimmenu{position:relative;z-index:1000;background:#fff;} .ffCcol4 i{padding:5px;} #BackToTop{top:250px;} .ad{margin:30px auto 0 auto;display:block;} #home-text{width:100%;} .navSplitPagesResults{text-align:center;float:none;} #productListing .back, #productListing .forward{text-align:center;} .navSplitPagesLinks{text-align:center;} #productsListingBottomNumber{margin-bottom:20px;} .box_image{text-align:center !important;} #siteinfoLegal{line-height:22px;} #pi-left, #pi-right{float:none;} #pi-left{width:90%;margin:0 auto;display:table;} #pi-right{width:78%;margin:20px auto 0 auto;display:table;} #productName{text-align:center;line-height:25px;} .custom-tab-image, #custom-tab-text{float:none;} #custom-tab-text{width:100%;margin-top:20px;} .custom-tab-image{text-align:center;margin:0 auto;} .centerBoxContentsAlsoPurch{float:none;width:95% !important;} #cartContentsDisplay tr td {display: block;overflow: hidden;text-align: left !important;width: 100% !important;} #cartContentsDisplay tr td.cartUnitDisplay {width: 10.2564%;} #cartContentsDisplay tr td {padding-bottom: 8px;padding-top: 8px;} #cartContentsDisplay tr td {-moz-box-sizing: border-box;color: #2E3233;font-size: 14px;vertical-align: middle;} tr.tableHeading{display:none;} .mobile-only{display:block;color:#ff6938;} .buttonRow{width:100% !important;} #shoppingCartDefault .forward, #shoppingCartDefault .back{float:none;width:100%;} .shop-help{display:none;} .cartAttribsList, #cartContentsDisplay .cartRemoveItemDisplay, #cartContentsDisplay .cartUnitDisplay, #cartContentsDisplay .cartTotalDisplay, #cartContentsDisplay .cartQuantity-mobile, #cartContentsDisplay .cartQuantity, #cartContentsDisplay .cartQuantityUpdate{padding-left:85px;} #cartContentsDisplay .cartRemoveItemDisplay{margin-bottom:10px;} #cartContentsDisplay .cartQuantity br{display:none;} .cart-products{} #cartContentsDisplay .cartQuantity-mobile input[type=text]{width:35px;} #cartContentsDisplay .cartUnitDisplay, #cartContentsDisplay .cartTotalDisplay, #cartContentsDisplay .cartQuantity-mobile{padding-left:85px;} #cartContentsDisplay td{border-bottom:none;} .qty-btns{width:80px;margin-top:10px;} .qty-btns img{float:right;vertical-align:middle;} .qty-btns input[type=image]{height:21px;float:left;margin-top:-5px;} .rowEven{background: #f4f4f4;} #cartContentsDisplay .cartTotalDisplay{padding-bottom:15px;} .cartTotalsDisplay{font-size:95%;} .checkout {margin-top:-10px;width:100%;} .checkout span.button_checkout{padding-left:90px;padding-right:90px;margin:0 auto;} .con-shop span.button_continue_shopping, .ship-est span.button_shipping_estimator{padding-left:53px;padding-right:53px;} .ship-est{margin-top:-20px;} #country, #stateZone{width:95%;} #shippingEstimatorContent .button_update{float:none;width:95% !important;margin-top:30px;} fieldset{border:none;border-bottom:1px solid #dbdbce;padding:5px;padding-bottom:20px;} legend{border:none;font-size:130%;margin-left:0;margin-bottom:0;padding:0;color:#444;line-height:25px;} #loginDefault .forward, #loginDefault .back{float:none;} #loginDefault .button_login, #loginDefault .button_submit{width:90% !important;} #loginDefault input[type=text], #loginDefault select, #loginDefault input[type=password]{width:88%;} .alert{position:relative;} .contact-left, .contact-right{float:none;width:100%;} #contactUsDefault input[type=submit]{width:95% !important;margin:35px auto 0 20px;position:relative;left:20px;} .button_back{padding-left:105px;padding-right:105px;margin-left:20px;display:none;} .buttonRow{width:100%;text-align:center;} .buttonRow input[type=submit]{width:95% !important;margin:0 auto;text-align:center;display:block;} #prevOrders{display:none;} #accountDefault p.forward{font-size:140%;text-transform:uppercase;float:none;text-align:left;margin-top:30px;} #accountDefault p.forward a:hover{color:#8c9bfb;} #accountLinksWrapper{margin-top:-20px;} #accountHistoryDefault .forward{} #addressBookDefault .button_add_address{padding-left:80px;padding-right:80px;} #addressBookDefault address{float:none;} ul.slimmenu.collapsed li ul.level2 li ul, ul.slimmenu1.collapsed li ul.level2 li ul{margin-left:-40px;} #checkoutPayment .floatingBox, #checkoutShipping .floatingBox{float:none;width:100%;} #checkoutConfirmDefault tr.cartTableHeading{display:none;} .ad{margin:30px auto 0 auto;display:block;} #home-text{width:100%;} .carouselImage img{width:200px !important;height:auto;} .review-write-left, .review-write-right, .all-reviews-left, .all-reviews-right{float:none;clear:both;width:100%;} .review-write-right{margin-top:80px;} .review-write-left{text-align:center;} #reviewWriteMainImage{float:none;} .all-reviews-right{border:none;margin-top:80px;} .button_write_review{padding-left:85px;padding-right:85px;display:block;margin:0 auto;} #productReviewsDefaultProductImage{float:none;clear:both;display:block;} #reviewsDefault .button_goto_prod_details{padding-left:20px;padding-right:20px;display:block;margin:0 auto;} #productReviewsDefaultProductImage{float:none;clear:both;display:block;} #reviewsWrite .button_goto_prod_details{padding-left:90px;padding-right:90px;display:block;margin:0 auto;} .button_reviews{padding-left:40px;padding-right:40px;} .reviews-details{width:100%;} /*#navMainWrapper{display:none;}*/ #lang-header{text-align:left;margin-left:20px;} .view{float:none;width:220px;margin:0 auto 20px auto;} #home-images{width:90%;height:auto;} .view .mask{height:213px;} .menu-collapser{margin-top:-40px;float:right;width:20%;} #cur-lan-header{float:left;width:55%;} #mobile-nav-left{float:left;} #navSuppWrapper{border:none;margin-top:-30px;} #top-banner{display:none;} .content-slider{margin-top:30px;width:100%;margin-right:0;} #header-cart{float:right;font-size:170%;width:45%;text-align:right;} #mobile-nav-left{width:50%;float:left;} ul.slimmenu li .sub-collapser, ul.slimmenu1 li .sub-collapser{background:#222;} #mobile-nav1{background:#f4f4f4;padding:10px 10px;border-bottom:1px solid #dbdbce;display:block;} #mobile-nav1 i{font-size:180%;margin-right:30px;color:#666;margin-top:10px;} #mobile-nav1 i:hover{color:#171717;} #template-demo-top{display:none;} .view a.info{margin-top:0;} #productListing td.productListing-data .listingDescription{display:none !important;} } @media (max-width:767px){ .onerow-fluid{width:100%;} .onerow-fluid>[class*="col"]{float:none;display:block;width:auto;margin:0;} img.listingProductImage{max-width:200px;} div#navMainSearch, div#navMain, div#navMain ul {float:none;text-align:center;padding:0;margin:0;width:100%!important;} #headerWrapper,div#logoWrapper {height:auto;} div.centerBoxContentsProducts.centeredContent, div.centerBoxContentsNew.centeredContent, div.categoryListBoxContents.centeredContent, div.centerBoxContentsAlsoPurch.centeredContent, div.centerBoxContentsFeatured.centeredContent, div.centerBoxContentsSpecials.centeredContent, div.specialsListBoxContents, div.categoryListBoxContents {clear:both;width:94%!important;height:auto;} .back input[type=checkbox]{clear:both;} div#logo IMG {clear:both;} .centerColumn{padding:0 0.5em 2.0em 0.5em;border:none;} table#cartContentsDisplay {font-size:8px;} .cartProductDisplay {text-align:left;padding:5px;} .cartQuantity INPUT {width:7%!important;} td.productListing-data INPUT {width:20%!important;} div#checkoutShipto IMG,div#checkoutBillto IMG {width:12px;height:12px;} div#checkoutBillto, div#checkoutShipto,div.floatingBox{font-size:12px;} .leftBoxContainer, .rightBoxContainer {margin:0.5em;} input[type="text"],input[type="password"],select {width:95%;} div#advSearchDefault.centerColumn fieldset {clear:both;float:none;width:95%;} .cartProductDisplay {text-align:left;padding:5px;} .cartProductDisplay ul,span#cartProdTitle {text-align:left;padding:0px;margin:0;} div#checkoutBillto.back, div#checkoutShipto.forward,div#accountLinksWrapper {clear:both;float:none;width:95%;} th#thcol1,th#thcol3,td#tdcol1,td#tdcol3,.minWidthHide {display:none;visibility:hidden;} .minWidthShow {display:block;visibility:visible;} .cartProductDisplay IMG,span#cartImage.back {width:40px;float:left;} body{margin:0;padding:0;} #logoWrapper{float:none;width:100%;border-bottom:1px solid #dbdbce;padding-bottom:20px;} #logo{float:none;text-align:center;} #tagline{text-align:center;margin-top:15px;margin-bottom:0;} #top-wrapper{text-align:center;font-size:120%;} /*#navMainWrapper{display:none;}*/ #lang-header{text-align:left;margin-left:20px;} .view{float:none;width:220px;margin:0 auto 20px auto;} #home-images{width:90%;height:auto;} .view .mask{height:213px;} .menu-collapser{margin-top:-40px;float:right;width:20%;} #cur-lan-header{float:left;width:55%;} #mobile-nav-left{float:left;} #navSuppWrapper{border:none;margin-top:-30px;} #top-banner{display:none;} .content-slider{margin-top:30px;width:100%;margin-right:0;} #header-cart{float:right;font-size:170%;width:45%;text-align:right;} #mobile-nav-left{width:50%;float:left;} ul.slimmenu li .sub-collapser, ul.slimmenu1 li .sub-collapser{background:#222;} #menu{margin-top:-130px;width:98%;} #header-cart{float:right;width:50%;} #navMainSearch{float:left;width:53%;border:1px solid #000;display:none;} #top-middle{padding-bottom:0;border-bottom:none;padding-bottom:0;margin-bottom:-22px} #mobile-nav1{background:#f4f4f4;padding:10px 10px;border-bottom:1px solid #dbdbce;display:block;} #mobile-nav1 i{font-size:180%;margin-right:30px;color:#666;margin-top:10px;} #mobile-nav1 i:hover{color:#171717;} .banner span{font-size:100%;} .ad{margin:0 auto 20px auto;} a#foo2_next, a#foo1_next {right:0;} .flexFooterCol{width:100% !important;} .slide-out-div{display:none;} ul.slimmenu{position:relative;z-index:1000;background:#fff;} .ffCcol4 i{padding:5px;} #BackToTop{top:250px;} .ad{margin:30px auto 0 auto;display:block;} #home-text{width:100%;} .navSplitPagesResults{text-align:center;float:none;} #productListing .back, #productListing .forward{text-align:center;} .navSplitPagesLinks{text-align:center;} #productsListingBottomNumber{margin-bottom:20px;} .box_image{text-align:center !important;} #siteinfoLegal{line-height:22px;} #pi-left, #pi-right{float:none;} #pi-left{width:90%;margin:0 auto;display:table;} #pi-right{width:78%;margin:20px auto 0 auto;display:table;} #productName{text-align:center;line-height:25px;} .custom-tab-image, #custom-tab-text{float:none;} #custom-tab-text{width:100%;margin-top:20px;} .custom-tab-image{text-align:center;margin:0 auto;} .centerBoxContentsAlsoPurch{float:none;width:95% !important;} #cartContentsDisplay tr td {display: block;overflow: hidden;text-align: left !important;width: 100% !important;} #cartContentsDisplay tr td.cartUnitDisplay {width: 10.2564%;} #cartContentsDisplay tr td {padding-bottom: 8px;padding-top: 8px;} #cartContentsDisplay tr td {-moz-box-sizing: border-box;color: #2E3233;font-size: 14px;vertical-align: middle;} tr.tableHeading{display:none;} .mobile-only{display:block;color:#8cb9fb;font-weight:bold;} .buttonRow{width:100% !important;} #shoppingCartDefault .forward, #shoppingCartDefault .back{float:none;width:100%;} .shop-help{display:none;} .cartAttribsList, #cartContentsDisplay .cartRemoveItemDisplay, #cartContentsDisplay .cartUnitDisplay, #cartContentsDisplay .cartTotalDisplay, #cartContentsDisplay .cartQuantity-mobile, #cartContentsDisplay .cartQuantity, #cartContentsDisplay .cartQuantityUpdate{padding-left:85px;} #cartContentsDisplay .cartRemoveItemDisplay{margin-bottom:10px;} #cartContentsDisplay .cartQuantity br{display:none;} .cart-products{} #cartContentsDisplay .cartQuantity-mobile input[type=text]{width:35px;} #cartContentsDisplay .cartUnitDisplay, #cartContentsDisplay .cartTotalDisplay, #cartContentsDisplay .cartQuantity-mobile{padding-left:85px;} #cartContentsDisplay td{border-bottom:none;} .qty-btns{width:80px;margin-top:10px;} .qty-btns img{float:right;vertical-align:middle;} .qty-btns input[type=image]{height:21px;float:left;margin-top:-5px;} .rowEven{background: #f4f4f4;} #cartContentsDisplay .cartTotalDisplay{padding-bottom:15px;} .cartTotalsDisplay{font-size:95%;} .checkout {margin-top:-10px;width:100%;} .checkout span.button_checkout{padding-left:90px;padding-right:90px;margin:0 auto;} .con-shop span.button_continue_shopping, .ship-est span.button_shipping_estimator{padding-left:53px;padding-right:53px;} .ship-est{margin-top:-20px;} #country, #stateZone{width:95%;} #shippingEstimatorContent .button_update{float:none;width:95% !important;margin-top:30px;} fieldset{border:none;border-bottom:1px solid #dbdbce;padding:5px;padding-bottom:20px;} legend{border:none;font-size:130%;margin-left:0;margin-bottom:0;padding:0;color:#444;line-height:25px;background:none;} #loginDefault .forward, #loginDefault .back{float:none;} #loginDefault .button_login, #loginDefault .button_submit{width:90% !important;} #loginDefault input[type=text], #loginDefault select, #loginDefault input[type=password]{width:88%;} .alert{position:relative;} .contact-left, .contact-right{float:none;width:100%;} #contactUsDefault input[type=submit]{width:95% !important;margin:35px auto 0 20px;position:relative;left:20px;} .button_back{padding-left:105px;padding-right:105px;margin-left:20px;display:none;} .buttonRow{width:100%;text-align:center;} .buttonRow input[type=submit]{width:95% !important;margin:0 auto;text-align:center;display:block;} #prevOrders{display:none;} #accountDefault p.forward{font-size:140%;text-transform:uppercase;float:none;text-align:left;margin-top:30px;} #accountDefault p.forward a:hover{color:#8c9bfb;} #accountLinksWrapper{margin-top:-20px;} #accountHistoryDefault .forward{} #addressBookDefault .button_add_address{padding-left:80px;padding-right:80px;} #addressBookDefault address{float:none;} ul.slimmenu.collapsed li ul.level2 li ul, ul.slimmenu1.collapsed li ul.level2 li ul{margin-left:-40px;} #checkoutPayment .floatingBox, #checkoutShipping .floatingBox{float:none;width:100%;} #checkoutConfirmDefault tr.cartTableHeading{display:none;} .ad{margin:30px auto 0 auto;display:block;} #home-text{width:100%;} .carouselImage img{width:200px !important;height:auto;} .review-write-left, .review-write-right, .all-reviews-left, .all-reviews-right{float:none;clear:both;width:100%;} .review-write-right{margin-top:80px;} .review-write-left{text-align:center;} #reviewWriteMainImage{float:none;} .all-reviews-right{border:none;margin-top:80px;} .button_write_review{padding-left:85px;padding-right:85px;display:block;margin:0 auto;} #productReviewsDefaultProductImage{float:none;clear:both;display:block;} #reviewsDefault .button_goto_prod_details{padding-left:20px;padding-right:20px;display:block;margin:0 auto;} #productReviewsDefaultProductImage{float:none;clear:both;display:block;} #reviewsWrite .button_goto_prod_details{padding-left:90px;padding-right:90px;display:block;margin:0 auto;} .button_reviews{padding-left:40px;padding-right:40px;} .reviews-details{width:100%;} .top-specials{display:none;} #cartContentsDisplay{width:80%;margin:0 auto;} #cartSubTotal{width:78%;margin:0 auto 30px auto;} #accountHistoryDefault .content{float:none;margin-bottom:30px;} #template-demo-top{display:none;} } @media (min-width:768px) and (max-width:979px){ .onerow-fluid>[class*="col"]{float:none;display:block;width:auto;margin:0;} img.listingProductImage{max-width:200px;} #headerWrapper,div#logoWrapper {height:auto;} div#logo IMG {clear:both;} .centerColumn{padding:0 0.5em 2.0em 0.5em;border:none;} .cartProductDisplay {text-align:left;padding:5px;} .cartQuantity INPUT {width:7%!important;} td.productListing-data INPUT {width:20%!important;} .leftBoxContainer, .rightBoxContainer {margin:0.5em;} input[type="text"],input[type="password"],select {width:95%;} div#advSearchDefault.centerColumn fieldset {clear:both;float:none;width:95%;} .cartProductDisplay {text-align:left;padding:5px;} .cartProductDisplay ul,span#cartProdTitle {text-align:left;padding:0px;margin:0;} div#checkoutBillto.back, div#checkoutShipto.forward,div#accountLinksWrapper {clear:both;float:none;width:95%;} th#thcol1,th#thcol3,td#tdcol1,td#tdcol3,.minWidthHide {display:none;visibility:hidden;} .minWidthShow {display:block;visibility:visible;} body {margin:0;padding:0;} a#foo2_next, a#foo1_next{right:0;} #logo, #tagline{margin-left:10px;} .banner span{font-size:140%;} #menu{} ul.slimmenu{position:relative;z-index:1000;background:#fff;} /*#navMainWrapper{width:72%;}*/ #navMainSearch input[type=text]{width:140px;} .slide-out-div{top:230px !important;} .ad{max-width:220px;} #home-text{margin:30px auto 0 auto;width:100%;} #home-images{margin:0 auto;width:95%;} #top-middle{width:99%;} .ffCcol4 h4{text-align:center;} #pi-left{float:none;width:97%;} #pi-right{float:none;width:92%;} .addthis_toolbox{width:50%;margin:0 auto;} .top-specials{display:none;} #top-inner-wrapper{margin-left:10px;} #navSuppWrapper{margin:0;} #mobile-nav1{display:none !important;} #mobile-nav1{padding:10px 10px;display:block;width:30%;float:right;margin-top:-50px;} #mobile-nav1 i{font-size:180%;margin-right:30px;color:#666;margin-top:10px;} #mobile-nav1 i:hover{color:#171717;} #mobile-nav1 #header-cart{margin-top:-25px;} .menu-collapser{margin-top:-130px;} .ffCcol4 .flexFooterColText{width:40%;margin:0 auto;} .flexFooterCol{width:100% !important;} .content-right{margin-left:30px;} #template-demo-top{display:none;} } @media (max-width:979px){ } /* @media (min-width:980px) and (max-width:1200px) { #mobile-nav1{display:none;} #top-middle{padding-top:0;background:none;} #top-middle .onerow-fluid{border-radius:0;} .ribbon:before, .ribbon:after, .ribbon1:before, .ribbon1:after, .ribbon2:before, .ribbon2:after{display:none;} .ribbon1-content:before, .ribbon2-content:after, .ribbon2-content:before{border-width:0;} .ribbon1 .ribbon1-content:before, .ribbon2 .ribbon2-content:after, .ribbon .ribbon-content:before, .ribbon .ribbon-content:after{border-width:0;} .ribbon2{width:auto;} #menu{width:100%;left:0;} #navSuppWrapper{background:#fff !important;} #footer-bottom a, #footer-bottom, #siteinfoLegal, #siteinfoLegal a{color:#444;} ul#col_1, ul#col_2, ul#col_3{margin-left:20px;} #flex-navSupp .ribbon{width:100%;} #custom-tab-text {width:60%;} .onerow-fluid{width:100%;} #mobile-nav{display:none;} #bannerSix{background:#fff;} #cur-lan-header1{display:none;} ul.slimmenu li .sub-collapser:before, ul.slimmenu1 li .sub-collapser:before{margin-right:0;} ul.slimmenu li a{padding:12px 20px;} .centerBoxContentsAlsoPurch, .centerBoxContentsProducts, .centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials {width:45% !important;} #pi-right{padding:20px;} } */ @media (min-width:980px) and (max-width:1600px) { #mobile-nav1{display:none;} #top-middle{padding-top:0;background:none;} #top-middle .onerow-fluid{border-radius:0;} .ribbon:before, .ribbon:after, .ribbon1:before, .ribbon1:after, .ribbon2:before, .ribbon2:after{display:none;} .ribbon1-content:before, .ribbon2-content:after, .ribbon2-content:before{border-width:0;} .ribbon1 .ribbon1-content:before, .ribbon2 .ribbon2-content:after, .ribbon .ribbon-content:before, .ribbon .ribbon-content:after{border-width:0;} .ribbon2{width:auto;} #menu{width:100%;left:0;} #navSuppWrapper{/*background:#fff !important;*/} #footer-bottom a, #footer-bottom, #siteinfoLegal, #siteinfoLegal a{color:#444;} ul#col_1, ul#col_2, ul#col_3{margin-left:20px;} #flex-navSupp .ribbon{width:100%;} #custom-tab-text {width:60%;} .onerow-fluid{width:100%;} #mobile-nav{display:none;} #bannerSix{background:#fff;} #cur-lan-header1{display:none;} ul.slimmenu li .sub-collapser:before, ul.slimmenu1 li .sub-collapser:before{margin-right:0;} ul.slimmenu li a{padding:12px 20px;} .centerBoxContentsAlsoPurch, .centerBoxContentsProducts, .centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials {width:45%} #pi-right{padding:20px;} .onerow-fluid{max-width:950px; width:100% !important;margin:0 auto;} #headerWrapper{max-width:950px; width:100% !important;margin:0 auto;} #headerWrapper #logoWrapper{padding-bottom:0% !important;} } @media (min-width:1200px){ /* The responsive code automatically adjusts the width to 100% on a desktop screen */ /* Changing the % (100%) to a px (980px) will keep .onerow-fluid from expanding past (980px) */ /* The below (margin:auto;) centers .onerow-fluid if changed to a (px) value */ .onerow-fluid{width:65%;*zoom:1;margin:0 auto;} #mobile-nav, #mobile-nav1{display:none;} /* The below code will also keep your header and footer from expanding past (980px) */ /* div#headerWrapper,div#navSuppWrapper{width:980px;margin:auto;} */ } /*Menu Css*/ /* common and top level styles */ @media (min-width:980px) and (max-width:1600px){ #headerWrapper #navMain ul#nav li#category-menu{display:none;} #headerWrapper #navMainWrapper.desktop{display:block;} #headerWrapper #navMainWrapper.responsive{display:none;} } #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu #menu-button { display: none; } #cssmenu { background: #86542c; background-image:url("../images/tile_back.gif"); } #cssmenu > ul > li { float: left; } #cssmenu.align-center > ul { font-size: 0; text-align: center; } #cssmenu.align-center > ul > li { display: inline-block; float: none; } #cssmenu.align-center ul ul { text-align: left; } #cssmenu.align-right > ul > li { float: right; } #cssmenu > ul > li > a { padding: 17px; font-size: 12px; letter-spacing: 1px; text-decoration: none; color: #dddddd; font-weight: 700; text-transform: uppercase; } #cssmenu > ul > li:hover > a { color: #ffffff; } #cssmenu > ul > li.has-sub > a { padding-right: 30px; } #cssmenu > ul > li.has-sub > a:after { position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; } #cssmenu > ul > li.has-sub > a:before { position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #cssmenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0; } #cssmenu ul ul { position: absolute; left: -9999px; } #cssmenu.align-right ul ul { text-align: right; } #cssmenu ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #cssmenu li:hover > ul { left: auto; } #cssmenu.align-right li:hover > ul { left: auto; right: 0; } #cssmenu li:hover > ul > li { height: 35px; } #cssmenu ul ul ul { margin-left: 100%; top: 0; } #cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; } #cssmenu ul ul li a { border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 11px 15px; width: 170px; font-size: 12px; text-decoration: none; color: #dddddd; font-weight: 400; background: #333333; } #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a { border-bottom: 0; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #ffffff; } #cssmenu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; } #cssmenu.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; } #cssmenu ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #cssmenu.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; } #cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; } @media all and (max-width: 980px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #loginDefault .floatingBox {width:90%;float:none} #loginDefault fieldset{border:1xp solid #dbdbce;} #loginDefault .floatingBox .buttonRow{width:200px !important;} #navSuppWrapper{height:auto !important;clear:both;} .leftBoxContainer, .rightBoxContainer{display:none;} #headerWrapper #navMainWrapper.desktop{display:none;} #headerWrapper #navMainWrapper.responsive{display:block;height:auto;} #headerWrapper #navMain #nav li#category-menu{display:block;} #headerWrapper #logoWrapper{clear:both;} #cssmenu { width: 100%; } #cssmenu ul { width: 100%; display: none; } #cssmenu.align-center > ul { text-align: left; } #cssmenu ul li { width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2); } #cssmenu ul ul li, #cssmenu li:hover > ul > li { height: auto; } #cssmenu ul li a, #cssmenu ul ul li a { width: 100%; border-bottom: 0; } #cssmenu > ul > li { float: none; } #cssmenu ul ul li a { padding-left: 25px; } #cssmenu ul ul ul li a { padding-left: 35px; } #cssmenu ul ul li a { color: #dddddd; background: none; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { color: #ffffff; } #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; } #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before { display: none; } #cssmenu #menu-button { display: block; padding: 17px; color: #dddddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; } #cssmenu #menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; } #cssmenu #menu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #dddddd; content: ''; } #cssmenu #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #cssmenu #menu-button.menu-opened:before { top: 23px; background: #ffffff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 46px; width: 46px; cursor: pointer; } #cssmenu .submenu-button.submenu-opened { background: url("../images/tile_back.gif");; } #cssmenu ul ul .submenu-button { height: 34px; width: 34px; } #cssmenu .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; } #cssmenu ul ul .submenu-button:after { top: 15px; right: 13px; } #cssmenu .submenu-button.submenu-opened:after { background: #ffffff; } #cssmenu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; } #cssmenu ul ul .submenu-button:before { top: 12px; right: 16px; } #cssmenu .submenu-button.submenu-opened:before { display: none; } }