/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Content
==================================================
#Site Styles
#Page Styles
#Media Queries
#Font-Face */
/* #Site Styles
================================================== */
.wholepage {overflow:hidden;}
#hd-logo {margin:10px }
#hd-logo img{max-width:290px}
#hd-logo p {color:#1e9dc1}
#topLine{background:grey; height:4px; position: fixed; width:100%; z-index:9999}
.staticMenu{ position: fixed; width:100%; z-index:9999; border-bottom:3px solid #ccc; background:white; top:4px; height:40px}
#topLine .container > div{width:192px; height:4px; float:left}
#topLine .topBar1{background:#07a5fc ;}
#topLine .topBar2{background:#f18f59 ;}
#topLine .topBar3{background:#1ec18d ;}
#topLine .topBar4{background:#bc77d2 ;}
#topLine .topBar5{background:#f15959 ;}
#headerOuter{background:white; margin-bottom:0px; }
#header {width:960px;float:left;position:relative; z-index:1; background-repeat:no-repeat; background-image: url("../themes/images/headerBG.jpg"); background-repeat: no-repeat;background-position: 150px -180px; background-size:900px; margin-top:40px}
#hd-search {display:block;float:left;box-shadow:inset 1px 1px 2px #AAA; margin-top:3px}
#hd-search #keywordsearchfield {display:block;color:#333;width:198px;height:27px;line-height:27px;float: left;border:0;border-radius: 0;margin:0;padding:3px 10px;background:#f5f5f5 ;font-size:14px;font-family:"Lato", sans-serif; -webkit-box-shadow: inset 10px 10px 24px 0px rgba(221,221,221,1);
-moz-box-shadow: inset 10px 10px 24px 0px rgba(221,221,221,1);
box-shadow: inset 8px 8px 16px 0px rgba(230,230,230,1);}
#hd-search #keywordsearchfield:focus {box-shadow:none;}
#hd-search #searchsubmit {background-color:#f8f8f8 !important;display:block;float:left;border:0;margin:0;text-indent:9999em;background:url('images/search.png') no-repeat center;height:32px;width:32px;overflow:hidden;border-radius:0;padding:0;box-shadow:none;}
#hd-contact {float:left;margin-right:20px;margin-bottom:10px;font-size:18px;color:#000;}
#hd-contact span {display:block;color:#EE3227;font-size:12px;}
#hd-brands #field_product_brand {display:block;background:#fff;color:#333;float:left;margin:0;padding:10px;border:0;border-radius: 0;width: 216px;}
header #topmenu #nsc_cart_container {padding: 15px 0 0 0;}
header #topmenu a {display:block;float:left;margin-right:20px;padding: 10px 0;}
div#menu .container {text-align: center;padding: 0;outline: 0;margin-bottom:30px}
#page-home div#menu .container {margin-bottom:12px}
div#menu > ul {display: inline-block;margin: 0;float:none;width:auto; }
#quick-find {margin:0;display:block;height:32px;background:transparent;border:1px solid #eee; position:relative}
#quick-find button{background:none !important; color:#666; border-radius:0; border:0; position:absolute; right:0; padding:2px 10px; top:5px; border-left:1px solid #ddd; width:initial}
#quick-find .hd-search {margin-bottom:0;overflow:hidden;text-indent:9999em;background:#FFF url('images/search.png') no-repeat center;width:30px;box-shadow:none;}
#nsc_cart_container {display:block; text-align:center; }
#cart-info{padding:20px 0}
.accountPanel{float:right !important}
#nsc_cart_container #bsktotal {font-weight:bold;color:#2e95d1; font-family:"Lato", sans-serif; font-size:18px}
#nsc_cart_container .cart-count {display:none;}
a#checkoutCart{color:#2ca5db; font-weight:600 !important}
.cartPrice{color:#f0564c; font-weight:700}
#topmenu-phone{color:#f15959; margin-top:10px}
#topmenu-phone span{color:#1e9dc1}
#topmenu-links {color:#888;margin:50px 20px 10px 0px;float:right;}
#topmenu-links a {color:#888;font-size:12px;text-transform:capitalize;line-height:14px;font-weight:normal;}
#topmenu-links span {float:left;font-size:13px;line-height:14px;margin-left:10px;}
.rentalsDiv{font-weight:700; text-align:center}
.socialHeader{text-align:center; margin-top:5px}
.socialHeader .fbHeader{background:#34518F; color:white; border-radius:3px; padding:1px 3px; margin:0 5px; font-size:20px}
.socialHeader .tweetHeader{ margin:0 5px; font-size:20px}
.socialHeader .tweetHeader span{color:#05ABEC}
.socialHeader .gplusHeader {background:#CA1C24; border-radius:20px; display:inline-block; padding:4px 4px; margin:0 5px; font-size:20px}
.accountPanel > a{display:inline-block; color:#333 !important; margin-top:10px; padding:0 2px;}
.accountPanel > div{display:inline-block; float:right; }
.accountPanel a:first-of-type{margin-left:0; padding-left:0}
#cart a {font-weight:normal; color:white}
#cart #cart-icon {float:right; margin-right:10px}
#cart #checkout-link {font-size:16px;transition:all 0.3s ease; text-transform:uppercase; font-weight:600}
#cart #checkout-link:hover {color:#AAA;transition:all 0.3s ease;}
#cart #header-cart { width:120px; float:right; margin-top:-8px; }
#cart #header-cart:after {
background-image: none;
background-color: #23A4CF;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
box-shadow: 0 0 5px #000000;
content: "";
height: 100%;
position: absolute;
right: 0;
top: -5px;
transform: skew(0deg, -2deg);
-moz-transform: skew(0deg, -2deg);
-webkit-transform: skew(0deg, -2deg);
-o-transform: skew(0deg, -2deg);
-ms-transform: skew(0deg, -2deg);
width: 100%;
z-index:-1
}
/* shared with before and after */
/* these arrows will point up */
#ppanel-header {margin-bottom:0;}
#page-search #pagebody .heading-main {display:none;}
#page-search #pagebody form {margin: 0;}
#page-search #sortby {display: none;}
#search_form {margin: 0;display:none;}
#notfound {padding:10px;margin:0 0 10px 0;}
#hd-brands {}
#brand-list {display:block;width:100%;text-align:center;padding-top:18px;}
#brand-list .brand_container {display:inline;margin:20px}
.cattablerowimage {display: none;}
.cattablerowtext a {font-size: 13px;font-weight: normal;text-transform: capitalize;}
.cattablerowtext a:hover {text-decoration: underline}
.outerShadow{background:white; margin-top:20px}
#footer{margin-top:20px; display:inline-block}
#footer #ft-copy a,
#footer #ft-copy {font-size:9px;text-align:left;color:#8A8A8A;line-height:16px;}
#footer #ft-copy {margin-bottom:20px;margin-top:30px;border-top:1px solid #ECECEC;padding-top:10px;}
#footer #ft-copy a {margin-top:10px;}
#footer #ft-copy a:hover {color:#999;}
#footer #ft-copyright {display: block;float: left;text-align:left; }
#footer #ft-poweredby {display: block;float: right;text-align:left; }
#ft-copy img{float:left}
.footerInfo {width:400px !important}
.footerInfo h2{float:right; color:#f15959; font-size:24px !important; font-style:italic; font-weight:bold; margin-top:10px; margin-right:35px}
.footerInfo h2 span{color:#1e9dc1; margin-right:10px }
.footerInfo .infoText{margin-top:20px}
.footerInfo p{font-size:12px; padding-right:20px}
.footerConnect a{display:block; height:50px; width:50px; text-align:center; line-height:50px; border-radius:25px; margin:0 auto; margin-bottom:20px; font-size:25px; color:#aaa}
.footerConnect a:first-of-type{margin-top:20px; background:#405D9E}
.footerConnect {border-left:1px solid #eee; border-right:1px solid #eee; width:98px !important; height:250px}
.footerLinks ul{width:40%; float:right}
.footerLinks ul:first-of-type{margin-left:50px}
.footerLinks h4{margin-bottom:20px; text-transform:uppercase; margin-top:15px; font-weight:700}
.footerLinks li a{border-bottom:1px solid #ddd; padding:8px 0 8px 0; color:#333; font-weight:300; display:block}
.footerLinks li a:hover{background:#eee; text-indent:3px}
.footerLinks li{margin-bottom:0}
.footerLinks {width:398px !important}
#products {width:710px;float:right; background:white; padding-bottom:20px; margin-right:10px; -webkit-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);}
#page-search #products, #page-advsearch #products {float:left; margin-right:0 !important; width:940px}
#page-search .pagesTitle, #page-search .pagesFound, #page-search .pagesList, #page-search .itemsTitle{margin-left:10px}
#page-search #PFS{display:none}
.quickViewLink{display:none; top:0 !important; left:0 !important}
.quickViewLink .button-text{width:190px; height:220px; opacity:0}
.product:hover .quickViewLink{display:block; height:50px; position:absolute; z-index:1}
#page-home #products .product {width:218px;height:300px;}
#products h3 {clear:both;}
#page-home .product-list .product {width:209px !important; back}
#recent-items .product-list .product {margin-bottom:20px;position:relative;border:1px solid #ebebeb;overflow:hidden;width:212px !important;}
#page-search .product{width:212px !important}
#page-advsearch .product-list .product{width:212px !important}
.product-list .product {margin-top:20px;position:relative;border:1px solid #ebebeb;overflow:hidden;width:214px !important; height:430px; background:white}
.product-list .product:hover img {transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-webkit-transform:scale(1.05);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.product-list .product .product-thumb {height:220px;width:214px;text-align:center;display:block;position:relative;opacity:1;transition:all 0.3s ease;}
.product-list .product .product-thumb:hover {opacity:0.7;transition:all 0.3s ease;}
.product-list .product .product-thumb .image-thumb {max-height:218px;max-width:214px;padding:0;display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.product-list .product .product-thumb .overlay {height:220px;width:218px;z-index:2;display:none;}
#page-home .product-list .product .product-info {font-size:11px;}
.product-list .product .product-info {font-size:11px;text-align:center; height:100%}
#page-home .product-list .product .product-info .add-to-basket{position:relative; left:inherit; bottom:initial; display:inline-block}
#recent-items .product-list .product .product-info .add-to-basket {position:relative !important; bottom:initial; left:initial; display:inline-block;}
.product-list .product .product-info .add-to-basket, .footerBottom .add-to-basket{background:#23A4CF; margin:0 auto; text-align:center; width:150px; display:inline-block; padding:6px 10px; border:3px solid #b0dceb; border-radius:6px; color:#333; font-size:15px; text-transform:capitalize; color:white}
.footerBottom .add-to-basket:hover{background:#286090; border:3px solid #709fc8}
.product-list .product:hover .product-info .add-to-basket {transition:all 0.3s ease;}
.product-list .product .product-info .add-to-basket:hover {background:#286090; border:3px solid #709fc8}
.product-list .product .product-info .add-to-basket img {margin-left:8px;display:inline;}
#page-home .product-list .product .product-name {display:block;font-weight:normal;color:#1e9dc1;font-size:16px;font-weight:700;line-height:20px;max-height:42px;overflow:hidden;margin:0 10px 0px 10px; padding-top:18px; text-align:center}
#page-home .product-list .product:hover .product-name{color:#C042A8}
.product-list .product .product-name {display:block;font-weight:normal;color:#1e9dc1;font-size:16px;font-weight:700;line-height:18px;overflow:hidden;margin:0 1% 0px 1%; padding-top:18px; height:40px}
.product-list .product:hover .product-name{color:#C042A8}
#page-home .product-list .product .product-price {width:100%;display:block;line-height:38px;color:#161616;font-size:16px;font-weight:700; text-align:center; font-style:italic; margin:5px 0}
#page-home .add-to-basket-button-listing{background:#23A4CF; margin:0 auto; text-align:center; width:150px; display:inline-block; padding:6px 10px; border:3px solid #b0dceb; border-radius:6px; color:#fff; font-size:15px; transition:all 0.3s ease}
#page-home .add-to-basket-button-listing:hover{background:#286090; border:3px solid #709fc8}
.viewDetails{display:block; text-decoration:underline; margin-top:20px; font-size:14px; font-weight:300 !important}
#page-home .add-to-basket-button-listing span{margin-right:10px}
.product-list .product .product-price {width:100%;display:block;line-height:28px;color:#333;font-size:16px;font-weight:700; font-style:italic }
.product-list .product .product-price br {display:none;}
.product-list .product .product-price .price-percentage {display:none;}
.product-list .product .product-shortdesc p {margin:0;}
.img-productflag {position:absolute;top:0px;left:0px;z-index:50;}
.flag-new {background:#1e9dc1;color:#FFF;display:block;padding:5px 10px;opacity:0.85;text-transform:uppercase;font-size:11px;letter-spacing:1px;font-weight:bold;}
.flag-sale {background:#3B99EB;color:#FFF;display:block;padding:5px 10px;opacity:0.85;text-transform:uppercase;font-size:11px;letter-spacing:1px;font-weight:bold;}
#page-newproduct .infoBoxContents, #page-promotion .infoBoxContents {display:block;float:left;}
#page-newproduct .infoBoxContents tr, #page-promotion .infoBoxContents tr {display:inline;}
#page-newproduct .infoBoxContents tr td, #page-promotion .infoBoxContents tr td {display:block;width:218px !important;float:left;margin:0 10px 20px 10px;padding:0;border:1px solid #D7D7D7;border-radius:5px;empty-cells:hide}
#page-newproduct .infoBoxContents tr td:empty, #page-promotion .infoBoxContents tr td:empty {display:none;}
#page-newproduct .infoBoxContents tr td a:first-child, #page-promotion .infoBoxContents tr td a:first-child {display:block;width:218px !important;height:218px;float:left;margin:0;padding:0;position:relative;opacity:1;transition:all 0.3s ease;}
#page-newproduct .infoBoxContents tr td a:first-child:hover, #page-promotion .infoBoxContents tr td a:first-child:hover {opacity:0.5;transition:all 0.3s ease;}
#page-newproduct .infoBoxContents tr td a, #page-promotion .infoBoxContents tr td a {padding:10px 10px 0 20px;height:32px;float:left;width:190px;font-weight:bold;color:#161616;font-size:13px;line-height:16px;overflow:hidden;text-align:center;}
#page-newproduct .infoBoxContents tr td .text-price, #page-promotion .infoBoxContents tr td .text-price {padding:0 10px 10px 20px;height:28px;line-height:28px;display:block;float:left;width:190px;text-align:center;color:#16px;font-size:13px;font-weight:900;margin-bottom:0;}
#page-newproduct .infoBoxContents tr td .text-price span, #page-promotion .infoBoxContents tr td .text-price span {}
#page-newproduct .infoBoxContents tr td .text-price .text-price, #page-promotion .infoBoxContents tr td .text-price .text-price {display:inline;padding:0;}
#page-newproduct .infoBoxContents tr td .image-thumb, #page-promotion .infoBoxContents tr td .image-thumb {padding:0;max-height:218px;max-width:218px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
#page-newproduct .heading-main,
#page-newproduct .heading-main {}
#relateditems h3, .product-list.recentlyviewed h3, #relatedproductspanel h3 {color:#1e9dc1;font-size:24px;line-height:28px;display:block;text-align:center;letter-spacing:0.02em;font-weight:bold;text-transform:uppercase; margin:30px}
#relateditems h3 {margin-top:10px;margin-left:10px;}
#recent-items, #relatedproductspanel {max-height:540px;margin:30px 10px 10px 10px;overflow:hidden; background:white; -webkit-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 6px 0px rgba(204,204,204,1); padding-bottom:10px}
#header-cart {display:inline-block;position:relative;}
#header-cart .cart-panel {}
#header-cart .cartItemCount {display:none;}
#header-cart .cart-items {display:block;position:absolute;right:0;top:104px;z-index:0;height:1px;width:300px;overflow:hidden;background:#FAFAFA;opacity:0;transition:all 0.4s ease;width:300px;padding:0 10px;text-align:right;}
#header-cart:hover .cart-items, #header-cart .cart-items:hover {display:block;position:absolute;opacity:1;z-index:120;height:auto;transition:all 0.4s ease;padding:10px 9px;border:1px solid #232323;box-shadow: 3px 3px 4px #444;}
#header-cart .cart-items h1 {font-size:16px;line-height:18px;}
#header-cart .cart-items a {color:#373535;font-size:12px;}
#header-cart .cart-items hr {margin:5px 0;}
#header-cart .cart-items .item-row {display:block;}
#header-cart .cart-items .cart-item-amount {float:left;width:20px;font-size:12px;}
#header-cart .cart-items .cart-item-amount:after {content:"X";}
#header-cart .cart-items .text-shopping-link {display:inline-block;width:225px;margin:0;padding:0;letter-spacing:0;white-space:nowrap;overflow:hidden;}
#header-cart .cart-items .button-text,
#header-cart .cart-items .cart-edit {margin:10px 10px 0 0;display:inline-block;line-height:16px;font-size:14px;color:#FFF;}
#page-search #headerNav, #page-advsearch #headerNav{width:940px; margin-right:0}
#page-promotion #headerNav{width:100%; margin-right:0}
#page-promotion .shell, #page-search .shell, #page-advsearch .shell{padding:0; width:940px !important}
#page-promotion .product{width:212px !important}
#page-promotion #products{width:initial !important; margin-right:0}
#headerNav{background:#faf6f7 ; display:inline-block; width:710px; float:right; padding:20px 0; margin-right:10px}
#searchresult {float:left; margin-bottom:0; padding-bottom:0; padding-left:10px}
h1.pagetitle {text-transform: capitalize;margin:0px;}
h1.pagetitle strong {font-weight:700; color:#f15959}
#page-title span {display:none;}
#page-about .heading-main, #page-contact .heading-main {display:block !important;}
.featured_slider {background:white; margin-bottom:10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);}
.featured_slider h2 {color:#2e95d1;font-size:30px !important;line-height:28px !important;text-align:center;font-weight:bold; font-family:"Lato", sans-serif; padding-top:30px; z-index:10; position:relative; width:200px; margin:0 auto}
.newitems2{z-index:0; position:relative}
.featured_slider h2 a {color:#2e95d1}
.featured_slider a.bx-next {background: url('images/bx-next-grey.png') no-repeat center;margin-top:0 !important;}
.featured_slider a.bx-prev {background: url('images/bx-prev-grey.png') no-repeat center;margin-top:0 !important;}
#slideshow-wrap {margin-bottom:20px; margin-top:20px}
.home-facebook h2 {color:#444444;font-size:18px;line-height:15px;display:block;text-align:left;letter-spacing:0.02em;margin:30px 0 10px 0;font-weight:bold;text-transform:uppercase;}
.home-facebook h2 img {margin-right:12px;margin-top:3px;float:left;}
.home-facebook h2 span, .home-facebook h2 a {color:#999999;font-size:11px;font-weight:normal;text-decoration:underline;}
.home-facebook h2 span {text-decoration:none;}
#home-clearance, #home-delivery {height:100px;float:left;margin-bottom:25px;padding-top:60px;font-weight:normal;color:#444444;font-size:12px;}
#page-home #home-clearance {background:url('images/homepageimages/customcontentbottom1.jpg');width:225px;padding-left:235px;;}
#page-home #home-clearance h2 {margin-bottom:0;color:#1e9dc1;font-weight:bold; }
#page-home #home-clearance p {margin-bottom:0; }
#page-home #home-clearance em {margin-bottom:0;font-style:normal;font-weight:bold;}
#page-home #home-delivery {background:url('images/homepageimages/customcontentbottom2.jpg'); padding-left:260px;width:200px;}
#page-home #home-delivery h2 {margin-bottom:0;color:#1e9dc1;font-weight:bold;}
#page-home #home-delivery p {margin-bottom:0; }
#page-home #home-delivery em {margin-bottom:0;font-style:normal;font-weight:bold;}
/**
* @version 1.3
* @package SimpleTabs
* @author Fotis Evangelou - http://nuevvo.com/labs/simpletabs
* @copyright Copyright (c) 2009-2011 Fotis Evangelou / Nuevvo Webware Ltd. All rights reserved.
* @license GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
*/
div.simpleTabs { padding:10px 0 0 0; float: left; width: 100%; }
ul.simpleTabsNavigation { margin:0; padding:0; text-align:left; display:block; height: 32px; }
ul.simpleTabsNavigation li { list-style:none; display:block; margin:0; padding:0; float: left; height:100%; margin-right: 10px; }
ul.simpleTabsNavigation li a { border:1px solid #E0E0E0; border-bottom:1px solid #F0F0F0; padding:6px 20px; background:#F0F0F0; font-size:16px; line-height: 18px; text-decoration:none; float: left; }
ul.simpleTabsNavigation li a:hover { }
ul.simpleTabsNavigation li a.current { background:#fff; color:#222; border-bottom:1px solid #fff; }
div.simpleTabsContent { border:1px solid #E0E0E0; padding:10px 15px; display:none; }
div.simpleTabsContent.currentTab { display:block; }
/* #Page Styles
================================================== */
.Breadcrumbs{background:white; padding:30px 0px 30px 30px; float:left; width:680px; -webkit-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);}
#breadcrumbwrap {padding: 40px 0 10px 0;}
.breadcrumbs {display:inline-block; margin-top:0 !important}
.breadcrumbs ul {margin-bottom:0;}
.breadcrumbs li {font-size:14px;}
#page-product .breadcrumbs li.end {display:none;}
#page-product .breadcrumbs {line-height:52px;height:52px;border-bottom:1px solid #E0E0E0;overflow:hidden;}
.breadcrumbs a {font-size: 14px;text-transform:uppercase;font-weight: normal;color: #1e9dc1 !important;}
.breadcrumbs a:hover {text-decoration:underline;}
.feedpopup {display:none !important}
#share_buttons {}
#share_buttons div {float:none !important;display:inline;}
/* Brand List Dropdown Styles */
#brand-menu .dropdown {width: 1000px;}
#brandmenu li {position: relative; float: left; width: 200px;}
#brandmenu li a, #brandmenu li a:hover {border-top:0 none;font-size:14px;line-height:14px;padding:10px 0;text-align:left;width:200px;color:#FFF;}
#brandmenu li a:hover {text-decoration: underline;}
#brandmenu img {width: 20px; height: 20px;display: block;float: left;margin-right: 5px;}
/* Custom Content */
#pagebody #customcontent.contentpage {margin-right:10px;margin-left:10px;padding-bottom:10px;}
#page-registrysearchresults #pagebody .heading-main,
#page-giftregistries #pagebody .heading-main,
#page-nsc #pagebody .heading-main {display: block;}
#page-giftregistries #pagebody,
#page-registrysearchresults #pagebody,
#page-nsc #pagebody {padding: 40px 120px;width:720px;}
#giftregistrysearch table td {padding: 0 10px;}
#giftregistrysearch label {display: inline;}
#giftregistrysearch table {background: #F0F0F0;}
#giftregistrysearch b {font-weight: normal;font-size: 19px;line-height: 27px;margin-top: 10px;display: block;}
#giftregistrysearch table table td {padding: 0;}
#page-registrysearchresults .giftregistrysearchresultspage table td {padding: 5px 10px;}
#page-registrysearchresults .giftregistrysearchresultspage .productlistheader td {font-size:11px;font-weight:bold;text-transform: uppercase;}
#page-content-7 #customcontent {padding: 40px 60px;}
.contentpage ul li {list-style-type: square;margin-left: 20px}
/* Listing */
#PFS {min-height:100px;margin-bottom:50px;-webkit-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 6px 0px rgba(204,204,204,1); background:white}
#PFS .navpanelleft {width:100%;}
#PFS .navpanelleft .navpanelleftbody,
#PFS .navpanelleft .navpanelleftcell {width:100%;padding:0;}
#PFS .navpanelleftcontent {padding-left:0 !important;width:180px}
#PFS #panel-filteredsearch ul {border:0;margin-right:0}
#PFS .navpanelleftheadercenter {font-size:18px;font-weight:600 !important;text-transform:uppercase;margin-bottom:10px;display:block}
#PFS .navpanelleftheader {display:none;}
#PFS #panel-filteredsearch {padding-bottom:0}
#PFS #panel-filteredsearch ul {max-height:180px;padding:20px;margin-bottom:20px;}
#panel-filteredsearch ul a {font-size:13px;color:#887777;font-weight:600;}
#PFS #panel-filteredsearch h6 {font-size:16px;color:#1e9dc1;text-transform:uppercase; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:0; padding:10px 20px}
#panel-filteredsearch h6.closed::before {display:none}
#panel-filteredsearch h6::before{display:none}
#panel-filteredsearch h6.closed::after{content:"\ea43"; font-family:icomoon; float:right}
#panel-filteredsearch h6::after{content:"\ea42"; font-family:icomoon; float:right}
#PFS #panel-filteredsearch ul+h6 {border-top:1px solid #E0E0E0;padding-top:14px;}
#page-filtered .filterfields {margin:0 !important; padding:0 !important; background:white; width:710px; -webkit-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);}
#page-filtered .Breadcrumbs{display:none}
.category-pictures #PFS .parent-filteredsearch {padding-top:20px;margin-top:20px;border-top:solid 1px #eee;}
#page-department #customcontent, #page-category #customcontent {margin: 0px 0 10px 10px;}
#page-category h3.pagetitle {display:block;clear:both;margin-left:10px;font-size:18px;display: none;}
#page-department #customcontent br {display:none;}
#page-department h1#page-title {display:none;}
/*Category Pictures*/
#select-category-heading{background:#faf6f7 ; display:inline-block; width:700px; float:left; padding:20px 0; margin:0; padding-left:10px; -webkit-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);}
.Category-pictures{background:white !important; display:inline-block; width:710px; float:right; padding-bottom:10px; margin-right:10px; -webkit-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);}
.Category-pictures a{ height:300px; width:216px !important; margin-top:20px; position:relative; -webkit-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.4);-moz-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.4); box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.4);}
.Category-pictures a:hover img{transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-webkit-transform:scale(1.05);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.Category-pictures a img{ transition:all 0.3s ease; max-height:180px}
.Category-pictures a:hover span{color:#C042A8}
.Category-pictures img {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
max-height: 240px;
max-width: 200px;
}
.Category-pictures span{position:absolute; bottom:10px; text-align:center; float:none; left:0; right:0; font-family:Lato, sans-serif; text-transform:uppercase}
div#internal-subnav a {padding: 0px 20px 0px 20px;}
div#internal-subnav a:hover{background:#1e9dc1; color:white !important;}
div#internal-subnav a:hover:before{color:white !important; margin-left:-35px}
div#internal-subnav a {font-family:'Lato', sans-serif;font-size:13px;line-height:24px;display:block;font-weight: 600; color:#887777; text-indent:20px}
div#internal-subnav a:before{content:"\ea3c"; font-family:icomoon; margin-right:12px; font-size:10px; color:#1e9dc1; position:absolute; margin-left:-40px; transition:all 0.3s ease;}
div#internal-subnav a:hover{color:red}
div#internal-subnav:before {content:'CATEGORIES';font-family:'Lato', sans-serif;text-transform:uppercase;font-size:16px;text-transform:none;color:#1e9dc1;display:block;margin:10px 0 10px 0; border-bottom:1px solid #ddd; padding:12px 20px; font-weight:700}
div#internal-subnav .link-category-select{font-weight:bold; font-style:italic; }
.text-pricestrike {
color: #999;
text-decoration: line-through;
}
.text-pricespecial {
margin-right: 5px;
color: #D53669;
}
.price-percentage {
font-size: 11px;
margin-left: 5px;
}
#sortby {
font-size: 13px;
float:right;
padding-right:10px
}
#sortfields {
display: inline;
width: 140px;
margin-left: 5px;
margin-bottom:0;
padding-bottom:0
}
/* Product Page */
#page-product .thumblink2 {display: block;width: 370px !important;height: 300px;background: white;box-shadow: 0 0 8px 0 #EEE;border:1px solid #eee;position:relative;float:left;width:100%;}
#page-product .thumblink2 img {max-width: 300px;max-height: 300px;padding:0;display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
#page-product #pagebody {}
#page-product h1 {font-size:32px; margin-top:30px; font-weight:700; color:#1e9dc1}
#page-product .breadcrumbs {margin-bottom:40px !important;}
#page-product #sharethisproduct {text-align:center;margin-bottom:20px;color:#161616;overflow:hidden; float:right; display:inline}
#page-product #sharethisproduct h4 {margin-bottom:0;font-size:14px;font-weight:normal;}
#page-product #product-category {border:1px solid #eee;border-top:0;text-align:center;width:100%;color:#444444;padding:15px 0;font-weight:normal;line-height:22px; display:inline-block}
#page-product #product-category div {text-transform:uppercase;}
#page-product #product-category span {color:#1e9dc1;text-decoration:underline;}
#page-product #productviews {border:solid 1px #f0f0f0;border-top:0;margin-bottom:20px}
#page-product #productviews .thumb {float: left;margin-right: 2px;margin-top: 2px;}
#page-product #productviews a {display: table-cell;width: 119px;background: white;height: 100px;vertical-align: middle;text-align: center;}
#page-product #productviews img {max-height: 80px;max-width: 80px;}
#page-product #relateditems {float:left;width:100%;margin:10px 0;}
#page-product #relateditemheading {border-bottom: solid 1px #f0f0f0;font-size: 19px;margin-bottom: 10px;text-transform: uppercase;padding-bottom: 20px;margin-top: 40px;}
#page-product #relatedproductspanel {float:left; width:940px}
#page-product .relateditembody {width: 940px;}
#page-product .relateditembody .text-pricestrike {color: #999;text-decoration: line-through;}
#page-product #product-price {font-size: 19px;line-height: 27px;; margin-bottom:20px}
#page-product #text-yourprice,
#page-product #text-regularprice,
#page-product #text-percentage {margin-top:0;display: block;float: left;margin-right: 10px;font-size:22px;}
#page-product #text-percentage {font-size: 13px;line-height: 24px;}
#page-product #text-regularprice .label,
#page-product #text-yourprice .label,
#page-product #text-percentage br {display:none}
#page-product .text-pricingdetails {margin: 0;}
#page-product .button.add-to-list {vertical-align: bottom;padding: 12px 15px 2px 5px;background: #FFF;margin-left: 10px;font-size: 16px;line-height: 16px;height: 26px;}
#page-product .button.add-to-list:hover {background:#CEB7B5}
#page-product #notify-me {padding: 5px 10px;margin-left: 10px;margin-bottom:0;}
#page-product .button.add-to-list:before {content: "+ ";color: #ECECEC;padding: 0 3px 0 3px;border-radius: 50px;text-align: center;font-weight: normal;font-size: 36px;line-height: 16px;margin-right: 5px;display: block;float: left;}
#page-product .button.add-to-registry {vertical-align: bottom;padding: 10px 15px 0 5px;background: #FFF;margin-left: 10px;font-size: 15px;line-height: 16px;height: 26px;}
#page-product .button.add-to-registry:before {content: "+ ";color: #ECECEC;padding: 0 3px 0 3px;border-radius: 50px;text-align: center;font-weight: normal;font-size: 36px;line-height: 16px;margin-right: 5px;display: block;float: left;}
#page-product #product-buttons .add-to-basket {padding-right: 30px;padding-left: 30px;float:left;font-size:16px;margin-top:20px;transition:all 0.3s ease;color:#FFF;text-transform:lowercase;line-height:20px;}
#page-product #product-buttons .add-to-basket:hover {transition:all 0.3s ease;}
#page-product #product-buttons .add-to-basket img {margin:0 0 -1px 3px;}
#page-product #product-buttons {display:block;width:100%;}
#page-product #text-yourprice > .text-price {color:#EE3227;}
#page-product .breadcrumbdivider {padding: 0 5px;}
#backinstock label {display:inline}
#backinstock p {margin-bottom:0}
#backinstock h2 {padding:0 !important;margin:0 !important}
.feedpopup {display:none}
/* Remove Pagebody Headers Hack */
#pagebody .heading-main {display:none;}
.baskettable {}
.contactpage label {float:left}
#page-contact #map_canvas {display:block;width:100%;}
/* rotator in-page placement */
div.rotator {
position:relative;
height:368px;
width: 700px;
margin:0 !important;
padding:0 !important;
zmargin-bottom:10px;
}
div.rotator ul {margin:0;padding:0}
/* rotator css */
div.rotator ul li {
float:none;
position:absolute;
list-style: none;
left: 0px;
top: 0px;
margin:0;
padding:0;
}
/* rotator image style */
div.rotator ul li img {
display:block;
padding: 0;
margin:0;
background: #FFF;
}
div.rotator ul li.show {
z-index:2;
margin:0;
padding:0;
}
.fpbuttons {margin:0 !important;padding:0}
.fpbuttons a:hover {opacity:0.95; filter:alpha(opacity=95); /* For IE8 and earlier */}
input {margin:0}
#page-basket .tiptable {border: solid 1px #F0F0F0;padding: 20px;}
#page-basket .normal {border: solid 1px #F0F0F0;padding: 10px;margin-top: 20px;display:none;}
#page-basket .prodlink {text-transform: uppercase;}
#page-basket .basketlist-col1, #page-basket .basketlist-col0, #page-basket .basketlist-col2{vertical-align: top;padding-bottom:10px; padding-left:20px}
#page-basket .basketlist-row2 > td,
#page-basket .basketlist-row1 > td {border-bottom:solid 1px #dfdfdf;padding-top:20px;}
#page-basket .basketlist-hcol1, #page-basket .basketlist-hcol2{padding-left:20px}
#page-basket .basketlist-hcol4, #page-basket .basketlist-hcol5, #page-basket .basketlist-col4, #page-basket .basketlist-col5{padding:0 20px}
#page-basket .basketlist-hilight{background:#eee}
#page-basket #shipping td{padding-top:10px; padding-right:20px}
#page-basket .basketcol{padding-right:20px}
#page-basket .normal strong {font-weight: 400;}
#page-basket form {margin-bottom:0}
#page-basket #frmMain .button {font-size: 14px;width: 178px;margin-left: -40px;}
#page-requirelogin .checkoutform table td.formbox {padding: 20px;}
#page-requirelogin .checkoutform table td.formbox:first-of-type{border-right:1px solid #eee}
#page-requirelogin .button-text {font-size: 14px;}
/* #Checkout - One Page Checkout Styling */
h4#account-section-billing,
h4#shipto-heading,
h4#shipping-methods,
h4#coupon-heading,
#checkout-section-comment h4,
#account_options h4,
#checkout-section-checkoutplugin h4,
#checkout-section-checkoutplugin .terms b,
#billing-fields h4 {
color: #333;
font-size: 20px;
}
#billing-fields h4 {margin-top: 30px;border-top: dotted 2px #DDD;padding-top: 30px;padding-bottom: 10px;}
#shippingform {
width: 100%;
background: #fff;
padding-bottom: 60px;
float:left;
margin:0 10px;
margin-top:10px;
}
#checkout-section-customer {
text-align: left;
width: 380px;
margin-right: 40px;
border: solid 3px #EAEAEA;
padding: 20px;
margin-top: 0;
}
#checkout-section-comment {
text-align: left;
padding-bottom: 20px;
}
#checkout-section-shipping {
text-align: left;
border: solid 3px #EAEAEA;
padding: 20px;
width: 274px;
margin-top: 20px;
margin-bottom: 20px;
}
#checkout-section-shipping td {
vertical-align: top;
}
#checkout-section-shipping td.text-shipping {
padding-left: 5px;
height: 30px;
}
p#select-shipping-prompt {
padding-bottom: 5px;
}
#checkout-section-coupon {
text-align: left;
}
#checkout-section-giftcard {
padding-top:20px;
text-align: left;
}
#checkout-section-giftcard h4 {
font-size: 20px;
}
#checkout-section-giftcard input,
#checkout_webcoupon,
#checkout-section-comment input {
width: 410px !important;
margin-top: 4px;
margin-bottom:0;
}
div#checkout-section-customer #billing_state {
margin: 0;
padding: 3px 5px;
width: 180px !important;
}
.checkout-panel #checkout_webcoupon {
margin-top: 12px;
}
#checkout-section-basket {
text-align: left;
padding: 20px;
width: 370px;
margin: 0 0 0 0;
border: solid 3px #EAEAEA;
}
#checkout-section-basket h4 {
color: #333;
font-size: 20px;
}
#checkout-section-basket td {
color: #000;
font-size: 12px;
}
th.basketlist-hcol1, th.basketlist-hcol2, th.basketlist-hcol3 {
background: #f0f0f0;
}
th.basketlist-hcol3 {
text-align: right;
}
td.basketlist-col1 {
height: 20px;
}
td.basketlist-col2 {
text-align: left;
height: 24px;
padding-left:7px;
}
td.basketlist-col3 {
height: 24px;
}
#page-list td.basketlist-col3, #page-list td.basketlist-col2{vertical-align:top}
#page-list .image-thumb{max-width:100px !important}
#page-basket td.basketlist-col3{
text-align:center
}
td#total-total.basketlist-lolight {
padding-top: 10px;
padding-bottom: 10px;
color: #333;
font-size: 15px;
}
#checkout-section-checkoutplugin {
width: 425px;
margin: 20px 0 20px 0px;
border: solid 3px #f0f0f0;
padding:20px 20px 40px 20px;
background:#fafafa;
}
#page-checkoutstep2 label {display: inline;font-weight: normal;}
#page-checkoutstep2 #pagebody > #shippingform > p {float: right;margin-right: 10px;display:block;}
div.checkout-panel p {padding:0;}
div.checkout-panel input.textbox,
div.checkout-panel select,
div.checkout-panel li div input.textbox,
div.checkout-panel li div select {padding: 4px 5px;}
ul.checkout-fields li div.first-child {margin-right:20px;padding: 0;}
div.checkout-panel input.textbox {width: 370px;border: 1px solid #999;}
div.checkout-panel select {width: 380px;}
ul.checkout-fields li div.two-column {width:180px !important;}
div.checkout-panel li div input.textbox, div.checkout-panel li div select {width:165px !important;}
#page-checkoutstep2 #staterow {}
#page-checkoutstep2 #change-shipping-address {padding: 0 !important;margin-top: 20px;display: block;clear: both;width: auto !important;}
#page-checkoutstep2 #change-shipping-address .button-text {width:auto !important;display:block;text-align:center}
#page-checkoutstep2 #checkout-section-giftcard {float: left; border: 3px solid #EAEAEA;margin:0 0 20px 0;padding: 20px;text-align: left;width: 425px;}
#page-checkoutstep2 #checkout-section-coupon,
#page-checkoutstep2 #checkout-section-comment {float: left;width: 370px !important;margin-right:0;border-top:dotted 2px #ddd;padding-top:20px;margin-top:0px}
#page-checkoutstep2 #checkout-section-coupon input.textbox,
#page-checkoutstep2 #checkout-section-comment input.textbox {width:305px !important}
#page-checkoutstep2 #checkout-section-shipping {float:left;margin-right:0;border: 0;margin: 0;padding: 0;margin-top: 20px;border-top: dotted 2px #ddd;width: 100%;margin-top: 40px;padding-top: 20px;}
#page-checkoutstep2 h4.formBox {padding: 3px;margin: 5px 0 5px 0;padding: 0;}
#page-checkoutstep2 div.checkout-panel #checkout_webcoupon {margin-left:0;}
#page-checkoutstep2 #checkout-section-customer #billing-fields br {display: none;}
#page-checkoutstep2 #plugin-27 {padding: 10px 0 0 0;}
#page-checkoutstep2 #plugin-8 {padding: 0 0 10px 0;}
#checkout-section-checkoutplugin table table td {padding: 0;margin: 0;}
#checkout-section-checkoutplugin .terms b {border-top:solid 2px #eee;display: block;width: 420px;margin-top: 10px;padding-top: 20px;padding-bottom: 10px;color: #CA1B1B;}
#table-checkout-parent .checkout-fields {margin: 0 40px !important;display: block;}
#page-checkoutstep2 #checkout-section-giftcard .warning {margin-top: 40px;}
#page-checkoutstep2 #account_options h4 {margin-top:30px;border-top:dotted 2px #e0e0e0;display:block;padding-top:30px}
#btn-make-payment {display:block;width: 420px;background:#4D964D;visibility:visible;text-align:center;color:white;padding:20px 0;border-radius:4px;text-shadow:2px 2px 0 green;-webkit-transition:all .1s ease-out;position:relative;}
#btn-make-payment .button-text {background:none;border:0;border-radius:0;color:white;font-size:19px;display:inline;text-shadow:2px 2px 0 green !important;}
#btn-make-payment:hover {background:#3D863D;box-shadow:inset 0 0 4px #0D560D }
#page-checkoutstep2 #shipto-heading {
padding-top: 20px;
display: block;
margin-top: 20px;
}
#page-requirelogin td,
#page-register td,
#page-updateaccount td,
#page-login td {vertical-align: top;}
#page-requirelogin label,
#page-updateaccount label,
#page-login label,
#page-register label {display:inline}
#account-section-yourdetails b,
#account-section-billing b,
#account-section-contact b,
#account-section-login b {font-size: 19px;line-height:27px;margin: 10px 0;display: block;}
#page-register .text {width: 200px;}
#page-updateaccount #pagebody select,
#page-register #pagebody select {width: 153px;}
#page-register #billing_username {width: 148px;}
#history-searchselect {padding: 4px;margin-right: 10px;}
#page-product .product-description p {font-size:15px;}
#page-product .product-description h4 {margin-bottom:0;}
#page-product #product-image-table {}
#page-product #frmMain {margin:0;width:100%;float:left;}
#page-product #add-to-basket-button {float:right; margin-top:20px; width:430px; background:#23A4CF; border:3px solid #b0dceb; color:white; padding:8px }
#page-product #add-to-basket-button:hover{background:#286090; border:3px solid #709fc8}
#page-product #add-to-basket-button span{margin-right:5px}
#matrixtitle1 {text-transform: capitalize;margin-right: 10px;}
#page-product #product-qty {display:none;margin:30px 0 0 30px;float:left;}
/*
#page-product #productphoto {max-width:220px}
#page-product #share_buttons {display:block;clear:both;margin-top:10px;height:auto;padding-top:0}
#page-product #notify-me-button {width: 55px;padding: 0px 5px !important;font-size: 12px;margin-left:10px}
#page-product .text-availabilitytitle {font-size: 13px;width: 350px;line-height: 25px;font-weight:bold;}
#page-product .text-availabilitytext {font-weight: normal;}
#page-product .text-product-desc {font-size: 13px;line-height: 20px;margin-right: 20px;margin-top: 10px;font-family:Georgia, 'Times New Roman', serif}
#page-product .text-price {font-weight: bold;}
#page-product .tabs-content {min-height:inherit;padding:20px;}
#page-product .prodinfo select {display:inline;width:inherit;margin:0;padding:0;margin-left:10px;}
#page-product #matrixitemoptions select {width:inherit;margin-left:20px}
#page-product #text-regularprice {text-decoration:line-through;font-size:14px;line-height:31px}
#page-product #text-percentage {color:green;font-size:14px;line-height:31px;}
*/
.notice-wrap .notice-item-success p {font-weight:bold;}
.notice-item-error {}
.notice-item-loading {}
#page-search .pagetitle {display: none;}
#page-search #table-navigation {display: none;}
#page-basket #total-shipping {opacity:0; padding}
#page-basket .basketlist-lolight{padding-right:20px}
#noresults {line-height: 30px;padding-bottom: 30px;}
/* #Pagination
================================================== */
.pagination {margin:0 10px 20px 20px;display: block !important;padding: 30px 0;}
.pagination, .pagination tbody, .pagination td, .pagination tr {display:inline-block;width:auto; margin:0 auto; text-align:center}
.pagination td {text-align:center;}
.pagination tbody tr:first-child, .pagination tbody tr td:first-child {display:none;}
.pagination .button-small {background:#fff;color:#ddd;padding:10px 16px;height:18px;border-radius:3px;margin-right:5px;font-size:1em;line-height:1em;font-weight:normal;display:inline-block; border:1px solid #ddd}
.pagination .button-small:hover {background:#333; border:1px solid #333}
.pagination .button-small:hover .button-text {color:#fff;}
.pagination .button-small .button-left, .pagination .button-small .button-right {display:none;}
.pagination .button-on {text-decoration:none;background:#333;color:#ddd;height:18px; border:1px solid #333}
.pagination .button-small .button-text, .pagination .button-on .button-text {height:1.3em;line-height:1.3em;}
.pagination .button-on .button-text {color:#FFF;}
.pagination p {margin-right:10px;}
.pagination .button-text, .pagination .button-text:hover {border: 0;padding: 0;margin: 0;background: none;text-shadow:none;color:#777;font-size:14px;box-shadow:none;}
.pagination .button-small + .next,
.pagination .button-small + .prev,
.pagination .button-right,
.pagination .button-left {}
/* IE Pagination Fix */
.next .button-text {text-indent:0\9;border:0\9;position:static\9;width:auto\9;}
.next .button-text:hover {text-indent:0\9;border:0\9;position:static\9;width:auto\9;}
.prev .button-text {text-indent:0\9;border:0\9;position:static\9;width:auto\9;}
.prev .button-text:hover {text-indent:0\9;border:0\9;position:static\9;width:auto\9;}
/* Page Homepage */
#page-home #customcontent .bx-wrapper {float:left;}
#page-home #customcontent > a:last-child img {margin-top:15px}
#page-home #slider-wrapper {float:left;position:relative;}
#page-home #home-content {float:right;}
#home-brands .bx-next {right: -30px;opacity:0;height:20px;width:14px;background: url('images/bx-next-slide.png') no-repeat center;opacity: 1;position: absolute;top: 50%;transition: all 0.1s linear 0s;margin-top:-25px;}
#home-brands .bx-prev {left: -30px;opacity:0;height:20px;width:14px;background: url('images/bx-prev-slide.png') no-repeat center;opacity: 1;position: absolute;top: 50%;transition: all 0.1s linear 0s;margin-top:-25px;}
#home-brands .bx-wrapper .bx-controls-direction {position:relative;float:none;}
#home-brands {padding:0;margin-top:20px;margin-bottom:20px;background:#FAFAFA;height:100px;}
#home-brands .bx-wrapper {margin-top:25px;}
#page-home #customcontent .bx-wrapper .bx-controls-direction {float:none;position:static;top:auto;display:block;width:650px;;}
#page-home #customcontent .bx-wrapper .bx-controls-direction a {position:absolute;top:50%;width:30px;height:150px;margin-top:-75px;opacity:0;transition:opacity 0.3s ease-out;}
#page-home #customcontent .bx-wrapper:hover .bx-controls-direction a {opacity:1;transition:opacity 0.3s ease-out;}
#page-home #customcontent .bx-wrapper .bx-controls {width:650px;float:left;}
#page-home #customcontent .bx-wrapper .bx-prev {background:url(images/bx-prev.png) no-repeat center;left:0;transition:all 0.3s ease-out;}
#page-home #customcontent .bx-wrapper .bx-next {background: url('images/bx-next.png') no-repeat center;right:0;transition:all 0.3s ease-out;}
#page-home #customcontent .bx-wrapper .bx-prev:hover {transition:all 0.3s ease;}
#home-shipping {background:#FAFAFA;margin-top:20px;height:100px;}
#home-shipping img {float:left;margin:25px;}
#home-shipping div {display:block;float:left;width:135px;margin-top:25px;font-size:12px;}
#home-shipping div span {display:block;font-size:18px;color:#EE3227;margin-top:10px;}
#page-checkoutstep2 .heading-main,
#page-basket .heading-main,
#page-login .heading-main,
#page-requirelogin .heading-main,
#page-register .heading-main,
#page-updateaccount .heading-main,
#page-history .heading-main,
#page-account .heading-main,
#page-account-lists .heading-main,
#page-logout .heading-main,
#page-about h1, #pagebody #contactformdiv.contactpage h1,
#pagebody #customcontent.contentpage h1,
h1#page-title {padding:10px 0 10px 0;display:block;text-transform:uppercase;border-bottom:1px solid #E0E0E0;margin-bottom:20px;}
#page-filtered #page-title{display:none}
#page-checkoutstep2 .heading-main,
#page-basket .heading-main {margin:0 10px;}
/* Homepage Product Panel Carousell */
.productpanel {background: #999 url('images/bg-grey-medium.jpg');width: 1160px !important;margin-left: -100px !important;box-shadow: inset 0 0 400px 0px rgba(0, 0, 0, 0.2);padding-bottom:20px;}
.productpanel .bx-wrapper .bx-viewport {padding-top: 20px;padding-bottom:20px;}
.productpanel h3 {text-align: center;color: white;padding-top: 30px;margin-bottom: 0;}
.productpanel .product {margin:0;width:220px;-webkit-transition:all .2s linear;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);}
.productpanel .product:hover {background:#fafafa;box-shadow: inset 0 0 10px #DDD;}
.productpanel .product:hover .product-name {color: #769aa6;}
.productpanel .product .productwrap {padding:20px 20px 0 20px;background: white;}
.productpanel .product .product-thumb {display:table-cell;vertical-align: middle;text-align: center;width: 220px;height:120px;background: #FFF;}
.productpanel .product .product-thumb .image-thumb {padding: 0;max-width: 120px;max-height: 115px;display: inline;}
.productpanel .product .product-name {font-size: 14px;line-height: 20px;margin-bottom: 16px;display: block;border-bottom: solid 1px #FAFAFA;padding-bottom: 10px;margin-top: 16px;;font-weight: bold;text-transform: uppercase;color: #769aa6;height: 35px;overflow: hidden;-webkit-transition:all .2s linear;}
.productpanel .product .product-shortdesc {height:76px;overflow:hidden;margin-bottom:10px;}
.productpanel .product .product-price {background:#f2f2f2;margin-left:-20px;width:180px;padding:20px;margin-bottom: 0;font-size:18px;}
.newproducts h3 {color: #666;}
.newproducts {background: #FAFAFA;box-shadow: none;padding-bottom:20px;}
#newproductspanel, #newproductspanel .bx-wrapper, #newproductspanel .bx-viewport {width:926px !important; margin-left:2px}
#page-home .productpanel .bx-next {right: -70px;opacity:0;}
#page-home .productpanel .bx-prev {left: -70px;opacity:0}
#page-home .productpanel:hover .bx-wrapper .bx-prev,
#page-home .productpanel:hover .bx-wrapper .bx-next {opacity:0.4}
#page-home .product-list .product {height:420px}
/* Homepage Product Panel Carousell */
#slider1 {margin:0;}
#newitems .productlistingcell {margin:0;width:130px;padding-left:20px;padding-right:20px}
#newitems .bx-prev {
position: absolute;
top: 100px;
left: -30px;
width: 30px;
height: 30px;
text-indent: -999999px;
background: url(../images/bxprev.png) no-repeat 0 0px;
opacity:0.4;
}
#newitems .bx-next {
position: absolute;
top: 100px;
right: -34px;
width: 30px;
height: 30px;
text-indent: -999999px;
background: url(../images/bxnext.png) no-repeat 0 0px;
opacity:0.4;
}
#newitems .bx-next:hover,
#newitems .bx-prev:hover {
background-position: 0 0;
opacity:1;
}
#newitems h3 {margin-left:-30px;margin-bottom:0}
/* RSS Feed */
.rssincl-itemdesc, .rssincl-last, .rssincl-backlink, .rssincl-head, .rssincl-title {display:none}
.rssincl-entry {background:none !important;border-bottom:none !important;padding:0 0 10px 0 !important}
#rssincl-box-515076 {width: auto !important;border: 0 !important;}
.rssincl-itemtitle a {color:#333 !important; text-decoration:none !important}
div#rssincl-box-515076 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a {font-size: 15px;font-weight: bold;text-decoration: underline;color: #333;}
div#rssincl-box-515076 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a:hover {color:#ffd200 !important;text-decoration:underline !important}
#blogfeed {padding-left: 30px;margin-top: 15px;margin-left: 500px;padding-right:20px}
#page-contact address {margin-bottom: 20px;}
#page-checkoutstep2 label {font-weight:normal}
#page-checkoutstep2 .basketheader .basketlist-hcol1 {text-align:left}
#page-checkoutstep2 #label_billing_telephone,
#page-checkoutstep2 #label_billing_telephone.inputRequirement {float:left;}
#footer-socialmedia img {margin-left: 20px;}
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}
/* #Font-Face
================================================== */
/* This is the proper syntax for an @font-face file
Just create a "fonts" folder at the root,
copy your FontName into code below and remove
comment brackets */
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Contents
==================================================
#Base 960 Grid
#Tablet (Portrait)
#Mobile (Portrait)
#Mobile (Landscape)
#Clearing */
/* #Base 960 Grid
================================================== */
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row { margin-bottom: 20px; }
/* Nested Column Classes */
.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }
/* Base Grid */
.container .one.column,
.container .one.column { width: 6.25%; }
.container .two.columns { width: 14.583333333333333333333333333333%; }
.container .three.columns { width: 22.916666666666666666666666666667%; }
.container .four.columns { width: 31.25%; }
.container .five.columns { width: 39.583333333333333333333333333333%; }
.container .six.columns { width: 47.916666666666666666666666666667%; }
.container .seven.columns { width: 56.25%; }
.container .eight.columns { width: 64.583333333333333333333333333333%; }
.container .nine.columns { width: 72.916666666666666666666666666667%; }
.container .ten.columns { width: 81.25%; }
.container .eleven.columns { width: 89.583333333333333333333333333333%; }
.container .twelve.columns { width: 97.916666666666666666666666666667%; }
.container .one-third.column { width: 31.25%; }
.container .two-thirds.column { width: 64.583333333333333333333333333333%; }
/* Offsets */
.container .offset-by-one { padding-left: 8.3333333333333333333333333333333%; }
.container .offset-by-two { padding-left: 16.666666666666666666666666666667%; }
.container .offset-by-three { padding-left: 22.916666666666666666666666666667%; }
.container .offset-by-four { padding-left: 33.333333333333333333333333333333%; }
.container .offset-by-five { padding-left: 41.666666666666666666666666666667%; }
.container .offset-by-six { padding-left: 50%; }
.container .offset-by-seven { padding-left: 58.333333333333333333333333333333%; }
.container .offset-by-eight { padding-left: 66.666666666666666666666666666667%; }
.container .offset-by-nine { padding-left: 75%; }
.container .offset-by-ten { padding-left: 83.333333333333333333333333333333%; }
.container .offset-by-eleven { padding-left: 89.583333333333333333333333333333%; }
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.row:after,
.clearfix:after {
clear: both; }
.row,
.clearfix {
zoom: 1; }
/* You can also use a <br class="clear" /> to clear columns */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Content
==================================================
#Reset & Basics
#Basic Styles
#Site Styles
#Typography
#Links
#Lists
#Images
#Buttons
#Tabs
#Forms
#Misc */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
/* #Basic Styles
================================================== */
body {
font: 14px/20px Lato, 'Arial', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333;
font-weight:normal;
}
/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
color: #444444;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 27px; line-height: 43px; margin-bottom: 10px;}
h2 { font-size: 27px; line-height: 46px; margin-bottom: 10px;}
h3 { font-size: 16px; line-height: 28px; margin-bottom: 8px;}
h4 { font-size: 18px; line-height: 28px; margin-bottom: 8px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 13px; line-height: 21px; }
.subheader { color: #777; }
h3.alt1 {font-family:"Lato", Helvetica, Arial, sans-serif;}
p { margin: 0 0 18px 0;line-height:18px; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777; }
em { font-style: italic; }
strong { font-weight: 700; color: #333; }
small { font-size: 80%; }
.grey {color:#999}
/* Blockquotes */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 20px; height: 0; }
/* #Links
================================================== */
a, a:visited { color: #1e9dc1; text-decoration: none; outline: 0; font-weight: bold; transition: all 0.3s ease; }
a:hover, a:focus { color: #000; ztext-decoration:underline; transition: all 0.3s ease; }
p a, p a:visited { line-height: inherit; }
/* #Lists
================================================== */
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
/* #Images
================================================== */
img.scale-with-grid {
max-width: 100%;
height: auto; }
/* #Buttons
================================================== */
.button-text,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
background:#23A4CF; margin:0 auto; text-align:center; display:inline-block; padding:6px 10px; border:3px solid #b0dceb; border-radius:6px; color:#fff; font-size:15px; text-transform:capitalize
;
}
.button-text:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
color: #FFF;
text-decoration:none;
transition:all 0.3s ease;
background:#286090;
border:3px solid #709fc8
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center; }
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
.greenbutton {
background: #37c400 !important;
border: 1px solid #aaa;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 4px 12px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #444;
display: inline-block;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px rgba(255, 255, 255, .75);
cursor: pointer;
margin-bottom: 20px;
line-height: normal;
padding: 8px 10px;
}
/* #Tabs (activate in tabs.js)
================================================== */
ul.tabs {
display: block;
margin: 0 0 20px 0;
padding: 0;
border-bottom: solid 1px #ddd; }
ul.tabs li {
display: block;
width: auto;
height: 30px;
padding: 0;
float: left;
margin-bottom: 0; }
ul.tabs li a {
display: block;
text-decoration: none;
width: auto;
height: 29px;
padding: 0px 20px;
line-height: 30px;
border: solid 1px #ddd;
border-width: 1px 1px 0 0;
margin: 0;
background: #f5f5f5;
font-size: 13px; }
ul.tabs li a.active {
background: #fff;
height: 30px;
position: relative;
top: -4px;
padding-top: 4px;
border-left-width: 1px;
margin: 0 0 0 -1px;
color: #111;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px; }
ul.tabs li:first-child a.active {
margin-left: 0; }
ul.tabs li:first-child a {
border-width: 1px 1px 0 1px;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px; }
ul.tabs li:last-child a {
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px; }
ul.tabs-content { margin: 0; display: block; }
ul.tabs-content > li { display:none; }
ul.tabs-content > li.active { display: block; }
/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
ul.tabs:after {
clear: both; }
ul.tabs {
zoom: 1; }
/* #Forms
================================================== */
form {
margin-bottom: 20px; }
fieldset {
margin-bottom: 20px; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
border: 1px solid #ccc;
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
display: inline;
margin-bottom: 20px;
background: #fff;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
border: 1px solid #aaa;
color: #444;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
box-shadow: 0 0 3px rgba(0,0,0,.2); }
textarea {
min-height: 60px; }
label,
legend {
display: block;
font-weight: bold;
}
input[type="checkbox"] {
display: inline; }
label span,
legend span {
font-weight: normal;
font-size: 13px;
color: #444; }
/* #Misc
================================================== */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
#customcontent object {
position: relative;
}
/* CSS for jQuery Orbit Plugin 1.2.3
* www.ZURB.com/playground
* Copyright 2010, ZURB
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2012
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}
.featured_slider .bx-wrapper{min-width:940px !important}
.bx-wrapper img {
max-width: 100%;
display: block;
}
#slidewrapper .bx-wrapper .bx-pager{position:absolute; top:0; left:50%; width:940px; margin-left:-480px; height:20px; text-align:right}
#slidewrapper .bx-viewport {left:50%;margin-left:-470px;width:940px !important;height:480px !important;}
#slidewrapper{margin-bottom:20px}
.slide{position:relative}
.caption{position:absolute; top:22%; right:20px; width:340px; margin-left:-500px}
.caption h3{font-size:70px; font-weight:600; color:white; text-align:right; width:400px; position:absolute; right:0; line-height:70px; text-shadow: 0px 3px 12px rgba(0, 0, 0, 0.4); }
.caption .button{position:absolute; right:0; top:150px; font-size:16px; background:white; border:none; color:#f0564c; text-transform:uppercase; font-weight:600;padding:9px 20px}
.caption .button:hover{background:#f1e8e8}
.caption .button span{margin-left:8px}
/** THEME
===================================*/
#page-home .featured_slider .bx-wrapper .bx-viewport {height:455px !important; width:930px !important; margin-left:10px; margin-top:40px}
.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(images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #fff;
text-indent: 9999px;
overflow:hidden;
display: block;
width: 16px;
height: 16px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
opacity:0.6
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #fff;
opacity:1
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-has-controls-direction{position:absolute; top:-65px; width:940px}
.bx-has-controls-direction .bx-next{float:right; position:relative; margin-right:20px}
.bx-has-controls-direction .bx-prev{margin-left:20px}
.bx-wrapper .bx-prev:hover {}
.bx-wrapper .bx-next:hover {}
.bx-wrapper .bx-next{position:absolute; right:0}
.bx-wrapper .bx-controls-direction a {
outline: 0;
height: 24px;
width: 17px;
text-indent: -9999px;
z-index: 20;
display:inline-block;
-webkit-transition:opacity 0.1s linear;
-moz-transition:opacity 0.1s linear;
-o-transition:opacity 0.1s linear;
transition:opacity 0.1s linear;
}
.bx-wrapper .bx-controls-direction a:hover {opacity:0.5;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
display: block;
font-size: .85em;
padding: 10px;
}
.sf-menu {
display:table;
white-space: nowrap;
width:100%
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu .departmentgroup span a{font-weight:normal; color:#444}
.sf-menu .departmentgroup:hover span a{color:white}
.sf-menu > li > span img{margin-left:6px; margin-top:7px; position:absolute}
.sf-menu > li > span {
text-transform:uppercase;
text-align:center;
color:#fff;
font-weight:bold;
cursor: pointer;
font-size:12px;
font-weight:400;
font-family:"Lato", sans-serif;
width:100%;
display:block;
color:#fff;
text-shadow: 0px 1px 1px #666;
margin:0 auto
}
.sf-menu li {
position: relative;
}
.sf-menu ul li a{padding: 10px 15px}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 1000;
}
.sf-menu > li {
display:table-cell;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu a:visited{color:#666}
.sf-menu ul ul {
top: 0;
left: 100%;
}
/*** DEMO SKIN ***/
.sf-menu > li.sfHover > ul{top:62px; left:4px}
.sf-menu > li:first-of-type.sfHover > ul{top:62px; left:0px}
.sf-menu ul {
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
min-width: 220px; /* allow long menu items to determine submenu width */
*width: 220px ; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
padding: 0;
text-decoration: none;
zoom: 1; /* IE7 */
}
.sf-menu a {
color: 000;
}
.sf-menu .link-department , .sf-menu .link-department-select {width:220px; text-align:left; text-indent:10px}
.sf-menu .nav-department > .link-department:before, .sf-menu .nav-department > .link-department-select:before, .sf-menu .link-category:before{content:"\ea3c"; font-family:icomoon; margin-right:12px; font-size:10px; margin-left:-25px; color:#1e9dc1; position:absolute; transition:all 0.3s ease;}
.sf-menu .link-department:hover:before, .sf-menu .link-department-select:hover:before{color:white}
.sf-menu .link-category-select{text-align:left;font-style:italic; color:#bbb !important}
.sf-menu .link-category{width:205px; }
.sf-menu .link-department:hover{background:#1e9dc1;color:#fff !important}
.sf-menu .link-category:hover:before{color:white}
.link-department{color:#333; text-transform:uppercase}
.department-home a{padding:0 !important; width:50px !important}
.department-home a:visited{color:white}
.sf-menu > li { /* First Level Links */
white-space:normal !important;
width:85px;
vertical-align: middle;
height:50px;
cursor:pointer;
}
.sf-menu > li > a { /* First Level Links */
display:table-cell;
vertical-align:middle;
text-align:center;
}
.sf-menu ul li:last-child{border-bottom:0}
.sf-menu ul li {
background: white;
-moz-box-shadow: inset 0 -10px 10px -10px #000000;
-webkit-box-shadow: inset 0 -10px 10px -10px #000000;
box-shadow: inset 0 -1px 1px -1px #ccc;
text-transform:uppercase
}
.sf-menu ul ul li {
background: #fff;
}
.sf-menu ul ul li a{
color:#333;
}
.sf-menu > li:hover,
.sf-menu > li.sfHover {
/* only transition out, not in */
-webkit-transition: none;
transition: none;
}
.sf-menu > li:hover span,
.sf-menu > li.sfHover span{color:white}
.sf-menu ul li:hover,
.sf-menu ul li.sfHover {
background: #1e9dc1;
/* only transition out, not in */
-webkit-transition: none;
transition: none;
}
.sf-menu ul li:hover > a{color:#fff; margin-left:5px; width:215px}
.sf-menu ul li ul li:hover,
.sf-menu ul li ul li.sfHover {
background: #fff;
/* only transition out, not in */
-webkit-transition: none;
transition: none;
}
.groupblock {box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);background: #fff;border-radius:0 3px 3px 3px}
.sf-menu > li:first-of-type:hover span, .sf-menu > li:nth-child(2) span .sfHover {background: #2e90bc !important}
.sf-menu > li:first-of-type span {background:#179cd8; transition:all 0.3s ease; padding:11px 0; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);}
.sf-menu > li:first-of-type{padding-right:4px}
.sf-menu > li:nth-child(3):hover span, .sf-menu > li:nth-child(3) span .sfHover {background: #24af83 !important}
.sf-menu > li:nth-child(3) span {background:#1ec18d; transition:all 0.3s ease; padding:20px 0; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);}
.sf-menu > li:nth-child(3){padding:4px}
.sf-menu > li:nth-child(4):hover span, .sf-menu > li:nth-child(4) span .sfHover {background: #dc4949 !important}
.sf-menu > li:nth-child(4) span {background:#f15959; transition:all 0.3s ease; padding:20px 0; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15); }
.sf-menu > li:nth-child(4){padding:4px}
.sf-menu > li:nth-child(5):hover span, .sf-menu > li:nth-child(5) span .sfHover {background: #d87a47 !important}
.sf-menu > li:nth-child(5) span {background:#f08f5a; transition:all 0.3s ease; padding:20px 0; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15); }
.sf-menu > li:nth-child(5){padding:4px}
.sf-menu > li:nth-child(6) span:hover, .sf-menu > li:nth-child(6) span .sfHover {background: #666 !important}
.sf-menu > li:nth-child(6) span{background:#333; transition:all 0.3s ease; padding:20px 0; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);}
.sf-menu > li:nth-child(6){padding:4px}
.sf-menu > li:nth-child(7):hover span, .sf-menu > li:nth-child(7) span .sfHover {background: #AC048D !important}
.sf-menu > li:nth-child(7) span{background:#C042A8; transition:all 0.3s ease; padding:20px 0; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);}
.sf-menu > li:nth-child(7){padding:4px}
.sf-menu > li:nth-child(8):hover span, .sf-menu > li:nth-child(8) span .sfHover {background: #5eaaa8 !important}
.sf-menu > li:nth-child(8) span{background:#67c1bf; transition:all 0.3s ease; padding:20px 0;-webkit-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);}
.sf-menu > li:nth-child(8){padding:4px}
.sf-menu > li:nth-child(9):hover span, .sf-menu > li:nth-child(9) span .sfHover {background: #ce9c3c !important}
.sf-menu > li:nth-child(9) span{background:#EDB241; transition:all 0.3s ease; padding:20px 0; -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);
box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.15);}
.sf-menu > li:nth-child(9){padding-left:4px}
#mainmenu-tabs {float: right;}
#mainmenu-tabs li {float: left;padding: 10px 10px 5px 0;height:20px}
#mainmenu-tabs li a {font-weight:normal;color:#333;border-right: solid 1px #ccc;padding-right: 10px;}
#mainmenu-tabs li a:hover {color:#aaa;}
#mainmenu-tabs li:last-child a {border-right:0}
#itemdescription {margin-bottom: 60px;}
#page-newproduct #pagebody .heading-main {display:block;margin-left:10px;}
#page-department div.breadcrumbs {margin:4px 0 10px 0!important;}
#page-home .customBlock:hover{opacity:0.8; transition:all 0.2s ease;}
#page-home #customBlock1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7ab8ea+0,2997e5+50,7ab8ea+100 */
background: rgb(122,184,234); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(122,184,234,1) 0%, rgba(41,151,229,1) 50%, rgba(122,184,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(122,184,234,1)), color-stop(50%,rgba(41,151,229,1)), color-stop(100%,rgba(122,184,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(122,184,234,1) 0%,rgba(41,151,229,1) 50%,rgba(122,184,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(122,184,234,1) 0%,rgba(41,151,229,1) 50%,rgba(122,184,234,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(122,184,234,1) 0%,rgba(41,151,229,1) 50%,rgba(122,184,234,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(122,184,234,1) 0%,rgba(41,151,229,1) 50%,rgba(122,184,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab8ea', endColorstr='#7ab8ea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#page-home #customBlock2{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edda79+0,e5bc29+50,edda79+100 */
background: rgb(237,218,121); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(237,218,121,1) 0%, rgba(229,188,41,1) 50%, rgba(237,218,121,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(237,218,121,1)), color-stop(50%,rgba(229,188,41,1)), color-stop(100%,rgba(237,218,121,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(237,218,121,1) 0%,rgba(229,188,41,1) 50%,rgba(237,218,121,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(237,218,121,1) 0%,rgba(229,188,41,1) 50%,rgba(237,218,121,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(237,218,121,1) 0%,rgba(229,188,41,1) 50%,rgba(237,218,121,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(237,218,121,1) 0%,rgba(229,188,41,1) 50%,rgba(237,218,121,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edda79', endColorstr='#edda79',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#page-home #customBlock3{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4fe3a0+0,19cf77+50,4fe3a0+100 */
background: rgb(79,227,160); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(79,227,160,1) 0%, rgba(25,207,119,1) 50%, rgba(79,227,160,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(79,227,160,1)), color-stop(50%,rgba(25,207,119,1)), color-stop(100%,rgba(79,227,160,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(79,227,160,1) 0%,rgba(25,207,119,1) 50%,rgba(79,227,160,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(79,227,160,1) 0%,rgba(25,207,119,1) 50%,rgba(79,227,160,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(79,227,160,1) 0%,rgba(25,207,119,1) 50%,rgba(79,227,160,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(79,227,160,1) 0%,rgba(25,207,119,1) 50%,rgba(79,227,160,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fe3a0', endColorstr='#4fe3a0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#page-home #customBlock4{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c188ec+0,9a40e8+50,c188ec+100 */
background: rgb(193,136,236); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(193,136,236,1) 0%, rgba(154,64,232,1) 50%, rgba(193,136,236,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(193,136,236,1)), color-stop(50%,rgba(154,64,232,1)), color-stop(100%,rgba(193,136,236,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(193,136,236,1) 0%,rgba(154,64,232,1) 50%,rgba(193,136,236,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(193,136,236,1) 0%,rgba(154,64,232,1) 50%,rgba(193,136,236,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(193,136,236,1) 0%,rgba(154,64,232,1) 50%,rgba(193,136,236,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(193,136,236,1) 0%,rgba(154,64,232,1) 50%,rgba(193,136,236,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c188ec', endColorstr='#c188ec',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#page-home #customBlock5{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8796a+0,e42d1c+50,e8796a+100 */
background: rgb(232,121,106); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(232,121,106,1) 0%, rgba(228,45,28,1) 50%, rgba(232,121,106,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(232,121,106,1)), color-stop(50%,rgba(228,45,28,1)), color-stop(100%,rgba(232,121,106,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(232,121,106,1) 0%,rgba(228,45,28,1) 50%,rgba(232,121,106,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(232,121,106,1) 0%,rgba(228,45,28,1) 50%,rgba(232,121,106,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(232,121,106,1) 0%,rgba(228,45,28,1) 50%,rgba(232,121,106,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(232,121,106,1) 0%,rgba(228,45,28,1) 50%,rgba(232,121,106,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8796a', endColorstr='#e8796a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#page-home #customBlock6{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b2b2b2+0,878787+50,b2b2b2+100 */
background: rgb(178,178,178); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(178,178,178,1) 0%, rgba(135,135,135,1) 50%, rgba(178,178,178,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(178,178,178,1)), color-stop(50%,rgba(135,135,135,1)), color-stop(100%,rgba(178,178,178,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(178,178,178,1) 0%,rgba(135,135,135,1) 50%,rgba(178,178,178,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(178,178,178,1) 0%,rgba(135,135,135,1) 50%,rgba(178,178,178,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(178,178,178,1) 0%,rgba(135,135,135,1) 50%,rgba(178,178,178,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(178,178,178,1) 0%,rgba(135,135,135,1) 50%,rgba(178,178,178,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#b2b2b2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#page-home .customBlock span{font-size:20px; color:#fff; font-weight:600;}
#page-home .customBlock a{text-transform:lowercase; color:#fff; display:inline-block; width:100%; height:100%;}
#page-home .customBlock i{border-bottom:2px solid #fff}
#page-home #holder{float:left; margin-top:52px; margin-left:15px; text-align:left}
.firstRow, .secondRow{margin-bottom:20px; display:inline-block}
.firstRow img, .secondRow img{ float:left; transition: all 0.2s ease; filter: brightness(100%); -webkit-filter: brightness(100%);}
.firstRow img:hover, .secondRow img:hover{filter: brightness(90%); -webkit-filter: brightness(90%)}
.firstRow, .secondRow, .firstRow a, .secondRow a{text-align:center; color:white;}
.firstRow h2, .secondRow h2{color:white; font-family:"Lato", sans-serif; font-weight:700; letter-spacing:1px; clear:both; text-align:left; padding-left:20px; font-size:35px}
.firstRow .tileLink, .secondRow .tileLink{padding-bottom:20px; text-align:left; padding-left:20px}
.tile1Div, .tile2Div, .tile3Div, .tile4Div, .tile5Div, .tile6Div{position:relative; width:300px; position:relative; }
.tile1Div .bottomCustom, .tile2Div .bottomCustom, .tile3Div .bottomCustom, .tile4Div .bottomCustom, .tile5Div .bottomCustom, .tile6Div .bottomCustom{position:absolute;bottom:10px}
.productInfo{width:518px !important}
.productpageContainer{background:white; -webkit-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);}
.productImage{display:block; position:relative; margin:10px 0}
.productImage > a img{max-width: 300px;max-height: 300px;padding:0;display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.textavailability2 span{width:150px; float:left; margin-right:20px}
#notifyMe{clear:both}
#productbuyinfo #quantity{clear:both; margin-top:20px; display:inline-block; float:left; height:36px; text-align:center; border-radius:3px; border:1px solid #ddd; margin-right:0px; margin-bottom:0}
#add-to-list-button{background:none; border:0; float:left; margin-top:20px; padding:0; text-align:left; float:left; color:#333}
#add-to-list-button span{color:#f15959; margin-right:10px}
#socialFooter{display:inline-block; margin-top:20px}
.shareFB{background:#4d70a8; display:inline-block; height:25px; width:25px; line-height:24px; border-radius:12px; color:white; margin-left:12px}
.shareTweet{background:#00bbf2 ; display:inline-block; height:24px; width:24px; line-height:24px; border-radius:12px; color:white; margin-left:5px}
.shareG{background:#e3401d ; display:inline-block; height:24px; width:24px; line-height:24px; border-radius:12px; color:white; margin-left:5px}
.text-availabilitytitle{margin-bottom:0}
.shell{background:white; padding:20px; width:900px !important; -webkit-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 6px 0px rgba(204,204,204,1);}
#page-basket .shell{width:920px; padding:20px}
#page-department .shell, #page-category .shell, #page-filtered .shell, #page-product .shell, #page-home .shell {margin-left:0 !important; margin-right:0 !important; width:100% !important; padding:0; background:none; -webkit-box-shadow:none;
-moz-box-shadow: none;box-shadow: none}
div#nitro_outer .simpleTabs {display:none;}
div#nitro_outer #productbuyinfo {}
div#nitro_outer .four.columns {margin-right:40px;display:block;width:300px;float:left;}
div#nitro_outer .four.columns #tell-a-friend-link {display:none;}
div#nitro_outer .seven.columns {margin-right:0px;display:block;width:65% !important;float:left;}
div#nitro_outer .seven.columns #add-to-basket-button {width:228px; margin-top:22px; float:left; }
div#nitro_outer .seven.columns #add-to-registry-button,
div#nitro_outer .seven.columns #add-to-list-button {clear:both}
div#nitro_outer #sharethisproduct{display:none}
div#nitro_outer .seven.columns h1.heading-product {line-height:30px;}
div#nitro_outer .four.columns #productviews {display:none;}
a.Product-quickview {position:absolute;top:50%;left:50%;transform:translate(-50%,-75px);z-index:100;background:white;padding:6px 12px;width:80px;text-align:center;border:solid 1px #eee;display:none;}
.product:hover a.Product-quickview {position:absolute;top:50%;left:50%;transform:translate(-50%,-75px);-webkit-transform:translate(-50%,-75px);z-index:100;background:white;padding:6px 12px;width:80px;text-align:center;border:solid 1px #eee;display:block;}
#nitro_outer table#discount-table {position:absolute;right:20px;}
div#nitro_outer{position:fixed; top:20% !important}
#nitro_content #productphoto{max-width:300px; margin-right:50px}
#nitro_outer .productpageContainer{display:block; width:100%; clear:both; float:none; background:none; -webkit-box-shadow:none;
height:200px;
position:relative;
-moz-box-shadow: none;
box-shadow: none;}
#nitro_outer .productImage{display:inline-block; float:left; width:30%; margin-right:20px}
#nitro_outer .productImage img{width:90%}
#page-department ~ #nitro_outer #nitro_inner, #page-category ~ #nitro_outer #nitro_inner, #page-filtered ~ #nitro_outer #nitro_inner, #page-search ~ #nitro_outer #nitro_inner, #page-advsearch ~ #nitro_outer #nitro_inner {min-height:380px !important;}
#page-department ~ #nitro_outer #nitro_inner #add-to-basket-button, #page-category ~ #nitro_outer #nitro_inner #add-to-basket-button, #page-filtered ~ #nitro_outer #nitro_inner #add-to-basket-button, #page-search ~ #nitro_outer #nitro_inner #add-to-basket-button, #page-advsearch ~ #nitro_outer #nitro_inner #add-to-basket-button{margin-left:20px}
#page-department ~ #nitro_outer #nitro_inner .product-description, #page-category ~ #nitro_outer #nitro_inner .product-description, #page-filtered ~ #nitro_outer #nitro_inner .product-description, #page-search ~ #nitro_outer #nitro_inner .product-description, #page-advsearch ~ #nitro_outer #nitro_inner .product-description{clear:both; padding-top:20px}
#add-to-list-button{display:none}
#page-product #add-to-list-button{display:block}
.icon-facebook{color:#fff}
.tweetFooter{background:#2AAAF7}
.icon-twitter{color:white}
.gplusFooter{background:#D6492F}
.icon-google-plus{color:white}
.topPromo{margin-top:60px; text-align:center}
.topPromo h2{margin-bottom:0; line-height:28px; font-size:32px; font-weight:bold; color:#f15959}
.topPromo strong{font-size:18px}
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider-wrapper {
width:1100px;
height:460px;
margin:0 auto;
margin-top:15px;
margin-bottom: 20px;
}
.Home-slider {
width:940px;
height:460px;
margin:0 auto;
position:relative;
}
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
width: 780px;
height: 330px;
position: relative;
direction: ltr;
}
.royalSlider > * {
float: left;
}
.rsWebkit3d .rsSlide {
-webkit-transform: translateZ(0);
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
-webkit-transform: none;
}
.rsOverflow {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
float: right;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
left: 0;
top: 0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
position: absolute;
left: 0;
top: 0;
}
.rsContainer {
position: relative;
width: 100%;
height: 100%;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsArrow,
.rsThumbsArrow {
cursor: pointer;
}
.rsThumb {
float: left;
position: relative;
}
.rsArrow,
.rsNav,
.rsThumbsArrow {
opacity: 1;
-webkit-transition:opacity 0.3s linear;
-moz-transition:opacity 0.3s linear;
-o-transition:opacity 0.3s linear;
transition:opacity 0.3s linear;
}
.rsHidden {
opacity: 0;
visibility: hidden;
-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
.rsGCaption {
width: 100%;
float: left;
text-align: center;
}
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
position: fixed !important;
height: auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2147483647 !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
}
.royalSlider .rsSlide.rsFakePreloader {
opacity: 1 !important;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
display: none;
}
.rsSlide {
position: absolute;
left: 0;
top: 0;
display: block;
overflow: hidden;
height: 100%;
width: 100%;
}
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
height: auto;
}
.rsContent {
width: 100%;
height: 100%;
position: relative;
}
.rsPreloader {
position:absolute;
z-index: 0;
}
.rsNav {
-moz-user-select: -moz-none;
-webkit-user-select: none;
user-select: none;
}
.rsNavItem {
-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}
.rsThumbs {
cursor: pointer;
position: relative;
overflow: hidden;
float: left;
z-index: 22;
}
.rsTabs {
float: left;
background: none !important;
}
.rsTabs,
.rsThumbs {
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVideoContainer {
/*left: 0;
top: 0;
position: absolute;*/
/*width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
float: left;*/
width: auto;
height: auto;
line-height: 0;
position: relative;
}
.rsVideoFrameHolder {
position: absolute;
left: 0;
top: 0;
background: #141414;
opacity: 0;
-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
position: absolute;
z-index: 50;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 44px;
}
.rsABlock {
left: 0;
top: 0;
position: absolute;
z-index: 15;
}
img.rsImg {
max-width: none;
width: 800px !important;
height: 460px !important;
margin:0 !important;
}
.grab-cursor {
cursor:url(grab.png) 8 8, move;
}
.grabbing-cursor{
cursor:url(grabbing.png) 8 8, move;
}
.rsNoDrag {
cursor: auto;
}
.rsLink {
left:0;
top:0;
position:absolute;
width:100%;
height:100%;
display:block;
z-index: 20;
background: url(blank.gif);
}
/******************************
*
* RoyalSlider Universal Skin
*
* 1. Arrows
* 2. Bullets
* 3. Thumbnails
* 4. Tabs
* 5. Fullscreen button
* 6. Play/close video button
* 7. Preloader
* 8. Caption
*
* Sprite: 'rs-universal.png'
* Feel free to edit anything
* If you don't some part - just delete it
*
******************************/
/* Background */
.rsUni,
.rsUni .rsOverflow,
.rsUni .rsSlide,
.rsUni .rsVideoFrameHolder,
.rsUni .rsThumbs {
background: #fff;
color: #FFF;
}
/***************
*
* 1. Arrows
*
****************/
.rsUni .rsArrow {
height: 100%;
width: 60px;
position: absolute;
display: block;
cursor: pointer;
z-index: 21;
}
.rsUni.rsVer .rsArrow {
width: 100%;
height: 60px;
}
.rsUni.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsUni.rsVer .rsArrowRight { bottom: 0; left: 0; }
.rsUni.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsUni.rsHor .rsArrowRight { right: 0; top:0; }
.rsUni .rsArrowIcn {
width: 32px;
height: 32px;
top: 50%;
left: 50%;
margin-top:-16px;
margin-left: -16px;
position: absolute;
cursor: pointer;
zzbackground: url('rs-universal.png');
opacity: 0.5;
border-radius: 2px;
}
.rsUni .rsArrow:hover .rsArrowIcn {
opacity: 1;
}
.rsUni.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsUni.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }
.rsUni.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsUni.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }
.rsUni .rsArrowDisabled .rsArrowIcn { opacity: .1 !important; filter: alpha(opacity=20); *display: none; }
/***************
*
* 2. Bullets
*
****************/
.rsUni .rsBullets {
position: relative;
z-index: 35;
padding-top: 4px;
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
line-height: 5px;
overflow: hidden;
}
.rsUni .rsBullet {
width: 8px;
height: 8px;
display: inline-block;
*display:inline;
*zoom:1;
padding: 5px;
}
.rsUni .rsBullet span {
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #BBB;
}
.rsUni .rsBullet.rsNavSelected span {
background-color: #383838;
}
/***************
*
* 3. Thumbnails
*
****************/
.rsUni .rsThumbsHor {
width: 100%;
height: auto;
}
.rsUni .rsThumbsVer {
width: 200px;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.rsUni.rsWithThumbsHor .rsThumbsContainer {
position: relative;
height: 100%;
}
.rsUni.rsWithThumbsVer .rsThumbsContainer {
position: relative;
width: 100%;
margin-top:-2.25px
}
.rsUni .rsThumb {
float: left;
overflow: hidden;
height: 90px;
border-top:#ccc solid 1px;
display:table;width:200px;
}
.rsUni .rsThumb img {
width: 100%;
height: 100%;
}
.rsUni .rsThumb.rsNavSelected {
background:url("/themes/images/white-home-nav-on.jpg");
}
.rsUni .rsThumb.rsNavSelected img {
opacity: 0.3;
filter: alpha(opacity=30);
}
.rsUni .rsThumb.rsNavSelected .thumbIco {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-shadow: inset 0 0 20px black;
-webkit-backface-visibility: hidden;
}
.rsUni .rsTmb {
color:#666; text-transform:uppercase; text-align:center; font-weight:600; font-size:16px;
display:table-cell;vertical-align:middle;
}
/* Thumbnails with text */
.rsUni .rsTmb h5 {
font-size: 16px;
margin: 0;
padding: 0;
line-height: 20px;
color: #FFF;
}
.rsUni .rsTmb span {
color: #DDD;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 18px;
}
/* Thumbnails arrow icons */
.rsUni .rsThumbsArrow {
height: 100%;
width: 20px;
position: absolute;
display: block;
cursor: pointer;
z-index: 21;
}
.rsUni .rsThumbsArrow:hover {
}
.rsUni.rsWithThumbsVer .rsThumbsArrow {
width: 100%;
height: 20px;
}
.rsUni.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsUni.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; }
.rsUni.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsUni.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }
.rsUni .rsThumbsArrowIcn {
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin-top:0px;
margin-left: -8px;
position: absolute;
cursor: pointer;
zzbackground: url('rs-universal.png') transparent;
}
.rsUni .rsThumbsArrowLeft .rsThumbsArrowIcn {margin-top:-10px !important;}
.rsUni .rsThumbsArrowRight .rsThumbsArrowIcn {margin-top:-20px !important;}
.rsUni .rsThumbsArrowLeft .rsThumbsArrowIcn:before {content:'\ea3a';font-family:icomoon;background:black;display:block;width:30px;height:30px;line-height:27px;text-align:center;}
.rsUni .rsThumbsArrowRight .rsThumbsArrowIcn:before {content:'\ea3e';font-family:icomoon;background:black;display:block;width:30px;height:30px;line-height:27px;text-align:center;}
.rsUni.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsUni.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }
.rsUni.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsUni.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }
.rsUni .rsThumbsArrowDisabled { display: none !important; }
/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
.rsUni .rsThumb {
width: 59px;
height: 44px;
}
.rsUni .rsThumbsHor {
height: 44px;
}
.rsUni .rsThumbsVer {
width: 59px;
}
}
/***************
*
* 4. Tabs
*
****************/
.rsUni .rsTabs {
width: 100%;
height: auto;
margin: 0 auto;
text-align:center;
overflow: hidden; padding-top: 12px; position: relative;
}
.rsUni .rsTab {
display: inline-block;
cursor: pointer;
text-align: center;
height: auto;
width: auto;
color: #333;
padding: 5px 13px 6px;
min-width: 72px;
border: 1px solid #D9D9DD;
text-decoration: none;
background: #FFF;
border-right: none;
*display:inline;
*zoom:1;
*border-right: 1px solid #d9d9d9;
}
.rsUni .rsTab:first-child {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}
.rsUni .rsTab:last-child {
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
border-right: 1px solid #D9D9DD;
}
.rsUni .rsTab:active {
background-color: #f4f4f4;
}
.rsUni .rsTab.rsNavSelected {
color: #FFF;
background: #383838;
border-color: #383838;
}
/***************
*
* 5. Fullscreen button
*
****************/
.rsUni .rsFullscreenBtn {
right: 0;
top: 0;
width: 44px;
height: 44px;
z-index: 22;
display: block;
position: absolute;
cursor: pointer;
}
.rsUni .rsFullscreenIcn {
display: block;
margin: 6px;
width: 32px;
height: 32px;
zbackground: url('rs-universal.png') 0 0 transparent;
opacity: 0.7;
border-radius: 2px;
}
.rsUni .rsFullscreenBtn:hover .rsFullscreenIcn {
opacity: 1;
}
.rsUni.rsFullscreen .rsFullscreenIcn {
background-position: -32px 0;
}
/***************
*
* 6. Play/close video button
*
****************/
.rsUni .rsPlayBtn {
-webkit-tap-highlight-color:rgba(0,0,0,0.3);
width:64px;
height:64px;
margin-left:-32px;
margin-top:-32px;
cursor: pointer;
}
.rsUni .rsPlayBtnIcon {
width:64px;
display:block;
height:64px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
background:url(rs-universal.png) no-repeat 0 -32px;
background-color: #383838;
background-color: rgba(0,0,0,0.75);
*background-color: #383838;
}
.rsUni .rsPlayBtn:hover .rsPlayBtnIcon {
background-color: rgba(0,0,0,0.9);
}
.rsUni .rsBtnCenterer {
position:absolute;
left:50%;
top:50%;
width: 20px;
height: 20px;
}
.rsUni .rsCloseVideoBtn {
right: 0;
top: 0;
width: 44px;
height: 44px;
z-index: 500;
position: absolute;
cursor: pointer;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}
.rsUni .rsCloseVideoBtn.rsiOSBtn {
top: -38px;
right: -6px;
}
.rsUni .rsCloseVideoIcn {
margin: 6px;
width: 32px;
height: 32px;
zbackground: url('rs-universal.png') -64px 0;
background-color: #383838;
background-color: rgba(0,0,0,0.75);
*background-color: #383838;
}
.rsUni .rsCloseVideoIcn:hover {
background-color: rgba(0,0,0,0.9);
}
/***************
*
* 7. Preloader
*
****************/
.rsUni .rsPreloader {
width:66px;
height:66px;
background-image:url(images/preloader-white.gif);
left:50%;
top:50%;
margin-left:-33px;
margin-top:-33px;
}
/***************
*
* 8. Global caption
*
****************/
.rsUni .rsGCaption {
position: absolute;
float: none;
bottom: 6px;
left: 6px;
text-align: left;
background: #222;
color: #FFF;
padding: 2px 8px;
width: auto;
font-size: 12px;
}
.footerInfo img{max-width:120px; height:auto}
/* Edits to footer 6-24 */
.footerBottom{display:inline-block; width:100%; color:#666; padding-top:20px; -moz-box-shadow: inset 0 38px 28px -8px #696868,
inset 0 -30px 28px -28px #696868;
-webkit-box-shadow: inset 0 30px 28px -28px #696868,
inset 0 -30px 28px -28px #696868;
box-shadow: inset 0 30px 28px -28px #ddd,
inset 0 -30px 28px -28px #ddd;}
.footerBottom .container{padding-bottom:10px}
.footerBottom h4{color:#1e9dc1; text-transform:uppercase}
#ft-copy{background:#1e9dc1; text-align:center; color:white; padding:5px; font-size:12px}
#ft-copy a{color:white}
#mc_embed_signup_scroll .email{padding:6px; border-radius:5px 0 0 5px; margin-bottom:0}
.newsletterFooter input[type="submit"]{margin:0 !important; left:325px !important; position:absolute; border:0; border-radius:0 5px 5px 0}
.newsletterFooter form, .newsletterFooter fieldset{font-size:12px; margin-bottom:0; padding-bottom:0; font-family:Lato, sans-serif}
.newsletterFooter .icon-mail3{float:left; font-size:5em; margin-right:20px; color:#23A4CF; padding-left:70px}
.newsletterFooter p{margin-bottom:5px}
.newsletterFooter{box-shadow: inset -5px 0px 0px -4px #ddd;}
.mobileFooter{padding-top:10px}
.mobileFooter span{vertical-align:top !important; font-size:12px}
.mobileFooter a{vertical-align:top}
.mobileFooter a:first-of-type{padding-left:85px}
.mobileFooterImg{display:inline-block; margin-right:20px; float:left}