/* * Skeleton V1.1 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ #pagebody {} #jmegamenu .menugroup-6.firstlevel {display:none;} #topmenu {} #topmenu-search {padding-top: 16px;} #topmenu-search #keywordsearchfield {width: 120px;float: left;border:0;height: 17px;padding:6px 4px;margin-bottom:0;} #topmenu-links {} #topmenu-cart {display:block;color:#FFF;color:#EFEFEF;} #topmenu-cart a img {margin:15px 0 5px 0;transition:all 0.4s;border:1px solid transparent;} #topmenu-cart a img:hover {transition:all 0.4s;border:1px solid #FBD534;} #topmenu-cart p a {text-transform:uppercase;} #topmenu-cart h3 {color:#8E8E8E;font-size:12px;line-height:18px;letter-spacing:0.05em;text-transform:uppercase;margin:0;} #topmenu-contact {background:#ffffff;height:50px;} #header-cart {margin-top:15px} #header-account {float:right;margin-top:26px;margin-right:10px;} #header-account > a, #header-account > a:visited, #header-cart > a, #header-cart > a:visited {color:#000;line-height:14px;display:block;text-align:right;font-weight:normal;font-size:11px;text-decoration:none;text-transform:capitalize;} #header-account > a, #header-account > a:visited {text-decoration:none;} #header-account a:hover, #header-cart a:hover {text-decoration:underline;} #header-account #header-hover {display:none;} #header-account #header-hover a {border:0;background:none;color:#232323;text-transform:lowercase;display:block;font-size:18px;line-height:28px;text-decoration:none;width:140px;margin-right:20px;text-align:right;} #header-account #header-hover a:hover {text-decoration:underline;} #header-account:hover #header-hover {display:block;position:absolute;right:0;top:45px;opacity:1;z-index:120;background:#EEE;padding:10px;} #header-image {display:none;} #header-image img {left:50%;margin-left:-500px;margin-top:-115px;} #header-account a:hover, #header-cart a:hover {text-decoration:none;} #header-account #header-hover {display:block;position:absolute;right:0;top:45px;z-index:0;height:1px;overflow:hidden;background:#eee;opacity:0;transition:all 0.4s ease;width:200px;} #header-account #header-hover a {width:auto;margin-right:0;border:0;background:none;color:#232323;text-transform:lowercase;display:block;font-size:14px;line-height:18px;text-decoration:none;text-align:right;padding:5px 10px;} #header-account #header-hover a:hover {text-decoration:none;} #header-account:hover #header-hover {display:block;position:absolute;right:0;top:45px;opacity:1;z-index:120;background:rgba(255,255,255,0.9);background:#EEE\9;height:90px;width:200px;padding:0;padding-top:10px;} #header-cart #nsc_cart_container {} #header-cart:hover #nsc_cart_container {} #header-cart > a, #header-cart > a:visited {padding-top:8px;height:37px;} #header-cart {display:inline-block;position:relative;color:#FFF;} #header-cart .cart-panel {position:absolute;right:0;top:45px;z-index:0;height:1px;overflow:hidden;background:none;opacity:0;transition:all 0.4s ease;width:300px;color:#FFF;} #header-cart .cart-panel #cart-total-items {display:none;opacity:0;} #header-cart .cartItemCount {display:none;} #header-cart .cart-items {display:block;z-index:100;text-align:right;min-height:80px;padding:10px;} #header-cart .cart-items h1 {font-size:16px;line-height:18px;color:#FFF;font-weight:bold;} #header-cart .cart-items a {color:#FFF;transition:all 0.3s ease;} #header-cart .cart-items a:hover {color:#FF00F0;transition:all 0.3s ease;} #header-cart .cart-items hr {margin:5px 0;} #header-cart .cart-items .item-row {display:block;} #header-cart .cart-items .cart-item-row {float:left;width:100%;margin-bottom:4px;font-size:14px;} #header-cart .cart-items .cart-item-amount {float:left;width:15%;text-align:left;text-indent:6px;} #header-cart .cart-items .text-shopping-link {display:inline-block;margin:0;padding:0;letter-spacing:0;float:right;width:85%;} #header-cart .cart-items #cart-total {font-size:14px;} #header-cart .cart-items #cart-edit {float:left;height:20px;line-height:20px;margin-right:10px;background:#444;border:1px solid #CCC;} #header-cart .cart-items #cart-checkout {float:right;height:20px;line-height:20px;background:#444;border:1px solid #CCC;} #header-cart:hover .cart-panel, #header-cart .cart-panel:hover {display:block;position:absolute;right:0;top:45px;opacity:1;z-index:120;background:#000;background:rgba(0,0,0,0.8);background:#000\8;height:auto;width:300px;padding:0;transition:all 0.4s ease;} #header-hours {background:#fff1f3; display:block; padding-left:420px;} #topmenu-checkout {display:block;} #topmenu #field_product_brand {margin-bottom: 10px;margin-top: 13px;padding:8px 10px;border:0;width:359px;border-radius:0;margin-left:-4px;} #topmenu-twitter {} #topmenu-facebook {} #topmenu-twitter h3, #topmenu-facebook h3 {margin:0;font-size:14px;font-weight:bold;letter-spacing:-0.5px;color:#2C2B2B;} #page-search #pagebody .heading-main {display: block;margin:0 0 10px 10px;font-family:trebuchet ms;} #page-search #pagebody form {margin: 0;} #page-search #sortby {display: none;} #page-search #pagebody .heading-main {display:none} #page-search .filterfields {margin: 10px !important;display:none} #page-search #table-navigation .heading-main {display:block;} #page-search .search-noresults {padding: 10px;} #page-search .search-fail {margin:0;padding:10px 0 20px 25px;width:675px;} #frmAddToListHandler {display:none;} #frmSearchResults {display:none;} #page-search #product-navigation {} #menuwrap {} #menu {height:45px;margin:20px 10px 0px 10px;background:#0000;} #panel-navigation {display: inline-block;} #header {background: white;} #header-logo {margin-top:15px; margin-left: -3px} #header-logo a {float:left;height:45px;} #header-logo a img {} #header-logo a:hover {} #logo {margin-top:5px;margin-bottom:10px;} #logo img {opacity: 1;margin-left:20px} #logo img:hover {opacity:0.8} #quick-find {float:right;margin:26px 0 0 8px;} #quick-find #keywordsearchfield {margin:0;float:left;line-height:30px;height:30px;border:1;border-radius:0;width:150px;padding:0 0 0 15px;color:#232323;transition:all 0.4s;background:#FFF;} #quick-find #keywordsearchfield:hover, #quick-find #keywordsearchfield:focus {transition:all 0.4s;box-shadow:0 0 5px #FFF;} #quick-find #searchsubmit {float:left;width:30px;font-size:13px;height:30px !important;line-height:30px !important;background:#FFF url(images/search.png) no-repeat center;;border-radius:0;overflow:hidden;margin:0;padding:0;text-transform:capitalize;text-align:center;text-indent:9999em;} #quick-find #searchsubmit:hover {box-shadow:none;} #header-space {height:20px;} #header-social {margin-top:18px;text-align:right;border-right:1px solid #6B6F6F;} #header-search {position:relative;height:45px;} #header-search:hover {background:0;} #header-search #search-wrapper {height:1px;opacity:1;} #header-search:hover #search-wrapper {} #header-search:hover #quick-find {} #header-search:hover {z-index:100;} #header-search h1 {font-weight:bold;font-size:22px;line-height:34px;color:#ABABAB;margin:40px 0 20px 0;letter-spacing:-0.03em;} #header-search > img {float:right;margin-top:13px;opacity:1;transition:all 0.4s ease-out;} #header-search:hover > img {opacity:0.1;transition:all 0.4s ease-out;} #header-search .search-table {float:right;} #header-search .search-table #field_product_brand {margin:22px 0 0 ;border:1px solid #ccc;height:30px;line-height:30px;border-radius:0;display:block;float:right;color:#232323;width:180px;} #header-search .search-table #theme_dropdown, #header-search .search-table #keyword-search-button, #header-search .search-table #keyword-search-box, #header-search .search-table img {display:none;} #page-search #table-navigation {width:700px;float:left;} #billing-fields #account_options {visibility:hidden;height:0;overflow:hidden;} #header-social-links {margin-top:10px;} #header-social-links a {display:block;float:left;margin-right:8px;height:22px;text-indent:9999em;overflow:hidden;transition:all 0.3s ease-out;} #header-social-links a:hover {opacity:0.5;transition:all 0.3s ease-out;} #header-social-links #hd-facebook {width:8px;background:url('images/social-sprite.png') no-repeat 0 0;} #header-social-links #hd-twitter {width:18px;background:url('images/social-sprite.png') no-repeat -8px 0;} #header-social-links #hd-blog {width:19px;background:url('images/social-sprite.png') no-repeat -26px 0;} #header-social-links #hd-googleplus {width:19px;background:url('images/social-sprite.png') no-repeat -45px 0;} #header-social-links #hd-pinterest {width:19px;background:url('images/social-sprite.png') no-repeat -64px 0;} #header-social-links #hd-youtube {width:22px;background:url('images/social-sprite.png') no-repeat -86px 0;} #header-shipping {text-align:right;} #header-shipping h3 {display:inline;color:#FFF;font-size:16px;line-height:40px;margin:0;} #header-shipping h3+h3 {margin-left:30px;} #footer-social-links {margin-top:15px;text-align:left;float:left;padding-top:15px;display:none;} #footer-social-links a {display:inline-block;margin-right:15px;height:32px;text-indent:9999em;overflow:hidden;transition:all 0.3s ease-out;} #footer-social-links a:hover {opacity:0.5;transition:all 0.3s ease-out;} #footer-social-links #ft-twitter {width:32px;background:url('images/footer-social-sprite.png') no-repeat 0 0;} #footer-social-links #ft-facebook {width:14px;background:url('images/footer-social-sprite.png') no-repeat -32px 0;} #footer-social-links #ft-rss {width:32px;background:url('images/footer-social-sprite.png') no-repeat -46px 0;} #footer-social-links #ft-googleplus {width:32px;background:url('images/footer-social-sprite.png') no-repeat -78px 0;} #footer-social-links #ft-pinterest {width:34px;background:url('images/footer-social-sprite.png') no-repeat -110px 0;} #ft-brands {} #ft-brands h3, #ft-brands h3+a {display:block;text-align:center;} #ft-brands #ft-brandlist {padding:30px 0 25px 0;margin-top:20px;margin-bottom:40px;text-align:center;border:1px solid #E8E8E8;position:relative;} #ft-brands #ft-brandlist #brands-arrow {display:block;height:12px;width:20px;background:url('images/brands-arrow.jpg') no-repeat center;position:absolute;top:-12px;left:50%;margin-left:-6px;} #ft-brands #ft-brandlist a {margin:0 15px;transition:all 0.3s ease-out;opacity:1;} #ft-brands #ft-brandlist a:hover {transition:all 0.3s ease-out;opacity:0.5;} #footer .ftsec-wrapper {padding-top:50px;float:left;min-height:220px;} .basketpanel, #PFS .disabled {display: none;} #footerwrap, #footerwrap strong{color:#522020; clear: both;} #ft-about {padding-top:0px;} #ft-about ul {width:100%;float:left;} #ft-about ul li {width:50%;float:left;} #ft-locations {font-size:15px;} #ft-locations .location {padding-left:100px;padding-bottom:20px;} #ft-locations .location a, #ft-locations .location a:visited {color:#522020;transition:all 0.3s ease-out;} #ft-locations .location a:hover {color:#522020;transition:all 0.3s ease-out;} #ft-locations .location h3 {font-size:18px;font-weight:bold;line-height:22px;color:#522020;margin-bottom:14px;} #ft-locations .location p {font-size:15px;} #ft-newsletter {} #ft-newsletter .ftsec-wrapper {padding-left:50px;} #slideshow {position:relative;} #slideshow .slide {} #slideshow .slide .caption {position:absolute;right:530px;bottom:140px;} #slideshow .slide .caption h3 {color:#FFF;font-size:48px;line-height:54px;font-weight:200;} #slideshow .slide .caption p {color:#FFF;font-size:18px;line-height:22px;} #slideshow .slide .caption a {color:#FFF;font-size:14px;line-height:22px;text-decoration:none;} #footerwrap {margin-top: 20px; background:#f8efeb} #footer {padding-bottom:40px;padding-top:20px;} #footer h3 {margin-top:0;margin-bottom:10px;font-size:18px;line-height:22px;letter-spacing:0.35px;text-transform:none;} #footer p {font-size:15px;} #footer ul li {margin-bottom:0;line-height:28px;font-size:12px;} #footer ul li a {text-decoration:none;display:block;margin:0 30px 5px 0;font-size:15px;line-height:15px;padding:10px 0 10px 5px;border-bottom:1px solid #808080;background:transparent;transition:all 0.3s ease; color:#522020} #footer ul li a:hover {background:#f3e6e0;} #footer ul li h4 {text-transform:none;font-size:18px;line-height:22px;font-weight:normal;color:#444444;margin-bottom:10px;} #footer .ft-links {margin-bottom:40px;} #footer .ft-links a {display:block;font-size:13px;font-weight:normal;line-height:25px;} #footer #ft-socialmedia {} #footer .ft-section {height:180px;} #footer #ft-newsletter-title {} #footer #ft-newsletter-title h3 {color:#522020;font-size:18px;font-weight:bold;line-height: 22px;margin:0 0 15px 0;vertical-align:top;} #footer #ft-newsletter-title a {text-decoration:none;} #footer #ft-newsletter-title img {margin-bottom:-15px;margin-left:20px;} #footer #ft-socialmedia .ft-pinterest, #footer #ft-socialmedia .ft-twitter, #footer #ft-socialmedia .ft-facebook, #footer #ft-socialmedia .ft-instagram {display:inline-block;border-bottom:0 !important;} #footer #ft-socialmedia .ft-twitter, #footer #ft-socialmedia .ft-facebook, #footer #ft-socialmedia .ft-instagram {margin:0 10px 0 0;} #footer #ft-socialmedia em {display: block;color: #999;font-weight: normal !important;background: url('images/icon-twitter.png') no-repeat -9999px -9999px;} #footer #ft-newsletter input[type=text] {padding:5px 10px;margin:0;background: url('images/icon-facebook.png') no-repeat -9999px -9999px;background:#FFF;color:#2E2E2E;border:0;border-radius:0;} #footer #ft-newsletter input[type=submit] {display: block;} #footer #ft-address {} #footer .ft-address p {font-size:13px;margin:0;} #footer .ft-address p em {font-style:normal;font-weight:bold;} #footer .ft-address h3 {font-size:13px;line-height:18px;font-weight:bold;color:#FFCC33;margin:0;} #ft-copy {font-size:10px;margin-top:5px;margin-bottom:45px;color:#AAA;text-align:right;line-height:18px;font-weight:normal;} #ft-copy a, #ft-copy a:visited {color:#AAA;font-weight:normal;padding:0;} #ft-copy a:hover {color:#47A494;} #ft-copy span {float:left;text-align:left;} #ft-links ul {margin-bottom:0;display:inline-block;} #ft-links li {color: #FFF;display:inline-block;margin-bottom:0;margin-right:20px;} #ft-links li:first-child {list-style-type: none;} .hr-block {border-top:1px solid #ECECEC;margin-top:20px;margin-bottom:20px;} #searchresult {display:none;} #home-brands {background:url('images/brands-bg.png') no-repeat top center;display:block;height:117px;margin-top:10px;margin-bottom:10px;line-height:117px;} #home-brands a {height:64px;display:inline-block;overflow:hidden;margin-top:25px;position:relative;} #home-links a img, #home-links a {display:block;float:left;} #home-newsletter-form {display:block;position:relative;float:left;border:1px solid #ECECEC;} #home-newsletter-form input[type=textbox] {float:left;border:0;padding:8px 0 8px 10px;line-height:16px;height:16px;font-size:12px;width:180px;background:#FFF;} #home-newsletter-form input[type=submit] {height:20px;width:20px;display:block;text-indent:9999em;overflow:hidden;float:left;background:#FFF url('images/search-arrow.png') no-repeat center;padding:16px;margin:0;} #home-newsletter-form input[type=submit]:hover {} #home-sections {float:left;margin-top:-60px;z-index:75;position:relative;} #home-sections .section {border-top:5px solid #FFF;background:#F6F6F6;} #home-sections .section h2 {font-size:23px;padding:0 20px;text-transform:none;font-weight:200;} #home-sections .section p {padding:0 20px;} #home-sections #sec1.section {border-color:#A494AD;} #home-sections #sec2.section {border-color:#47A494;} #home-sections #sec3.section {border-color:#E5895F;} #home-sections #sec4.section {border-color:#A2C1DF;} #home-sections .section .section-link {display:block;float:left;text-decoration:none;padding-top:50px;} #home-card {border:1px solid #E8E8E8;padding:10px 0 10px 100px;min-height:120px;margin-top:20px;margin-bottom:20px;} #home-card h2 {font-weight:normal;text-transform:none;margin:20px 0 0 0;} #home-card a {text-decoration:none;} #home-card h2 span {font-weight:bold;color:#47A494;} #home-card p {} #home-card img {float:left;margin-right:30px;} #home-about {padding:20px 40px;margin-top:20px;margin-bottom:20px;background:#FFF;} #home-about h1 {font-size:16px;font-weight:bold;line-height:36px;} #home-shipping {margin-bottom:10px;} #home-blog {height:300px;width:400px;padding:10px 30px;margin-top:20px;} #home-blog h1 {font-size:16px;line-height:20px;font-weight:bold;color:#232323;margin:20px 0 10px 0;} #home-twitter {height:300px;padding:10px 0;} #home-twitter {text-decoration:none;} #home-twitter h3 {font-size:16px;line-height:20px;margin:25px 0 10px 0;} #home-twitter a {text-decoration:none;} #home-twitter iframe.twitter-timeline .thm-dark.root {background:none !important;} #home-twitter iframe.twitter-timeline .thm-dark .customisable-border, #home-twitter .twitter-timeline .thm-dark.customisable-border {border:none !important;} #home-twitter iframe.twitter-timeline {background:#FFF;} #home-blog h1 img, #home-twitter h1 img {margin-left:10px;} #slidewrapper .bx-viewport {width:960px !important;height:360px !important;} #page-home #home-brands .bx-viewport {margin-left: 70px;} #page-home #slidewrapper {position:relative;margin-top: -16px;} #page-home #slidewrapper .bx-controls-direction {position:absolute;top:28px;right:18px;z-index:52;} #page-home #slidewrapper .bx-next, #page-home #slidewrapper .bx-prev {height:24px;width:17px;display:block;position:static;margin:0;float:left;text-indent:9999em;overflow:hidden;transition:all 0.3s ease;} #page-home #slidewrapper .bx-next {background:url('images/bx-next.png') no-repeat center;margin-left:5px;} #page-home #slidewrapper .bx-prev {background:url('images/bx-prev.png') no-repeat center;} #page-home #slidewrapper .bx-next:hover {opacity:0.5;transition:all 0.3s ease;} #page-home #slidewrapper .bx-prev:hover {opacity:0.5;transition:all 0.3s ease;} #page-home a:hover h1 {text-decoration:underline;} #banner {margin-top:10px;} .feedEkList {width:400px;max-height:250px;list-style:none outside none;padding:0; color:#3E3E3E;margin:0 0 10px 0;} .feedEkList li+li {border-top:1px solid #D3CAD7;padding-top:10px;} .itemTitle a, .itemTitle a:visited {font-weight:bold;text-decoration:none;color:#C62828;transition:all 0.3s ease;text-transform:uppercase;font-size:13px;} .itemTitle a:hover {transition:all 0.3s ease;color:#000;} .itemDate {display:none;font-size:11px;color:#AAAAAA;} #home-twitterfeed {} #home-twitterfeed h2 {color:#FFF;text-align:center;font-size:24px;letter-spacing:-0.35px;} .twitter-message-list {} .twitter-message {display:block;border:1px solid #000;} .twitter-message a {text-decoration:underline;color:#FFFEFE;} .twitter-message div {display:block;color:#808080;background:#000 url('images/twitter-small.png') no-repeat left center;padding:5px 0 5px 30px;} .twitter-message span {display:block;color:#FFFEFE;padding:5px 10px;} .dcsns-content {height:395px !important;} #mailer-conformation {float:left;} #nitro_content {} #nitro_content #backinstock {} #nitro_content #backinstock h2 {padding:0;margin:0;} #nitro_content #backinstock p {padding:0;margin:0;} #nitro_content #backinstock div {padding:0;} #nitro_content #backinstock div label {float:left;padding:0;display:inline;} #nitro_content #backinstock div span {float:left;display:inline;} #layerslider {height:426px;width:920px;margin-top:20px;margin-bottom:10px;padding:0 10px;} .search-table {} .search-fail {margin-top:30px;font-size:16px;} #PFS {} #PFS .parent-filteredsearch .navpanelleftcontent {padding:0 !important;} #PFS #panel-filteredsearch h6 {font-size:16px;line-height:22px;font-weight:300;padding-top:0;text-transform:capitalize;} #PFS ul li {line-height:20px;} #PFS ul li input {margin-bottom:-2px;} #PFS ul li a {color:#232323;font-weight:normal;font-size:13px;text-decoration:none;} #PFS ul li a:hover {text-decoration:underline;} #PFS h6 {text-transform:lowercase;} #advsearch-instructions {margin:0 20px;} #form-advsearch {margin:0 20px 20px 20px;} #form-advsearch input, #form-advsearch select {margin:0;} #form-advsearch input[type="checkbox"] {float:left;} #form-advsearch hr {margin:10px 0 10px 0;} #page-advsearch .breadcrumbs ul {display:none;} /* #Page Styles ================================================== */ #breadcrumbwrap {padding:0;background:#F4F4F4;display:none;} .breadcrumbs {font-size: 18px;padding: 10px;font-size: 18px;color:#999999;} .breadcrumbs a {font-size: 18px;font-weight:normal;color:#999999;text-transform:uppercase;} .breadcrumbs a:visited {color:#999999;} .breadcrumbs ul li {font-size: 18px;} .breadcrumbs ul {margin:0;} .breadcrumbs .pagetitle {text-indent:10px;display:none;} .breadcrumbs #home-link {} .feedpopup {display:none !important} #product-nav {padding-left:15px;width:205px;} #page-product .breadcrumbs {padding-left:0;} #page-mailer #pagebody, #page-about #pagebody, #page-contact #pagebody, #page-filtered #pagebody, #page-advsearch #pagebody, #page-search #pagebody, #page-department #pagebody, #page-category #pagebody, #page-product #pagebody {width:960px;background:#FFF;} #page-product #productbody {} #page-product #product-buttons {float:left;width:100%;margin:20px 0;} #page-product .simpleTabs {float:left;width:100%;margin-top:0;} #page-product .simpleTabs #page-product .breadcrumbs .pagetitle {display:none;} #page-product .breadcrumbs h1, #page-product .breadcrumbs .end {display:none;} #page-product .breadcrumbs {margin:0;padding:0;} #page-product #product-category {display:none;border:1px solid #F0F0F0;padding:20px;margin-left:20px;} #page-product #product-category a {text-decoration:none;font-size:18px;display:block;} #page-product #product-category a:hover {text-decoration:underline;} #page-product #product-desciption {display:block;width:100%;float:left;font-size:14px;margin-top:10px;} .featured-products {} .featured-products .product {margin:0 9px 20px 9px !important;} #recentlyviewed {float:left;width:100%;max-height:410px;overflow:hidden;} #recentlyviewed h3 {text-align:center;margin-top:10px;text-transform:capitalize;font-weight:bold;margin-top:40px;} #recentlyviewed #recent-items {} #recentlyviewed #recent-items .product {} #recentlyviewed #recent-items .product .productinfo {} #recentlyviewed #recent-items .product .add-to-basket {display:none;x} #category-links {} #category-links li {margin:0 20px 0 0;padding:6px 0;} #category-links li+li {border-top:1px solid #F1F1F1;} #category-links a {text-decoration:none;} #related-items-panel {} #related-items-panel #relatedproductspanel .bx-wrapper, #related-items-panel #relatedproductspanel .featured-products .bx-wrapper {width:940px !important;max-width:940px !important;} #related-items-panel h3 {text-indent:10px;margin-top:20px;text-transform:capitalize;text-align:center;font-weight:bold;} #relatedproductspanel .product {margin:10px;} #related-items-panel {margin:0;width:100%;float:left;} /* Custom Content */ #page-about #pagebody #customcontent, #page-content-88 #pagebody #customcontent, #page-content-13 #pagebody #customcontent {padding: 40px 120px;} #page-about #customcontent img {max-height: 230px;width: auto;margin-top: 20px} #page-registrysearchresults #pagebody .heading-main, #page-giftregistries #pagebody .heading-main, #page-nsc #pagebody .heading-main {display: block;} #page-giftregistries #pagebody, #page-registrysearchresults #pagebody, #page-nsc #pagebody {padding: 40px 120px;width:720px;} #giftregistrysearch table td {padding: 0 10px;} #giftregistrysearch label {display: inline;} #giftregistrysearch table {background: #F0F0F0;} #giftregistrysearch b {font-weight: normal;font-size: 19px;line-height: 27px;margin-top: 10px;display: block;} #giftregistrysearch table table td {padding: 0;} #page-registrysearchresults .giftregistrysearchresultspage table td {padding: 5px 10px;} #page-registrysearchresults .giftregistrysearchresultspage .productlistheader td {font-size:11px;font-weight:bold;text-transform: uppercase;} #page-content-7 #customcontent {padding: 40px 60px;} .contentpage ul li {list-style-type: square;margin-left: 20px} /* Listing */ #page-department #customcontent, #page-category #customcontent {float:left;width:710px;background:#F4F4F4;display:none;} #listing-wrap {float: left;position: relative;z-index: 10; width: 100%;} #listing-wrap table img {max-width: 100%; height: auto;} /* Products Panel */ .products-panel .product {margin:0 0 20px 10px;margin-right:0;position:relative;background:#FFF;border: 1px solid #F1F1F1;} .products-panel .product:hover .thumblink {opacity:0.4;transition:opacity 0.3s ease-out;} .products-panel .product:hover .product-name, .products-panel .product:hover .product-price {color:#FF00F0;transition:all 0.3s ease-out;} .products-panel .img-productflag img {position:absolute;top:-5px;right:-5px;width:36px;height:36px;z-index:10000;} .products-panel .thumblink {display:block;width:218px;height:218px;background:#FFF;transition:opacity 0.3s ease-out;position:relative;} .products-panel .thumblink a {width:100%;height:100%;display:block;} .products-panel .thumblink img {max-width:100% !important;max-height:100% !important;padding:0;display:block;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;} .products-panel .productinfo {display:block;width:100%; margin-top: 20px; min-height: 50px;text-align:left;position:relative;padding-bottom:14px; text-align: center;} .productinfo a {font-weight: bold;} .productinfo a span {font-weight: normal;} .products-panel .product-name {font-size:13px;text-transform:none;text-decoration:none;font-weight:bold;display:block;line-height:16px;color:#444;margin:20px 0 0 10px;transition:all 0.3s ease-out;} .products-panel .product-code {font-size:11px;color:#777;display:block;margin-top:5px;margin-bottom:0;} .products-panel .product-description {font-size:12px;display:block;margin-top:10px;margin-bottom:0;max-height:36px;overflow:hidden;text-overflow:ellipsis;} .products-panel .add-product {background:#333;color:white;padding:5px 10px;font-weight:normal;border-radius:4px;transition:background 0.3s ease-out;font-size:11px;margin-top:20px;} .products-panel .add-product:hover {background:#666} .products-panel .product-price {font-size:13px;color:#444;display:block;font-weight:bold;margin:0;padding:0 0 10px 10px;text-align:left;transition:all 0.3s ease-out;} .products-panel .product-price br {display:none} .products-panel .text-pricestrike {font-size:18px;} .products-panel .text-pricespecial {font-size:18px;} .products-panel .price-percentage, .products-panel .product .add-to-basket {transition:all 0.3s ease-out;background:#EBEBEB;position:absolute;display:block;margin:0;line-height:35px;height:35px;width:25%;bottom:0;right:0;color:#FFF;font-size:32px;font-weight:bold;text-align:center;text-shadow:0;} .products-panel .product .add-to-basket:hover {text-shadow:0 0 3px #FF00F0;transition:all 0.3s ease-out;color:#FF00F0;} #products-hr {width:1020px;margin:20px 0 30px -30px;border-color:#EAEAEA;float:left;} .add-to-registry {display:none;} #home-featured {} #home-featured > a {float:left;text-decoration:none;color:#2F2F2F;text-transform:none;font-weight:normal;margin-top:20px;margin-right:10px;width:100%;} #home-featured h1 {font-size:16px;text-transform:none;} #home-featured h2, #home-promotion h2 {display:block;text-align:center;font-size:16px;font-weight:bold;margin:30px 0 10px 0;} #home-featured h2 a, #home-promotion h2 a {font-size:12px;font-weight:normal;margin-left:8px;} #home-featured .simpleTabs {margin-top:-40px;} #home-featured .simpleTabsContent {float:left;margin-top:0;padding:20px 0;border:0;} #home-featured .simpleTabsNavigation li a {} #home-featured .simpleTabsNavigation li+li a {margin-left:5px;} #home-featured .simpleTabsNavigation li a {border:0;height:40px;line-height:40px;padding:0 25px;background:#C8C8C8 url('images/tab-gradient.jpg') repeat-x;color:#595959;display:inline-block;border-radius:0;font-size:14px;font-weight:bold;text-transform:uppercase;} #home-featured .simpleTabsNavigation li a.current {background:#FFF;color:#333;} #home-featured .products-panel .product { text-align:center; } #home-featured .products-panel .thumblink {height:175px;width:200px;} #page-product #relateditems .product {width:200px;margin:10px 0 10px 45px;} #page-product #relateditems .thumblink {height:175px;width:200px;} #home-featured-row {} #newproductspanel, #promotionspanel {float:left;display:block;width:100%;} #newproductspanel .bx-wrapper, #newproductspanel .bx-wrapper .bx-viewport, #promotionspanel .bx-wrapper, #promotionspanel .bx-wrapper .bx-viewport {width:960px !important;margin:0;} #page-search #products.products-panel {clear:both;} #page-search #products.products-panel .product {margin-left:27px;} #products.products-panel {} #products.products-panel .product {width:200px;margin:10px 0 10px 27px;} #products.products-panel .thumblink {height:200px;width:200px;} #products.products-panel .pagetitle {clear:both;text-indent:10px;} .text-pricestrike {color: #999;text-decoration: line-through;} .text-pricespecial {float: left;margin-right: 5px;color: #D53669;} #sortby {float:right;margin-top:10px;display:none;} #sortfields {display:inline;width:140px;argin-left:5px;margin:0;} .category-pictures {padding:0;margin:0;} .category-pictures #select-category-heading {display:none;} .category-pictures .cattablebody {} .category-pictures .cattablebody .cattabletext, .category-pictures .cattablebody .cattablecontent {padding:0;text-align:left;} .category-pictures #categorypictures {width:740px !important;} .category-pictures .cattablerowtext {} .cattablerowimage .cattabletext a {display:block;width:175px;height:175px;border:1px solid #D2D2D2;background:#FFF;transition:opacity 0.3s ease-out;position:relative;margin:0;} .cattablerowimage .cattabletext a .image-thumb {max-width:100%;max-height:100%;padding:0;display:block;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;} .cattablerowtext a {font-size:13px;font-weight: normal;color:#232323;margin-bottom:20px;display:block;font-weight:bold;padding-right:8px;text-align:center;} .cattablerowtext a:hover {text-decoration: underline} .cattablerowtext td {text-align: left;} .navpanelleftheader {display:none;} #panel-filteredsearch ul {border:0;border-radius:0;clear: both;font-size: 12px;margin:0 0 10px 0;max-height:none;overflow: auto;padding:0;max-height:410px;} #panel-filteredsearch h6.closed:before {} .img-productflag {position:absolute;top:-3px;left:-3px;;z-index:50;} .flag-new {background:linear-gradient(to bottom, #fcdde2 0%, #ffdbe0 50%, #fcb1bb 51%, #fcdde2 100%);color:#522020;display:block;padding:5px 10px;opacity:0.85;text-transform:uppercase;font-size:11px;letter-spacing:1px;font-weight:bold;text-align:center;} .flag-sale {background:linear-gradient(to bottom, #fcdde2 0%, #ffdbe0 50%, #fcb1bb 51%, #fcdde2 100%);color:#522020;display:block;padding:6px 10px;opacity:0.85;text-transform:uppercase;font-size:11px;letter-spacing:1px;font-weight:normal;text-align:center;} .filterfields {display: block;float: left;margin:0 !important;width: 690px;border-radius:0 !important;} /* Product Page */ #page-product .thumblink2 {display:block;width:350px;height:350px;border:0;background:#FFF;transition:opacity 0.3s ease-out;position:relative;margin:0 0 0 30px;} #page-product .thumblink2 img {max-width:100%;max-height:100%;padding:0;display:block;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;} #productbody .product-image {margin-bottom:20px} #productbody .product-image span {display:inline-block;} #productbody .product-image span img {display:inline-block;} #page-product #productviews {border:0;margin:0 0 0 30px;} #page-product #productviews .thumb {float: left;margin-right: 2px;margin-top: 2px;} #page-product #productviews a {width:110px;height:100px;background:#FFF;margin:8px 8px 0 0;transition:opacity 0.3s ease-out;position:relative;display:block;float:left;} #page-product #productviews img {max-width:100%;max-height:100%;padding:0;display:block;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;} #page-product #relateditemheading {border-bottom: solid 1px #f0f0f0;font-size: 26px;margin-bottom: 10px;text-transform: uppercase;padding-bottom: 20px;margin-top: 40px;margin-left:10px;;font-family:Anodyne;} #page-product #relateditems {margin-bottom:20px;} #page-product #relateditems h1 {text-indent:45px;font-size:22px;font-weight:bold;} #page-product #relateditems h3 {display:none;} #page-product .relateditembody {width: 940px;} #page-product .relateditembody .text-pricestrike {color: #999;text-decoration: line-through;} #page-product #product-price {font-size:22px;line-height:42px;margin-bottom:20px;float:left;width:100%;} #page-product #text-yourprice, #page-product #text-regularprice, #page-product #text-percentage {display:block;float:left;margin-right:10px;font-weight:100;} #page-product #text-percentage {font-size: 0px;line-height: 24px;} #page-product #text-regularprice+#text-yourprice {color:#DF2B40;} #page-product #text-regularprice .label, #page-product #text-yourprice .label, #page-product #text-percentage br {display:none} #page-product .text-pricingdetails {margin: 0;} #page-product .button.add-to-list {text-transform:capitalize;float:left;} #page-product #add-to-basket-button {text-transform:capitalize;float:left;margin-right:10px;} #page-product #add-to-basket-button:hover {} #page-product #brand-logo {display:none;} #page-product #brand-logo a {float:right;display:block;} #page-product #brand-logo a img {position: relative;} #page-product .freeshipping-small {display: inline;float: left;} #page-product h1.product-name {margin:20px 10px 10px 0;font-size:24px;font-weight:200;font-weight:bold;} #page-product .simpleTabsNavigation {margin:0;text-align:left;} #page-product .simpleTabsNavigation li a {border:1px solid #F0F0F0;padding:0 21px;line-height:30px;height:30px;font-size:16px;color:#7C7C7C;background:#F0F0F0;display:inline-block;font-weight:normal;} #page-product .simpleTabsNavigation li a.current {color:#323232;background:#FFF;border-bottom:0;} #page-product .simpleTabsContent {background:#FFF;border:0;margin:0 10px 20px 0;height:150px;overflow:auto;padding:20px 0 20px 20px;border:1px solid #F0F0F0;} #page-product #product-code {display:none;} #page-product #product-image-table {} #page-product .breadcrumbs {} #page-product #frmMain {margin:0;} #page-product #frmMain #product-availability {float:left;margin-right:10px;} #page-product #add-to-registry-button, #page-product #add-to-list-button {font-size: 75%;padding: 5px 10px;margin: 10px 0 10px 20px;position: relative;top: 5px;background:white} #page-product .add-to-registry {display:none;} #matrixtitle1 {text-transform: capitalize;margin-right: 10px;} #page-product #product-qty {display: block;margin: 20px 0 0 0;float:left;} #page-product #product-qty .label {margin-right:10px;font-weight:bold;} #page-product #sharethisproduct {margin-left:30px;display:none;} #page-product #share_buttons {} #page-product #share_buttons div {height:30px;} #page-product #share_buttons #product-share-facebook {max-width:80px;} #page-product #share_buttons #product-share-twitter {max-width:80px;} #page-product #share_buttons #product-share-goolgle {max-width:60px} #page-product #share_buttons #product-share-pinterest {max-width:50px;} #page-product #share_buttons #product-share-friend {max-width:100px;} #page-product #tell-a-friend-link {} #page-promotion .smallText .text-price {color:#444444;display:block;font-size:18px;font-weight:normal;margin-bottom:0;margin-top:10px;text-align:center;} #page-basket #add-to-registry {display:none;} .feedpopup {display:none} /* Remove Pagebody Headers Hack */ #pagebody .heading-main {display:none;} .baskettable {} .baskettable .image-thumb {max-height:30px;max-width:30px;padding:0;float:left;margin-right:10px;margin-top:-10px;} .contactpage label {float:left} /* rotator in-page placement */ div.rotator { position:relative; height:368px; width: 700px; margin:0 !important; padding:0 !important; } div.rotator ul {margin:0;padding:0} /* rotator css */ div.rotator ul li { float:none; position:absolute; list-style: none; left: 0px; top: 0px; margin:0; padding:0; } /* rotator image style */ div.rotator ul li img { display:block; padding: 0; margin:0; background: #FFF; } div.rotator ul li.show { z-index:2; margin:0; padding:0; } .fpbuttons {margin:0 !important;padding:0} .fpbuttons a:hover {opacity:0.95; filter:alpha(opacity=95); /* For IE8 and earlier */} input {margin:0} #page-basket #pagebody {background: #FFF;padding: 20px;width: 900px;} #page-basket .tiptable {border: solid 1px #F0F0F0;padding: 20px;} #page-basket .normal {border: solid 1px #F0F0F0;padding: 10px;margin-top: 20px;} #page-basket .prodlink {text-transform: uppercase;} #page-basket .basketlist-col1{padding:0;line-height:16px;} #page-basket .basketlist-hcol2 {padding-bottom: 1px;} #page-basket .normal strong {font-weight: 400;} #page-basket form {margin-bottom:0} #page-basket #frmMain .button {font-size: 12px;background:0;border:0;box-shadow:0;} #page-basket #frmMain .button {box-shadow:0;} #page-basket .checkout span {background: #DEDEDE;background:linear-gradient(to bottom, #4D964D 0%, #4D964D 50%, #3D863D 51%, #3D863D 100%);color:#FFF;transition:all 0.3s ease;} #page-basket .checkout span:hover {transition:all 0.3s ease;box-shadow:0 0 3px #4D964D;} #page-list .baskettable td {vertical-align:top;} /* Account Pages */ #page-contact #pagebody, #page-loggedin #pagebody, #page-notfound #pagebody, #page-tellafriend #pagebody, #page-list #pagebody, #page-editregistry #pagebody, #page-register #pagebody, #page-login #pagebody, #page-requirelogin #pagebody, #page-register #pagebody, #page-updateaccount #pagebody, #page-history #pagebody, #page-account #pagebody, #page-account-lists #pagebody, #page-logout #pagebody {width:900px;padding:20px;background:#FFF;} #page-login .heading-main, #page-requirelogin .heading-main, #page-register .heading-main, #page-updateaccount .heading-main, #page-history .heading-main, #page-account .heading-main, #page-account-lists .heading-main, #page-logout .heading-main { display:block;} #page-requirelogin .checkoutform table td.formbox {border: solid 1px #F0F0F0;padding: 20px;} #page-requirelogin .button-text {font-size: 14px;} #page-requirelogin td, #page-register td, #page-updateaccount td, #page-login td {vertical-align: top;} #page-requirelogin label, #page-updateaccount label, #page-login label, #page-register label {display:inline} #account-section-yourdetails b, #account-section-billing b, #account-section-contact b, #account-section-login b {font-size: 19px;line-height:27px;margin: 10px 0;display: block;} #page-register .text {width: 200px;} #page-updateaccount #pagebody select, #page-register #pagebody select {width: 153px;} #page-register #billing_username {width: 148px;} #history-searchselect {padding: 4px;margin-right: 10px;} /* #Checkout - One Page Checkout Styling */ h4#account-section-billing, h4#shipto-heading, h4#shipping-methods, h4#coupon-heading, #checkout-section-comment h4, #account_options h4, #checkout-section-checkoutplugin h4, #checkout-section-checkoutplugin .terms b, #billing-fields h4 { color: #333; font-size: 20px; } #billing-fields h4 {margin-top: 30px;border-top: dotted 2px #DDD;padding-top: 30px;padding-bottom: 10px;} #shippingform { max-width:940px; width: 100%; background: #fff; padding-bottom: 60px; } #shippingform #checkout-panels > p {display:block;float:left;margin-left:20px;} #checkout-section-customer { text-align: left; width: 320px; margin-left: 20px; margin-right: 40px; border: solid 3px #EAEAEA; padding: 20px; margin-top: 0; } #checkout-section-comment { text-align: left; padding-bottom: 20px; } #checkout-section-shipping { text-align: left; border: solid 3px #EAEAEA; padding: 20px; width: 274px; margin-top: 20px; margin-bottom: 20px; } #checkout-section-shipping td { vertical-align: top; } #checkout-section-shipping td.text-shipping { padding-left: 5px; height: 30px; } p#select-shipping-prompt { padding-bottom: 5px; } #checkout-section-coupon { text-align: left; } #checkout-section-giftcard { padding-top:20px; text-align: left; } #checkout-section-giftcard h4 { color: #00adee; font-size: 20px; } #checkout-section-giftcard input, #checkout_webcoupon, #checkout-section-comment input { width: 400px !important; margin-top: 4px; margin-bottom:0; } div#checkout-section-customer #billing_state { margin: 0; padding: 3px 5px; width: 140px !important; } .checkout-panel #checkout_webcoupon { margin-top: 12px; } #checkout-section-basket { text-align: left; padding: 20px; width: 425px; margin: 0 0 0 0; border: solid 3px #EAEAEA; } #checkout-section-basket h4 { color: #333; font-size: 20px; } #checkout-section-basket td { color: #000; font-size: 12px; } th.basketlist-hcol1, th.basketlist-hcol2, th.basketlist-hcol3 { background: #f0f0f0; } th.basketlist-hcol3 { text-align: right; } td.basketlist-col1 { height: 20px; } td.basketlist-col2 { text-align: left; height: 24px; padding-left:7px; } td.basketlist-col3 { height: 24px; } td#total-total.basketlist-lolight { padding-top: 10px; padding-bottom: 10px; color: #333; font-size: 15px; } #checkout-section-checkoutplugin { width: 425px; margin: 20px 43px 20px 0px; border: solid 3px #f0f0f0; padding:20px 20px 40px 20px; background:#fafafa; float:right; } #page-checkoutstep2 label {display: inline;font-weight: normal;} #page-checkoutstep2 #pagebody .heading-main {display: block;margin: 0;background:white;padding:10px 20px;width:900px;} #page-checkoutstep2 #pagebody {margin-top:0;padding:0;width:940px;} #page-checkoutstep2 #pagebody > #shippingform > p {float: right;margin-right: 50px;margin-top: -50px;} #page-checkoutstep2 #table-navigation {display:block;float:left;} div.checkout-panel p {padding:0;} div.checkout-panel input.textbox, div.checkout-panel select, div.checkout-panel li div input.textbox, div.checkout-panel li div select {padding: 4px 5px;} ul.checkout-fields li div.first-child {margin-right: 40px;padding: 0;} div.checkout-panel input.textbox {width: 308px;border: 1px solid #999;} div.checkout-panel select {width: 320px;} #page-checkoutstep2 #staterow {margin-left: 12px;} #page-checkoutstep2 #change-shipping-address {padding: 0 !important;margin-top: 20px;display: block;clear: both;width: auto !important;} #page-checkoutstep2 #change-shipping-address .button-text {width:auto !important;display:block;text-align:center} #page-checkoutstep2 #checkout-section-giftcard {float: left;width: 472px;margin-right:0;margin-top: 7px;} #page-checkoutstep2 #checkout-section-coupon, #page-checkoutstep2 #checkout-section-comment {border: 3px solid #EAEAEA;margin:20px 0 0 0;padding: 20px;text-align: left;width: 425px;} #page-checkoutstep2 #checkout-section-comment {margin-top:0;} #page-checkoutstep2 #checkout-section-comment h4 {font-family:sans-serif;text-transform:none;font-size:13px;line-height:16px;margin-bottom:20px} #zpage-checkoutstep2 #checkout-section-coupon input.textbox, #zpage-checkoutstep2 #checkout-section-comment input.textbox {width:425px !important} #page-checkoutstep2 #checkout-section-shipping {width:425px} #page-checkoutstep2 h4.formBox {padding: 3px;margin: 5px 0 5px 0;padding: 0;} #page-checkoutstep2 div.checkout-panel #checkout_webcoupon {margin-left:0;} #page-checkoutstep2 #checkout-section-customer #billing-fields br {display: none;} #page-checkoutstep2 #plugin-27 {padding: 10px 0 0 0;} #page-checkoutstep2 #plugin-8 {padding: 0 0 10px 0;} #checkout-section-checkoutplugin table table td {padding: 0;margin: 0;} #checkout-section-checkoutplugin .terms b {border-top:solid 2px #eee;display: block;width: 420px;margin-top: 10px;padding-top: 20px;padding-bottom: 10px;color: #CA1B1B;} #table-checkout-parent .checkout-fields {margin: 0 40px !important;display: block;} #page-checkoutstep2 #checkout-section-giftcard .warning {margin-top: 40px;} #page-checkoutstep2 #account_options h4 {margin-top:30px;border-top:dotted 2px #e0e0e0;display:block;padding-top:30px} #btn-make-payment {display:block;width: 420px;background:#4D964D;visibility:visible;text-align:center;color:white;padding:20px 0;border-radius:4px;text-shadow:2px 2px 0 green;-webkit-transition:all .1s ease-out;position:relative;} #btn-make-payment .button-text {background:none;border:0;border-radius:0;color:white;font-size:19px;display:inline;text-shadow:2px 2px 0 green !important;} #btn-make-payment:hover {background:#3D863D;box-shadow:inset 0 0 4px #0D560D } #page-checkoutstep2 #shipto-heading { padding-top: 20px; display: block; margin-top: 20px; } /* #page-product #productphoto {max-width:220px} #page-product #share_buttons {display:block;clear:both;margin-top:10px;height:auto;padding-top:0} #page-product #notify-me-button {width: 55px;padding: 0px 5px !important;font-size: 12px;margin-left:10px} #page-product .text-availabilitytitle {font-size: 13px;width: 350px;line-height: 25px;font-weight:bold;} #page-product .text-availabilitytext {font-weight: normal;} #page-product .text-product-desc {font-size: 13px;line-height: 20px;margin-right: 20px;margin-top: 10px;font-family:Georgia, 'Times New Roman', serif} #page-product .text-price {font-weight: bold;} #page-product .tabs-content {min-height:inherit;padding:20px;} #page-product .prodinfo select {display:inline;width:inherit;margin:0;padding:0;margin-left:10px;} #page-product #matrixitemoptions select {width:inherit;margin-left:20px} #page-product #text-regularprice {text-decoration:line-through;font-size:14px;line-height:31px} #page-product #text-percentage {color:green;font-size:0px;line-height:31px;} */ #page-search .pagetitle {display: none;} #page-basket #total-shipping {} /* #Pagination ================================================== */ .pagination {margin:0 0 10px 140px;display:block !important;padding-top:10px;float:right;} .pagination, .pagination tbody, .pagination td, .pagination tr {text-align:left;display:inline;width:auto;float:right;} .pagination td {text-align:left;} .pagination tbody tr:first-child, .pagination tbody tr td:first-child {display:none;} .pagination .button-small {padding:0;border-radius:2px;margin-right:8px;font-size:1em;line-height:1em;font-weight:normal;display:inline-block;} .pagination .button-small:hover {} .pagination .button-small:hover .button-text {} .pagination .button-small .button-left, .pagination .button-small .button-right {display:none;} .pagination .button-on {text-decoration:underline;} .pagination .button-small .button-text, .pagination .button-on .button-text {height:1.3em;line-height:1.3em;} .pagination .button-on .button-text {color:#333;font-weight:bold;text-decoration:underline;} .pagination p {margin-right:10px;} .pagination .button-text, .pagination .button-text:hover {border: 0;padding: 0;margin: 0;background: none;text-shadow:none;font-size:14px;box-shadow:none;} .pagination .button-small + .next, .pagination .button-small + .prev, .pagination .button-right, .pagination .button-left {} /* IE Pagination Fix */ .next .button-text {text-indent:0\9;border:0\9;position:static\9;width:auto\9;} .next .button-text:hover {text-indent:0\9;border:0\9;position:static\9;width:auto\9;} .prev .button-text {text-indent:0\9;border:0\9;position:static\9;width:auto\9;} .prev .button-text:hover {text-indent:0\9;border:0\9;position:static\9;width:auto\9;} /* Page Homepage */ #page-home #featured {margin-top:10px;} /* Homepage Product Panel Carousell */ #slider1 {margin:0;} #newitems .productlistingcell {margin:0;width:130px;padding-left:20px;padding-right:20px} #newitems .bx-prev { position: absolute; top: 100px; left: -30px; width: 30px; height: 30px; text-indent: -999999px; background: url(../images/bxprev.png) no-repeat 0 0px; opacity:0.4; } #newitems .bx-next { position: absolute; top: 100px; right: -34px; width: 30px; height: 30px; text-indent: -999999px; background: url(../images/bxnext.png) no-repeat 0 0px; opacity:0.4; } #newitems .bx-next:hover, #newitems .bx-prev:hover { background-position: 0 0; opacity:1; } #newitems h3 {margin-left:-30px;margin-bottom:0} /* RSS Feed */ .rssincl-itemdesc, .rssincl-last, .rssincl-backlink, .rssincl-head, .rssincl-title {display:none} .rssincl-entry {background:none !important;border-bottom:none !important;padding:0 0 10px 0 !important} #rssincl-box-515076 {width: auto !important;border: 0 !important;font-family:'PT Sans', Cabin, Arial, Helvetica, sans-serif !important;} .rssincl-itemtitle a {color:#333 !important; text-decoration:none !important} div#rssincl-box-515076 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a {font-family: 'PT Sans', Cabin, Arial, Helvetica, sans-serif !important;font-size: 15px;font-weight: bold;text-decoration: underline;color: #333;} div#rssincl-box-515076 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a:hover {color:#ffd200 !important;text-decoration:underline !important} #blogfeed {padding-left: 30px;margin-top: 15px;margin-left: 500px;padding-right:20px} #page-contact address {margin-bottom: 20px;} #page-checkoutstep2 label {font-weight:normal} #page-checkoutstep2 .basketheader .basketlist-hcol1 {text-align:left} #footer-socialmedia img {margin-left: 20px;} /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px) { html, body { min-width:0 !important; overflow-x:hidden !important; } .container { width:100% !important; max-width:100% !important; padding-left:12px !important; padding-right:12px !important; box-sizing:border-box !important; } .container .column, .container .columns { width:100% !important; float:none !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } img { max-width:100%; height:auto; } #page-home .sixteen.columns { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } #page-home .sixteen.columns img { max-width:100% !important; height:auto !important; } /* ACE MOBILE HEADER */ #topmenu-contact { height:auto !important; position:relative !important; padding:8px 0 10px 0 !important; } #header-logo { width:100% !important; float:none !important; margin:0 !important; text-align:center !important; } #header-logo img { display:block !important; width:auto !important; max-width:280px !important; height:auto !important; margin:0 auto !important; } #header-search { width:100% !important; height:auto !important; float:none !important; position:relative !important; margin:0 !important; padding:4px 12px !important; box-sizing:border-box !important; } #quick-find { float:none !important; margin:0 auto 6px auto !important; width:100% !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; } #header-account { position:static !important; float:none !important; width:100% !important; margin:4px 0 6px 0 !important; text-align:center !important; white-space:nowrap !important; } #header-account > a, #header-account > a:visited { display:inline-block !important; text-align:center !important; margin:0 6px !important; font-size:11px !important; } #header-search .search-table { float:none !important; width:100% !important; margin:0 auto !important; } #header-search input[type="text"], #header-search select { display:block !important; float:none !important; width:100% !important; max-width:260px !important; margin:6px auto !important; box-sizing:border-box !important; } #header-cart { width:100% !important; float:none !important; position:relative !important; margin:4px 0 6px 0 !important; text-align:center !important; } #header-cart > a, #header-cart > a:visited { display:inline-block !important; height:auto !important; padding:0 !important; text-align:center !important; } #menu { width:100% !important; height:auto !important; margin:6px 0 10px 0 !important; display:block !important; } #menu ul { display:flex !important; flex-wrap:wrap !important; justify-content:center !important; width:100% !important; margin:0 !important; padding:0 !important; } #menu li { float:none !important; width:auto !important; margin:0 !important; } #menu li a { display:block !important; padding:7px 9px !important; font-size:13px !important; } /* ACE MOBILE PRODUCT LIST + FILTER FIXES */ /* Keep WebSell's unwanted Types dropdown hidden */ #header-search #theme_dropdown { display:none !important; } /* Mobile filter/sidebar area */ #product-nav { width:100% !important; float:none !important; margin:0 0 14px 0 !important; display:block !important; box-sizing:border-box !important; } .parent-filteredsearch { width:100% !important; display:block !important; box-sizing:border-box !important; } /* Price + Design filter box */ #panel-filteredsearch { border:1px solid #e5d3cf !important; border-radius:6px !important; padding:10px 12px !important; background:#fff !important; box-sizing:border-box !important; width:calc(100vw - 48px) !important; max-width:none !important; margin:0 0 14px 0 !important; } /* Two products across on mobile */ #products.products-panel .product { width:calc(50% - 12px) !important; margin:6px !important; float:left !important; display:block !important; text-align:center !important; box-sizing:border-box !important; } /* Consistent product-image area */ #products.products-panel .thumblink { width:100% !important; height:170px !important; } /* Center product prices */ #products.products-panel .product-price { padding:0 0 10px 0 !important; text-align:center !important; } /* ACE MOBILE LOGIN / REGISTER FIX */ #page-requirelogin .checkoutform, #page-requirelogin #login, #page-requirelogin #login > table, #page-requirelogin #login > table > tbody { width:100% !important; height:auto !important; display:block !important; box-sizing:border-box !important; } /* Stack Returning Customer and New Customer vertically */ #page-requirelogin #login > table > tbody > tr { display:flex !important; flex-direction:column !important; width:100% !important; height:auto !important; } /* Each customer section becomes full width */ #page-requirelogin #login td.formbox { display:block !important; width:100% !important; height:auto !important; box-sizing:border-box !important; padding:16px !important; margin:0 0 12px 0 !important; } /* Remove old WebSell nested-table stretching */ #page-requirelogin #login td.formbox > table, #page-requirelogin #login td.formbox > table > tbody, #page-requirelogin #login td.formbox > table > tbody > tr, #page-requirelogin #login td.formbox > table > tbody > tr > td { display:block !important; width:100% !important; height:auto !important; box-sizing:border-box !important; } /* Remove old transparent spacing images */ #page-requirelogin #login img[src*="spacer.gif"] { display:none !important; } /* Tighten headings */ #page-requirelogin #login td.formbox h3 { margin:0 0 12px 0 !important; } /* Make login fields comfortable on a phone */ #page-requirelogin #login input[type="text"], #page-requirelogin #login input[type="password"] { width:100% !important; max-width:260px !important; box-sizing:border-box !important; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {} /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'Anodyne'; src: url('webfonts/anodyne-webfont.eot'); src: url('webfonts/anodyne-webfont.eot?#iefix') format('eot'), url('http://www.mooreparts.com/themes/webfonts/anodyne-webfont.woff') format('woff'), url('webfonts/anodyne-webfont.ttf') format('truetype'), url('webfonts/anodyne-webfont.svg#AnodyneRegular') format('svg'); font-weight: normal; font-style: normal; } */ /* * Skeleton V1.1 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* * Skeleton V1.1 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 */ /* Table of Content ================================================== #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Tabs #Forms #Misc */ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Basic Styles ================================================== */ body { background:#FFF; font: 13px/18px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Lucida Grande", sans-serif; color: #444; font-weight: 100; text-shadow: rgba(0, 0, 0, .01) 0 0 1px -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6 { color: #444; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 100; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 33px; line-height: 43px; margin-bottom: 10px;} h2 { font-size: 35px; line-height: 46px; margin-bottom: 10px;} h3 { font-size: 19px; line-height: 28px; margin-bottom: 8px;} h4 { font-size: 19px; line-height: 30px; margin-bottom: 4px; } h5 { font-size: 17px; line-height: 24px; } h6 { font-size: 13px; line-height: 21px; } .subheader { color: #777; } p { margin: 0 0 18px 0;line-height:18px; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic; } strong { font-weight: 700; color: #333; } small { font-size: 80%; } .grey {color:#999} /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } /* #Links ================================================== */ a, a:visited { color: #000; text-decoration: none; outline: 0; font-weight:normal; transition: all 0.3s ease-out; } a:hover, a:focus { color: #FF00F0; transition: all 0.2s ease-out; } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; margin-bottom: 12px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } /* #Images ================================================== */ img.scale-with-grid { max-width: 100%; height: auto; } /* #Buttons ================================================== */ .button-text, .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: #DEDEDE; /* Old browsers */ background:linear-gradient(to bottom, #DEDEDE 0%, #DEDEDE 50%, #D2D2D2 51%, #D2D2D2 100%); /* W3C */ border: 0; padding: 0 15px; border-radius: 0; color: #474747; display: inline-block; font-size: 16px; font-weight: normal; text-decoration: none; text-transform: capitalize; cursor: pointer; margin-bottom: 10px; line-height: 42px; height: 42px; padding: 0 20px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; transition:all 0.3s ease-out; } .button-text:hover, .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #222; box-shadow: 0 0 4px #DEDEDE; text-decoration:none; transition:all 0.3s ease-out; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background: #ccc; /* Old browsers */ box-shadow: 0 0 2px #ccc; } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .greenbutton { background: #37c400 !important; color:#FFF; } /* #Tabs (activate in tabs.js) ================================================== */ ul.tabs { display: block; margin: 0 0 20px 0; padding: 0; border-bottom: solid 1px #ddd; } ul.tabs li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; } ul.tabs li a { display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px; border: solid 1px #ddd; border-width: 1px 1px 0 0; margin: 0; background: #f5f5f5; font-size: 13px; } ul.tabs li a.active { background: #fff; height: 30px; position: relative; top: -4px; padding-top: 4px; border-left-width: 1px; margin: 0 0 0 -1px; color: #111; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } 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: 0; display: block; } ul.tabs-content > li { display:none; } ul.tabs-content > li.active { display: block; } /* Clearfixing tabs for beautiful stacking */ 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; } /* #Forms ================================================== */ form {margin:0; } fieldset {margin-bottom: 20px;} input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; display: inline; margin-bottom: 20px; background: #fff; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; } label, legend { display: block; font-weight: bold; font-size: 13px; } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } /* CSS Tooltip */ /* #products a[data-tooltip]:link, #products a[data-tooltip]:visited { position: relative; text-decoration: none; } #products a[data-tooltip]::after { content: attr(data-tooltip); position: absolute; color: white; top: 0; left: 0; background: #60C658; padding: 15px; text-transform: none; font-size: 13px; white-space: normal; font-weight: normal; line-height: 18px; text-align: left; border-radius: 0; width: 189px; height: 190px; opacity: 0.95; visibility: hidden; } #products a[data-tooltip]:hover:after { visibility: visible; transition: visibility 4s linear 4s; -moz-transition: visibility 4s linear 4s; -webkit-transition: visibility 4s linear 4s; -o-transition: visibility 4s linear 4s; } */ ul.simpleTabsNavigation { margin:0 20px; padding:0; text-align:right; } ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0; padding:0; } ul.simpleTabsNavigation li a { border:1px solid #E0E0E0; padding:8px 18px; background:#F0F0F0; font-size:11px;text-decoration:none;font-weight:normal; } ul.simpleTabsNavigation li a:hover { background-color:#F6F6F6; } ul.simpleTabsNavigation li a.current { background:#fff; color:#222; border-bottom:1px solid #fff; } div.simpleTabsContent { border:1px solid #E0E0E0; padding:36px 18px 18px; margin-top:6px; display:none;*margin-top:8px; } div.simpleTabsContent.currentTab { display:block; *height:400px;*overflow:auto;} div.simpleTabsContent li {list-style:square;} /* jNotice */ .notice-wrap { position: fixed; bottom: 2%; right: 2%; width: 250px; z-index: 9999; } * html .notice-wrap { position: absolute; } .notice-item, .notice-item-success, .notice-item-error, .notice-item-loading { background: #333; -moz-border-radius: 0px; -webkit-border-radius: 0px; color: #eee; padding:12px; font-family:Arial, Helvetica, sans-serif; font-size: 13px; display: block; position: relative; margin: 0 0 5px 0; } .notice-wrap p { color: #fff; padding-right: 3px; } .notice-item-success { background-color: #333; border:0;color:white !important; } .notice-item-error { background-color:#ff7575; border:1px solid #800000; } .notice-item-loading { background-color:#fdc68a; border:1px solid #f7977a; } .notice-item-close { position: absolute; color: #111; font-family: Arial; font-size: 12px; font-weight: bold; right: 6px; top: 6px; cursor: pointer; } #customcontent.contentpage {margin-right:10px;margin-left:10px;width:860px;padding:40px;background:#FFF;background:rgba(255,255,255,0.95);float:left;cursor:pointer;} #page-advsearch .price-percentage, #page-category .price-percentage { color: green; font-size: 0px; } /* Horizontal Mega Menu */ #jmegamenu {} #jmegamenu .firstlevel { float: left; margin: 0; height: 45px; line-height: 45px; padding: 0; color:#FFF; font-weight:bold; } #jmegamenu .firstlevel h4 { text-transform: lowercase; font-size: 18px; font-weight: normal; margin:0; line-height:45px; } #jmegamenu > li+li h4 a { border-left: 1px solid #BDBDBD; } #jmegamenu .firstlevel h4 a { line-height: 45px; padding:0 0.5em; color: #FFF; text-decoration:none; } #jmegamenu .firstlevel:hover h4 { color:#BBB; opacity: 0.5; transition:all 0.3s ease; } #jmegamenu .firstlevel:hover { border:0; cursor:pointer; } #jmegamenu .firstlevel:hover a { color: #BBB;; } .categoryblock { position: absolute!important; top: -9000px; padding:0px; display:none; } li:hover .categoryblock { width: 770px; display:block; position: absolute; top: 45px; left: 180px; background-color: white; font-size:14px; border:0; padding-top:20px; padding-bottom:20px; z-index:10000; opacity:0.98; box-shadow: 0 0 10px #CCC; } .megadepartment { float: left; width:160px; padding:0 0 20px 20px; text-align: left; zborder:0 !important; } .megadepartment a { width: 100%; color:white; border:0 !important; font-size:13px; line-height:18px; } #jmegamenu .megadepartment .nav-category a { font-size: 12px; position:relative; color:#555; text-transform:none; font-size:13px; } #jmegamenu .megadepartment .nav-category a:hover { text-decoration:underline; } .megadepartment .nav-category { position: relative; } li:hover .megasubcat{} .megasubcat {text-indent:4px;margin:0;line-height:18px;} .nav-category a:hover .megasubcat, n.nav-category:hover .megasubcat { } .megadepartment .nav-subcategory a, .megadepartment .nav-subcategory { line-height:18px; margin-bottom:0; padding-bottom:0; } .megadepartment .nav-subcategory { border-left:1px solid #333; margin-left:3px; } .link-department-select, .link-department { font-weight: bold; font-size: 12px; margin-top:5px; color: #666; height:auto; display:block; } .link-department-select, .firstlevel h4 + .categoryblock .link-department-select {text-decoration:underline;} .link-category-select, .link-category { font-weight: normal; font-size:12px; height:auto; display:block; text-transform:none } .link-category-select { color:#999 !important; text-decoration:underline; } .link-category-select a { color:#DDD; zbackground-color:#CCCCCC; zposition:relative; } .nav-category-select {display:block;} .nav-department {display:block;} .link-subcategory, .link-subcategory a { font-weight: normal; font-size:12px; } .link-subcategory-select { font-weight: bold; font-size:12px; color: #FF6600; } #brandmenu li, #brandmenu li a {line-height:14px;font-size:13px;font-weight:normal;} /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; text-align:center; position:relative; } .sf-menu ul { position: absolute; top: -999em; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu > li { float: none; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 45px; /* match top ul list item height */ z-index: 1004; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ float: left; letter-spacing:0px; font-weight: normal; text-transform:none; color: #FAFAFA; } .sf-menu > li {background:none;display:table-cell;vertical-align:middle;} .sf-menu #group-range {margin-right:0;} .sf-menu li li {background:white;} .sf-menu li li li {background:#9AAEDB;} .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: none; outline: 0; } .sf-menu .link-department, .sf-menu .link-department-select, .sf-menu .link-department:visited, .sf-menu .link-department-select:visited {font-size:20px;padding:0;white-space:nowrap;color:#000;font-weight:normal;letter-spacing:1px;} .sf-menu .link-department:hover, .sf-menu .link-department-select:hover {color:#691044;} .sf-menu .link-department:hover, .sf-menu .link-department-select:hover {text-decoration:underline;text-decoration-color:#e28c98; text-decoration-thickness: 3px;text-underline-offset: 5px;} .sf-menu .link-department-select .link-department {text-decoration:underline;text-decoration-color:#e28c98; text-decoration-thickness: 4px;text-underline-offset: 8px;} .sf-menu .link-department {padding:0 0 0 34px !important;} .sf-menu .departmentgroup, .sf-menu .link-department-select {position:relative;height:45px;line-height:45px;padding:0;} .sf-menu .departmentgroup { font-family: Trebuchet MS, sans-serif; } .sf-menu .link-category { font-size: 15px; line-height: 15px; padding: 5px 0; width: 200px; display:block; text-align: left; border-top: 0; color:#FFF; } .sf-menu .link-category:hover { } .sf-menu li ul li:last-child a {border-bottom:0 !important} .sf-menu .link-category-select { font-size:15px; line-height:15px; padding: 5px 0; min-width: 125px; display:block; color:#CCC !important; text-align:left; border:0; text-decoration:underline; text-decoration-thickness: 3px; text-underline-offset: 2px; } .sf-menu a.link-category:hover, .sf-menu a.link-category-select:hover {color:#FFFFF !important; text-decoration:underline; text-decoration-color: #e28c98; text-decoration-thickness: 3px; text-underline-offset: 4px; } .sf-menu .nav-subcategory a {background:white;padding-left:10px;width:100px;text-align: left;} .sf-menu .subcategoryblock {margin-left:66px;border-bottom:0;} .groupblock {box-shadow:0;padding:0 10px 5px 10px;background:#000;filter:alpha(opacity=80);background:rgba(0,0,0,0.8);border-radius:0;margin:0 0 0 10px;} /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport {} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; left: 0px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #eee; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #aaa; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; margin-right:15px; } .bx-wrapper .bx-next { left: 45px; background: url(images/controls.png) no-repeat -43px -32px; margin-left:15px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper:hover .bx-controls-direction a {opacity:0.25;} .bx-wrapper .bx-controls-direction a { position: absolute; top: -20px; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; opacity: 0; -webkit-transition:opacity 0.1s linear; -moz-transition:opacity 0.1s linear; -o-transition:opacity 0.1s linear; transition:opacity 0.1s linear; } .bx-wrapper .bx-controls-direction a:hover {opacity:1;} .bx-wrapper .bx-controls-direction a.disabled {} /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* Matrix restyling */ .matrixitemcontainer b, .matrixitemcontainer img { display:inline; padding-right:10px; cursor:pointer; } .matrixitemcontainer select {margin-bottom:5px;} .matrixitemcontainer b{display:block; padding-bottom:10px; width:170px} .matrixitemcontainer img {display:block; padding:5px; padding-left:0px} .availability{font-weight:600;} .color{font-weight:600 !important; margin:0 auto; width:50px } .matrixitemcontainer{padding:10px; display:inline; width:150px; float:left; border: 1px solid #F1F1F1; margin:5px; height:150px} .quantity{font-weight:600; } #matrixselector{width:600px; margin-left:-5px; margin-top: 50px} #matrixselector .button-big{display:block;clear:both; margin-left:5px; padding-top:20px; width:155px} p.product-material strong { display:inline-block;width:58px !important; } #ft-social > a.ft-facebook > img { margin-left: 50px; margin-right: 20px; margin-top: 15px;} /* ACE PRODUCT PAGE BLUSH DETAILS PANEL */ #page-product #productbody { background: transparent !important; } #page-product #productbody .nine.columns.omega { background: #FDF3F1 !important; padding: 15px; border-radius: 6px; box-sizing: border-box; } /* ACE PRODUCT COLOR SELECTOR ALIGNMENT */ #page-product #matrixselector { width: 100% !important; } #page-product .matrixitemcontainer { box-sizing: border-box; } /* ACE PRODUCT PAGE FINAL FONT + BUTTON POLISH */ #page-product #productbody .nine.columns.omega { font-family: Montserrat, Arial, sans-serif; color: #333333; font-size: 14px; line-height: 1.55; } #page-product #productbody .nine.columns.omega p { font-size: 14px; line-height: 1.55; margin-bottom: 8px; } #page-product #matrixselector .button-big .button-text { background: #C9828D !important; color: #FFFFFF !important; font-family: Montserrat, Arial, sans-serif; font-size: 14px; font-weight: 600; padding: 10px 14px !important; border: 0 !important; border-radius: 4px !important; box-shadow: none !important; text-decoration: none !important; } #page-product #matrixselector .button-big:hover .button-text { background: #B97380 !important; color: #FFFFFF !important; } /* ACE PRODUCT PAGE SMALL SPACING FIXES */ #page-product p.product-material strong { width: auto !important; margin-right: 7px; } #page-product #matrixselector .matrixitemcontainer { font-size: 12px; line-height: 1.35; } /* ACE PRODUCT RECOMMENDATION FONT POLISH */ #page-product #relatedproductspanel, #page-product #recentlyviewed { font-family: Montserrat, Arial, sans-serif; } #page-product #relatedproductspanel h3, #page-product #recentlyviewed h3 { font-family: Montserrat, Arial, sans-serif; font-weight: 600; color: #333333; } #page-product #relatedproductspanel .product, #page-product #recentlyviewed .product { font-family: Montserrat, Arial, sans-serif; color: #333333; } /* ACE FOOTER INSTAGRAM POLISH */ #fl-social img { width: 32px !important; height: 32px !important; margin-top: 8px !important; } /* Ace 2026 - Header account cleanup */ #header-account { position:absolute; top:3px; right:0; width:360px; margin:0; text-align:center; } #header-account > a, #header-account > a:visited { display:inline-block; color:#333; font-size:12px; font-weight:500; line-height:18px; text-transform:uppercase; letter-spacing:0.03em; margin-left:12px; text-decoration:none; } #header-account > a:hover { color:#5A3A3A; text-decoration:none; } /* Ace 2026 - Header search cleanup */ #header-search .search-table #field_product_brand { height:32px !important; border:1px solid #D8C7C3 !important; border-radius:3px !important; padding:0 10px !important; font-family:Montserrat, Arial, sans-serif; font-size:12px; color:#333; background:#FFF; box-sizing:border-box; } #quick-find #keywordsearchfield { height:32px !important; border:1px solid #D8C7C3 !important; border-radius:3px !important; padding:0 12px !important; font-family:Montserrat, Arial, sans-serif; font-size:12px; box-sizing:border-box; } #quick-find #searchsubmit { height:32px !important; line-height:32px !important; width:32px !important; margin-left:4px !important; opacity:0.65; cursor:pointer; } /* ACE 2026 - CONTACT FORM SUBMIT BUTTON */ #contactform #submit_submit { background:#C9828D !important; color:#FFFFFF !important; border:0 !important; border-radius:4px !important; padding:10px 22px !important; font-family:Montserrat, Arial, sans-serif !important; font-size:14px !important; font-weight:600 !important; height:auto !important; box-shadow:none !important; cursor:pointer; } #contactform #submit_submit:hover { background:#B97380 !important; color:#FFFFFF !important; } /* ACE 2026 - CONTACT FORM FIELD CLEANUP */ #contactform input[type="text"], #contactform input[type="email"], #contactform textarea { border:1px solid #D8C7C3 !important; border-radius:3px !important; padding:8px 10px !important; font-family:Montserrat, Arial, sans-serif !important; font-size:13px !important; color:#333333 !important; background:#FFFFFF !important; box-sizing:border-box !important; box-shadow:none !important; width:267px !important; } #contactform input[type="text"]:focus, #contactform input[type="email"]:focus, #contactform textarea:focus { border-color:#C9828D !important; box-shadow:0 0 0 1px #C9828D !important; outline:none !important; } /* ACE 2026 - MOBILE SEARCH ICON SPACING */ @media only screen and (max-width:767px) { #quick-find #keywordsearchfield { margin:0 !important; } #quick-find { gap:4px !important; } } /* ACE 2026 - MOBILE LOGO SPACING */ @media only screen and (max-width:767px) { #header-logo { margin-bottom:16px !important; } #header-logo a { float:none !important; display:block !important; height:auto !important; } } /* ACE 2026 - MOBILE SEARCH + SHOP BY ALIGNMENT */ @media only screen and (max-width:767px) { #quick-find { width:310px !important; max-width:calc(100% - 24px) !important; margin:07px auto 4px auto !important; justify-content:flex-start !important; gap:4px !important; } #quick-find #keywordsearchfield { width:274px !important; max-width:calc(100% - 36px) !important; margin:0 !important; } #header-search .search-table { display:block !important; width:310px !important; max-width:calc(100% - 24px) !important; margin:0 auto !important; float:none !important; } #header-search #branddropdowncell { display:block !important; width:100% !important; text-align:left !important; } #header-search .search-table #field_product_brand { width:170px !important; max-width:170px !important; margin:2px 0 6px 0 !important; float:none !important; } }