/*
* 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;}
#header .container {padding-top:30px;background:#FFF;}
#hd-logo h4 {margin:0;}
#hd-logo a img {margin-left: 10px;margin-top:30px}
#pagebody {background:#FFF;box-shadow:0 0 16px #CCC;border-left:1px solid #E7E7E7;border-right:1px solid #E7E7E7;padding:0 40px;}
#header {background:url('images/header-bg.jpg') no-repeat;width:960px;float:left;background-position:20px 20px;}
#hd-search {display:block;float:left;box-shadow:inset 1px 1px 2px #AAA; margin-left:40px;}
#hd-search span {color: #CEB7B5;float: left;font-size: 16px;letter-spacing: 0.05em;margin:0;text-transform: uppercase;}
#hd-search #keywordsearchfield {display:block;color:#CCCCCC;width:240px;height:45px;line-height:45px;float: left;border:0;border-radius: 0;margin:0;padding:0 0 0 8px;background:none;font-size:18px;font-family:Montserrat;}
#hd-search #keywordsearchfield:focus {box-shadow:none;}
#hd-search #searchsubmit {display:block;float:left;border:0;margin:0;text-indent:9999em;background:url('images/search.jpg') no-repeat center;height:45px;width:45px;overflow:hidden;border-radius:0;padding:0;box-shadow:none;}
#hd-search .advsearch {display: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;}
#menu {width:940px;margin-bottom:10px;margin-top:10px;position:relative;}
#menu #menu-bg {background:url('images/menu-bg.png') no-repeat;position:absolute;height:152px;width:991px;top:-29px;left:-31px;}
#menu #menu-tabs {float:left;width:100%;height:36px;float:left;margin-bottom:0;}
#menu #menu-tabs li {float:left;margin-bottom:0;margin-left:20px;}
#menu #menu-tabs li a {line-height:36px;font-size:13px;text-transform:uppercase;font-weight:normal;color:#6A6A6A;}
#menu #menu-tabs li a:hover {color:#EE3227;}
#menu-tagline {color:#FFFFFF;display: block;float: left;line-height: 35px;text-align: center;width: 100%;position:relative;text-shadow:-1px -1px 2px rgba(0,0,0,0.4);font-size:12px;text-transform:uppercase;}
#menu-tagline a, #menu-tagline a:visited {color:#FFF;}
#menu-tagline a:hover {color:#000;}
#menu-brandlist {width:800px;}
#menu-brandlist li {float:left;width:200px;}
#quick-find {margin:0;display:block;height:45px;box-shadow:inset 2px 2px 2px #AAA;background:#FFF;border:1px solid #F9F9F9;}
#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;}
#nsc_cart_container #bsktotal {font-weight:bold;color:#EE352A;}
#nsc_cart_container .cart-count {display:none;}
#nsc_cart_container a {display:block;color:#000;font-size:16px;margin-bottom:4px;}
#topmenu-links {color:#333;margin:20px 0 10px 40px;float:left;width:100%;}
#topmenu-links a {color:#333;font-size:12px;text-transform:uppercase;line-height:14px;font-weight:normal; margin-left: 5px;}
#topmenu-links span {float:left;font-size:13px;line-height:14px;margin-left:10px;}
#cart {position:relative;}
#cart a {font-weight:normal;}
#cart #cart-icon {float:left;}
#cart #cart-info {float:left;margin-top:50px;margin-left:10px;}
#cart #checkout-link {font-size:12px;text-decoration:underline;transition:all 0.3s ease;}
#cart #checkout-link:hover {color:#AAA;transition:all 0.3s ease;}
#cart #header-cart {margin:30px 0 0 40px;}
#ppanel-header {margin-bottom:0;}
#page-search #pagebody .heading-main {display:none;}
#page-search #pagebody form {margin: 0;}
#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}
#footerwrap {}
#footer {padding-bottom:20px;padding-top:10px;width:100%;float:left;}
#footer h3 {font-weight:bold;font-size:24px;margin-bottom:12px;margin-top:30px;}
#footer p {color:#8A8A8A;font-size:12px;}
#footer a, #footer a:visited, #footer a:link {font-weight:normal !important;font-size:12px;color:#8A8A8A;}
#footer a:hover {text-decoration:underline;}
#Footer img {margin-top:15px;}
#footer #tab-1 {display:none;}
#footer .ft-links {border-top:6px solid #3B99EB;margin-right:0;padding-right:10px;}
#footer .ft-links h3 {color:#3B99EB;margin-left:10px;}
#footer .ft-links ul {margin-left:10px;}
#footer .ft-links ul li {border-bottom:1px solid #ECECEC;line-height:22px;margin-bottom:8px;list-style-type:none;width:180px;margin-left:0;}
#footer .ft-links ul li a {line-height:22px;width:100%;display:block;}
#footer .ft-connect {border-top:6px solid #EE3227;margin-left:0;padding-left:10px;}
#footer .ft-connect h3 {color:#EE3227;}
#footer .ft-contact {margin-right:0;margin-left:0;padding:0 10px;border-top:6px solid #5DBB46;color:}
#footer .ft-contact h3 {color:#5DBB46;}
#footer .ft-contact p {}
#footer .ft-contact div {float:left;width:70px;color:#777777;font-weight:normal;font-size:12px;}
#footer .ft-contact input[type="textbox"] {border:0;background:#F4F4F4;padding:10px 0 10px 15px;font-size:14px;width:200px;}
#footer .ft-contact input[type="submit"] {margin:20px 0 0 0;background:#3D3D3D;border:0;border-radius:0;color:#FFF;padding:10px 26px;font-size:14px;text-transform:uppercase;letter-spacing:0.05em;}
#footer .ft-contact #ft-email, #footer .ft-contact #ft-address, #footer .ft-contact #ft-phone {width:100%;float:left;}
#footer .ft-contact #ft-address {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #F1F1F1;}
#footer .ft-contact #ft-email {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #F1F1F1;}
#footer .ft-contact #ft-email a {text-decoration:underline;color:#5DBB46;}
#footer .ft-contact #ft-email a:hover {color:#444444;}
#footer .ft-contact #ft-phone {font-weight:bold;}
#footer .ft-contact #ft-phone div {font-weight:normal;}
#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-poweredby {display: block;float: right; text-align:right; margin-bottom: -41px;}
#footer #ft-poweredby span {margin:0 3px 0 5px;}
#footer #ft-socialmedia a {color:#F13535;text-decoration:underline;}
#footer #ft-connect {text-align:center;}
#products {width:720px;float:left;}
#page-department #products .product {width:158px !important;}
#page-department #products .product .product-thumb {width:158px;height:178px;}
#page-department #products .product .product-thumb .image-thumb {max-width:158px;max-height:178px;}
#page-filtered #pagecontent, #page-search #pagecontent, #page-department #pagecontent, #page-category #pagecontent {width:710px;}
#products .product {width:218px;height:300px;}
#page-department #products .product {height:220px;}
#products h3 {clear:both;}
.product-list .product {margin-bottom:20px;position:relative;border:1px solid #D7D7D7;border-radius:5px;overflow:hidden;width:218px !important;}
.product-list .product .product-thumb {height:200px;width:218px;text-align:center;background:#FFF;display:block;position:relative;opacity:1;transition:all 0.3s ease;}
.product-list .product .product-thumb:hover {opacity:0.5;transition:all 0.3s ease;}
.product-list .product .product-thumb .image-thumb {max-height:230px;max-width:218px;padding:0;display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.product-list .product .product-thumb .overlay {height:220px;width:218px;background:url('images/product-shadow.png') no-repeat center;z-index:2;display:none;}
.product-list .product .product-info {font-size:11px;text-align:center;}
.product-list .product .product-info .add-to-basket {background:#5DBB46;background:-moz-linear-gradient(top, #5DBB46, #58B042);background:-webkit-linear-gradient(top, #5DBB46, #58B042);background:-ms-linear-gradient(top, #5DBB46, #58B042);background:-o-linear-gradient(top, #5DBB46, #58B042);color:#FFF;text-align:center;height:18px;line-height:18px;transition:all 0.3s ease;font-size:13px;font-weight:bold;border:1px solid #59B443;margin:0 auto 15px auto;padding:6px 8px;border-radius:4px;display:inline-block;}
.product-list .product:hover .product-info .add-to-basket {transition:all 0.3s ease;}
.product-list .product .product-info .add-to-basket:hover {transition:all 0.3s ease;background:-moz-linear-gradient(top, #58B042, #5DBB46);background:-webkit-linear-gradient(top, #58B042, #5DBB46);background:-ms-linear-gradient(top, #58B042, #5DBB46);background:-o-linear-gradient(top, #58B042, #5DBB46);box-shadow:0 0 3px #5DBB46;}
.product-list .product .product-info .add-to-basket img {margin-left:8px;display:inline;}
.product-list .product .product-name {width:96%;display:block;font-weight:normal;color:#161616;font-size:12px;font-weight:normal;line-height:16px;max-height:32px;overflow:hidden;margin:0 2% 0px 2%;}
.product-list .product .product-price {width:100%;display:block;line-height:28px;color:#161616;font-size:13px;font-weight:900;margin-bottom:0;}
.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:#5DBB46;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 {color:#5DBB46;font-size:24px;line-height:28px;display:block;text-align:left;letter-spacing:0.02em;margin:30px 0 20px 0;font-weight:bold;text-transform:uppercase;}
#relateditems h3 {margin-top:10px;margin-left:10px;}
#recent-items {max-height:400px;margin-bottom:10px;overflow:hidden;}
#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;}
#searchresult {padding:10px;text-indent:10px;display:none;}
#hd-social {position:absolute;top:30px;right:0;display:block;}
#hd-social a {display:block;float:left;margin:0 0 0 8px;height:29px;text-indent:9999em;overflow:hidden;transition:all 0.3s ease;}
#hd-social a:hover {opacity:0.5;transition:all 0.3s ease;}
#hd-social .hd-facebook {width:28px;background:url('images/hd-social-sprite.png') no-repeat 0 0;}
#hd-social .hd-twitter {width:28px;background:url('images/hd-social-sprite.png') no-repeat -29px 0;}
#hd-social .hd-pinterest {width:28px;background:url('images/hd-social-sprite.png') no-repeat -57px 0;}
#hd-social .hd-blog {width:40px;background:url('images/hd-blog.jpg') no-repeat;}
#ft-social {float:left;width:100%;text-align:left;margin-bottom:10px;}
#ft-social a {display:inline-block;height:36px;text-indent:9999em;overflow:hidden;transition:all 0.3s ease-out;margin:0;}
#ft-social a:hover {opacity:0.5;transition:all 0.3s ease-out;}
#ft-social .ft-facebook {width:36px;background:url('images/ft-social-sprite.png') no-repeat 0 0;margin-left:8px;}
#ft-social .ft-twitter {width:36px;background:url('images/ft-social-sprite.png') no-repeat -36px 0;margin:0 10px;}
#ft-social .ft-pinterest {width:36px;background:url('images/ft-social-sprite.png') no-repeat -72px 0;}
h1.pagetitle {text-transform: capitalize;margin-top:20px;}
h1.pagetitle strong {font-weight:normal}
#page-title span {display:none;}
#page-about .heading-main, #page-contact .heading-main {display:block !important;}
.featured_slider {margin-bottom:20px;}
.featured_slider h2 {color:#5DBB46;font-size:24px;line-height:28px;display:block;text-align:left;letter-spacing:0.02em;margin:30px 0 10px 0;font-weight:bold;text-transform:uppercase;}
.featured_slider h2 a {color:#3B99EB;font-size:13px;font-weight:normal;text-decoration:underline;display:inline;margin-left:6px;}
.featured_slider:hover .bx-controls .bx-prev, .featured_slider:hover .bx-controls .bx-next {opacity:0.75;}
.featured_slider .bx-controls .bx-prev:hover, .featured_slider .bx-controls .bx-next:hover {opacity:1;}
.featured_slider .bx-controls {float:left;top:0;right:0;}
.featured_slider .bx-controls .bx-next {left:10px;top:-55px;opacity:0;}
.featured_slider .bx-controls .bx-prev {left:0;top:-55px;opacity:0;margin-right:0;}
.featured_slider a.bx-next, .featured_slider a.bx-prev {width:22px !important;height:25px !important;position:relative;}
.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:14px;margin-top:2px;}
.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-links a {float:left;margin-bottom:14px;transition:all 0.3s ease;position:relative;height:114px;opacity:1;overflow:hidden;width:460px !important;}
.home-links a img {float:left;margin:0;}
.home-links a div {color:#FFF;text-align:center;font-size:34px;font-weight:bold;text-shadow:1px 1px 2px rgba(0,0,0,0.4);}
.home-links a div span {margin:0 auto;border-bottom:2px dotted #FFF;font-size:12px;font-weight:bold;text-transform:uppercase;padding:0 4px 6px 6px;}
.home-links.first a:hover {transition:all 0.3s ease;opacity:0.5;width:460px;margin-left:16px;}
.home-links.second a:hover {margin-left:-16px;padding-right:16px;transition:all 0.3s ease;opacity:0.5;}
.home-links .block-link-blue, .home-links .block-link-green, .home-links .block-link-grey,
.home-links .block-link-purple, .home-links .block-link-red, .home-links .block-link-yellow {height:84px;width:299px;float:left;display:block;padding:30px 0 0 0;line-height:22px;}
.home-links .block-link-blue {background:#429DD6 url('images/home-section-blue.png');}
.home-links .block-link-green {background:#36CE77 url('images/home-section-green.png');}
.home-links .block-link-grey {background:#505050 url('images/home-section-grey.png');}
.home-links .block-link-purple {background:#8F55C4 url('images/home-section-purple.png');}
.home-links .block-link-red {background:#EE3227 url('images/home-section-red.png');}
.home-links .block-link-yellow {background:#FFC737 url('images/home-section-yellow.png');}
#home-clearance, #home-delivery {height:107px;float:left;margin-bottom:25px;padding-top:40px;font-weight:normal;color:#444444;font-size:12px;}
#page-home #home-clearance {background:url('images/home-clearance.png');width:420px;padding-left:40px;}
#page-home #home-clearance h2 {margin-bottom:0;color:#74489C;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/home-delivery.png');padding-left:260px;width:200px;}
#page-home #home-delivery h2 {margin-bottom:0;color:#FEBD15;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
================================================== */
#breadcrumbwrap {padding: 40px 0 10px 0;}
.breadcrumbs {font-size:13px;margin:0 0 20px 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: #5DBB46 !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;}
#PFS .parent-filteredsearch {}
#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 {}
#PFS #panel-filteredsearch ul {max-height:180px;padding:0;margin-bottom:20px;}
#panel-filteredsearch ul a {font-size:12px;color:#444444;text-transform:uppercase;font-weight:normal;}
#PFS #panel-filteredsearch ul a:hover {text-shadow:0 0 2px rgba(0,0,0,0.4);}
#PFS #panel-filteredsearch h6 {font-size:16px;color:#5DBB46;text-transform:uppercase;font-weight:900;padding-top:0;}
#PFS #panel-filteredsearch ul+h6 {border-top:1px solid #E0E0E0;padding-top:14px;}
#page-filtered .filterfields {width:690px;}
.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;}
#select-category-heading:before {
content: 'Categories';
display: block;
}
#select-category-heading {
display: block;
height: 33px;
overflow: hidden;
vertical-align: top;
border-bottom: solid 1px #EEE;
}
.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;
display: inline;
float:left;
margin-top:20px;
}
#sortfields {
display: inline;
width: 140px;
margin-left: 5px;
}
#page-department .category-pictures {
border: solid 1px #EEE;
padding: 10px 20px;
margin: 0px 10px 30px 10px;
background: #FDFDFD;
border-radius: 3px;
width: 178px;
float: left;
min-height: 240px;
display:none;
}
.cattablerowtext td {
display: block;
text-align: left;
width: 100%;
}
/* Product Page */
#page-product .thumblink2 {display: block;width: 300px;height: 300px;background: white;box-shadow: 0 0 8px 0 #EEE;border:1px solid #CCCCCC;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;}
#page-product .breadcrumbs {margin-bottom:40px !important;}
#page-product #sharethisproduct {border:1px solid #CCCCCC;border-top:0;text-align:center;float:left;width:100%;margin-bottom:20px;color:#161616;overflow:hidden;}
#page-product #sharethisproduct h4 {margin-bottom:0;font-size:14px;font-weight:normal;}
#page-product #product-category {border:1px solid #CCCCCC;border-top:0;text-align:center;float:left;width:100%;color:#444444;padding:15px 0;font-weight:normal;line-height:22px;}
#page-product #product-category div {text-transform:uppercase;}
#page-product #product-category span {color:#5DBB46;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 #productbody {margin-top:0;width:960px;float:left;}
#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 {width:100%;display:block;float:left;}
#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: 19px;}
#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{vertical-align: bottom;padding-bottom:10px}
#page-basket .basketlist-hcol2 {padding-bottom: 1px;}
#page-basket .normal strong {font-weight: 400;}
#page-basket form {margin-bottom:0}
#page-basket #frmMain .button {font-size: 14px;width: 178px;margin-left: -40px;}
/* Account Pages */
#page-about #pagecontent,
#page-advsearch #pagecontent,
#page-forgotpassword #pagecontent,
#page-contact #pagecontent,
#page-loggedin #pagecontent,
#page-notfound #pagecontent,
#page-tellafriend #pagecontent,
#page-list #pagecontent,
#page-editregistry #pagecontent,
#page-register #pagecontent,
#page-login #pagecontent,
#page-requirelogin #pagecontent,
#page-register #pagecontent,
#page-updateaccount #pagecontent,
#page-history #pagecontent,
#page-account #pagecontent,
#page-account-lists #pagecontent,
#page-logout #pagecontent {float:left;width:940px;padding:0 10px 10px 10px;}
#pagecontent {float:left;width:960px;}
#pagecontent table {float:left;margin-right:0;}
#page-requirelogin .checkoutform table td.formbox {border: solid 1px #F0F0F0;padding: 20px;}
#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-left: 10px;
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: 425px;
margin: 0 0 0 0;
border: solid 3px #EAEAEA;
}
#checkout-section-basket h4 {
color: #333;
font-size: 20px;
}
#checkout-section-basket td {
color: #000;
font-size: 12px;
}
th.basketlist-hcol1, th.basketlist-hcol2, th.basketlist-hcol3 {
background: #f0f0f0;
}
th.basketlist-hcol3 {
text-align: right;
}
td.basketlist-col1 {
height: 20px;
}
td.basketlist-col2 {
text-align: left;
height: 24px;
padding-left:7px;
}
td.basketlist-col3 {
height: 24px;
}
td#total-total.basketlist-lolight {
padding-top: 10px;
padding-bottom: 10px;
color: #333;
font-size: 15px;
}
#checkout-section-checkoutplugin {
width: 425px;
margin: 20px 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: 320px;margin-right:0;margin-top: 7px;border-top:dotted 2px #ddd;padding-top:20px;margin-top:10px}
#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 {padding:30px 40px;float:left;width:460px;background:#FAFAFA;}
#page-product .product-description p {font-size:12px;}
#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 {width:250px;text-align:center;}
#page-product #add-to-registry-button, #page-product #add-to-list-button {font-size: 75%;padding: 5px 10px;margin: 10px 0 10px 20px;position: relative;top: 5px;background:white}
#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;}
#noresults {line-height: 30px;padding-bottom: 30px;}
/* #Pagination
================================================== */
.pagination {margin:0 10px 20px 20px;display: block !important;padding-top: 15px;}
.pagination, .pagination tbody, .pagination td, .pagination tr {text-align:left;display:inline;width:auto;float:right;}
.pagination td {text-align:left;}
.pagination tbody tr:first-child, .pagination tbody tr td:first-child {display:none;}
.pagination .button-small {background:#5DBB46;color:#FFF;padding:4px 10px;height:18px;border-radius:2px;margin-right:5px;font-size:1em;line-height:1em;font-weight:normal;display:inline-block;float:left;}
.pagination .button-small:hover {background:#C5C5C5;}
.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:#C5C5C5;color:#FFF;height:18px;}
.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:#FFF;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:#999 url(images/bx-prev-slide.png) no-repeat center;left:0;border-radius:0 6px 6px 0;box-shadow:inset -4px 0 15px #232323;transition:all 0.3s ease-out;}
#page-home #customcontent .bx-wrapper .bx-next {background:#999 url(images/bx-next-slide.png) no-repeat center;right:0;border-radius:6px 0 0 6px;box-shadow:inset 4px 0 15px #232323;transition:all 0.3s ease-out;}
#page-home #customcontent .bx-wrapper .bx-prev:hover {box-shadow:inset -4px 0 20px #232323;transition:all 0.3s ease;}
#page-home #customcontent .bx-wrapper .bx-next:hover {box-shadow:inset 4px 0 20px #232323;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;}
#home-twitter {height:400px;}
#ft-newsletter {margin-bottom:20px !important;display:block;float:left;}
#ft-newsletter input[type="textbox"] {border:0;background:#F1F1F1;color:#888;line-height:35px;padding:0 0 0 10px;font-size:12px;width:170px;display:block;float:left;height:35px;}
#ft-newsletter input[type="submit"] {margin:0;background:#F1F1F1 url('images/newsletter-submit.png') no-repeat center;border:0;border-radius:0;height:35px;width:20px;color:#FFF;padding:10px 15px;font-size:14px;text-transform:uppercase;letter-spacing:0.05em;display:inline;float:left;text-indent:9999em;overflow:hidden;box-shadow:none;}
#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-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:920px !important;}
#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 {margin-left:0 !important;}
/* hack around a chrome bug to display a 1px border */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#page-home .product-list .product {border-right-width:2px;}
}
/* 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 {
background: #FFF;
font: 14px/20px Montserrat, 'Arial', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #444;
font-weight:normal;
}
/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
color: #444444;
font-family: Montserrat, 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:Montserrat, 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 30px; height: 0; }
/* #Links
================================================== */
a, a:visited { color: #EE3227; 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"] {
border:1px solid #59B443;
padding: 4px 12px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 3px;
display: inline-block;
font-size: 13px;
font-weight: normal;
cursor: pointer;
margin-bottom: 20px;
line-height: normal;
text-transform: capitalize;
padding: 8px 15px;
transition:all 0.3s ease;
background:#5DBB46;
background:-moz-linear-gradient(top, #5DBB46, #58B042);
background:-webkit-linear-gradient(top, #5DBB46, #58B042);
background:-ms-linear-gradient(top, #5DBB46, #58B042);
background:-o-linear-gradient(top, #5DBB46, #58B042);
color:#FFF;
}
.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:-moz-linear-gradient(top, #58B042, #5DBB46);
background:-webkit-linear-gradient(top, #58B042, #5DBB46);
background:-ms-linear-gradient(top, #58B042, #5DBB46);
background:-o-linear-gradient(top, #58B042, #5DBB46);
box-shadow:0 0 3px #5DBB46;
}
.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; }
/* Horizontal Mega Menu */
/* TEMPORARY */
.tmpmenu ul {margin:0 0 10px 0;padding:0;background:#111;padding:14px 10px 8px 10px; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */}
.tmpmenu li {
font-weight:bold;
font-size:14px;
text-transform:uppercase;
display:inline;
margin:0;
padding:0;
}
.tmpmenu li a {zbackground:#111;color:white; padding:15px 15px 5px 15px;}
.tmpmenu li a:hover {background:yellow;color:#333}
/* TEMPORARY */
#panel-navigationcustom {
height: 43px;
margin-bottom:10px;
position: relative;
clear: both;
width: 940px;
background:#111;
white-space: normal;
color: #000000;
}
#jmegamenu .firstlevel {
float: left;
margin: 0;
height: 35px;
padding:10px 20px;
text-align: center;
}
#jmegamenu .firstlevel h4 a,
#jmegamenu .firstlevel h4 {
font-weight:bold;
font-size:16px;
text-transform:uppercase;
display:inline;
margin:0;
padding:0;
color:#FFF;
font-weight:normal;
letter-spacing:1px;
}
#jmegamenu .firstlevel:hover h4 {
color:white
}
#jmegamenu .firstlevel:hover {
zwidth: 124px;
background:#333;
border:0;
cursor:pointer;
}
.categoryblock {
width: 200px;
position: absolute;
top: -9000px;
padding:0px;
}
.categoryblock a {
display:block;
width:200px;
float:left;
font-size:14px;
color:#FFF;
}
li:hover .categoryblock {
width: 930px;
position: absolute;
top: 52px;
left: 0px;
background-color: #333;
font-size:14px;
border:0;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
z-index:999;
opacity:0.98;
}
.megadepartment {
float: left;
width:140px;
padding-left:20px;
padding-right:20px;
text-align: left;
padding-bottom:20px;
zborder:0 !important;
}
.megadepartment a {
height: 30px;
width: 100%;
color:white;
text-transform:uppercase;
border:0 !important;
}
.megadepartment .nav-category a {
font-size: 12px;
position:relative;
color:#ccc;
text-transform:none;
}
.megadepartment .nav-category a:hover {
color:white;
text-decoration:none;
}
.megadepartment .nav-category {
position: relative;
}
li:hover .megasubcat{
width:200px;
position: absolute;
left: -3000px;
}
.nav-category a:hover .megasubcat,
.nav-category:hover .megasubcat {
width:150px;
position:absolute;
top:10px;
left:75px;
font-size:12px;
color:#FFFFFF;
}
.megadepartment .nav-subcategory a,
.megadepartment .nav-subcategory {
color:#FFFFFF;
}
.link-department-select,
.link-department {
font-weight: bold;
font-size: 12px;
margin-top:5px;
color:#FFF;
}
.link-category {
font-weight: normal;
font-size:12px;
}
.link-category-select {
font-weight: normal;
font-style:italic;
font-size:12px;
color:#aaa !important;
}
.link-category-select a {
color:#DDD;
zbackground-color:#CCCCCC;
zposition:relative;
}
.nav-category-select {
zposition:relative;
}
.link-subcategory,
.link-subcategory a {
font-weight: normal;
font-size:12px;
background-color:#ff6600;
}
.link-subcategory-select {
font-weight: bold;
font-size:12px;
color: #FF6600;
}
#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;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
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: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {background: url('images/bx-prev.png');margin-right:20px}
.bx-wrapper .bx-next {background: url('images/bx-next.png');}
.bx-wrapper .bx-prev:hover {}
.bx-wrapper .bx-next:hover {}
.bx-wrapper .bx-controls-direction {float:left;position:absolute;top:20px;right:30px}
.bx-wrapper .bx-controls-direction a {
float:left;
top: 90%;
outline: 0;
height: 24px;
width: 17px;
text-indent: -9999px;
z-index: 20;
display: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;}
.bx-wrapper .bx-controls-direction a.disabled {}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
display: block;
font-size: .85em;
padding: 10px;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.0;
width: 100%;
z-index:2;
height:58px;
padding:0;
float:left;
}
.sf-menu ul {
position: absolute;
top: -999em;
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 58px; /* match top ul list item height */
z-index: 1004;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 200px; /* match ul width */
top: -10px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
/*** DEMO SKIN ***/
.sf-menu a,
.sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
line-height: 20px;
float: left;
font-size: 12px;
letter-spacing:0px;
font-weight: normal;
text-transform:none;
margin:0;
padding:0;
width:100%;
color: #FFF;
}
.sf-menu li {background:none;}
.sf-menu #group-range {margin-right:0;}
.sf-menu li li {}
.sf-menu li li li {background:#FFF;}
.sf-menu li a, .sf-menu li a:visited {color:#444444;}
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
background: none;
outline: 0;
color: #65AFDE !important;
}
.sf-menu a.link-category {
font-size: 12px;
line-height: 22px;
width: 200px;
text-align: left;
border-top: 0;
padding:0;
}
.sf-menu li ul li:last-child a {border-bottom:0 !important}
.sf-menu a.link-category-select {font-size:12px;width:200px;}
.sf-menu .link-department-select {}
.sf-menu .link-department-select:hover {color:#65AFDE;}
.sf-menu .link-category-select:hover {color:#65AFDE !important;}
.sf-menu .link-department {
padding: 8px 7px 8px 7px;
line-height:42px;
height:42px !important;
font-size:13px !important;
font-weight:normal !important;
color:#FFF !important;
text-shadow:-1px -1px 1px rgba(0,0,0,0.4);
transition:all 0.3s ease;
letter-spacing: -0.01em;
text-align:center;
}
.sf-menu .link-department:hover {color:#444444 !important;}
.sf-menu .departmentgroup:first-child {border-left:0;}
.sf-menu .departmentgroup:last-child {border-right:0;}
.sf-menu .nav-subcategory a {background:white;padding-left:10px;width:200px;text-align: left;height:22px;line-height:22px;}
.sf-menu .subcategoryblock {width:200px;border-bottom:0;background:#FFF;border-radius:5px;box-shadow: 1px 1px 3px #444;overflow:hidden;padding:10px;}
.sf-menu .groupblock .nav-department .subcategoryblock,
.sf-menu .groupblock .nav-category-select .subcategoryblock {display:none !important;}
.sf-menu ul li {line-height:22px;height:22px;}
.sf-menu ul li+li {border-top:1px solid #EFEFEF;}
.sf-menu .nav-department {}
.sf-menu .nav-department:hover {}
.sf-menu #department-46 .link-department {width:65px;line-height:16px;padding-top:12px;padding-bottom:4px;}
.sf-menu #department-45 .link-department {width:60px;line-height:16px;padding-top:12px;padding-bottom:4px;}
.sf-menu #department-32 .link-department {width:60px;line-height:42px;}
.sf-menu #department-39 .link-department {width:85px;line-height:16px;padding-top:12px;padding-bottom:4px;}
.sf-menu #department-40 .link-department {width:60px;line-height:42px;}
.sf-menu #department-35 .link-department {width:50px;line-height:16px;padding-top:12px;padding-bottom:4px;}
.sf-menu #department-47 .link-department {width:70px;line-height:16px;padding-top:12px;padding-bottom:4px;}
.sf-menu #department-34 .link-department {width:55px;line-height:16px;padding-top:12px;padding-bottom:4px;}
.sf-menu #department-38 .link-department {width:70px;line-height:16px;padding-top:12px;padding-bottom:4px;}
.sf-menu #department-33 .link-department {width:70px;line-height:42px;}
.sf-menu #department-36 .link-department {width:50px;line-height:16px;padding-top:12px;padding-bottom:4px;}
.sf-menu #department-37 .link-department {width:65px;line-height:42px;}
.groupblock {box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);padding: 10px;background:#FFF;border-radius:5px;border-top-right-radius: 0;border-top-left-radius: 0;}
#categoryblock-34.groupblock {width:400px;}
#categoryblock-35.groupblock {width:600px;}
#categoryblock-34.groupblock > li,
#categoryblock-35.groupblock > li {width:200px;float:left;}
#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;}
#login-welcome-text {margin:0 0 0 10px;}
/* Revisions 17 11 2014 by Shane */
.sf-menu > li.link-department-select,
.sf-menu > li.departmentgroup { display:block; float:left; margin:0; text-align:center; width: 76px; height: 58px; position: relative;}
.sf-menu > li.link-department-select > p,
.sf-menu > li.departmentgroup > p { position: absolute; left: 0px; top: 0px; width: 76px; height: 58px; display: table; margin:0;}
.sf-menu > li.link-department-select > p a,
.sf-menu > li.departmentgroup > p a { display: table-cell; vertical-align: middle; text-align: center; color:white; text-decoration:none; float: none; padding: 0;line-height:13px;}
.sf-menu > #department-8 > p,
.sf-menu > #department-8 {width:100px;}
.sf-menu .departmentgroup + .link-department-select .link-department,
.sf-menu .link-department-select + .departmentgroup .link-department,
.sf-menu .departmentgroup + .departmentgroup .link-department {border-left:1px solid #2E89B9;transition:all 0.3s ease;background:rgba(0,0,0,0);}
.sf-menu .link-department-select:hover .link-department,
.sf-menu .link-department-select.sfHover .link-department,
.sf-menu .departmentgroup:hover .link-department,
.sf-menu .departmentgroup.sfHover .link-department {transition:all 0.3s ease;background:rgba(0,0,0,0.4);color:#B2D7EF !important;}
.sf-menu li#department-3 ul {width:920px;margin-left:-76px;}
.sf-menu li#department-3 .column {margin:0;width:210px !important;margin-right:20px;}
#page-newproduct #pagebody .heading-main {display:block;margin-left:10px;}
#page-department div.breadcrumbs {margin:4px 0 10px 0!important;}
#page-department #menu {margin-bottom:15px;}
label#signup {font-weight: normal !important; color: #8A8A8A;}
.qty-hook {width:125px !important;}
/* Hides PFS on Category Pages
#page-category #PFS {display:none;}
#page-category #pagecontent {width:960px;}
#page-category #pagecontent #products {width:960px;}
/*