/* Pull in Core Styles */ /* begin general styles for all themes */ /* BWD modified to remove some of the Wish List Styles */ body { margin: 0px; padding: 0px; background-color:#ffffff; font-family: 'Roboto', sans-serif; color: #333333; font-size: 16px; overscroll-behavior-y: none; /* Disables pull-to-refresh and overscroll glow effect.Still keeps swipe navigations. */ overscroll-behavior-y: none; /* Disables pull-to-refresh and overscroll glow effect.Still keeps swipe navigations. */ } p, table, td, th { font-family: 'Roboto', sans-serif; font-size: 16px; font-style: normal; font-weight: normal; margin-top: 0px; } form { margin: 0px; } a:link { color: #0077ef; text-decoration: none; } a:visited { color: #0077ef; text-decoration: none; } a:hover { color: #000070; text-decoration: underline; } a:active { color: #0077ef; text-decoration: none; } ul { list-style-type: square; } .embedded-map iframe { width: 100%; } .video-wrapper { position: relative; padding-bottom: 60%; padding-left: 0; padding-right: 0; margin: 0; height: 0; overflow: visible; clear:both; } .video-wrapper iframe { float: left; position: absolute; top: 0; left: 0; width: 95%; height: 95%; } #product-page-body p.product-image { position: relative; } #product-page-body .product-image a[class^="PIN"] { position: absolute !important; left:1em;  bottom:1em;  } /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #000070; } .actCHECKOUTBG { background-color: #f1f1f1; } .actlarger { font-size: 13px; color: #333333; } .actsmaller{ font-size: 11px; color: #333333; } .actxxsmall { font-size: 11px; color: #333333; } .actxsmall { font-size: 16px; color: #333333; } .actsmall { font-size: 16px; color: #333333; } .actregular { font-size: 13px; color: #333333; } .actlarge{ font-size: 16px; color: #333333; } .actxlarge { font-size: 16px; color: #333333; } .actxxlarge { font-size: 16px; color: #333333; } .actwarningcolor { color: #ff0000; } .actrequiredcolor { color: #ff0000; } .actsearchhighlightcolor { color: #ff0000; } .actrequired { color: #ff0000; } .actwarning { font-size: 16px; color: #ff0000; } .actwelcome { font-size: 16px; color: #333333; } .actlogotext { font-size: 16px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 16px; color: #0077ef; } /* General positioning ------------------------------------------- */ .set-left { float: left; } .set-right { float: right; } .set-below-left { float: left; clear: left; } .set-below-right { clear: right; float: right; } .inline li { display: inline; list-style: none; padding: 0 5px 0 5px; } .section-list p { margin: 0 0 0 6%; } .section-list p.indent1, .section-list blockquote { margin: 0 0 0 12%; } .section-list p.indent2 { margin: 0 0 0 18%; } .section-list ul ul li a { font-size: 16px; } /* Compact Product layout ------------------------------------------- */ form.compactProductLayout { margin:1em 0; padding:1em; } form.compactProductLayout fieldset.quantity-box { float:right;  border:none; } form.compactProductLayout fieldset.quantity-box input[type="number"] { width:2em; margin-left:1em; } .quantityButton {display:none;} /* Shopping cart and checkout fields ------------------------------------------- */ a.checkout-checkoutbg { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: #f1f1f1 2px solid; border-top: #f1f1f1 2px solid; border-right: #333333 1px solid; border-bottom: #333333 1px solid; } a.checkout-checkoutbg:link { color: #f1f1f1; text-decoration: none; } a.checkout-checkoutbg:visited { color: #f1f1f1; text-decoration: none; } a.checkout-checkoutbg:hover { color: #f1f1f1; text-decoration: underline; } a.checkout-checkoutbg:active { color: #f1f1f1; text-decoration: underline; } a.checkout-textcolor:link { color: #333333; text-decoration: none; } a.checkout-textcolor:visited { color: #333333; text-decoration: none; } a.checkout-textcolor:hover { color: #333333; text-decoration: underline; } a.checkout-textcolor:active { color: #333333; text-decoration: underline; } div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #f1f1f1; border-top: solid 1px #000070; border-bottom: solid 1px #000070; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: #000070; font-size: 13px; font-weight: bold; color: #f1f1f1; text-align: left; padding: 5px 2px; border-bottom: solid 3px #ffffff; } table.checkout th.instruction { font-size: 16px; font-weight: normal; } table.checkout th.change { font-size: 16px; font-weight: bold; padding: 0px 0px; text-align: right; } .checkout-change-button	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; font-size : 16px; background-color: #0077ef; border: 1px solid #000070; color: #dddddd; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button	{ line-height: 13px; height: 15px; width: 70px; margin: 20px 0px 20px 0px; padding: 3px 20px 2px 0px; font-size : 16px; background-color: #0077ef; border: 1px solid #000070; color: #dddddd; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button a { padding-left: 20px; color: #dddddd; text-decoration: none; } table.checkout td { background-color: #f1f1f1; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .cart { background-color: #f1f1f1; border-bottom: solid 1px #000070; } .checkout-cartheading { font-weight: bold; background-color: #f1f1f1; border-top: solid 1px #000070; border-bottom: solid 1px #000070; } .cartheading { background-color: #000070; font-weight: bold; color: #f1f1f1; } h2.checkout-heading { background-color: #000070; font-size: 13px; font-weight: bold; color: #f1f1f1; padding: 5px 2px; border-bottom: solid 3px #ffffff; } h3.checkout-heading { padding: 3px 0; background-color: #000070; font-size: 13px; font-weight: bold; color: #f1f1f1; border-bottom: solid 3px #ffffff; } .checkout-subheading { font-weight: bold; padding: 0; margin: 0; } img.cartthumbnail { border: 0px; margin-left: 2px; margin-right: 2px; width: 25px; } input.normal-button { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: bold; color: #ffffff; background: #0077ef; padding: 5px; border: solid 1px #333333; } input.highlight-button { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: bold; color: #ffffff; background: #000070; padding: 5px; border: solid 1px #333333; } .checkout-field-label { width: 160px; } .checkout-field-input { width: auto; } .checkout-field-input input, .checkout-field-input select { font-family: 'Roboto', sans-serif; font-size: 13px; color: #333333; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: 'Roboto', sans-serif; font-size: 13px; color: #333333; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: 'Roboto', sans-serif; font-size: 13px; color: #333333; background-color: #ffffff; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #f1f1f1; border: 0;	 } .checkout-field-area { background: #f1f1f1; border-bottom: solid 2px #ffffff; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { height: 50px;  margin-top: 20px; } .left {  float : left;  width : 50%;  } .right {  float : right;  width : 40%;  } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } form fieldset .checkout-field-input input[type='radio'] { float: none; width: auto !important; } form fieldset .checkout-field-input { font-size: 13px; font-color: red; } /* Checkout Progress Indicator  ------------------------------------------------ */ p.checkout-progress-heading { width: 300px; margin: 0px auto; } #checkout-progress-indicator { width: 300px; height: 19px; background-image: url('cpi-background.gif'); margin: 0 auto 0px auto; } .checkout-progress-0 { width: 75px; height: 19px; background-color: #000070; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #000070; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #000070; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #000070; background-image: url('cpi-main.gif'); float: left; } #checkout-progress-indicator .cpi-end { width: 8px; padding: 0; margin: 0; border: 0; height: 19px; background-image: url('cpi-end.gif'); background-position: right; background-repeat: no-repeat; float: left; } table#idCheckoutProgress { margin-bottom: 10px; } table#idCheckoutProgress td{ background-repeat:repeat-x; background-color:transparent; border: 0px; padding: 0px; height:19px; text-align:center; } table#idCheckoutProgress td.cpi-left{ background-image:url("cpi-main.gif"); color:white; width:160px; } table#idCheckoutProgress td.cpi-complete{ background-image:url("cpi-main-mid.gif"); color:white; width:160px; } table#idCheckoutProgress td.cpi-incomplete{ background-image:url("cpi-background.gif"); color:black; width:160px; } table.CheckoutProgress { border-collapse: collapse; margin-bottom: 10px; } table.CheckoutProgress td { padding: 0px 0px; background-repeat: repeat-x; background-color: transparent; height: 19px; text-align: center; width: 140px; } table.CheckoutProgress td.cpi-start{ background-image: url("cpi-main.gif"); width: 8px; } table.CheckoutProgress td.cpi-inactive{ background-image: url("cpi-main-mid.gif"); color: #ffffff; } table.CheckoutProgress td.cpi-active{ background-image: url('cpi-background.gif'); font-weight: bold; color: #333333; } table.CheckoutProgress td.cpi-end { background-image: url("cpi-end.gif"); width: 8px; } table.CheckoutProgress td.cpi-spacer { background-image: url("cpi-main-mid.gif"); width: auto; } /* Formatting for Feefo customer feedback --------------------------------- */ /* Default formatting of text boxes used in store pages -------------------- */ .form_input_general	{ line-height: normal; font-size : 16px; word-spacing: normal; } /* My Account pages  --------------------------------------------------------------*/ .myaccount-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: url('myaccount-popup-bg.png'); background-repeat: repeat; } .myaccount-popup { position: fixed; width: 500px; height: 250px; left: 50%; top: 50%; margin-left: -250px; margin-top: -125px; padding-left: 85px; padding-top: 50px; background-color: #dddddd; } /* start search results sort list */  .sort_by { background-color: #000070; width: 100%; height: 24px; color: #dddddd; text-align: right; } .sort_by select { font-size: 12px; height: 20px; margin-right: 1px; margin-top: 1px; border: #000070 2px solid; border-top: #000070 2px solid; border-right: #000070 1px solid; border-bottom: #000070 1px solid; } .sort_by-submit { background: transparent; height: 20px; color: #dddddd;  font-weight: bold; font-size: 12px; margin-right: 1px; margin-top: 1px; border: 0; } .sort_by-submit:hover { cursor: pointer; text-decoration: underline; } /* end search results sort list */ /* start auto suggession list */ .sf_suggestion { position: absolute; line-height: 15px; z-index: 2147483637; } .sf_suggestion ul { margin: 1px; padding: 0px; background: #ffffff;  border: 1px solid rgb(51, 51, 51); top: 0; left: 0; } .sf_suggestion li{ margin: 0px; padding: 0px; list-style: none; } .sf_suggestion li a { display: block; text-indent: 5px; text-align: left; padding: 5px; text-decoration: none; } .sf_suggestion li.selected a { background: #cccccc; color: #000000; font-weight: normal; } .sf_suggestion li.notselected a{ color: #000000; font-weight: normal; } /* end auto suggession list */ /* start filter loading dialog */ .loading-block	{ display: table; height: 100%; width: 100%; overflow: hidden; margin-left: 50%; z-index: 2147483638; } .loading-gif { display: table-cell; vertical-align: middle; } .loading-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-repeat: repeat; opacity:0.9; } /* start filter loading dialog */ /* Recently Viewed Products List Style ------------------------------------ */ #rphtml { display: none;  visibility:hidden; } /* Used internally - do not delete */ /* start clear button */ .clear-button { float: right; -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #dcdcdc; display: inline-block; color: #777777; font-family: arial; font-size: 10px; font-weight: normal; padding: 2px 6px; text-decoration: none; text-shadow: 1px 1px 0px #ffffff; margin-left: 5px; line-height: 10px; background-color: #ededed; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); } .clear-button:hover { background-color: #dfdfdf; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); } .clear-button:active { position: relative; top: 1px; } /* end clear button */ .mobileHeader {display:none;} /* Site Map */ .sitemap { margin: 20px 0 0 10px; } .sitemap ul { margin: 0 0 0 10px; padding: 0; } .sitemap ol { margin: 0; padding: 0; list-style-type: square; } .sitemap ul li, .sitemap ol li { margin-left: 1em; padding: 3px 0; } /* styles for Minimal Product Summary */ .mini-product-summary { width: 150px; margin: 0 3px 13px; float: left; } .mini-product-summary-image { width: 150px; margin-bottom: 1em; overflow: hidden; } .mini-product-summary-image img { max-width: 150px; } .mini-product-summary h3 { font-size: 13px !important; margin: 0 0em 1em !important; height: 50px;  } .mini-product-summary-price { margin: 0.5em 0; } .mini-product-summary-link { margin: 1em 0; } .mini-product-summary-link a { display: block; background: #0077ef; line-height: 1.5em; color: #dddddd !important; font-weight: bold; text-align: center; font-size: 1.2em; } .mini-product-summary-link a:hover { background: #000070; text-decoration: none; color: #dddddd; } /* Styles for 'Customisable Product Details' */ .cust-product-details { width: 50%; margin-bottom: 1em; } .cust-product-image { width: 45%; margin-bottom: 1em; font-size: 1.35em; } .cust-left { float: left; } .cust-right { float: right; } .cust-product-image img { border: solid 1px #ddd; max-width: 100% !important; } .top-spec-wrapper { width: auto; overflow: auto; margin-bottom: 2em; font-size: 1.35em; } .top-spec-label { float: left; width: 100px; clear: left; font-weight: bold; } .top-spec-value { float: left; } .cust-main-price { padding-bottom: 1em; color: #0077ef; font-weight: bold; font-size: 1.35em; } .cust-stock-message { padding-bottom: 1em; line-height: 1.5em; font-size: 1.35em; } .cust-product-description { clear: both; padding: 1em 0; } .cust-cart-button { font-size: 1.35em; line-height: 1.7em; padding-top: 1em; clear: both; } .description-text { font-size: 1.35em; } .terms-conds { font-size: 1.35em; padding-bottom: 2em; } p.cart-button-placement { padding-top: 1em; } option:disabled { display: none; } /* In Context PSP form style*/ .container-popup { position: relative; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.5); display: none; } #pspwait { height: 5em; min-width:1px; width:8em; max-width:90%; margin: auto; padding:0.5em; position:absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 13px; background:#e6e6e6; text-align: center; border: solid 1px #FFFFFF; } #payment { height: 32em; min-width:1px; width:400px; max-width:90%; margin: auto; padding:0.5em; position:absolute; top:1em; right: 0; bottom: 0; left: 0; background:#eeeeee; } #payment .has-error { color:red; } #payment .form-group { float:left; width:100%; } #payment .form-group label, #payment .form-group div { float:left; margin:0.5em 0; } #payment .form-group label { width:10em; padding:0.3em; } #payment .form-group div { width:55%; } #payment .form-group div input { width:100%; padding:0.3em; } #payment > a, #payment > a:hover { float:left; } #payment button, #payment button:hover { float:right; } #payment button, #payment button:hover, #payment > a, #payment > a:hover { clear:none; width:auto; margin:4% 1em 4% 0; padding:0.2em 0.5em; font-size:1em; line-height:1.9em; font-weight:bold; color:#666666; text-align:center; text-decoration:none; border:none; background:#cccccc; } #payment button:hover, #payment > a:hover { cursor:pointer; background:#ffffff; } #coupon-apply-btn { width: 12em; height: 3em; background: #000070; color: #ffffff; font-weight: bold; text-align: center; margin: 0 5px !important; } .remove-coupon-link { color: #0077ef; cursor: pointer; } #used-coupons { display: inline-block;  margin: 5px;  width: 90%; } .coupon-list-line { width: 100%;  max-width: 150px;  clear: left;  float: left;  margin: 0 5px 5px 5px;  font-size: 16px; } .coupon-list-remove, .remove-coupon-link { float: right; } /***** Wish list *****/ .wishlistmodal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 10px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .wishlistpop { background-color:#FFFFFF; border:1px solid #999999; cursor:default; display:none; position: absolute; top: 0; left: 0; bottom: 0; right: 0;   padding: 25px 25px 20px;   margin: auto; text-align:center; width:194px; height:80px;   z-index:50; } .wishlistpop p, .wishlistpop.div { border-bottom: 1px solid #EFEFEF; margin: 8px 0; padding-bottom: 8px; } .wishlist-required input[type="number"], .wishlist-add input[type="number"] { width: 40px; } a.wl_gotowishlist, a.gotocart {margin-left: 5px} .wishlist-placement {clear: right; width: auto} .wishlist-button-wrapper { display: block; width: auto; height: 3.5em; margin: 0; float: right; clear: both } .wish-list-button-popup input[type=submit], .wish-list-button-popup input[type=submit]:hover { margin: 0; width: auto; height: 3.5em } .singleAddToCart .wishlist-button-wrapper input[type=submit] { width: auto !important;  height: 3.5em !important; } .wishlist-button-wrapper input[type="submit"], .wishlist-button-wrapper input[type="submit"]:hover { font-size: 1em; } .wishlist-share-label {display: block}	 form.wishlist-share {padding: 0;} form.wishlist-share input, form.wishlist-share input:hover {float: left; margin: 0} form.wishlist-share input[type=text] {margin:8px 5px 0 0;} span.wishlist-update input, span.wishlist-cart input, span.wishlist-required input, span.wishlist-remove input, span.wishlist-update input:hover, span.wishlist-cart input:hover, span.wishlist-required input:hover, span.wishlist-remove input:hover { margin: 0 0 5px 0; } .wishlist-image img {width: 75px; margin: 0;} .wishlist-add input[type=number], .wishlist-required input[type=number] {margin: 0 8px 8px 0} form.wishlist-share .fb-share-button {margin: 11px 5px 0 0;} form.wishlist-share .twitter-share-button {float: left; margin: 11px 5px 0 0;} form.wishlist-share span.wish-list-copy-caption {font-weight: bold; float: left; margin: 15px 5px 0 5px;} form.wishlist-row label[for=idPass] {clear: left} form.wishlist-row input#idUser {width: 90% !important} .wish-list-button-popup {height: 3.5em !important;} #coupon-apply-btn { width: 12 em; height: 3 em; background: #000070; color: #ffffff; font-weight: bold; text-align: center; margin: 0 5px !important; } .remove-coupon-link { color: #0077ef; cursor: pointer; } #used-coupons { display: inline-block;  margin: 5px;  width: 90% } .coupon-list-line { width: 100%;  max-width: 150px;  clear: left;  float: left;  margin: 0 5px 5px 5px;  font-size: 16px } .coupon-list-remove, .remove-coupon-link { float: right } fieldset.quantity-box {border: none} /** VARIABLES ===================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; margin: auto; } .bx-wrapper img { max-width: 100%; display: block; margin: auto !important; float: none !important; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); } /** THEME ===================================*/ .bx-wrapper { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; margin-bottom: 30px; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url('bx_loader.gif') center center no-repeat #ffffff; 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-default-pager a { background: #666; 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, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url("bx_controls.png") no-repeat 0 -32px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url("bx_controls.png") no-repeat -43px -32px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* 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("bx_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, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url("bx_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, .bx-wrapper .bx-controls-auto .bx-stop:focus { 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; 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; } /*! jQuery UI - v1.12.1 - 2018-12-20 * http://jqueryui.com * Includes: core.css, accordion.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} .sl-wrapper .sl-close,.sl-wrapper .sl-navigation button{height:44px;line-height:44px;font-family:Arial,Baskerville,monospace}.sl-wrapper .sl-close:focus,.sl-wrapper .sl-navigation button:focus{outline:0}body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:1035}.sl-wrapper .sl-close,.sl-wrapper .sl-counter{top:30px;display:none;color:#000;position:fixed}.sl-wrapper{z-index:1040}.sl-wrapper button{border:0;background:0 0;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{right:30px;z-index:10060;margin-top:-14px;margin-right:-14px;width:44px;font-size:3rem}.sl-wrapper .sl-counter{left:30px;z-index:1060;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;width:22px;text-align:center;display:block;z-index:10060;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media (min-width:35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}.sl-wrapper .sl-image img{border:0}}@media (min-width:50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}.sl-wrapper .sl-image img{border:0}}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0;width:100%;height:auto}.sl-wrapper .sl-image iframe{background:#000;border:0}@media (min-width:35.5em){.sl-wrapper .sl-image iframe{border:0}}@media (min-width:50em){.sl-wrapper .sl-image iframe{border:0}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease .2s;transition:-ms-transform ease .2s;transition:-o-transform ease .2s;transition:-webkit-transform ease .2s;transition:transform ease .2s}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%,100%{opacity:0}0%{transform:scale(.1)}50%{opacity:1}100%{transform:scale(1.2)}} .cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s} .cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} /****************************************************************** Sellerdeck Version 18.0.3 Author: Nicola Maclaren Website: https://www.beewebdesign.co.uk * Do not remove this notice *******************************************************************/ body {  font-family:'Roboto', sans-serif; font-size:16px; line-height:140%; margin:0; padding:0; background:#ffffff; } * { box-sizing:border-box; } img { vertical-align:top; max-width:100%; height:auto; border:none;} svg { vertical-align:middle; } .wrapper { text-align:center;	 } .notFullWidthMenuBars .header, .notFullWidthMenuBars .menu, .content, .notFullWidthMenuBars .footer, .fullWidthMenuBars .inner { margin:0 auto; text-align:left; max-width:1920px; width:90%; } .content { margin:20px auto; } /****************************************************************** Header Styles *******************************************************************/ .header { padding-bottom:25px; } .subHeader {  background:rgba(241,241,241, 0.4); padding:10px 0; margin:0 0 15px 0; } .subHeader ul { list-style-type:none; padding:0; margin:0; float:right; } .subHeader ul li { display:block; float:left; padding:0 10px; border-right:1px solid #bbb; font-size:0.875em; } .subHeader ul li:last-child { border-right:none; } .subHeader ul li a { color:#0077ef; } .logo {  float:left; width:40%; } .qSearch {  float:left; width:40%; position:relative; margin-top:15px; } .qSearch input[type="search"] { width:100%; border:1px solid #bbb; padding:16px; } .qSearch input[type="search"]:focus { border-bottom:2px solid #000070; } .qSearch form { margin:0 40px; position:relative; } .qSearch input[type="submit"] {  display:none; } .qSearch svg { position:absolute; top:13px; right:15px; cursor:pointer; } .miniCart { float:right; width:20%; border:1px solid #0077ef; font-weight:500; margin-top:15px; } .miniCart:hover { border:1px solid #000070; } .miniCart svg { margin-right:4px; } .miniCart a { font-size:0.875em; padding:15px 15px 10px 15px; display:block; } .miniCart a:hover { text-decoration:none; } /* Clear Divs */ .subHeader:after, .subHeader ul:after, .header:after { content:''; display:block; clear:both; } /****************************************************************** Mega Menu Styles *******************************************************************/ body.sd-megamenu-open #overlay { background:rgba(0,0,0,0); width:100%; height:100%; position:absolute; left:0; z-index:99; } .menu { background: rgb(239,239,239); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(221,221,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ border-top:1px solid #ddd;  border-bottom:1px solid #ddd; } .megaMenu {  background:white; padding:0; margin:0; width:100%; position:relative; } .megaMenu ul { list-style-type:none; margin:0; padding:0; width:100%; } .megaMenu ul li.menuHover div { display: block !important; } .megaMenu { z-index:999; } .megaMenu ul li { float:left; width:calc(100% / 8 - 0.01px); height:auto; } /* Putting in some widths to get it to fit on all browser sizes  Will need to be edited if sections change.  .menu ul li:nth-child(2), .menu ul li:nth-child(3), .menu ul li:nth-child(7) { width:10%; } .menu ul li:nth-child(6) { width:26%; }*/ .megaMenu ul li a:link, .megaMenu ul li a:visited, .megaMenu ul li a:active { color:#000070; font-weight:500; width:100%; text-align:center; vertical-align:middle; display:block; padding:20px 10px 0 10px; font-size:14px; background:url('border-separator.png') repeat-y top right; line-height:120%; } .megaMenu > ul > li > a { height:78px !important; } .megaMenu > ul > li:first-child { background:url('border-separator.png') no-repeat top left; } .megaMenu ul li a:hover { color:#000070; text-decoration:none; }  /* Used to style hover/selected action on top level links */ .megaMenu ul li a.sel:link,  .megaMenu ul li a.sel:visited,  .megaMenu ul li a.sel:active { color:#000070; text-decoration:none; }  /* Drop Down Box */ .megaMenu ul li div { position:absolute; top: 78px; text-align:left; display:none; border:1px solid #f1f1f1; background:white; padding:0px; left:0 !important; z-index:9999999; /*width:200px;*/ width:100% !important; } .megaMenu ul li div div { text-align:left; display:block; position:relative; top:0px; width:100%; } .megaMenu ul li div ul { width:calc(100% / 5); float:left; margin:5px 0 0px 0px; background:none; } .megaMenu ul li div ul.last { border-right:none; margin-right:0px; } .megaMenu ul li div ul li { float:none; background:none; padding:3px 0px; border-right:none; width:auto !important; height:auto; } .megaMenu ul li div ul li a:link, .megaMenu ul li div ul li a:visited, .megaMenu ul li div ul li a:active { color:#5f5f5f; font-size:14px; font-weight:normal; text-align:left; float:none; padding:5px 0; height:auto; line-height:normal; background:none; width:auto; text-shadow:none; } .megaMenu ul li div ul li a:hover { color:#000070; background:none; text-decoration:none; }   /* Styles for each row of links */ .megaMenu ul li div .row { /*clear:both;*/ height: 1%; overflow: hidden; background:none; border:none; padding:0 10px 15px 10px; } /* Used to overwrite id's styles */ .megaMenu ul li div ul li a.dropheading { padding:10px 10px !important; margin:0px 0px 0px 0px !important; height:auto !important; line-height:normal !important; display:block; font-weight:500; width:auto; } a.droplink, a.dropfooter { background:none !important; margin-left:12px !important; display:block; } a.dropfooter:link, a.dropfooter:visited, a.dropfooter:hover, a.dropfooter:active { font-weight:500 !important; } /****************************************************************** Footer Styles *******************************************************************/ .signupFooter { background:#efefef;  padding:25px 0; } .signupFooter .inner { text-align:center; } .signupFooter h2 {  font-size:1.5em; font-weight:500; margin:0 0 20px 0; padding:0; display:block;  text-align:center; color:#000070; } .signupFooter .mc-field-group { display:inline-block; margin:0 20px; text-align:left; } .signupFooter .mc-field-group input[type="text"], .signupFooter .mc-field-group input[type="email"] { border:1px solid #dddddd; padding:6px; font-size:14px; } .signupFooter .mc-field-group label { font-size:14px; display:block; font-weight:500; } .signupFooter input[type="submit"] { background:#0077ef; border:none; padding:7px 10px; color:white; font-family:'Roboto', sans-serif; font-weight:500; text-transform:uppercase; } .signupFooter input[type="submit"]:hover { opacity:.8; } .signupFooter .clear { display:inline-block; } .footer {  padding:20px; background:rgba(241,241,241, 0.4); margin:0 auto 0 auto; } .footer .fCol { width:calc(100% / 3); float:left; } .footer .fCol h3 { font-size:1.2em; font-weight:500; } .footer .fCol ul { list-style-type:none; margin:0; padding:0; } .footer .fCol ul li { display:block; padding:0 0 4px 0; } .footer .fCol ul li a, .footer .fCol p { font-size:0.875em; } .footer .fCol h4 {  font-size:0.875em; margin:0; padding:0; font-weight:500; } .footer .fCol p { margin:3px 0; padding:0; } .footer .notice { margin:20px 0 0 0; font-size:0.875em; } .footer .social { margin-top:15px; } .footer .social .icon { width:30px; display:inline-block; margin-right:4px; } .footer .social .icon:hover img { opacity:.8; } /* Clear Divs */ .footer .inner:after { content:''; display:block; clear:both; } /****************************************************************** Homepage Styles *******************************************************************/ /* Overwrite some of the BX Slider naff styles */ .bx-wrapper { border: none !important; box-shadow:none !important; } .bx-wrapper .bx-controls-direction a { z-index:99; } /* Marketing list  */ .marketingList { margin:20px 0; } .marketingList .row:not(:only-of-type) { margin-bottom:20px;  } .marketingList .item { text-align:center; } .marketingList h2 { font-size:1.3em; font-weight:500; margin:0 0 15px 0; border-bottom:1px solid #f1f1f1; padding:0 0 10px 0; line-height:120%; } .marketingList .item .image { border:1px solid #dddddd; padding:15px; width:100%; text-align:center; min-height:232px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .marketingList .item .image:hover { border:1px solid #0077ef; } .marketingList .item a:hover { text-decoration:none; color:#0077ef; } .marketingList .item a:hover .image { border:1px solid #000070; } .marketingList .item h3 { margin-bottom:10px; color:#333333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .marketingList .item .product-price { font-size:1em; font-weight:700; color:#0077ef; } .marketingList .item .button { background:white; padding:15px; text-align:center; width:100%; font-weight:500; color:#333333; margin-top:10px; border:1px solid #333333; } .marketingList .item a:hover .button { border:1px solid #000070; } /* Homepage banner with text box */ .banner .textBox, .notfullwidthbanner .textBox { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background:rgba(0,119,239, 0.7); padding:20px 30px 20px 30px; text-align:center; } .banner a:hover, .notfullwidthbanner a:hover , .banner a:hover h2, .notfullwidthbanner a:hover h2, .banner a:hover h3, .notfullwidthbanner a:hover h3 { text-decoration:none; } .banner .textBox h2, .notfullwidthbanner .textBox h2 { font-size:2vw; color:white; margin:0; padding:0; text-transform:uppercase; font-weight:normal; line-height:120%; } .banner .textBox h2 span, .notfullwidthbanner .textBox h2 span { display:block; text-transform:capitalize; font-size:20px; } .banner .textBox h3, .notfullwidthbanner .textBox h3 { color:white; font-size:1.2vw; font-weight:400; margin:10px 0; } /* Featured Products */ .featuredProducts {  margin-bottom:20px;  display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .featuredProducts .item {  margin-bottom:20px;  display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .featuredProducts .item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .featuredProducts h3, .featuredProducts .desc { text-align:center; } .featuredProducts .desc { color:#333333; font-size:14px; flex: 1 0 auto;} .featuredProducts:after { content:''; display:block; clear:both; } /****************************************************************** Section Styles *******************************************************************/ .text_breadcrumbs {  font-size:0.875em; } .text_breadcrumbs svg { vertical-align:middle; width:15px; height:15px; margin:0 4px; fill:#333333; } .text_breadcrumbs a:first-of-type svg { vertical-align:-3.5px; margin-right:4px; margin-left:0; width:17px; height:17px; fill:#0077ef; } .product-breadcrumb-bottom { margin-top:15px; } .fragmentBlock { border:1px solid #dddddd; padding:15px; margin-bottom:15px; width:100%; } .fragmentBlock h2 { margin:0 0 10px 0; padding:0; font-size:1.1em; } .section-list { display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; border-bottom:1px solid #f1f1f1; margin-bottom:15px; } .section-list .section.item { border:1px solid #dddddd; float:none !important; /* overwrite the general styles */ padding:15px; margin-bottom:15px; } .section-list .section.item .description { font-size:0.875em; color:#333333; text-align:center; } .section-list .section.item a:hover { text-decoration:none; } .section-list .section.item:hover { border:1px solid #0077ef; } .section-list .section.item .image { text-align:center; } .section-list .section.item h2 { font-size:1.1em; margin-bottom:0; text-align:center; } /****************************************************************** Product Summary Styles *******************************************************************/ /* Using Flex so i can get the boxes an equal height whatever the content */ .product-list { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #f1f1f1; } .product-list.noProductVisible { display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; } .product-list .item { display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 15px 15px 0; } .product-list .item form { /*display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; */ width:100%; border:1px solid #f1f1f1; padding:15px; }	 .product-list .item form .details { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; } .product-list .item form .buyingBox {  background:#efefef; padding:15px; margin-top:15px; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; -webkit-box-flex:1; -ms-flex:1 0 auto; flex:1 0 auto; position:relative; padding-bottom:125px;  } .product-list .item .image { width:100%; text-align:center; } .product-list .item h2 { font-size:1.2em; } .product-list .item a:hover { text-decoration:none; color:#0077ef; } .product-list .item .buyingBox .cart-button-wrapper input[type="submit"] { background:#000070; color:white; font-weight:500; text-transform:uppercase; border:none; font-family:'Roboto', sans-serif; font-size:0.875em; padding: 15px; width:100%; } .product-list .item .buyingBox .cart-button-wrapper input[type="submit"]:hover { opacity:.8; } .product-list .ActinicRTS, .product-list .product-price { color:#333333; } /* Options */ .product-list .item .buyingBox .attribute-list { margin-bottom:15px; } .attribute-list > div { margin-bottom:15px; } .product-list .item .buyingBox .attribute-list label { display:block; font-weight:500; margin:8px 0 5px 0; font-size:0.875em; } .product-list .item .buyingBox .attribute-list select { width:100%;  padding:6px; border:1px solid #f1f1f1; font-size:0.875em; } /* Position the quantity and add to basket at the bottom of the box */ .buyingBox .positionBottom { width: calc(100% - 30px); position: absolute; bottom: 15px; } /* Quantity */ .product-list .item .buyingBox .quantity-box { margin:0 0 15px 0; padding:0; } .quantity-box input[type="number"] { -moz-appearance:textfield; width:calc(100% - 48px - 48px - 16px - 60px); max-width:100px; height:48px; padding:6px; border:1px solid #dddddd; margin:0 8px;  text-align:center; -webkit-appearance:none; border-radius:0; } .product-list .quantity-box input[type="number"] { position:relative; top:1px; } .quantity-box .quantityButton {  padding:5px; color:#333333; font-weight:500; border:none; width:48px; height:48px; cursor:pointer; background:white; border:1px solid #dddddd; } .quantity-box .dec.quantityButton {  } .quantity-box .inc.quantityButton {  } .quantityButton { display:inline-block; } .quantity-box .actrequired { font-size:0.875em; display:inline-block; margin-right:4px; } /* Wish List Button */ .product-list .wishlist-button-wrapper { float:none; margin:15px 0 0 0;} .product-list .wishlist-button { width:100% !important; } /****************************************************************** Filtering Styles *******************************************************************/ /* Filtered search and search results */ .content:after {  content:''; display:block; clear:both; } .leftColumn { width:280px;  float:left; } .mFilterHeading { display:none; } .leftColumn .sidebar-filter-element h2 { margin:0 0 15px 0; padding:15px; background:rgba(0,119,239, 0.6); color:white; font-size:1em; text-transform:uppercase; } .leftColumn .sidebar-filter-element { position:relative; } .filter-by input { position:absolute; top:13px; right:15px; background:white; border:none; padding:4px 10px; background:rgba(255,255,255, 0.8); } .filter-by input:hover { background:white; } .filter-list { padding-left:15px; } .filter-list h4 {  font-size:0.875em; margin:10px 0; } .filter-list label { font-size:0.875em; vertical-align:top;  } .filter-list input[type="checkbox"] { margin-left:0; } .centerColumn { float:left; width:calc(100% - 280px - 15px); margin-left:15px; } .sFilteredList { display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; } .sFiltered.item { float:none !important; /* overwrite genreal style */ border:1px solid #f1f1f1; padding:15px; margin-bottom:15px; } .sFiltered.item img[src=""] { content:  url('no-image-available.png'); } /* Sort By */ .sort_by {  background:#efefef; padding:15px; margin:0 0 15px 0; height:auto; } .sort_by select { font-size:0.875em; height:auto; margin:0; border:1px solid #f1f1f1; padding:6px; } /* Filter Pagination */ #filter_results_area { position:relative; } #filter_pagination_links_top { position: absolute; top: 65px; left: 15px; font-size: 0.875em; } #filter_pagination_links_bottom {  margin:0 0 15px 0; } /****************************************************************** Recently Viewed Styles *******************************************************************/ .recentProductsList:after {  content:''; display:block; clear:both; } .recent-products { clear:both; } .recentEmpty h3 { font-weight:normal; font-size:1em; } .recentProductsList .item { float:left; width:calc(100% / 4 - 11.25px); margin-right:15px; position:relative; text-align:center; } .recentProductsList .item:nth-of-type(4n) { margin-right:0;  } .recentProductsList .item .image { border:1px solid #dddddd; padding:15px; text-align:center; } .recentProductsList .item h4 { margin-bottom:0; } .recentProductsList .item .close { position:absolute; top:15px; right:15px; } .recentProductsList .item .close svg { fill:#888; } .recentProductsList .item a:hover { text-decoration:none; } /****************************************************************** Product Detail Styles *******************************************************************/ .singleProduct .mainArea .image { float:left; width:550px; text-align:center; } .singleProduct .mainArea .image .border { border:1px solid #dddddd; padding:15px; } .singleProduct .lbicon { border:1px solid #dddddd !important; } .singleProduct .details { float:right; width:calc(100% - 550px - 60px); margin-left:15px; } .singleProduct .details h1, .singleProduct h1.mobile { margin:0 0 15px 0; font-size:1.5em; line-height:120%; } .singleProduct .details .share-buttons .shareBtn { display:inline-block; margin-right:4px; vertical-align:middle; height:20px; } .singleProduct .details .share-buttons .shareBtn span {  vertical-align:top !important; } .singleProduct .buyingBox:not(:empty) { border-top: 1px solid #f1f1f1; padding-top: 15px; margin-top: 15px; }	 /* stop the price message from dropping down onto another line */ .product-price p { display:inline; } /* Product options */ .singleProduct .attribute-list label {  font-weight:500; display:block; margin:0 0 5px 0; } .singleProduct .form_input_general { margin:0 0 10px 0; padding:10px; font-size:0.875em; border:1px solid #f1f1f1; width:80%; } /* Quantity */ .singleProduct fieldset.quantity-box { padding:0; } /* Add to basket */ .singleProduct .cart-button { background:#7FBA22; color:white; font-weight:500; text-transform:uppercase; border:none; font-family:'Roboto', sans-serif; font-size:0.875em; padding: 15px; width:100%; } .singleProduct .cart-button:hover { opacity:.8; } /* Wish List Button */ .wishlist-button { background:white; color:#333333; font-weight:500; text-transform:uppercase; border:1px solid #f1f1f1; font-family:'Roboto', sans-serif; font-size:0.875em !important; padding: 10px 15px 15px 15px; width:100%; height:47px; cursor:pointer; } .wishlist-button:hover { border:1px solid #000; } .wishlist-button-wrapper {  display: block; margin: 15px 0 0 0; float: none; width: 100%; height: auto !important; } .wishlist-button-wrapper input { width:100% !important; height:auto !important;  } .wishlist-button::before { content:url('wishlist-icon.svg'); display:inline-block; vertical-align:middle; margin-right:4px; } /* Product Prompt */ .product-prompt { border: none; padding: 0; margin: 0; } .product-prompt label { font-size:0.875em; display:block; } .product-prompt input {  width:100%; padding:8px; margin:5px 0 0 0; border:1px solid #f1f1f1; } /* Product Tabs */ .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-expanded,.ui-accordion-header .ui-accordion-header-collapsed { display:inline; font-weight:500 } .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-collapsed, .ui-accordion-header .ui-accordion-header-expanded {  display:none;  } .singleProduct .accordion {  margin-top:15px; font-family:'Roboto', sans-serif; } .singleProduct .accordion h3 {  margin:0;  border-radius:0; padding:10px 15px; font-size:0.9em; font-weight:500; border:none; } .singleProduct .accordion h3:not(:first-of-type) { margin-top:15px; } .singleProduct .accordion h3 svg { position:absolute; top:8px; right:8px; fill:#0077ef; } .singleProduct .accordion h3.ui-accordion-header-active {  background:rgba(0,119,239, 0.6); } .singleProduct .accordion h3.ui-accordion-header-active svg { fill:white; } .singleProduct .accordion .accordionContent { padding:15px; border-radius:0; border:1px solid #f1f1f1; font-size:0.875em; } .singleProduct .accordion .accordionContent h4 { margin: 0 0 15px 0; font-weight: 500; font-size: 1em; } .singleProduct .accordion .accordionContent iframe { display:block; max-width:100%; height:auto; } .deliveryPBox p { font-size:15px; } .singleProduct .mainArea:after { content:''; display:block; clear:both; } /****************************************************************** Shopping Cart Styles *******************************************************************/ /* Mods to default Sellerdeck Core Styles */ table.checkout { width:100%; } table.checkout th { padding:15px; font-size:0.9em; font-weight:500; } table.checkout-cart {  width:100%; } table.checkout-cart th { padding:10px 15px; font-weight:500; font-size:0.9em; } table.checkout-cart td {  padding:10px 15px; font-size:0.875em; } table.checkout-cart td.highlight {  background:rgba(0,0,112, 0.2); color:#333333; } table.checkout-cart td.highlight b { font-weight:700; } img.cartthumbnail {  width:75px; margin:0; border:1px solid #f1f1f1; margin-right:15px; float:left; } table.checkout-cart td:first-of-type .cartText { display:block; } table.checkout-cart td .cartText.mobile { display:none; } .cart { border-bottom:1px solid #f1f1f1; } table.checkout-cart th { border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; } h3.checkout-heading {  padding:15px; border-bottom:none;  font-size:0.9em; font-weight:500; } /* BWD specific styles */ .shoppingCartPage h1 { font-size:1.2em; font-weight:500; } .floatRight.qty {  float:right; clear:right; } .floatRight.qty input { width:80px; border:1px solid #f1f1f1; padding:5px; } table.checkout-cart td:first-of-type .cartText a { display:block; font-weight:500; margin-bottom:15px; } .promptInfo input {  padding:5px; border:1px solid #f1f1f1; font-size:14px; color:#333333; display:block; margin-top:5px; } .cartButtons:after { content:''; display:block; clear:both; } .cartButtons { margin-top:15px; } .standardButtons {  float:left; width:calc(100% - 200px); } .checkoutButtonArea { width:200px; float:right; } .standardButtons input {  width:calc(100% / 4 - 15px); margin-right:15px; } .confirmationButtons { width:50%; } .confirmationButtons .button-wrapper { width:calc(100% / 3 - 10px); margin-right:15px; float:left; } .confirmationButtons .button-wrapper:last-of-type { margin-right:0; } .cartButtons .standardButtons input, .checkoutButtonArea input, .confirmationButtons input { padding:15px; border:none; font-size:0.875em; text-align:center; background:#0077ef; color:white; font-weight:500; } .confirmationButtons input { width:100%; } .cartButtons.confirmationButtons { margin-bottom:15px; } .confirmationButtons + p { font-size:0.875em; } .checkoutButtonArea input, .confirmationButtons .confirmationCheckoutNow { background:#000070; width:100%; } .cartButtons .standardButtons input:hover, .checkoutButtonArea input:hover, .confirmationButtons input:hover { opacity:.8; } table.checkout-cart td b { font-weight:500; } /****************************************************************** Checkout Styles *******************************************************************/ /* Progress indicator */ .cProgress { float:right; } .cProgress ul { counter-reset:stage 0; margin:0 0 15px 0; } .cProgress ul li { display:inline-block; font-weight:500; font-size:1em; margin:0 15px 0 0; } .cProgress ul li:last-of-type { margin:0; } .cProgress li:before { counter-increment:stage; content:counter(stage) '.'; padding:0 5px 0 0; } .cProgress ul li.active { color: #000070; } /* Mods to default Sellerdeck Core Styles */ table.checkout th { font-weight:500; } a.checkout-checkoutbg { border:none; background:#f1f1f1; text-transform:uppercase; color:#333333 !important; margin:0; padding:5px 10px; float:right; font-weight:500; font-size:0.875em; } a.checkout-checkoutbg:hover { text-decoration:none; background:rgba(241,241,241, 0.9); } /* BWD Styles */ .checkoutPages h1 { font-size:1.2em; font-weight:500; } #idCartHeadingTotal { float:right; padding:5px 10px; font-weight:500; font-size:0.875em; } .checkoutCustomers { display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:15px; } .checkoutCustomers fieldset { margin:0; border:1px solid #dddddd; padding:15px; } .checkoutCustomers fieldset:first-of-type { width:300px; margin-right:15px; background:rgba(221,221,221, 0.3); } .checkoutCustomers fieldset:last-of-type { width:calc(100% - 300px - 15px); } .checkoutCustomers fieldset > label { display:block; font-weight:500; font-size:1em; color:#0077ef; margin-bottom:10px; } .checkoutCustomers fieldset:first-of-type a { display:block; width:100%; background:#0077ef; padding:10px 15px; text-transform:uppercase; color:white; font-size:0.875em; font-weight:500; text-align:center; } .checkoutCustomers fieldset:first-of-type a:hover { text-decoration:none; opacity:.8; } .customerTickBox input { display:none; } .customerTickBox input.checked { display:block; opacity:0; left:-9999px; position:absolute;} .customerTickBox { width:60%; display: -webkit-flex; display:flex; } .customerTickBox label { padding:10px; display:inline-block; width:50%; font-weight:500; text-align:center; cursor:pointer; font-size:0.875em; color:#333333; background:rgba(221,221,221, 0.3); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border:1px solid #dddddd; border-radius:3px; } .customerTickBox input:checked + label { background:rgba(0,119,239, 0.6); color:white; border:1px solid #000070; } .customerTickBox label[for=idCREATEANACCOUNT] { border-right:none; border-top-right-radius:0; border-bottom-right-radius:0; } .customerTickBox label[for=idCREATEANACCOUNTNo] { border-top-left-radius:0; border-bottom-left-radius:0; } .customerTickBox label span { font-size:12px; font-style:italic; font-weight:normal; display:block; } .accountFields { margin-top:15px; } .accountFields .row:not(:last-of-type) { margin-bottom:10px; } .accountFields label { font-size:0.875em; width:260px; display:inline-block; font-weight:500; } .accountFields input { display:inline-block; width:calc(100% - 260px); border:1px solid #f1f1f1; padding:5px; } .accountFields input:focus { outline:none; box-shadow:0 0 5px rgba(0,119,239, 0.8); border:1px solid rgba(0,119,239, 0.5); } .checkoutAddressFields fieldset { margin:0; border:none; padding:0; } .invoiceAddressFields, .deliveryAddressFields { width:calc(100% / 2 - 25px); float:left; } .invoiceAddressFields {  margin-right:50px; } .invoiceAddressFields div, .deliveryAddressFields div { margin-bottom:10px; } .deliveryAddressFields div:first-of-type { margin:0; } .invoiceAddressFields div label,  .deliveryAddressFields div label { display:block; font-weight:500; font-size:0.875em; margin:0 0 5px 0; } .checkoutAddressFields div input, .checkoutAddressFields div select { width:100%; border:1px solid #dddddd; padding:10px 6px; } .checkoutAddressFields div input:focus, .checkoutAddressFields div select:focus { outline:none; box-shadow:0 0 5px rgba(0,119,239, 0.8); border:1px solid rgba(0,119,239, 0.5); } #idSeparateShipRow > div:first-of-type { background:rgba(221,221,221, 0.3); padding: 15px; border: 1px solid #dddddd; margin-bottom: 15px; } .checkoutAddressFields input[type="checkbox"] { background:none; width:auto; } #idSeparateShipRow div:first-of-type h2 { float:left; margin:0; font-size:1.2em; width:calc(100% / 2 - 25px); } #idSeparateShipRow div:first-of-type h2:first-of-type { margin-right:50px; } #idSeparateShipRow div:first-of-type::after { content:''; display:block; clear:both; } .deliveryToAnotherAddress, .deliveryToAnotherAddress2 { margin-bottom:10px; } .deliveryToAnotherAddress label, .deliveryToAnotherAddress2 label { position: relative; display: inline-block; width: 50px; height: 24px; margin-left:10px; } .deliveryToAnotherAddress .label, .deliveryToAnotherAddress2 .label { font-size:0.875em; font-weight:500; color:#0077ef; } .deliveryToAnotherAddress input, .deliveryToAnotherAddress2 input { opacity: 0; width: 0; height: 0; } .deliveryToAnotherAddress .tSlider, .deliveryToAnotherAddress2 .tSlider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #dddddd; -webkit-transition: .4s; transition: .4s; border-radius: 34px; } .deliveryToAnotherAddress .tSlider:before, .deliveryToAnotherAddress2 .tSlider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } .deliveryToAnotherAddress input:checked + .tSlider, .deliveryToAnotherAddress2 input:checked + .tSlider { background-color: #0077ef; } .deliveryToAnotherAddress input:focus + .tSlider, .deliveryToAnotherAddress2 input:focus + .tSlider { box-shadow: 0 0 1px #0077ef; outline:none; } .deliveryToAnotherAddress input:checked + .tSlider:before, .deliveryToAnotherAddress2 input:checked + .tSlider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } label.invoicePrivacy, label.rememberMeText { font-size:0.875em; } .requiredField { float:right; font-size:0.7em; } div.checkout-buttons { height:auto; margin-top:15px; } div.checkout-buttons .button-wrapper.floatRight { float:right; } div.checkout-buttons .button-wrapper.floatLeft { float:left; } div.checkout-buttons .button-wrapper.floatLeft.cBackButton { margin-right:15px; } div.checkout-buttons .button-wrapper.floatLeft input { background:none; border:none; border-bottom:1px solid #333333; padding:10px 0 0 0; font-weight:500; } div.checkout-buttons .button-wrapper.floatRight input { background:#000070; border:none; padding:10px 15px; text-align:center; color:white; font-weight:500; text-transform:uppercase; } div.checkout-buttons .button-wrapper.floatRight input:hover { opacity:.8; } div.checkout-buttons:after { content:''; display:block; clear:both; } .checkoutError {  border:1px solid #f1f1f1;  background:rgba(241,241,241, 0.3); padding:15px; margin-bottom:15px; } .checkoutError td { font-size:0.875em; } .checkoutError td b { font-weight:500; } .checkoutError td blockquote { margin:0; } .checkoutError td p { margin:0; padding:0; } .checkoutPage2 h2, .termsandcondscheckout h2 { font-size:1.2em; border:1px solid #dddddd;  background:rgba(221,221,221, 0.3); padding:15px; } .checkoutTax > .checkout-field-label:first-of-type { width:auto; } .checkoutTax .checkout-field-input { vertical-align:top; } .checkoutPage2 .instruction { font-size:0.875em; } .checkoutPage2 fieldset { border:none; margin:0; padding:0; } .checkoutPage2 .checkout-field-label, .checkoutPage2 .checkout-field-input { display:inline-block; font-size:0.875em; margin-bottom:15px; } .checkoutPage2 .checkout-field-label { width:260px; } .checkoutPage2 input[type="text"], .checkoutPage2 select { border:1px solid #f1f1f1; padding:6px; } .termsandcondscheckout, .termsandcondscheckout p a {  font-size:0.875em; } .checkout-cartheading { border-bottom:none; } .changeBtn { background:#0077ef; padding:6px 10px; font-size:14px; color:white; font-weight:500; width:70px; position:absolute; top:10px; right:10px; cursor:pointer; } .changeBtn:hover { opacity:.8; } .changeBtn svg { margin:0 4px 0 0; vertical-align:-2.5px; fill:white; width:16px; height:16px; } .checkout-edit-button { display:none; } #idCartChangeCell > div { position:relative; } #idCartChangeCell > div label { top:-15px; } .customerAddresses, .confirmCustomerAddress { display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .confirmCustomerAddress { background:rgba(221,221,221, 0.3); border:1px solid #dddddd; } .customerAddresses > div { width:50%; padding:10px 15px; font-size:0.875em; } .confirmCustomerAddress > div { width:50%; padding:15px; font-size:0.875em; position:relative; } .confirmCustomerAddress > div h3 { margin:0; } .confirmShippingHeadings, .confirmTaxHeadings, .paymentMethodHeadings { background:rgba(221,221,221, 0.3); padding:15px; margin-top:15px; position:relative; border:1px solid #dddddd; } .confirmShippingHeadings > div h3, .confirmTaxHeadings > div h3, .paymentMethodHeadings > div h3 { font-size:1em; margin:0;  } .confirmShippingContent .row, .confirmTaxContent .row { padding:5px 15px;  font-size:0.875em; } .confirmShippingContent .row label, .confirmTaxContent .row label { font-weight:500; display:inline-block; margin:0 4px 0 0; } .paymentMethod fieldset { padding:15px; margin:0; border:none;  font-size:0.875em; } .paymentMethod fieldset select {  padding:8px; border:1px solid #f1f1f1; } /* Checkout page 1 if you are logged in */ #idBothAddressesTable fieldset #idInvoiceAccountAddresses, #idBothAddressesTable fieldset #idDeliverAccountAddresses { float:left; width:calc(100% / 2 - 7.5px);  background:rgba(241,241,241, 0.3); padding:15px; } #idBothAddressesTable fieldset #idInvoiceAccountAddresses { margin-right:15px; } /****************************************************************** Receipt Pages Styles *******************************************************************/ .receiptPage, .receiptPage p { font-size:14px; } .receiptInfo .companyContact, .receiptInfo .companyPhone { float:left; width:50%; } .receiptInfo:after { content:''; display:block; clear:both; } .receiptCustomerAddress { display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:15px 0; } .receiptCustomerAddress .receiptInvoiceAddress, .receiptCustomerAddress .receiptDeliveryAddress { width:calc(100% / 2 - 7.5px); padding:15px; background:rgba(241,241,241, 0.3); } .receiptCustomerAddress .receiptInvoiceAddress { margin-right:15px; } .receiptCustomerAddress .receiptInvoiceAddress h3, .receiptCustomerAddress .receiptDeliveryAddress h3 {  margin:0 0 10px 0; } .receiptOrderInformation { margin:0 0 15px 0; } .receiptOrderInformation .row { margin:0 0 5px 0; } .receiptOrderInformation span { float:left; width:calc(100% - 200px - 15px); } .receiptOrderInformation span.label { font-weight:500; float:left; width:200px; margin-right:15px; } .receiptDone {  text-align:center; } .receiptDone input { background:#0077ef; padding:10px; font-size:14px; font-weight:500; border:none; color:white; } /****************************************************************** Other Pages Styles *******************************************************************/ .sl-overlay { background:#000; opacity:.4; } .gallery { margin-top:15px; } .gallery a { display:block; border:1px solid #f1f1f1; width:calc(100% / 4 - 11.25px);	 margin-right:15px; float:left; } .gallery a:last-child { margin-right:0; } .gallery:after { content:''; display:block; clear:both; } /* Cookie Consent Button */  .cc-btn { background-color:#000070 !important; } /* Contact Us */ .contactUsForm p { font-size:0.875em; } .contactUsForm fieldset { border:none; padding:0; margin:0; float:left; width:calc(100% - 400px - 50px); margin-right:50px; } .contactUsForm fieldset label { display:block; margin:5px 0; font-size:0.875em; font-weight:500; } .contactUsForm fieldset input, .contactUsForm fieldset textarea { width:100%; padding:8px; color:#333333; border:1px solid #dddddd; } .contactUsForm .contactUsFormRight {  width:400px; float:left; } .contactUsForm .contactUsFormRight p { margin:5px 0 10px 0; } #recapchaWidget { margin:15px 0; } .contactUsForm input[type="Submit"] { width:40%; float:right; background:#000070; padding:10px; color:white; font-weight:500; text-align:center; border:none; margin-top:20px; } .contactUsForm input[type="Submit"]:hover { opacity:.8; } .contactUsForm:after { content:''; display:block; clear:both; } /* Login Form */ .loginForm p { font-size:0.875em; } .loginForm fieldset { margin:0; padding:0; border:none;  width:50%; } .loginForm fieldset label {  display:block; margin:5px 0; font-weight:500; } .loginForm fieldset input[type="text"], .loginForm fieldset input[type="password"] { padding:8px; border:1px solid #f1f1f1; width:100%; } .loginForm fieldset input[type="submit"] { background:#0077ef; padding:10px; font-weight:500; border:none;  text-align:center; color:white; margin:15px 0; } .loginForm fieldset input[type="submit"]:hover { opacity:.8; } .loginForm fieldset input.login { background:#000070; margin-right:15px; } /* Wish List Form */ .wishListCustomerLogin { display:-webkit-flex; display:flex; flex-direction:row; flew-wrap:wrap; } .wishListCustomerLogin fieldset { border:none; margin:0; padding:0; } .wishListCustomerLogin fieldset:first-of-type { float:left; width:300px; margin-right:15px; background:rgba(241,241,241, 0.3); padding:15px; } .wishListCustomerLogin fieldset:last-of-type { float:right; width:calc(100% - 300px - 15px); border:1px solid #f1f1f1; padding:15px; } .wishListCustomerLogin:after {  content:''; display:block; clear:both; } .wishListCustomerLogin fieldset label { display:block; margin:5px 0 ; font-weight:500; font-size:0.875em; } .wishListCustomerLogin fieldset label:first-of-type { font-size:1.2em; color:#0077ef; } .wishListCustomerLogin fieldset input#idUser, .wishListCustomerLogin fieldset input[type="text"], .wishListCustomerLogin fieldset input[type="password"], .wishListCustomerLogin fieldset input[type="email"] { border:1px solid #f1f1f1; padding:8px; width:100% !important; } .wishListCustomerLogin fieldset input[type="submit"] { padding:10px; color:white; font-weight:500; text-align:center; background:#0077ef; border:none; } .wishListCustomerLogin fieldset input.login, .wishListCustomerLogin fieldset:last-of-type input[type="submit"] { background:#000070; } .wishListCustomerLogin fieldset input[type="submit"]:hover { opacity:.8; } .wishListCustomerLogin fieldset:first-of-type input[type="submit"] { display:block; float:left; margin-right:15px; } .wishListCustomerLogin fieldset label:last-of-type { display:inline; font-size:0.875em; color:#333333; } .wishListCustomerLogin .rememberMe, .wishListCustomerLogin .receiveEmails { margin:15px 0; } .wishListPage h3 { font-size:1em; } .wishListPage h2 span { color:#0077ef; } .wishlist-share .wishlist-share-label {  font-size:0.875em; display:inline; } form.wishlist-share .fb-share-button, form.wishlist-share .twitter-share-button {  display:inline-block; background:#0077ef; color:white; font-weight:500; margin:0 15px; font-size:0.875em; float:none; vertical-align:middle; } form.wishlist-share .fb-share-button a, form.wishlist-share a.twitter-share-button { color:white; padding:10px; display:inline-block;} form.wishlist-share .fb-share-button a:hover, form.wishlist-share a.twitter-share-button:hover {  text-decoration:none; opacity:.8; } form.wishlist-share .fb-share-button a:after { content:' on Facebook'; } form.wishlist-share a.twitter-share-button:after { content: ' on Twitter'; } form.wishlist-share input[type="text"], form.wishlist-share input[type="submit"] { float:none;  margin:0 !important;  padding:8px; } form.wishlist-share input[type="text"] { border:1px solid #f1f1f1; margin-right:15px !important; } form.wishlist-share input[type="submit"] { background:#000070; color:white; font-weight:500; border:1px solid #000070; } form.wishlist-share input[type="submit"]:hover { opacity:.8; } .wishlist-headers {  background:rgba(241,241,241, 0.3); margin:15px 0 0 0; } .wishlist-headers, .wishlist-body {  display:-webkit-flex;  display:-ms-flexbox;  display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap;  } .wishlist-body { padding-top:15px; } .wishlist-body > div { width:100%;  } .wishlist-headers > div { width:100%; font-weight:500; padding:15px 0; } .wishlist-headers .wishlist-image { min-width:75px; } .wishlist-body > div.wishlist-image { min-width:168px; } .wishlist-body .wishlist-label { display:none; } .wishlist-cart { float:right; } .wishlist-remove { float:right; clear:right; } .wishlist-body input[type="submit"] { background:#0077ef; padding:10px; color:white; font-weight:500; border:none; } .wishlist-body .wishlist-add .wishlist-cart input[type="submit"] { background:#000070; } .wishlist-body input[type="submit"]:hover { opacity:.8; } /* Overwrite default wishlist popup styles */ .wishlistpop { height:140px; width:260px; } form.wishlist-share .wish-list-copy-caption { display:block; float: none !important; margin:0 !important; } /* My Account Page */ .orderTracking p.instruction { font-size:0.875em; } .myAccountTable { margin-bottom:15px; } .myAccountTable .myAccountHeadings { display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; } .myAccountTable .myAccountCart { display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; } .myAccountTable .myAccountHeadings > div, .myAccountTable .myAccountCart > div { padding:10px; font-weight:500; font-size:0.875em; width:calc(100% / 7 - 0.1px); } .myAccountCartSub table { width:100%; } .myAccountCartSub td { font-size:14px; } .myAccountCartSub .cartheading {  padding:6px; font-weight:500; font-size:14px; } .myAccountCartSub table tr.cart td,  .myAccountCartSub table .cartTotals { padding:6px; } .myAccountCartSub table td span { display:none; } .accountWrapper { display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:wrap; } .accountCustomerDetails { float:left; border:none; background:rgba(241,241,241, 0.3); padding:15px; } .accountCustomerAddress { float:right; margin-left:15px; background:rgba(241,241,241, 0.3); border:none; padding:15px; } .accountCustomerDetails, .accountCustomerAddress { width:calc(100% / 2 - 7.5px); } .accountCustomerDetails fieldset, .accountCustomerAddress fieldset { margin:0; padding:0; border:none; position:relative; } .accountCustomerAddress label, .accountCustomerDetails label { display:block; font-size:0.875em; } .accountWrapper .accountCustomerDetails input[type="button"], .accountWrapper .accountCustomerAddress input[type="button"] { background:#0077ef; padding:10px; color:white; font-weight:500; border:none;  position:absolute; top:0; right:0; cursor:pointer; } .accountWrapper .accountCustomerDetails input[type="button"]:hover, .accountCustomerAddress input[type="button"]:hover { opacity:.8; } .accountWrapper:after { content:''; display:block; clear:both; } .myaccount-shadow { z-index:999; } .myaccount-popup  {  padding:15px; background:#efefef; height:305px; margin-top:-152.5px; } .myaccount-popup fieldset {  margin:0; padding:0; border:none; } .myaccount-popup .cart {  border:none; background:none;  } .myaccount-popup fieldset label { display:block; font-size:0.875em; font-weight:500; margin:8px 0; } .myaccount-popup fieldset input[type="text"], .myaccount-popup fieldset input[type="tel"], .myaccount-popup fieldset select { padding:8px; border:1px solid #f1f1f1; display:block; } .myaccount-popup fieldset input[type="button"], .myaccount-popup fieldset input[type="submit"] { background:#0077ef; padding:10px; border:none; color:white; font-weight:500; margin-top:15px; } .myaccount-popup fieldset input[type="button"] { margin-right:15px; } .myaccount-popup fieldset input[type="button"]:hover, .myaccount-popup fieldset input[type="submit"]:hover { opacity:.8; } .myaccount-popup fieldset input[type="password"] { display:block; margin:0;  } .accountAddressPopup { height:525px; margin-top:-262.5px; } /* Recent Orders */ .recentOrders p.instruction { font-size:0.875em; } #idLookupAgain { font-size:1.2em; font-weight:500; } .recentOrders fieldset { margin: 0; padding: 0; border: none; width: 50%; } .recentOrders fieldset label { display:block; font-weight:500; font-size:0.875em; margin:5px 0; } .recentOrders fieldset input[type="text"] { width:100%; padding:8px; border:1px solid #f1f1f1; } .recentOrders fieldset input[type="submit"] { background:#000070; padding:10px; color:white; text-align:center; font-weight:500; margin:15px 0 0 0; border:none; } /* Terms and Conditions */ .termsAndConditionsPage .terms-conds { font-size:0.875em; } /* Sitemap */ .sitemap ul, .sitemap ol {  list-style-type:disc; margin:0 0 15px 10px; } .sitemap ul li a, .sitemap ol li { font-size:0.875em; } .sitemap .level1 {  font-weight:500; } .sitemap .level2 {  list-style-type:circle; font-weight:500; } /* Search and Search Results */ .searchResults fieldset { padding:0; margin:0; border:none;  } .searchResults fieldset label { font-size:0.875em; } .searchResults fieldset input[type="text"] { padding:8px; border:1px solid #f1f1f1; } .searchResults fieldset select { padding:8px; border:1px solid #f1f1f1; margin-left:5px; display:inline-block; } .searchResults fieldset input[type="submit"] { background:#000070; padding:10px; color:white; font-weight:500; margin:15px 0 0 0; border:none; } .searchResultsFormFields { display:none; } /* hide search results search form */ .searchResultsPage h2 { line-height:120%; } .searchResultsPage h2 span { color:#0077ef; } .sFiltered.item { float:none !important; display:inline-block; vertical-align:top; } .std-search-results:after {  content:''; display:block; clear:both; } .fragment-text { font-size:0.875em; } /****************************************************************** General Styles *******************************************************************/ h1 { line-height:120%; } /* Columns, margins set at 15px */ .col1 { width:100%; } .col2 { width:calc(100% / 2 - 7.5px ); margin-right:15px; float:left; } .col3 { width:calc(100% / 3 - 10px); margin-right:15px; float:left; } .col4 { width:calc(100% / 4 - 11.25px ); margin-right:15px; float:left; } .col5 { width:calc(100% / 5 - 15px); margin-right:15px; float:left; } .col6 { width:calc(100% / 6 - 18px); margin-right:15px; float:left; } /* Remove the last columns margin */ .col2:nth-of-type(2n) { margin-right:0; } .col3:nth-of-type(3n) { margin-right:0; } .col4:nth-of-type(4n) { margin-right:0; } .col5:nth-of-type(5n) { margin-right:0; } .col6:nth-of-type(6n) { margin-right:0; } input, select, textarea, button { font-family:'Roboto', sans-serif; font-size:0.875em; } input[type="submit"] { cursor:pointer; } /* Clear Divs */ .row:after { content:''; display:block; clear:both; } /* Remove IOS styling on some form elements */ input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; } select, textarea { border-radius:0; } h1, h2, h3, h4, h5, strong { font-weight:500; } /* Popup to show demo site instructions */ .modal.modalPopupFirstVisit { display:none; } .modal:target:before { display: none; } .modal:before { content:""; display: block; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; } .modal .modal-dialog { background: #fefefe; border: #333333 solid 1px; border-radius: 5px; position: fixed; left: 50%; z-index: 9999; width: 50%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .modal:target .modal-dialog { top: -100%; -webkit-transform: translate(0, -500%); -ms-transform: translate(0, -500%); transform: translate(0, -500%); } .modal-body { padding: 20px; } .modal-header, .modal-footer { padding: 10px 20px; } .modal-header { border-bottom: #eeeeee solid 1px; } .modal-header h2 { font-size: 20px; } .modal-footer { border-top: #eeeeee solid 1px; text-align: right; } .modal-header .btn-close { color: #aaaaaa; font-size: 30px; text-decoration: none; position: absolute; right: 15px; top: 20px; } .modal-header .btn-close:hover { color: #919191; } .modalPopupFirstVisit.show { display:block; } /****************************************************************** Mobile Styles *******************************************************************/ /* Mobile Menu */ .modalMenu { display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; background: white; -webkit-overflow-scrolling: touch; } .modalMenu.open { display: block; } .modalMenuHeader { position: relative; } .modalMenuHeader, .modalMenuFooter { height: 60px; background: #000070; padding: 20px; } .modalMenuContent, .modalMenuFooter { position: absolute; width: 100%; } .modalMenuContent { bottom: 0px; top: 60px; overflow-y: auto; background: white; padding: 0; width: 100%; } .modalMenuFooter { bottom: 0; } .modalMenuHeader h2 { font-size: 20px; color: White; margin: 0; padding: 0; } body.modal-open { overflow:hidden; -webkit-overflow-scrolling: auto; } .mobileMenuIcon { cursor: pointer; width:50px; height:30px; line-height:30px; text-align:center; float:left; } .closeModal { border: none; background: #333; color: white; width: 60px; height: 60px; line-height: 30px; position: absolute; top: 0px; right: 0px; cursor: pointer; font-size:26px; } .modalMenuContent ul { list-style-type: none; margin: 0; padding: 0; float: none; } .modalMenuContent ul li { display:block; float:none;  font-size:16px; padding:0; border:none; width:100%; } .modalMenuContent ul li a { padding:15px 20px; display:block; border-bottom:1px solid #f1f1f1; } .mobileMenuHeader:after { content:''; display:block; clear:both; } .deliverFieldHeading.mobile { display:none; } .desktop { display:block; }  .mobile { display:none; } /* Smart Phone */		 @media only screen and (max-width:767px) { .mobile { display:block; } .desktop { display:none; } html { -webkit-text-size-adjust: 100%; } /* Preserve HTML font-size when iPhone orientation changes from portrait to landscape */ .modal .modal-dialog { width:80%; } /* Header */ .header, .menu, .content, .footer, .fullWidthMenuBars .inner { width:100%; } .header { padding:0; margin-bottom:15px;} .mobileMenuHeader { position:relative; z-index:9999; padding-right:10px; } .mPhone { float: right; width: 80px; height: 30px; line-height: 30px; text-align: center; } .mBasketIcon { position:relative; z-index:-1; float: right; width: 50px; height: 30px; line-height: 30px; text-align: center; } .noOfItems { font-size:12px; border-radius: 100%; width: 20px; height: 20px; background: #0077ef; display: block; position: absolute; top: -4px; right: 0; line-height: 20px; color: white; font-weight: 500; } .logo { float:none; width:90%; margin:0 auto; text-align:center; } .qSearch { float:none; width:100%; } .qSearch form { margin:0 15px; } .content { padding:0 15px; } /* Homepage */ .bx-wrapper { margin-bottom:40px !important; } .banner .textBox { position: relative; top: auto; bottom: 0; left: 0; -webkit-transform:none; transform: none; padding: 20px; } .banner .textBox h2 { font-size:25px; line-height:120%; } .banner .textBox h2 span { font-size:16px; padding-top:0; } .bx-controls-direction { display:none; } .banner .textBox h3 { font-size:1.1em; margin:0;  } /* Columns */ .col4 { margin-bottom:15px; } /* Filtered Page */ .leftColumn { width:100%; float:none; } .centerColumn { width:100%; float:none; margin:0; } .mFilterHeading { display:block; cursor:pointer; position:relative; padding:15px; color:white; font-size:1em; text-transform:uppercase; background:rgba(0,119,239, 0.6); } .mFilterHeading:after { content:url('arrow-down.svg'); display:block; position:absolute; top:14px; right:10px; } .mFilterHeading.open:after { content:url('arrow-up.svg'); display:block; } .filter-by input { background:#f1f1f1; top:-48px; right:40px; } .filter-by input:hover { background:rgba(241,241,241, 0.8); } .leftColumn .sidebar-filter-element { display:none; } .leftColumn .sidebar-filter-element.showFilters { display:block; } .leftColumn .sidebar-filter-element h2 { margin:0; padding:0; background:none; } .leftColumn .sidebar-filter-element h2 .filter-text { display:none; } /* Product Page */ .singleProduct .mainArea .image { width:100%; float:none; margin-bottom:15px; } .singleProduct .details { width:100%; float:none; margin:0; } .singleProduct .form_input_general { width:100%; } /* Shopping Cart */ table.checkout-cart td { float:left; width:100%;  } table.checkout-cart td:last-of-type { text-align:right; } form.shoppingCartPage .mobileHeader { display:inline-block; } table.checkout-cart th { display:none; } table.checkout-cart .checkoutMobileTR td { background:none; padding:5px 15px; } .cartButtons .standardButtons input { width:100%; float:none; margin-bottom:15px; } .cartButtons .standardButtons input:last-of-type { margin-right:0; } .standardButtons { float:none; width:100%; } .checkoutButtonArea { float:none; width:100%; } .cartText.desktop { display:none !important; } table.checkout-cart td .cartText.mobile { display:block; } table.checkout-cart .checkoutMobileTR td[rowspan] { display:none; } /* Checkout */ .cProgress { display:none; } .checkoutPages .checkout-cart .qty::before { content:'Qty:';} .CheckoutCartSection table th { float:left; width:100%; border:none; text-align:left; } .CheckoutCartSection table th:first-of-type { display:none; } a.checkout-checkoutbg { float:none; display:inline-block; } .checkoutCustomers fieldset { width:100%; margin-right:0 !important; } .checkoutCustomers fieldset:first-of-type { margin-bottom:15px; } .customerTickBox, .accountFields input { width:100%; } .invoiceAddressFields, .deliveryAddressFields { float:none; margin-right:0; width:100%; } .desktopAddressHeadings .DeliverField.desktop { display:none !important; } .deliverFieldHeading.mobile { display:block; margin-bottom:15px; border:1px solid #f1f1f1; float:none !important; width:100% !important; font-weight:500; font-size:1.2em;  } .desktopAddressHeadings h2 { float:none !important; width:100% !important; } .checkoutAddressFields .group { position:relative; padding-bottom:60px; } .checkoutAddressFields .group .separateShipGroup { position:absolute; bottom:20px; left:0; } h2.mobileDeliverHeader.mobile.hide { display:none; } h2.mobileDeliverHeader.mobile { display:block; } h2.mobileDeliverHeader { background:rgba(241,241,241, 0.3); padding:15px; font-size:1.2em; font-weight:500; border:1px solid #f1f1f1; margin:0 0 15px 0; } .checkoutPage2 .checkout-field-label, .checkoutPage2 .checkout-field-input { width:100%; } .checkout-field-input input, .checkout-field-input select { width:100%; } .confirmCustomerAddress { display:none; } .customerAddresses > div { width:100%; padding:0; } .customerAddresses { position:relative;  } .customerAddresses h3 { background:rgba(241,241,241, 0.3); padding:15px; margin:0 0 10px 0; border:1px solid #f1f1f1;} .customerDeliveryAddress h3 { margin-top:15px; } .customerDeliveryAddress { position:relative; } .customerDeliveryAddress .changeBtn { top:25px; } .customerInvoiceAddress > div, .customerDeliveryAddress > div { padding:0 15px; } .confirmShippingHeadings { margin-bottom:15px; } #idCartChangeCell > div label { top:-47px; } /* Wish List */ .wishListPage h2 { font-size:1.2em; } form.wishlist-share .fb-share-button, form.wishlist-share .twitter-share-button { margin:0 10px; vertical-align:middle; } .wishlist-body .wishlist-label { display:inline-block; } .wishlist-body { border:1px solid #f1f1f1; margin:15px 0 0 0;  } .wishlist-body > div { font-size:0.875em; } .wishlist-body .wishlist-name { font-weight:500; color:#000070; font-size:1em; } /* Login */ .loginForm fieldset { width:100%; } /* Recent Orders */ .recentOrders fieldset { width:100%; } .myAccountTable .myAccountHeadings { display:none; } .myAccountCart label { width:100%; font-weight:500; padding:10px 10px 0 10px; } .myAccountTable .myAccountCart > div { width:100%; border-bottom:1px solid #f1f1f1; } .myAccountCartSub table td { float:left; width:100%; } .myAccountCartSub table th { display:none; } .myAccountCartSub table td span { font-weight:500; display:inline-block; margin-right:4px; } .myAccountCartSub table td.cartTotals { background:none; } /* Contact Us */ .contactUsForm fieldset { width:100%; margin-right:0; float:none; min-width:100%; } .contactUsForm .contactUsFormRight { width:100%; float:none; } .contactUsForm fieldset input, .contactUsForm fieldset textarea { -webkit-appearance:none; } /* My Account */ .myaccount-popup { width:90%; margin-left:-45%; height:auto; } .myaccount-popup fieldset input { display:block; } .myaccount-popup fieldset input[type="button"] { float:left; } .myAccountCart label:first-of-type { padding-bottom:10px; background:rgba(241,241,241, 0.3);} } /* Smart Phone Portrait */ @media only screen and (min-width:300px) and (max-width:567px) { .col4, .col3 { width:100%; float:none; margin-right:0; } .product-list .item { width:100%; margin-right:0; } .sl-wrapper .sl-close, .sl-wrapper .sl-counter { top:60px; } .modal .modal-dialog { width:90%; } /* Pagination */ #filter_pagination_links_top { padding-right:165px; } /* Search Results */ .searchResultsPage h2 span { display:block; } /* Recent Products */ .recentProductsList .item { width:calc(100% / 2 - 7.5px); } .recentProductsList .item:nth-of-type(2n) { margin-right:0; } /* Footer */ .footer .fCol { float:none; width:100%; } .signupFooter .clear { display:block; margin:15px 0 0 0; } /* Checkout */ .checkoutCustomers fieldset:first-of-type { width:100%; } .checkoutCustomers fieldset:last-of-type { width:100%; } /* Receipt Page */ .receiptPage h1 table td { float:left; width:100%; text-align:left; } .receiptInfo .companyContact, .receiptInfo .companyPhone { float:none; width:100%; } .receiptCustomerAddress { display:block; } .receiptCustomerAddress .receiptInvoiceAddress, .receiptCustomerAddress .receiptDeliveryAddress { width:100%; } .receiptCustomerAddress .receiptInvoiceAddress { margin-bottom:15px; } .receiptOrderInformation span { float:none; width:100%; } .receiptOrderInformation span.label { float:none; width:100%; margin-right:0; display:block; } /* Wish List */ .wishListCustomerLogin { display:block; } .wishListCustomerLogin fieldset { width:100% !important; float:none !important; } .wishListCustomerLogin fieldset:first-of-type { margin-bottom:15px; } .wishlist-headers { display:none; } .wishlist-body { display:block; } .wishlist-headers, .wishlist-body > div { margin:0; width:100%; text-align:center;}  .wishlist-image img { width:100%; } .wishlist-required .wishlist-label { float:none; font-weight:500; } .wishlist-label { font-weight:500; } .wishlist-remove { float:none; clear:none; } .wishlist-cart { float:none; } span.wishlist-quantity:before { content:'Quantity'; display:inline-block; font-size:13px; font-weight:500; margin-right:4px; }  /* My Account */ .accountCustomerDetails { width:100%; float:none; margin-bottom:15px; } .accountCustomerAddress { width:100%; float:none; margin-left:0; } .accountWrapper { display:block; } } /* Smart Phone Landscape */		 @media only screen and (min-width:568px) and (max-width:767px) { /* Col4 becomes 2 column */ .col4 { width:calc(100% / 2 - 7.5px); } .col4:nth-of-type(2n) { margin-right:0; } /* Col3 becomes 2 column */  .col3 { width:calc(100% / 2 - 7.5px); } .col3:nth-of-type(3n) { margin-right:15px; } .col3:nth-of-type(2n) { margin-right:0; } /* Product summary (uses Flex) */ .product-list .item { width:calc(100% / 2 - 7.5px); } .product-list .item:nth-of-type(3n) { margin-right:15px; } .product-list .item:nth-of-type(2n) { margin-right:0; } /* Wish List */ .wishlist-headers { display:none; } .wishlist-body { position:relative; display:block; } .wishlist-body > div { padding:0 0 0 178px; margin:0; text-align:left; } .wishlist-body > div.wishlist-image { position:absolute; top:0; left:0; padding:0; width:168px; text-align:center; } .wishlist-body > div.wishlist-image img {width:100%;} .wishlist-pair { text-align:left; display:block; width:100%; margin:0 } .wishlist-pair > div { width:100%; margin:0; } .wishlist-pair > span { margin:0; } .wishlist-remove { float:none; clear:none; } .wishlist-cart { float:none; } pan.wishlist-quantity:before { content:'Quantity'; display:inline-block; font-size:13px; font-weight:500; margin-right:4px; }  } @media only screen and (max-width:350px) { .modal-body { padding:4px 10px; } .modal-header, .modal-footer { padding:4px 10px; } .modal-header h2 { margin:5px 0; } .modal-header .btn-close { top:10px; } .modal-body p { margin-bottom:4px; font-size:14px; } } /* Small Screens */ @media only screen and (min-width:1024px) and (max-width:1179px) { } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .header, .menu, .content, .footer { max-width:1160px; } .product-list:after { content:''; display:block; clear:both; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { .header, .menu, .content, .footer { max-width:100%; width:100%; } } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net *  * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. *  * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: *   http://www.opensource.org/licenses/mit-license.php *   http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 9991104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 9991100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 9991101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 9991102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 9991101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('fancybox.png') -40px 0px; cursor: pointer; z-index: 9991103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('fancy_blank.gif'); z-index: 9991102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 9991102; display: block; } #fancybox-left-ico { background-image: url('fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 9991001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -182px;  } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 9991102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancy_shadow_nw.png', sizingMethod='scale'); } /* Drillpine.biz stuff added below */ /* override CSS to always show nav arrows */ #fancybox-left-ico { top: 0px; left: 20px; } #fancybox-right-ico { top: 0px; right: 20px; left: auto; } 	 /* Drillpine Lightbox Responsive icon positioning with respect to main image */ .lbo-ftab-icons-above 		{float: none !important; text-align:center !important; padding:0px !important;} .lbo-ftab-icons-above br	{clear:both;} .lbo-ftab-icons-above img	{margin:3px !important;} .lbo-ftab-icons-below 		{clear:both !important; float: none !important; text-align:center !important; padding:0px !important;} .lbo-ftab-icons-below br	{clear:both;} .lbo-ftab-icons-below img	{margin:3px !important;} .lbo-ftab-icons-left 		{float:left !important; text-align:center !important; padding:0px !important;} .lbo-ftab-icons-left br		{clear:both;} .lbo-ftab-icons-left img	{margin:3px !important;} .lbo-ftab-icons-right 		{float:right !important; text-align:center !important; padding:0px !important;} .lbo-ftab-icons-right br	{clear:both;} .lbo-ftab-icons-right img	{margin:3px !important;} .lbo-ptab						{} .lbo-ptab-icons-above		{float:none !important; text-align:center !important; padding:0px !important;} .lbo-ptab-icons-above img	{margin-right:2px !important;} .lbo-ptab-icons-below		{float:none !important; text-align:center !important; padding:0px !important;} .lbo-ptab-icons-below img	{margin-right:2px !important;} .lbo-ptab-icons-left 		{float:left !important; text-align:center !important; padding:0px !important; padding-right:5px !important;} .lbo-ptab-icons-left img	{margin-right:2px !important;} .lbo-ptab-icons-right 		{float:left !important; margin-left: 5px; text-align:center !important; padding:0px !important;} .lbo-ptab-icons-right img	{margin-right:2px !important;} .lbo-xtab						{padding: 0px;} .lbo-xtab img					{float: none !important; text-align:center !important; margin: 5px !important; padding:0px} .lbo-xtab-icons-above 		{float: none !important; text-align:center !important; padding:0px !important;} .lbo-xtab-icons-below 		{clear:both; float: none !important; text-align:center !important; padding:0px !important;} .lbo-xtab-icons-left 		{float:left !important; margin-left:20px !important; text-align:center !important; padding:0px !important;} .lbo-xtab-icons-right 		{float:right !important; margin-left:20px !important; text-align:center !important; padding:0px !important;} .lbicon							{padding: 2px !important; border:1px solid silver !important; width:auto !important;} .lb-auxbutton					{cursor:pointer; width:auto !important; height:auto !important;}