body { background: #fff; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 12px; color: #908E8E; margin: 0; padding: 0; } * { margin: 0; padding: 0; } .clear { clear: both } #wrap { width: 100%; margin: 0; } #content-wp { width: 960px; margin: 0 auto; } #content-wp img, #content-wp img a { border: none } .menu { display: none; } #mobile-nav { display: none; } /* Homepage featured content slider */ .featured .flexslider { position: relative; margin: 0 0 30px 0; } .featured .flex-control-nav { position: absolute; bottom: -36px; left:0; right:0; z-index: 5; width: auto;} .featured .flex-control-nav li a { width: 22px; height: 22px; background: url(https://www.blacksheepstore.co.uk/skin/frontend/default/store/images/nivo/bullets.png) no-repeat; } .featured .flex-control-nav li a.flex-active { background-position: 0 -22px } /* New products slider */ .new-products h3 { border-bottom: solid 2px #dfdfe0; text-align: center; text-transform: uppercase; color: #dfdfe0; margin: 0 0 5px 0; } .latest-products .flex-viewport li { position: relative } .product-list .overlay { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; background: url(https://www.blacksheepstore.co.uk/skin/frontend/default/store/images/sheep_small.png) no-repeat; padding: 60px 25px 0 25px; text-transform: uppercase; } .latest-products li:hover .overlay { display: block } .product-list .overlay a { color: #fff; text-decoration: none; } .product-list .overlay span.price { display: block; color: #fff; } .product-list .overlay .price-box { font-weight: bold } .product-list .product-name { margin: 0 0 10px 0 } .new-products .flexslider:first-child { margin-bottom: 30px } /* Brands slider */ .brands .flexslider { margin: 0 } .brands img:hover { opacity: .5 } .latest-products .flex-viewport li, .brands li { margin: 0 5px 0 0 } /* Default slider styles */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize } /* Clearfix for the .slides element */ .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1% } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 5px 0; background: #fff; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px } .flexslider .slides { zoom: 1 } .carousel li { margin-right: 5px } /* Direction Nav */ .flex-direction-nav { *height: 0 } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; font-size: 0; line-height: 0; } .flex-direction-nav .flex-prev { left: -50px; background: url(http://blacksheepstore.magentic.co.uk/skin/frontend/default/store/images/go-left-arrow.png) no-repeat; } .flex-direction-nav .flex-next { right: -50px; text-align: right; background: url(http://blacksheepstore.magentic.co.uk/skin/frontend/default/store/images/go-right-arrow.png) no-repeat; } .flexslider:hover .flex-prev { opacity: 0.7; left: -25px; } .flexslider:hover .flex-next { opacity: 0.7; right: -36px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1 } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1 } .flex-pauseplay a.flex-play:before { content: '\f003' } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px 0 0; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; cursor: pointer; text-indent: -9999px; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1 } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* Header */ #header { width: 960px; height: 141px; position: relative; margin: 0 0 8px; } ul#nav { list-style-type: none; text-align: center; margin: 0; padding: 0; } ul#nav li { list-style-type: none; color: #908E8E; font-size: 16px; text-transform: uppercase; display: inline; } ul#nav li a { color: #FFF; text-decoration: none; margin: 0 6px; padding: 0 6px; } ul#nav li ul li { background: #DFDFE0 } #header .account-links { text-align: right; font-size: 11px; color: #908E8E; position: absolute; right: 0; top: 35px; height: 20px; text-transform: uppercase; } #header .account-links a { color: #908E8E; text-decoration: underline; margin: 0 5px; } #header .account-links img { margin: 0 0 -3px } #header .account-links a.nomar { margin-right: 0 } #header ul.links { list-style-type: none; float: left; } #header ul.links li { border-right: 1px #999 solid } #header ul.links li:last-child { border-right: none; margin-right: 0; } #header ul.links a { color: #908e8e; text-decoration: none; margin: 0 8px 0 5px; } #header ul.links li:last-child a { margin: 0 0 0 5px } #header .bag { height: 30px; position: absolute; right: 0; top: 60px; color: #908E8E; font-size: 10px; text-transform: uppercase; text-align: right; z-index: 99999; line-height: 17px; padding: 0; } #header .search { width: 185px; height: 90px; position: absolute; left: 133px; top: 58px; } #header .form-search input#search { border: 1px solid #C9C9CE; color: #908E8E; width: 185px; height: 22px; float: left; text-align: center; } #header .form-search button.button span { background: #C9C9CE; border: none; height: 15px; width: 136px; cursor: pointer; position: relative; z-index: 9999; font-size: 18px; color: white; text-transform: uppercase; font-weight: 400; line-height: 100%; margin-top: 10px; padding-top: 5px; } #header .form-search button.button span span { background: none; border: none; margin-top: -5px; } #header .form-search button.button { background: none; float: left; position: relative; z-index: 99; width: 185px; } #hero { width: 960px; height: 400px; background: #fff url(http://sheep.digitalgoo.co.uk/skin/frontend/default/store/images/nivo/loading.gif) no-repeat 50% 50%; } #hero-foot { width: 924px; height: 24px; background: #C9C9CE; margin: 0 0 3px; padding: 10px 18px 0; } .cta-hero-left { float: left; font-size: 11px; color: #FFF; text-transform: uppercase; } .cta-hero-right { float: right; text-align: right; font-size: 11px; color: #FFF; text-transform: uppercase; } #home-promo-wp { width: 960px; height: 210px; margin: 0; } #home-promo-wp .head { background: #dfdfe0; width: 159px; height: 130px; float: left; } #home-promo-wp .head h2 { color: #fff; font-size: 24px; font-weight: 700; display: block; line-height: 24px; text-transform: uppercase; margin: 42px 0 0 12px; padding: 0; } .smaller { font-size: 19px; font-weight: 400; } #home-promo-wp .one { background: #fff url(http://sheep.digitalgoo.co.uk/skin/frontend/default/store/images/nivo/loading.gif) no-repeat 50% 50%; width: 475px; height: 200px; float: left; position: relative; margin: 10px 0 0; } #home-promo-wp .two, #home-promo-wp .three { background: #fff url(http://sheep.digitalgoo.co.uk/skin/frontend/default/store/images/nivo/loading.gif) no-repeat 50% 50%; width: 475px; height: 200px; float: right; position: relative; margin: 10px 0 0 3px; } #home-promo-wp .desc-promo { position: absolute; left: 0; bottom: 0; height: 17px; background-color: #908E8E; color: #FFF; font-size: 11px; width: 100%; text-indent: 4px; padding: 4px 0 0; } #strip { background: #c9c9ce; width: 924px; height: 26px; padding: 8px 18px 0; } .cta-strip-left { float: left; font-size: 16px; color: #fff; text-transform: uppercase; } .cta-strip-right { float: right; text-align: right; font-size: 16px; color: #fff; text-transform: uppercase; } #home-brands { width: 960px; height: 62px; } #home-brands .view-all { width: 78px; height: 36px; background-color: #333; color: #FFF; text-transform: uppercase; float: right; font-size: 11px; margin: 8px 0 0; padding: 10px 0 0 7px; } #home-brands .view-all a { color: #FFF; text-decoration: none; } #home-brands .brand-logos { width: 870px; height: 55px; float: left; margin: 4px 0 0 5px; } #quick-link { width: 924px; height: 213px; border-top: 1px #eee solid; padding: 23px 18px 0; } /* Footer */ .foot-section { float: left; height: 141px; border-right: 1px solid #eee; padding: 0; } .foot-section h3 { color: #908e8e; font-size: 13px; font-weight: 400; text-transform: uppercase; margin: 0 0 10px; padding: 0; } .foot-section ul { list-style-type: none; float: left; padding: 0; } .foot-section ul li { list-style-type: none; color: #908e8e; font-size: 11px; line-height: 15px; } .foot-section ul li a { color: #908e8e; text-decoration: none; } .connect { width: 144px; margin-left: 20px; } .shop { width: 369px; margin-left: 20px; } .support { width: 157px; margin-left: 20px; } .safe { width: 178px; margin-left: 20px; border-right: none; } .multi { margin-right: 40px } #footer { width: 924px; background: #c9c9ce; color: #908e8e; font-size: 10px; padding: 12px 18px 4px; } #footer-brands { width: 924px; nowhitespace: afterproperty; height: 10px; /*background: #eee;*/font-size:10px;color:#908e8e;margin:0 0 30px;padding:12px 18px 0; } #footer-brands ul { list-style-type: none;margin:0;padding:0; display: none; } #footer-brands ul li { list-style-type: none;display:inline;float:left;border-right:1px solid #333 } #footer-brands ul li a { color: #908e8e;text-decoration:none;margin:0 5px } #footer-brands ul li a:hover { color: #908e8e;text-decoration:underline } #footer-brands ul li:last-child { border-right: none } p.share { display: none;width:160px;height:26px;float:right;margin:-1px 0 0 } p.share img { margin: 0 0 0 8px } .seo-tx { width: 929px;margin:0 0 30px } .seo-tx p { font-size: 11px;color:#999;margin:0 0 10px } .seo-tx h1 { font-size: 18px;color:#908e8e;text-transform:uppercase;margin:0 0 10px;padding:0 } #narrow-by-list ol { margin-bottom: 25px;line-height:20px } .col-left .currently { margin: 0 0 20px } .more-info-catalog, .more-info-catalog-up { display: block;height:19px;border:1px solid #FFF;background:#333;font:bold 12px/19px Arial, Helvetica, sans-serif;text-align:center;white-space:nowrap;color:#fff;text-transform:uppercase;font-weight:400;float:left;margin:-3px 0 0 12px;padding:7px 28px } .share-garment { display: block;margin:15px 0 20px } .email-a-friend { text-transform: uppercase;display:block;width:65px;height:15px;text-align:center;color:#333;font-size:10px;float:left;background:#E8E8E8;margin:1px 28px 0 0;padding:3px 0 0 } .email-a-friend a { color: #333;text-decoration:none } .checkout-onepage-index #cms-tx .page-title { margin-bottom: 5px } .newsletter-wp-foot { width: 396px;float:right;margin:-4px 0 0;.margin-top:-16px } .newsletter-wp-foot h4 { float: left;line-height:30px;font-size:11px;color:#fff;font-weight:400;margin:-4px 8px 0 0 } .newsletter-wp-foot input#newsletter-f { width: 175px } .newsletter-wp-foot .validation-advice { clear: both;min-height:13px;padding-left:17px;font-size:11px;font-weight:700;line-height:13px;background:url(../images/validation_advice_bg-w.gif) 2px 0 no-repeat;color:#fff;margin:3px 0 0 } .newsletter-wp-foot button.button span { display: block;height:19px;border:1px solid #fff;background:#EEE;font:bold 12px/19px Arial, Helvetica, sans-serif;text-align:center;white-space:nowrap;color:#908E8E;padding:0 8px } .newsletter-wp-foot button.button span span { border: 0;padding:0 } .newsletter-wp-foot button.disabled span { background: #bbb!important;border-color:#bbb!important } .newsletter-wp-foot button.button::-moz-focus-inner { border: 0;padding:0 } .newsletter-wp-foot button.button { -webkit-border-fit: lines;overflow:visible;width:auto;border:0;background:transparent;cursor:pointer;margin:0;padding:0 } #slidingTopWrap { z-index: 999999;position:absolute;top:143px;right:50px;width:250px;padding:0 } #slidingTopContent { border: 3px #333 solid;background-color:#EEE;overflow:hidden;border-top:none;margin:0;padding:0 } #slidingTopFooter { background-image: url(../images/basketFooter.png);width:250px;height:40px;color:#666;font-size:12px;margin:-10px 0 0 } #slidingTopFooter A:link { color: #666;text-decoration:none } #slidingTopWrap ul, ol { display: block } #basketWrap { padding-bottom: 5px;background-color:#ebebeb;margin:10px } .block-currency { background: none;height:10px;margin:-15px -75px 0 0;padding:0 } .nav-container { background: #C9C9CE;height:22px;width:615px;position:absolute;right:0;top:97px;padding-top:4px } .page-title h1, .page-title h2 { font-size: 20px;color:#908e8e;text-transform:uppercase;margin:0;padding:0 } .new-products-home { width: 100%;padding:10px 0 } /*.cms-home .products-grid li.item{padding:6px 0 46px 16px} .cms-home .products-grid li.item:first-child{padding:6px 0 46px}*/ .sorter .view-mode { float: left; margin: 0 20px; } .pager { font-size: 11px; text-align: center; background: #DFDFE0; padding: 4px 8px; } .products-grid .product-name a { color: #908E8E; text-decoration: none; text-transform: capitalize; font-size: 14px; } .products-grid .product-name { margin-bottom: 12px } .products-grid li.item { text-align: center } .price-box { text-align: left; float: left; } .regular-price .price { font-weight: 700; font-size: 15px; color: #333; } .regular-price { border: 1px solid #C9C9CE; padding: 9px 9px 7px; } .product-name { font-weight: 700; margin: 0 0 10px; } .col1-layout .product-view .product-shop { width: 342px } .product-collateral h2 { font-weight: 700; font-size: 16px; color: #FFF; border: none; background: #C9C9CE; text-transform: uppercase; margin: 0 0 15px; padding: 6px 0 4px 6px; } .product-view .box-up-sell h2 { border: none; margin: 0 0 8px; padding: 6px 0 4px 6px; } .product-view .product-img-box .product-image-zoom, .product-view .product-img-box .product-image { position: relative; width: 600px; overflow: hidden; z-index: 9; height: 600px; text-align: center; } .product-view .product-img-box .product-image { margin: 0 0 6px } .product-shop h4.sizebuy { line-height: 1.35; text-transform: uppercase; color: #fff; font-size: 13px; background: #C9C9CE; margin: 0 0 15px; padding: 8px 9px 7px 6px; } .product-shop h3 { text-transform: uppercase; color: #c9c9ce; font-size: 18px; font-weight: 400; margin: 0 0 18px; } .product-view .product-shop .price-box { float: none } .add-to-cart button.button span { float: left; background: #333; color: #fff; display: block; width: 335px; height: 39px; font-size: 18px; font-weight: 700; text-align: center; cursor: pointer; text-transform: uppercase; margin: 0; padding: 7px 0 0; } .block-layered-nav .block-subtitle { line-height: 1.35; text-transform: uppercase; color: #FFF; font-size: 13px; background: #C9C9CE; padding: 8px 9px 7px 6px; } .products-grid button.button span { text-transform: uppercase; font-weight: 400; } .products-grid .actions { float: right; position: relative; bottom: 4px; } button.button span { padding: 7px 28px } .block-layered-nav dt { font-weight: 400; font-size: 13px; color: #908E8E; background: #DFDFE0; text-transform: uppercase; border: none; margin: 10px 0; padding: 3px 0 3px 6px; } button.btn-checkout span { height: 40px; border: 0; background: #333; font: bold 15px/40px Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; padding: 0 0 0 9px; } .opc .step { line-height: 22px } .block-account .block-title { background: #C9C9CE; border: 0; font-size: 13px; padding: 8px 9px 7px 6px; } .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span { background: #333; border-color: #fff; } .std h2 { font-size: 14px; text-transform: uppercase; font-weight: 400; margin: 0 0 10px; } .std p { margin-bottom: 15px } .category-description { margin: 20px 0 10px } .product-view .product-img-box .more-views li a { height: 92px } .theme-default .nivoSlider { position: relative; background: #fff url(https://www.blacksheepstore.co.uk/skin/frontend/default/store/images/nivo/loadingX.gif) no-repeat 50% 50%; } .theme-default .nivoSlider img { position: absolute; top: 0; left: 0; display: none; } .theme-default .nivoSlider a { border: 0; display: block; } .theme-default .nivo-controlNav { position: absolute; right: 10px; bottom: 10px; } .theme-default .nivo-controlNav a { display: block; width: 22px; height: 22px; background: url(https://www.blacksheepstore.co.uk/skin/frontend/default/store/images/nivo/bullets.png) no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float: left; } .theme-default .nivo-controlNav a.active { background-position: 0 -22px } .theme-default .nivo-directionNav a { display: block; /*width: 30px;height:30px;background:url(../images/nivo/arrows.png) no-repeat;text-indent:-9999px;border:0*/; } .theme-default a.nivo-nextNav { display: none;margin-right:10px;width: 30px;height: 44px;background: url(../images/go-right-arrow2.png);opacity:0.5; } .theme-default a.nivo-prevNav { display: none;margin-left:10px;width: 30px;height: 44px;background: url(../images/go-left-arrow2.png);opacity:0.5; } .theme-default .nivo-caption a { color: #fff;border-bottom:1px dotted #fff } .nivoSlider { position: relative } .nivoSlider img { position: absolute;top:0;left:0;display:block } .nivoSlider a.nivo-imageLink { position: absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:6;display:none;margin:0;padding:0 } .nivo-slice { display: block;position:absolute;z-index:5;height:100% } .nivo-box { display: block;position:absolute;z-index:5 } .nivo-caption { position: absolute;left:0;bottom:0;background:#000;color:#fff;opacity:0.8;width:100%;z-index:8 } .nivo-caption p { margin: 0;padding:5px } .nivo-caption a { display: inline!important } .nivo-directionNav a { position: absolute;top:45%;z-index:9;cursor:pointer } .nivo-prevNav { left: 0 } .nivo-nextNav { right: 0 } .nivo-controlNav a { position: relative;z-index:9;cursor:pointer } .nivo-controlNav a.active { font-weight: 700 } .theme-default .nivo-caption a:hover { color: #fff } #logo, .product-view .product-shop .short-description { margin: 0px; } ul#nav li.last a, .theme-default .nivo-caption a:hover { color: #fff } .show-bag, #header .form-search label, .col-left .block-subscribe, .block-compare, .block-wishlist, .block-viewed, .block-currency .block-title, .col-left .block-currency, .cms-home .toolbar, .cms-home .toolbar-bottom, .product-view .product-img-box .zoom, .zoom-notice, .product-view .product-img-box .more-views h2, .block-cart, .block-wishlist, .block-subscribe, .block-compare, .block-reorder, .block-poll, .block-viewed, .block-compared, .block-related, .block-tags, .block-login, .nivo-html-caption { display: none } ul#nav li ul li a, ul#nav li ul li.last a { color: #908E8E;text-indent:5px } #header .account-links a:hover, #header ul.links a:hover, #header .bag a, .cta-hero-left a:hover, .cta-hero-right a:hover, .cta-strip-left a:hover, .cta-strip-right a:hover { text-decoration: none } #header .bag a:hover, .foot-section ul li a:hover { text-decoration: underline } .cta-hero-left a, .cta-hero-right a, .cta-strip-left a, .cta-strip-right a, .more-info-catalog a, .more-info-catalog-up a { color: #fff;text-decoration:none } .toolbar, .product-name h1 { text-transform: capitalize } #opc-login h4, .block-progress .block-title strong, .box-account .box-head h2, .block-account .block-content li.current, .block-account .block-content li a:hover, .fieldset .legend { color: #908E8E } #searchbrand { border-top: 2px solid #DFDFE0;border-bottom:2px solid #DFDFE0;width:960px;height:80px;padding:3px 0;margin:10px 0 2px } .slider-wrapper, .nivoSlider { height: 400px } .fb-like { width: 100% } .cart-table tfoot td { padding: 5px 10px 20px 10px } .cart .discount { padding-bottom: 18px } #header, .nav-container { z-index: 99999 } ul#nav li ul { margin-left: 0;padding-left:0;text-align:left } ul#nav li ul li { background: none } ul#nav li ul li a { text-indent: 0 } #secondaryNavigation em { font-style: normal } #categoryMenuList li { width: 160px;display:block;margin-bottom:4px;float:left } #categoryMenuList li ul li { width: 145px;border-style:none;margin:0;padding:0 } #categoryMenuList li ul { margin-left: 0 } #nav > li:hover > ul { display: block;margin-left:0;padding-left:0 } #maincontainerdd { position: absolute;display:none;overflow:hidden;left:0;z-index:99999;top:22px;width:596px;border-right:#DFDFE0 2px solid } .ddmenuheader a { color: #333!important;padding:0!important } .ddmenuheader a:hover { background: none!important } #ddmenuitems a { line-height: 1.4em;color:#908E8E;font-size:12px!important } dl.menuCol { width: 142px!important;float:left;text-align:left;margin:0 10px 10px 0;padding:0 } .noborder { border-left: none!important } dl.menuCol dt { line-height: 1.2em;width:138px!important;display:block;margin-bottom:1px;font-size:1em;font-weight:700;text-decoration:none!important;text-transform:uppercase;padding:0 0 0 5px } dl.menuCol dd { margin-bottom: 10px;float:left } dl.menuCol dt a { text-decoration: none;color:#908E8E } dl.menuCol dt a:hover { background-color: #DFDFE0 } dl.menuCol dd li { float: left!important;clear:left;margin:1px 0 } dl.menuCol dd li a { display: block;background:none transparent scroll repeat 0 0;float:left;font-size:.85em;text-decoration:none;padding:1px 15px 1px 5px } dl.menuCol dd li a:hover { background: #DFDFE0;text-decoration:none } #ddmenuitems { border-bottom: #DFDFE0 2px solid;border-left:#DFDFE0 2px solid;width:646px;float:left;border-top:#DFDFE0 10px solid;border-right:#DFDFE0 2px solid;background:#fff } #maincontainerdd li { width: 570px!important;display:block;background:#fff } #maincontainerdd #ddmenuitems li { width: 446px!important;_width:466px;padding:10px } #maincontainerdd #ddmenuitems li ul li { width: 165px!important;padding:0 } .old-price { float: left } .special-price .price, .old-price .price { font-size: 15px;font-weight:700;color:#333;border:1px solid #C9C9CE;padding:9px 9px 7px } .special-price { float: left;margin:-3px 0 0!important;padding:3px 0; } #register-customer-newsletter { width: 100% } .special-price .price { color: red } .product-view .product-shop .price-box { height: 30px } #acp_product_options { border: 1px solid #000;padding:40px } #aw_acp_continue { color: #fff;background:#ccc;text-align:center;text-transform:uppercase;width:150px;font-size:10px;padding:10px 0 } #aw_acp_checkout { color: #fff;background:#333;text-align:center;text-transform:uppercase;width:150px;font-size:10px;padding:10px 0 } #acp_configurable_block dt { text-align: left;padding-left:0 } div.ajaxcartpro_confirm { border: 1px #000 solid;padding:40px } div.ajaxcartpro_confirm p { margin-bottom: 20px } div.ajaxcartpro_confirm #aw_acp_continue { margin-bottom: 10px } div.ajaxcartpro_confirm #aw_acp_checkout { margin-top: 10px } .category-products .products-grid li.item { width: 242px } .category-products .products-grid .product-image { width: 242px;height:242px;position:relative } .onsaleicon { position: absolute;right:0;top:0 } /*.new-products-home .products-grid li.item{width:234px!important}*/ .newicon { position: absolute;left:0;top:0 } .new-products-home .products-grid .product-image { width: 242px!important;height:242px!important; } /*.cms-home .products-grid li.item:first-child{padding:6px 0 0} .cms-home .products-grid li.item{padding:6px 0 0 8px}*/ .needhelp { float: right; text-align: right; margin-top: -50px; background: url(../images/phone.jpg) no-repeat right; padding: 3px 45px 3px 0; } .needhelp span { font-size: 1.6em; font-weight: bold;} .productWrap { overflow: hidden; clear: both; position: relative; margin: 0 -21px 0 0; width: 960px; } #categoryMenuList LI UL LI A, .guest-reg { color: #908E8E } .jsenabled#maincontainerdd, .jsenabled#menMenuItemsContainer { position: absolute; text-align: left; background-color: #cadb2a; width: 950px; float: left; top: 28px; left: 0; } .menuShow.jsenabled#maincontainerdd, .menuShow.jsenabled#menMenuItemsContainer { display: block } .jsenabled LI, .jsenabled LI DIV { width: 100%; display: block; float: left; } .jsenabled LI DIV UL, .jsenabled LI DIV LI { float: none } .special-price .price-label, .old-price .price-label, #acp_product_options .price-box { display: none } .productWrap li {margin: 0px; width: 242px; height: 242px; position: relative; z-index: 100;}.productWrap li:hover .overlay {display: block;}.productWrap .overlay {padding: 60px 25px 0 25px;left: 0px;top: -7px;width: 192px;height: 182px;display: none;background: url(../images/sheep_small.png) no-repeat;position: absolute;}.productWrap .overlay-home {padding: 55px 25px 0 25px;left: 0px;top: -7px;width: 192px;height: 182px;display: none;background: url(../images/sheep_small.png) no-repeat;position: absolute;}.productWrap .overlay .product-name a {color: #fff !important}.productWrap .overlay .price-box {margin: 3px 0;width: 100%;text-align: center;}.productWrap .overlay .regular-price {border: none !important;padding: 0px !important;}.productWrap .overlay .regular-price .price {color: #fff;}.productWrap .overlay .product-name {margin-bottom: 6px;}.productWrap .overlay .viewit {color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold}.productWrap .overlay .viewit:hover {text-decoration:underline} .shop { width: 229px } .nhelp { width: 128px; margin-left: 20px; } ul.tabs { display: block; margin: 0; padding: 0; height: 40px; } ul.tabs li { display: block; width: auto; height: 30px; padding: 0; float: left; margin: 0; } ul.tabs li a { height: 19px; border-color: #C9C9CE; border-style: solid; border-width: 1px 1px 1px 0; width: 120px; margin: 0; padding: 10px; float: left; font-weight: bold; text-transform: uppercase; text-align: center; cursor: pointer; text-decoration: none; border-bottom: none; } ul.tabs li a.active { background: #fff; border-color: #C9C9CE; border-style: solid; border-width: 1px 1px 1px 0; border-bottom: 2px solid white; } ul.tabs li:first-child a.active { margin-left: 0 } ul.tabs li:first-child a { border-width: 1px 1px 0 1px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; } ul.tabs li:last-child a { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } ul.tabs-content { margin: -1px 0 20px 0; display: block; background: none; padding: 20px; width: 918px; border: 1px solid #C9C9CE; height: auto; background: #fff; } ul.tabs-content > li { display: none } ul.tabs-content > li.active { display: block } ul.tabs:before, ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } ul.tabs:after { clear: both } ul.tabs { zoom: 1 } div.block-layered-nav dt { cursor: pointer; padding-left: 6px; background: #DFDFE0; } div.block-layered-nav dt.amshopby-collapsed { background: #DFDFE0 } .catalog-seo-sitemap-category .pager, .catalog-seo-sitemap-product .pager { padding: 10px 8px } .catalog-seo-sitemap-category ul.sitemap, .catalog-seo-sitemap-product ul.sitemap { text-transform: none !important; list-style: disc !important; padding-left: 40px !important; } .catalog-seo-sitemap-category ul.sitemap li a, .catalog-seo-sitemap-product ul.sitemap li a { text-decoration: none } .catalog-seo-sitemap-category ul.sitemap li a:hover, .catalog-seo-sitemap-product ul.sitemap li a:hover { text-decoration: underline } button.btn-checkout span { padding: 0 9px 0 9px !important } .xsitemap-index-index .page-head h3 { font-size: 20px; color: #908E8E; text-transform: uppercase; margin: 0; padding: 0; width: 100%; margin: 0 0 25px; } .xsitemap h3 { font-size: 15px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; } .xsitemap-categories a, .xsitemap-pages a { color: #908E8E; font-weight: normal; } .xsitemap-categories a:hover, .xsitemap-pages a:hover, .xsitemap-pages li.level-0 category a, .xsitemap-categories li.level-0 category a { text-decoration: none } .currency_switcher { width: 130px; overflow: hidden; text-align: left; float: right; clear: both; display: inline; font-size: 8px; margin-top: 5px; } .currency_switcher li { height: 22px } .currency_switcher li a { background: url(../images/currency.jpg) 0 0 no-repeat; background: #C9C9CE; color: #fff !important; line-height: 18px; width: 42px; font-size: 1.5em; text-align: center; text-decoration: none !important; display: inline-block; } .currency_switcher li a:hover { background: #C9C9CE; color: #fff !important; } .currency_switcher li a.selected { background: url(../images/currency.jpg) 0 0 no-repeat; background: #C9C9CE; color: #AD241F !important; line-height: 18px; width: 42px; font-size: 1.5em; text-align: center; text-decoration: none !important; display: inline-block; } /* jCarousel */ .all_brands { width: 965px !important } .all_brands button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/ float: left; } .all_brands_container { position: relative } .all_brands_container a.prev_arrow { display: block; float: left; width: 28px; background-image: url("../images/go-left-arrow.png"); padding-top: 30px; margin-top: 20px; height: 10px; opacity: 0.3; position: absolute; z-index: 10; } .all_brands_container a.next_arrow { background-image: url("../images/go-right-arrow.png"); float: right; padding-top: 30px; margin-top: 20px; height: 10px; width: 28px; display: block; opacity: 0.3; position: absolute; right: 0px; z-index: 10; } .all_brands_container a.next_arrow:hover { background-image: url("../images/go-right-arrow.png"); opacity: 1; } .all_brands_container a.prev_arrow:hover { background-image: url("../images/go-left-arrow.png"); opacity: 1; } .all_brands_container a:hover, .all_brands_container a:active { border: none; outline: none; } .all_brands .jCarouselLite { border: 1px solid black; float: left; background-color: #dfdfdf; /* Needed for rendering without flicker */ position: relative; visibility: hidden; left: -5000px; } .all_brands ul { margin: 0 } .all_brands li img, .all_brands li p { background-color: #fff } /* Home products */ .all_products { width: 960px !important } .all_products button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/ float: left; } .all_products_container { height: 265px } .all_products_container a.all_products_prev { /*background-image: url("../images/slider-arrow-left.png");*/ background-image: url("../images/go-left-arrow.png"); float: left; padding-top: 30px; margin: 106px 11px 0 0; height: 10px; width: 28px; display: block; opacity: 0.3; position: absolute; z-index: 999; } .all_products_container a.all_products_next { /*background-image: url("../images/slider-arrow-right.png");*/ background-image: url("../images/go-right-arrow.png"); float: right; padding-top: 30px; margin: 106px 0 0 0; height: 10px; width: 28px; display: block; opacity: 0.3; position: absolute; z-index: 9999; float: right; right: 0; } .all_products_container a.all_products_next:hover { /*background-image: url("../images/slider-arrow-right.png");*/ background-image: url("../images/go-right-arrow.png"); opacity: 1; } .all_products_container a.all_products_prev:hover { /*background-image: url("../images/slider-arrow-left.png");*/ background-image: url("../images/go-left-arrow.png"); opacity: 1; } .all_products_container a:hover, .all_products_container a:active { border: none; outline: none; } .all_products .jCarouselLite { border: 1px solid black; float: left; background-color: #dfdfdf; /* Needed for rendering without flicker */ position: relative; visibility: hidden; left: -5000px; } .all_products ul { margin: 0 } .all_products li { width: 242px !important } .all_products li img, .all_products li p { background-color: #fff } .blog-wrapper { width: 720px; float: left; } .blog-post { width: 220px; float: left; padding-right: 20px; min-height: 390px; } .blog-post h3 { height: 19px; color: #000; text-transform: capitalize; border-bottom: 1px solid #ccc; padding-bottom: 7px; } .blog-post h3 a { color: #000; text-decoration: none; } .blog-post h4 a { color: #000; text-decoration: none; } .post-grid-image { padding: 5px 0 15px 0 } #team-sidebar { width: 230px; float: right; font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif; } #team-sidebar h2 { font-size: 14px; text-transform: capitalize; padding: 15px 0 15px 0; } #team-sidebar h3 { font-size: 18px; text-transform: capitalize; border-bottom: 1px solid #ccc; padding-bottom: 5px; color: #000; } #team-sidebar ul li { padding: 5px 0 } #team-sidebar ul li a { text-decoration: none; font-size: 12px; } .wp-pagenavi { width: 100%; text-align: center; height: 20px; padding-bottom: 15px; } .wp-pagenavi .pages { display: none } .wp-pagenavi span.current, a { /*padding: 5px;*/ } .wp-pagenavi a.smaller { font-size: 12px } .wp-pagi-current { padding: 5px !important } .larger { padding: 5px !important } .smaller { padding: 5px !important } .social-block { width: 230px; nowhitespace: afterproperty; float: right; /*position: absolute; right: 152px; bottom: -616px;*/ ; } .social-block h3 { font-size: 16px; text-transform: capitalize; border-bottom: 1px solid #ccc; padding-bottom: 5px; font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif; } .social-block .social-img { padding: 8px 3px 10px 0; float: left; width: 28px; } .social-block a { padding: 0px } .entry-date { border-bottom: 1px solid #ccc; padding-bottom: 2px; margin-bottom: 10px; } .thumbnail-img { border: 10px solid #ECECEC !important } .featured { display: none } a.cart { display: none;} .res-hidden { display: none !important;} .stock-availablity-price { display: inline-block; float: right; margin-top: 0px;} .price-box { height: auto;} .right-link-img-1 { padding: 13px 0 0 10px; width: 19px; float:left; } .down-link-img-1 { padding: 13px 0 0 10px; width: 19px; float:left; display: none; } .right-link-img-2 { padding: 13px 0 0 10px; width: 19px; float:left; } .down-link-img-2 { padding: 13px 0 0 10px; width: 19px; float:left; display: none; } .right-link-img-3 { padding: 13px 0 0 10px; width: 19px; float:left; } .down-link-img-3 { padding: 13px 0 0 10px; width: 19px; float:left; display: none; } .sitemap-wrapper { width: 100%; float: left; text-transform: uppercase; } .sitemap-container { width: 33%; float: left; } .categories { padding-left: 20px !important; } /*========================================== RESPONSIVE STARTS HERE ==========================================*/ @media only screen and (max-width:568px) { /* Core Structure */ .res-hidden { display: block !important; } .featured { display: block; } .nhelp, .safe, .home-boxes, .new-products-home-title, #hero, #searchbrand, .account-links, .bag, #footer-brands, .nav-container, .facebook-wrapper, .instagram-wrapper, .widget-header { display: none } #quick-link, #content-wp, #header, #hero, #searchbrand, #home-promo-wp, .seo-tx, #footer, #footer-brands, .productWrap, .all_brands { width: 100% !important } .one, .two { width: 90% !important; margin: 20px 5% !important; background: none !important; height: auto !important; } .two { float: left !important } .one img, .two img { width: 100%; height: auto; } #wrap { width: auto; max-width: 940px; } .main { min-height: 300px; box-sizing: border-box; padding: 20px; } .col2-right-layout { margin-top: 20px } .wrapper { min-width: 0 } .col-main { width: 100% } .form-list .field { float: left; width: 100%; } .dashboard .welcome-msg { margin: auto; } .box-account { margin: 10px 0 10px 0; } .col2-set .col-1, .col2-set .col-2 { float: left; width: 100%; } /* .col2-set .col-2 { margin: 15px 0; }*/ .sidebar { float: left; width: 100%; margin: 20px 0 0 0; } .form-list select { width: 103%; } #payment_method { margin-top: 10px; } .billing-agreements .button { margin-top: 10px; margin-left: 0 !important; } #home-promo-wp { height: auto !important;} .item > div { margin-top: 20px; } .pager .limiter { float: none; } .pages { font-size: 15px !important; margin: 10px 0 0 0 !important; } .needhelp { margin-top: 0 !important;} .add-to-links { display: none;} .account-sidemenu .block-content ul li:nth-child(6), .account-sidemenu .block-content ul li:nth-child(7), .account-sidemenu .block-content ul li:nth-child(8), .account-sidemenu .block-content ul li:nth-child(9), .account-sidemenu .block-content ul li:nth-child(10), .account-sidemenu .block-content ul li:nth-child(12) {display: none;} /* Checkout */ .page-title .checkout-types { display: none;} .cart .totals { width: 100%; float: none; box-sizing: border-box; padding: 5px;} .cart-collaterals .col2-set .col-2 { width: 100% !important; } .cart-collaterals .col2-set { width: 100% !important; float: none !important;} #shopping-cart-table tbody tr td:nth-child(3), #shopping-cart-table tbody tr td:nth-child(4), #shopping-cart-table tbody tr td:nth-child(1), #shopping-cart-table tbody tr td:nth-child(8), #shopping-cart-table tbody tr td:nth-child(7) { display: none } #shopping-cart-table thead tr th:nth-child(4), #shopping-cart-table thead tr th:nth-child(1), #shopping-cart-table thead tr th:nth-child(3), #shopping-cart-table thead tr th:nth-child(7), #shopping-cart-table thead tr th:nth-child(9) { display: none } #shopping-cart-table .btn-continue, #shopping-cart-table .btn-update { float: none; display: block; margin: 5px 0;} #shopping-cart-table a.right:last-child { border-right: 0;} #shopping-cart-table .last th:nth-child(8) { display: none;} #shopping-cart-table .last td:nth-child(1) { width: 60%; } .cart .a-right { text-align: left!important;} .cart .totals .checkout-types { padding: 8px 5px 15px !important;} .cart .discount .input-box, .cart .discount .input-text { width: 100% !important; } .cart .totals .checkout-types { text-align: left !important;} .checkout-types li:nth-child(2) { display: none; } /* Header */ h1.logo { width: 100%; height: 60px; } a.logo { margin: 0 20%; width: 60%; display: block; height: 60px; } .logo img { display: none } .mm-menu { z-index: 999 !important } #header, .nav-container { z-index: 1 !important } #header { background: url(../images/bsm.jpg) no-repeat center 3px; background-size: 50%; height: 150px; } #header .search { width: 90%; height: 90px; position: absolute; left: 10%; top: 90px; display: block; -webkit-appearance: none;} #header .form-search button.button span { border: none; height: 30px; width: 30px; padding: 0; line-height: 0; margin: 0; background: url(../images/searchicon.png) no-repeat 100% 100%; background-size: 96%; margin-left: -1px; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;} #header .form-search button.button { background: none; float: left; position: relative; z-index: 99; display: inline-block; width: 14%; height: 30px; } #header .form-search input#search { border-top: 1px solid #000; color: #908E8E; width: 78%; height: 30px; float: left; text-align: center; padding: 0; display: inline-block; border-left: 1px solid #000; border-bottom: 1px solid #000; } #header .form-search button.button span span { margin: 0; font-size: 0px;} input { -webkit-appearance: none; border-radius: 0;} /* Navigation */ .menuCol { display: none;} .menuCol:first-child { display: block;} .ddmenuheader { display: none !important;} a.menu { display: block; background: url(../images/nav.png) no-repeat; width: 30px; height: 21px; position: absolute; top: 35px; left: 20px; color: transparent; z-index: 990; } a.cart { display: block; background: url(../images/trolley.png) no-repeat; width: 40px; height: 40px; position: absolute; top: 25px; right: 20px; color: transparent; z-index: 990;} body { -webkit-text-size-adjust: 100%; } #mobile-nav { background: #222; overflow: scroll; } ul#mobile-nav dl.menuCol dd { margin: 0 !important;} ul#mobile-nav li { display: block; float: none; padding: 0; margin: 0; } ul#mobile-nav > li a { padding: 20px 20px !important;} ul#mobile-nav li ul li a { padding: 20px 40px !important; font-size: 12px !important;} ul#mobile-nav li a { background: #222; border-bottom: solid 1px #444; display: block; margin: 0; padding: 20px 0; color: #bfbfbf; text-decoration: none; font-size: 13px !important; } ul#mobile-nav li a:hover, ul#mobile-nav li a.over { background: #171717 } #mobile-nav dl dd a { font-size: .7em !important } #mobile-nav.mm-opened { display: block; } #mobile-nav dl.menuCol.noborder { overflow: hidden; } #maincontainerdd { position: relative; padding: 0; margin: 0; background: #222; border: none; top: 0; display: none; width: 100%; } #ddmenuitems { border: none; margin: 0; padding: 0; background: #171717; width: 100%; } dl.menuCol { float: none; width: 100% !important; } .menuCol dd { width: 100%; float: none; } #maincontainerdd #ddmenuitems li { width: 100% !important; padding: 0; } #maincontainerdd #ddmenuitems li ul li { width: 100% !important; } dl.menuCol dd li a { float: none; padding-left: 30px !important; } dl.menuCol dt { padding: 0; margin: 0; width: 100% !important; clear: both; } dl.menuCol dt a { color: #bfbfbf !important; padding: 20px !important; margin: 0; } /* Footer */ #footer { box-sizing: border-box; padding-bottom: 20px;} #footer h4, #footer .copywrited { text-align: center; float: none; margin: 0;} #footer .newsletter-wp-foot { width: auto; float: none;} #footer ul { display: none !important } #footer h3:hover > ul { display: block !important } .foot-section { float: none; text-align: center; width: 100%; margin-left: 0 !important; height: auto !important; } .foot-section h3 { background: #222; padding: 20px 0; margin: 0; border-bottom: solid 1px #444; } .foot-section ul { float: none; display: none; } .foot-section li { background: #171717; border-bottom: 1px solid #444; padding: 13px; } .foot-section li a { font-size: 13px; display: block; } .active { display: block; } .track-order-text { margin: 0; background: #222; font-size: 13px; padding: 20px 0; border-bottom: solid 1px #444;} .newsletter-signup-btn { display: block;} #quick-link { margin: 0 !important; padding: 0 !important; height: auto } #footer .mini-newsletter fieldset { width: 80%; margin: 0 auto;} #footer .mini-newsletter input[type="email"] { width: 70%;} #footer .mini-newsletter button { width: 25%} #footer .mini-newsletter button span { padding: 0; font: bold 10px/20px Arial, Helvetica, sans-serif;} .newsletter-wp-foot input#newsletter-f { width: 150px } /* Tabs */ ul.tabs li { display: block; width: auto; height: auto; padding: 0; float: none; margin: 0; } ul.tabs li a { height: 19px; border-color: #c9c9ce; border-style: solid; border-width: 1px 1px 1px 0; width: 64px; margin: 0; padding: 10px; float: left; font-weight: bold; text-transform: uppercase; text-align: center; cursor: pointer; text-decoration: none; border-bottom: none; } ul.tabs-content { box-sizing: border-box; width: 100%; } ul.tabs-content img { width: 100% !important; height: auto !important; } ul.tabs li:first-child a { width: 120px } ul.tabs li:first-child { width: 120px; display: block; } ul.tabs li { display: none } /* Product Related */ .all_products { width: 242px !important; margin: 0 auto; } .col1-layout .product-view .product-shop, .add-to-cart button.button span, .add-to-cart, .btn-cart { width: 100% !important } .all_products_container a.all_products_prev { left: 10% !important } .all_products_container a.all_products_next { right: 10% !important } .category-products .products-grid li.item { width: 242px; display: block; margin: 20px auto; } .products-grid li.item { float: none; margin-right: 0; } .product-view .product-img-box .product-image { width: 100% !important; height: 300px; /*Change this to auto when i have images */ } .product-view .product-img-box { width: 100% !important } .amshopby-filters-left { display: none; } .toolbar .pager { min-height: 60px; } .category-description { background: none; right: 0; padding: 0; min-height: 100px; margin: 0 !important; box-sizing: border-box; width: 100% !important; position: static; height: auto;} .category-image img { width: 100%;} .toolbar { display: none;} .toolbar-bottom .toolbar { display: block;} .product-view .product-shop .add-to-links { width: 100%;} .add-to-links { display: none !important; } .email-a-friend { margin: 0 28px 13px 0 !important;} .addthis_button_facebook_like { float: right !important;} .price-box .view-price-box { padding: 11px 11px 7px !important;} #upsell-product-table td { display: block !important; width: 100% !important;} #upsell-product-table .product-image { width: 100% !important; height: auto !important;} #upsell-product-table td > div, #upsell-product-table td > h3 { display: table; margin: 0 auto;} #upsell-product-table td > h3 { width: 85%;} /* Ajax ToolTip */ .ajaxcartpro_confirm, .ajaxcartpro_progress, #onestepcheckout-login-popup { width: 90% !important; left: 5% !important; box-sizing: border-box; min-height: 0 !important;} .ajaxcartpro_confirm p, .ajaxcartpro_progress p { min-width: 0 !important; width: 100% !important; } /* Checkout */ .onestepcheckout-column-left, .onestepcheckout-column-middle, .onestepcheckout-column-right { width: 100% !important; padding: 30px 0 !important; background: none !important; margin: 0 !important; } .onestepcheckout-place-order { display: block; margin: 0 auto; } /* Login */ .form-list .input-box, .form-list .input-box input, .new-users , .registered-users { width: 100% !important;} .registered-users { float: left !important;} .block-account .block-content ul li:nth-child(3) { display: none;} .block-account .block-content ul li:nth-child(6) { display: none;} .block-account .block-content ul li:nth-child(7) { display: none;} .block-account .block-content ul li:nth-child(8) { display: none;} .block-account .block-content ul li:nth-child(9) { display: none;} .block-account .block-content ul li:nth-child(10) { display: none;} .block-account .block-content ul li:nth-child(12) { display: none;} #my-orders-table tbody tr td:nth-child(2), #my-orders-table tbody tr td:nth-child(3), #my-orders-table tbody tr td:nth-child(6) { display: none } #my-orders-table thead tr th:nth-child(2), #my-orders-table thead tr th:nth-child(3), #my-orders-table thead tr th:nth-child(6) { display: none } #my-orders-table thead tr { width: 33% !important;} /* Slider Nav */ .transparent-btns_tabs { display: table; margin: 10px auto 0 auto; } .transparent-btns_tabs li { display: inline-block; padding: 2px; } .transparent-btns_tabs a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } .transparent-btns_here a { background: #222; background: rgba(0,0,0, .8); } .product-list { margin: 0 0 0 60px; } /* Blog */ img { max-width: 100%;} .blog-post { width: 100%; float: left; padding-right: 20px; min-height: 0;} .blog-wrapper { width: 100%; padding: 0 20px; box-sizing: border-box;} #wrap { width: 100%;} .social-block { display: none; } #team-sidebar { width: 100%; float: left; box-sizing: border-box; padding: 0 20px; } #gallery { display: none;} .main { width: 100% !important;} .main iframe { width: 100% !important;} .clear { border: none !important;} .post-grid-image img { display: block; margin: 5px auto;} .blog-post { padding-right: 0; margin-bottom: 20px;} .post-grid-text { margin-bottom: 10px;} .blog-post h3 { padding-bottom: 9px; display: block; height: auto;} } .info-mobile-nav li a, .connect-mobile-nav li a { background: #555;color: #acacac; } .popout-copy { background: #FFF; border-radius: 14px; padding: 16px; }