/* Artfully masterminded by ZURB torn apart and put back together by Nailed It */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Extra Grids :: Media Queries */ /* ----------------------------------------- Extra Grids And Bits ----------------------------------------- */ .one-third, .row .one-third { width:33.33%; } .two-thirds, .row .two-thirds { width:66.66%; } .one-half, .row .one-half { width:50%; } .full-width, .row .full-width { width:100%; } .one-quarter, .row .one-quarter { width:25%; } .three-quarters, .row .three-quarters { width:75%; } .one-fith, .row .one-fith { width:20%; } iframe { min-width:100%; } #featured { display: block; } /* ----------------------------------------- Mozzilla Only ----------------------------------------- */ @-moz-document url-prefix() { .header .quick-access li a { padding:6px 9px 7px 20px; } } /* ----------------------------------------- Colours, Backgrounds & Fonts ----------------------------------------- */ /* Main */ body { color:#3b3a3a; font-family: Tahoma, Arial, sans-serif; border-color: #797979; } a { color:#3b3a3a; text-decoration:none; } a:hover { text-decoration:underline; color:#cd001c; } :focus { outline:0; } h1, h2, h3, h4, h5, h6 { font-weight: bold; font-style: normal; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 12px; margin-top: 12px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; } h1 { font-size:15px; font-weight:bold; } h2 { font-size: 13px; } h3 { } h4 { font-size: 13px; color:#383737; margin-top:0; } h5 { font-size:15px; font-weight:bold; } h6 { } button.button { padding:10px 15px; background:#e8e6e6; color:#333; } button.button:hover { background:#95cc00; } .sample { background:#089077 !important; color:white !important; } .button { padding:10px 15px; background:#e8e6e6; color:#333; border:0; } .button:hover { background:#95cc00; text-decoration:none; } .layered { text-align:left; } a.layered { color:white; height:38px; width:100%; display:block; font-size:16px; } .alternate { background:#089077; color:white; } .ex { margin-top:-5px; background:#95cc00 !important; } .green { background:#95cc00 !important; } .green span { color:#fff; } .btn-proceed-checkout { background:#95cc00 !important; padding:15px 25px !important; margin:5px 0; } .continue-shopping { background:#95cc00 !important; } .continue-shopping span { color:#fff; } .ex span { color:#fff; } .add-to-cart button.button { background:#95cc00; color:#fff; } .clear { float:left;clear:left; margin-top:10px; } .border-maker { border-top:5px solid #95cc00; } a.btn-remove2 { background: #95cc00 !important; padding: 15px 11px; color: white; font-weight: bold; display: block; font-size: 14px; text-indent: 0; overflow: visible; width: 30px; height: 30px; margin-left: 7px; } .checkout-onepage-index .opc button.button { background:#95cc00 !important; } .checkout-onepage-index .opc button span { color:#fff; } /* Header */ .cart-container { background:#797979; height:50px; border-top:5px solid #95cc00; } .cart-container a { background:url(images/icons/basket.png) no-repeat 3%; padding-left:60px; color:white; } .cart-container a span.check { background:#e8e6e6; color:#444; font-weight:bold; } .cart-container a span.check:hover { background:#95cc00; color:white; } .header .phonenumber p { color:#797979; background:url(images/icons/phone.jpg) no-repeat 0% 30%; } .header .left-links li a { color:#797979; font-size:11px; } .header .left-links li a:hover { color:#cd001c; } .header .quick-access li a { color:#30302f; background:#e8e6e6; font-weight:bold; font-size:10px; } .header .quick-access li a:hover { text-decoration:none; background:#95cc00; color:#fff; } .header .quick-access li.contact a { background:#E8E6E6 url(images/icons/contact-us-grey.png) no-repeat 4% 50%; } .header .quick-access li.contact a:hover { background:#95cc00 url(images/icons/contact-us-white.png) no-repeat 4% 50%; } .header .quick-access li.account a { background:#E8E6E6 url(images/icons/my-account-grey.png) no-repeat 4% 50%; } .header .quick-access li.account a:hover { background:#95cc00 url(images/icons/my-account-white.png) no-repeat 4% 50%; } .header .form-search { position:relative; } .form-search button.button { background: url(images/icons/spyglass.jpg) no-repeat 98% 50%; position: absolute; right: 5px; top: 17px; padding: 0 15px; height: 25px; } .header .banner { overflow:hidden; } .header .orbit-wrapper .timer,.header .orbit-wrapper .left,.header .orbit-wrapper .right { display:none; } /********** < Navigation */ .nav-container { background:#e8e6e6; border-top:5px solid #95cc00; } .cms-home #nav li.home a { color:#fff; background:#95CC00 url(images/icons/home.png) no-repeat 50%; text-indent: 300%; white-space: nowrap; overflow: hidden; width:50px;} #nav li.home a { background:#e6e8e8 url(images/icons/home-active-1.png) no-repeat 50%; text-indent: 300%; white-space: nowrap; overflow: hidden; width:50px; } #nav li.home a:hover { color:#fff; background:#95CC00 url(images/icons/home.png) no-repeat 50%; } #nav { float:left; margin-bottom:0; } /* All Levels */ /* Style consistent throughout all nav levels */ #nav li { border-right:1px solid #95CC00; } /* 0 Level */ #nav li.active a { color:#fff; background:#95CC00; } #nav a { color:#3b3a3a; background:#e8e6e6; font-weight:bold; } #nav li.over a, #nav a:hover { color:#fff; background:#95CC00; } /* 1st Level */ #nav ul li, #nav ul li.active, #nav ul li.over { color:#A54B45; } #nav ul li.parent a span { } #nav ul li.parent.level2 a span { font-weight: bold; border-bottom:#ddd dotted 1px; } #nav ul li.active { background:#95CC00; } /* 2nd Level */ #nav ul.level0 { background:#797979; } #nav ul.level1 .level2:hover { background:#797979; } #nav ul.level0 li:hover { background:#95CC00; } /* 3rd+ Level */ #nav ul li a { color:white !important; } /* Show menu */ /********** Navigation > *******/ /* Sidebar =============================================================================== */ .left-callout { border-top:5px solid #95cc00; } .block { border-top:5px solid #95cc00; } .block .block-title { font-size:13px; } .block .block-title strong { } .block .block-title strong span {} .block .block-title a { } .block .block-subtitle { } .block .block-content { } .block .block-content li.item { } .block .block-content li.item.last { } .block .block-content .product-name { } .block .btn-remove, .block .btn-edit { } .block .actions { } .block .actions a { } .block .actions button.button { } .block .empty { } .block .price-box { } .block button.button span { } /* Block: Layered Navigation */ .block-layered-nav { } .block-layered-nav .block-title { } .block-layered-nav .block-content { } .block-layered-nav .block-subtitle { font-weight:bold; } .block-layered-nav dt { background:#e8e6e6; } .block-layered-nav dd { } .block-layered-nav dd li { } .block-layered-nav dd a { } .block-layered-nav .currently { color:white; background:#089077; } .block-layered-nav .currently li { } .block-layered-nav .currently .label { background: none; padding: 5px 0; font-weight: normal; } .block-layered-nav .currently .value { padding: 5px; } .block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove { } .block-layered-nav .currently .btn-previous { } .block-layered-nav .actions { } .block-layered-nav .actions a { } /********** footer *******/ .footer .box { border-top:5px solid #95cc00; } .footer .tweet a { color:red; } .lower-footer { background:#797979; height:70px; width:100%; clear:both; } .lower-footer .credits { text-align:right; font-size:10px; padding:10px; color:#fff; } /********** Orbit *******/ div.orbit-wrapper div.slider-nav span.right { background: url('./images/foundation/orbit/right-arrow-small.png'); background-size: 100%; } div.orbit-wrapper div.slider-nav span.left { background: url('./images/foundation/orbit/left-arrow-small.png'); background-size: 100%; } /* Pager */ .pages { background: #fff; } .pages .amount { float:left; margin-left:10px; } .pages ol { display:inline; } .pages li { float:left; margin:0; padding:7px 0 0 14px; width:35px; height:35px; background:url(./images/pager-grey.png) no-repeat; } .pages .current { background:url(./images/pager-red.png) no-repeat; color:white; } .pages li.previous { background:url(./images/pager-prev.png) no-repeat; } .pages li.previous a { text-indent: -999px; display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;} .pages li.next { background:url(./images/pager-next.png) no-repeat; } .pages li.next a { text-indent: -999px; display:block; text-indent: 100%; white-space: nowrap; overflow: hidden;} /* Toolbar */ .toolbar { background: #E8E6E6; border-top:5px solid #95cc00; font-weight:bold; font-size:11px; } .toolbar label,.toolbar .limiter { font-weight:bold; font-size:11px; } /* View Type: Grid */ .main-image h1 { position:absolute; top:111px; left:21px; color:white; } .products-grid li .button.right:hover { background:#089077; } .products-grid li.item { border:1px solid #e8e6e6; } .products-grid li.item:hover {border:1px solid #95cc00;} .products-grid .product-name { font-size:12px; min-height:50px; } .products-grid .availability { line-height:21px; } .products-grid .actions { background:#ffffff; } .products-grid h2 { } .products-grid .regular-price .price { color:white; } .products-grid .price-box { background:#089077; } .products-grid .bounce .price-box { background:#95CC00; } .products-grid li.bounce .actions { background:none; } .products-grid .bounce .product-name a { color:white; font-weight: bold; text-decoration:underline; } .products-grid .bottom { background:#ffffff; } .products-grid .bounce .bottom { -webkit-box-shadow: 0px -20px 60px 30px rgba(0, 0, 0, .7); box-shadow: 0px -20px 60px 30px rgba(0, 0, 0, .7); } .btn-remove { background:url(./images/btn_remove.gif) 0 0 no-repeat; } /* Product View */ .more-views-slider { border-top:5px solid #95cc00; } .more-views-slider li a { border:2px #dfdfe2 solid; } .more-views-slider li a:hover { border:2px #95cc00 solid; } .more-views-slider .previous { background:url(./images/custom/nextprev.jpg) no-repeat 0%; } .more-views-slider .previous:hover { background:url(./images/custom/prevnext.jpg) no-repeat 0%; } .more-views-slider .next { background:url(./images/custom/prevnext.jpg) no-repeat 100%; } .more-views-slider .next:hover { background:url(./images/custom/nextprev.jpg) no-repeat 100%; } .related-slider .previous { background:url(./images/custom/nextprev.jpg) no-repeat 0%; } .related-slider .previous:hover { background:url(./images/custom/prevnext.jpg) no-repeat 0%; } .related-slider .next { background:url(./images/custom/prevnext.jpg) no-repeat 100%; } .related-slider .next:hover { background:url(./images/custom/nextprev.jpg) no-repeat 100%; } .related-slider .products-grid .bounce .bottom { -webkit-box-shadow: 0px -20px 10px 10px rgba(0, 0, 0, .0); box-shadow: 0px -20px 10px 10px rgba(0, 0, 0, .0); } .product-options .required em { display:none; } .product-options { background:#e8e6e6; } .add-to-cart { background:#e8e6e6; } .add-to-links { background:#fafafa; border:1px solid #f1f1f1; } .add-to-links a { font-size:10px; } .add-to-links li.productquestions-summary { background:url(images/icons/ask.png) no-repeat 0% 50%; } .add-to-links li.wishlink { background:url(images/icons/wishlist.png) no-repeat 0% 50%; } .add-to-links li.emaillink { background:url(images/icons/email.png) no-repeat 0% 50%; } .product-options select { background:#ffffff; border:#333 1px solid; height:30px; } .product-view .product-shop .availability { padding:5px 0px 5px 19px; width:70%; font-weight:bold; } .product-view .product-shop .availability span { font-weight:normal; color:#444; } .product-view .product-shop .availability.out-of-stock { background:#e8e6e6 url(images/icons/out-of-stock.png) no-repeat 1% 50%; } .product-view .product-shop .availability.in-stock { background:#e8e6e6 url(images/icons/in-stock.png) no-repeat 1% 50%;} .product-view .product-shop .availability.in-stock span {font-weight:bold; } .product-view .product-shop .availability.in-stock span span { font-weight:normal;} .product-options-bottom .old-price .price,.product-options-bottom .old-price .price-label,.product-options-bottom .special-price .price-label,.product-options-bottom .special-price .price { color:#666; text-decoration: none; } .product-options-bottom .old-price,.product-options-bottom .special-price { text-align: left; } .product-options-bottom .old-price span { float:left; } .product-options-bottom .old-price .price-label,.product-options-bottom .old-price .price { font-size:11px; float:left; width:auto; } .old-price,.special-price { text-align: center; } .old-price .price, .old-price .price-label, .special-price .price-label, .special-price .price { color:white; text-decoration: none; } .old-price span { float:left; width:100%; } .old-price .price-label, .old-price .price { font-size:10px; width:100%; } /* Product Questions */ .productquestions-container label { padding:5px 0; } .productquestions-container select { padding:5px 0; } /* Data Table */ .data-table { width:100%; } .data-table tr.odd { background:#f4f2f2; min-height:40px; padding:7px; border:0; } .data-table tr.even { background:#fff; min-height:40px; padding:7px; border:0; } .data-table tr { border:0 !important; } .data-table th { padding:2px 8px; text-transform:none; white-space:nowrap; } .data-table th.wrap { white-space:normal; } .data-table th a { color:#fff; } .data-table td { padding:10px; border:0; } /* Shopping Cart Table */ .cart-table td img { max-width:none; } .cart-table th { padding:10px; border-right: 1px solid #797979; } .cart-table td { padding:10px; border-right: 1px solid #797979; } .cart-table .product-name { font-weight:bold; margin:0 0 5px; color:#444; } .cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#df280a; } .cart-table tfoot td { padding:5px 10px; background: #797979; } .cart-table .btn-continue { float:left; } .cart-table .btn-continue span { background:none; padding:0; color:#4f8100; text-transform:none; text-decoration:underline; } .cart-table .btn-continue:hover span { text-decoration:none; } .cart-table .btn-update, .cart-table .btn-empty { float:right; } .cart-table .btn-update { margin-left:7px; } .cart fieldset { border:solid #797979; border-width:1px 0 1px 1px; padding:0; margin:0; } .data-table tbody th { font-weight:bold; width:40%; } /* Shopping Cart Collateral boxes */ .discounts { background:#e8e6e6; float:left; } .discounts .input-box { width:50%; float:left; } .discounts button,.totals button { background: #089077; color: white; } .totals { background:#797979; color:white; line-height:1.6; } .totals .checkout-types { background:#ffffff; } /* Login */ .login-box { padding:10px; margin:10px 0; background:#e8e6e6; height:365px; } .form-list { padding:10px 0; } .control input,.control label { float:left; padding:0 5px;} /* One Page Checkout */ .opc .buttons-set.disabled button.button { display:none; } .opc .ul { list-style:disc outside; } .opc { position:relative; } .opc li.section {} .opc .step-title { background:#eee; margin-bottom:5px; padding:10px; } .opc .step-title .number { background:#fff; border:1px solid #fff; color:#444; } .opc .step-title h2 { float:left; margin:0; color:#999; } .opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; } .opc .allow .step-title { background:#999; border-color:#999; border-top-color:#fff; color:#fff; } .opc .allow .step-title .number {} .opc .allow .step-title h2 { color:#fff; } .opc .allow .step-title a { color:#fff; } .opc .active .step-title { background:#95cc00; color:#fff; padding:10px; } .opc .active .step-title .number {} .opc .active .step-title h2 { color:#fff; } .opc .step { background:#fff; } #opc-login h3 { font-size:13px; border-bottom:1px solid #e4e4e4; } #opc-login h4 { font-size:1em; font-weight:bold; color:#2f2f2f; } #checkout-review-table-wrapper tfoot { text-align: right; } /* Ajax Cart */ .j2tajax-progress,.j2tajax-confirm { width:470px !important; border:0 !important; } .j2t-cart-bts-container { background:#ffffff; display: block; padding: 35px 5px; } .inner-ajax-content { padding:0 !important; border-top:5px solid #95cc00; } .j2t-cart-bts { width: 73%; margin: auto; height:30px; } #j2t_ajax_confirm_wrapper { background:#797979; } .j2tajax-checkout-txt { color:white; font-weight:normal; padding:10px 0 0 60px; background:url(images/icons/basket.png) no-repeat 3%; } .j2tajax-checkout-img { display:none; } /* ----------------------------------------- Blog ----------------------------------------- */ .blog .author, .blog .category { float:left; padding:3px; margin-right:10px; } .blog .post { border-bottom:5px solid #95cc00; float:left; clear:left; padding:10px 0; } .blog .pager { background:#797979; float:left; clear:left; width:100%; } .blog .pager ol { float:right; padding:5px 10px; } .blog h2 { font-size:14px; line-height:1; margin:5px 0; } .blog h3 { font-size:13px; } .blog .author a { padding-left:15px; } .blog .author a { background:url(images/icons/blog-admin.jpg) no-repeat; } .blog .author a:hover { background:url(images/icons/blog-admin-green.jpg) no-repeat; color:#95cc00; } .blog .category { background:url(images/icons/blog-file.jpg) no-repeat 0% 50%; padding-left:20px; } .blog .category:hover { background:url(images/icons/blog-file-green.jpg) no-repeat; } .blog .category a:hover { color:#95cc00; } .blog .category li { float:left; margin-right:5px; } .blog .post-content,.blog .post-title,.blog .subtitle,.blog .entry { float:left; clear:left; padding:5px 0; font-weight:normal; } .blog .image img { width:100%; } .blog .image { max-height:115px; min-height:70px; overflow-y: hidden; position:relative; } .blog .time { position:absolute; top:30%; left:0; z-index:10001; padding:10px; background:#797979; color:white; font-size:19px; } .blog .sidebar li { width:100%; margin:10px 0; } .blog .sidebar ul { margin-bottom:50px; } .blog .sidebar li a { display:block; background:#e8e6e6; padding:10px; } .blog .sidebar li a:hover { background:#95cc00; color:white; text-decoration:none; } .single .time { position:relative; width:100px; } .pages h1 { background:none; color:white; float:left; padding:0 10px; font-size:18px; } .rss_box li { padding: 10px 0; border-bottom: 1px #ddd solid; } .credits { background:#797979; } .globalmessage { margin:5px 0; float:left; clear:left; } /* ----------------------------------------- Removals ----------------------------------------- */ .mobile,.mobile-grass-cats,.related-slider-mobile { display:none; } /* ----------------------------------------- Media Queries ----------------------------------------- */ .mobile-grass-cats li { width:100%; margin:10px 0; } .mobile-grass-cats li a { display:block; background:#797979; padding:10px; color:white; font-weight:bold; } .mobile-grass-cats li a:hover { background:#95cc00; color:white; text-decoration:none; } .mobile-grass-cats img { width:100%; } .nav-mobile-button { width:100%; background:#797979; margin-top:10px; height:40px; padding-top:2px;} .nav-mobile-button a { display:block; text-indent: 100%; white-space: nowrap; overflow: hidden; background:url(images/icons/navigation-mobile.jpg) no-repeat; width:100%; height:100%; } .nav-mobile-hide li { width:100%; margin:10px 0; } .nav-mobile-hide ul li ul { margin-left:0; } .nav-mobile-hide ul li ul a { background:#f9f9f9; } .nav-mobile-hide li a { display:block; background:#e8e6e6; padding:10px; color:#333; font-weight:bold; } .nav-mobile-hide li a:hover { background:#95cc00; color:white; text-decoration:none; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .show_button,.hide_button { margin:5px; } .category-description.open { height:150px; } .home-desc { height:270px; } .home-desc.open { height:500px; } .home-desc.closed { height:270px; } } /* #slider ================================================== */ .trigger-container { width:100%; min-height:50px; } .trigger-container-big .trigger { background: url(/images/new-toggle-big.png) no-repeat; height: 63px; } .trigger-container-big .active { background-position: left bottom; } .trigger { padding: 21px 20px 0px 20px; margin-left: -2px; width:100%; background: url(../images/open-close-faq.png) no-repeat; height: 60px; font-size: 14px; font-weight: bold; float:left; cursor:pointer;} .trigger a { width:85%; color:#fff; text-decoration: none; display: block; cursor:pointer; padding-left:30px; } .trigger a span { float:right; color:#322e30; padding-right:5px; } .trigger a.big { margin-top:-10px; } .active { color:#000; background-position: left bottom; } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/ .active a { color:black; } .toggle_container { margin: 0; padding: 0; overflow: hidden; clear: both; } .trigger-container .block { border:1px solid #ddd; width:900px; margin:2px 0 5px 5px; padding:10px; background:#F6F6F6; } .randoms p { font-style:italic; color: #2B79AA; } /* Smaller than Tablet so central */ @media only screen and (min-width: 768px) and (max-width: 958px) { .row { overflow-x:hidden; width:768px; max-width: 100%; margin: 0 auto; } /* header Fixes */ .header { padding-bottom:0; } .header .phonenumber p { font-size:25px; } .header .quick-access { padding-top:5px; } .header .quick-access li { float: left; margin: 0 0px; width: 33%; overflow: hidden; } .header .quick-access li a { padding: 4px 5px 7px 17px; font-weight:normal; } .header .quick-access li a { background-position: 4% 40% !important; } .form-search button.button { top:8px;} .header .form-search { padding-top:5px; } .cart-container a span.amount { width:100%; } .cart-container .check { display:none; } /* Grid Fixes */ .products-grid li.item { width: 182px; height: 250px; } .products-grid li.bounce .actions { background:white; } .products-grid .bounce .bottom { -webkit-box-shadow: none; box-shadow: none; } .products-grid .bottom a.button { width:100%; } .products-grid .product-name { bottom:50px; } .products-grid .bounce .product-name a { color:black; font-weight: normal; text-decoration:none; } .main-image h1 { top:87px; } .home-banners { height:265px; } .related-slider .products-grid li.item { width:195px; margin:0; } .related-slider .products-grid li.item img { width:100%; } .related-slider .products-grid .actions, .related-slider .products-grid .bottom { width: 181px; border-bottom: 1px solid #E8E6E6; } .products-grid .product-name { bottom: 57px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .row { width: 480px; max-width: 100%; overflow-y:hidden; overflow-x:auto; margin: 0 auto; } /* header Fixes */ .logo a img { margin:auto; } .logo { padding:5px 0; } .header .quick-access { padding:3px 99px; } .header .phonenumber span { font-size:29px; color:#797979; } /* Carousel Fixes */ .related-slider-mobile { display:block; } .related-slider-mobile { position:relative; } .related-slider-mobile .carousel-wrap { height:253px !important; } .related-slider-mobile .carousel-control { position:absolute; top:-29px; width:20px; height:20px; cursor: pointer; zoom: 1; border: 0; } .related-slider-mobile .disabled { moz-opacity: .5; opacity: 0.50; filter: alpha(opacity=50); } .related-slider-mobile .previous { text-indent: -9999px; right:30px; z-index: 10;} .related-slider-mobile .next { text-indent: -9999px; right:0; } .related-slider-mobile .products-grid li.item { width:480px; margin:0; } .related-slider-mobile .products-grid li.item img { width:100%; } .related-slider-mobile .products-grid .actions, .related-slider .products-grid .bottom { width:480px; } .related-slider-mobile .previous { background:url(./images/custom/nextprev.jpg) no-repeat 0%; } .related-slider-mobile .previous:hover { background:url(./images/custom/prevnext.jpg) no-repeat 0%; } .related-slider-mobile .next { background:url(./images/custom/prevnext.jpg) no-repeat 100%; } .related-slider-mobile .next:hover { background:url(./images/custom/nextprev.jpg) no-repeat 100%; } .related-slider-mobile .products-grid .bounce .bottom { -webkit-box-shadow: 0px -20px 10px 10px rgba(0, 0, 0, .0); box-shadow: 0px -20px 10px 10px rgba(0, 0, 0, .0); } /* Removals Fixes */ .mobile,.mobile-grass-cats { display:block; } .left-links,.non-mobile,.col-right,.grass-cats,.footer-banners,.left-callout,.right-callout,.related-slider { display:none; } .home-banners { padding:0; height:243px; } .footer .sitemap { text-align:center; } .products-grid li.item { width:150px; height:289px; } .products-grid li.bounce .actions { background:white; } .products-grid .bounce .bottom { -webkit-box-shadow: none; box-shadow: none; } .products-grid .bottom a.button { width:100%; } .products-grid .product-name { bottom:61px; } .products-grid .bounce .product-name a { color:black; font-weight: normal; text-decoration:none; } .home-desc { height:340px; } .home-desc.open { height:650px; } .home-desc.closed { height:340px; } .cart-table { font-size:10px; } .cart-table .price { font-size:9px; } .cart-table .button.button { padding: 3px 3px; float:left; margin:0 3px; } .cart-table td { padding: 1px; } .cart-table td img { width:55px; height:auto; } .cart-table th { font-size:10px; font-weight:normal; padding:2px; } .j2tajax-progress,.j2tajax-confirm { width:300px !important; border:0 !important; } div.j2t-cart-bts { height:95px !important; width:50%; } .ex { display:none; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .row { width: 310px; max-width: 100%; margin: 0 auto; overflow-y:hidden; overflow-x:hidden; } /* header Fixes */ .logo a img { margin:auto; } .logo { padding:5px 0; } .header .quick-access { padding:0 13px; } .header .phonenumber span { font-size:20px; color:#797979; } .header .phonenumber p { font-size:20px; color:#797979; background:none; padding:0; } .products-grid .actions { height:50%; } .products-grid .product-name { bottom: 57px; } .category-description.open { height:200px; } /* Carousel Fixes */ .related-slider-mobile { display:block; } .related-slider-mobile { position:relative; } .related-slider-mobile .carousel-wrap { height:253px !important; } .related-slider-mobile .carousel-control { position:absolute; top:-29px; width:20px; height:20px; cursor: pointer; zoom: 1; border: 0; } .related-slider-mobile .disabled { moz-opacity: .5; opacity: 0.50; filter: alpha(opacity=50); } .related-slider-mobile .previous { text-indent: -9999px; right:30px; z-index: 10;} .related-slider-mobile .next { text-indent: -9999px; right:0; } .related-slider-mobile .products-grid li.item { width:310px; margin:0; } .related-slider-mobile .products-grid li.item img { width:100%; } .related-slider-mobile .products-grid .actions, .related-slider .products-grid .bottom { width:308px; } .related-slider-mobile .previous { background:url(./images/custom/nextprev.jpg) no-repeat 0%; } .related-slider-mobile .previous:hover { background:url(./images/custom/prevnext.jpg) no-repeat 0%; } .related-slider-mobile .next { background:url(./images/custom/prevnext.jpg) no-repeat 100%; } .related-slider-mobile .next:hover { background:url(./images/custom/nextprev.jpg) no-repeat 100%; } .related-slider-mobile .products-grid .bounce .bottom { -webkit-box-shadow: 0px -20px 10px 10px rgba(0, 0, 0, .0); box-shadow: 0px -20px 10px 10px rgba(0, 0, 0, .0); } /* Removals Fixes */ .mobile,.mobile-grass-cats { display:block; } .left-links,.non-mobile,.col-right,.grass-cats,.footer-banners,.left-callout,.right-callout,.related-slider { display:none; } .category-description.open { height:310px; } .home-desc { height:430px; } .home-desc.open { height:850px; } .home-desc.closed { height:430px; } .home-banners { padding:0; height:158px; } .footer .sitemap { text-align:center; } .products-grid li.item { width:230px; margin:5px auto; } .products-grid li.bounce .actions { background:white; } .products-grid .bounce .bottom { -webkit-box-shadow: none; box-shadow: none; } .products-grid .bottom a.button { width:100%; } .products-grid .bounce .product-name a { color:black; font-weight: normal; text-decoration:none; } .main-image h1 { top:65px; } ul.products-grid { float:none; width:230px; margin: 10px auto; } .cart-table { font-size:10px; background: #E9E9E9; } .cart-table .btn-update { display:none; } .cart-table .price { display:none; } .cart-table .button.button { padding: 3px 3px; float:left; margin:0 3px; } .cart-table td { padding: 3px; } .cart-table td.a-center { display:none; } .cart-table th.a-center { display:none; } .cart-table td,.cart-table th { background:none; border:0; } .cart fieldset { background:#f1f1f1; border: 1px #797979 solid; } .cart-table td img { width:75px; height:auto; } .j2tajax-progress,.j2tajax-confirm { width:300px !important; border:0 !important; } div.j2t-cart-bts { height:95px !important; width:50%; } .ex { display:none; } }