/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 Ryman Custom Styles 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
Colour scheme: 

Red - #D80A00
Red Deep - #A60901
Red Deeper - #830101
Grey - #68717A

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/*  
GENERAL COLOURS AND LAYOUT
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.input-text:focus {
    border: 1px solid #A60901;
}

/* Headings */

h1,
.page-title h1,
.page-title h2,
.product-name h1,
.cms-page-view .std h1,
.cms-no-route .std h1 { 
	color: #D80A00;
}

h2,
.cms-page-view .std h2,
.cms-no-route .std h2 {
	color: #000;
}

h4 {
	color: #000;
}

h5 { 
	color: #D80A00;
}

/* Links */

a {
    color: #555;
}

a:hover {
    color: #D80A00;
}

.breadcrumbs a:hover {
    color: #D80A00;
}


/*  
HEADER
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.page-header {
    background: #D80A00;
}

.nav-container {
    margin-top:10px;
}

.navbar li {
	box-sizing: inherit;
}

.order_by_phone {
	color: #fff;
}

/* Logo */

#header .logo {
	padding: 12px 0 0;
}

@media only screen and (max-width: 770px) {
	#header .logo {
    	padding: 10px 0;
	}
}

/* Submenu */

#submenu-container {
    padding: 4px 0 0;
}

.submenu-heading {
    font-size: 15px;
    line-height: 15px;
    float: left;
    text-align: left;
}

.submenu-heading {
    padding: 2px 0 3px;
    text-align: center;
    font-size: 14px;
    float: left;
}

.submenu-heading a {
    color: #666;
}

#submenu1 a {
    color: #000;
}

.submenu-text {
    font-size: 14px;
    line-height: 13px;
    float: left;
    margin-top: 4px;
    margin-left: -5px;
}

#submenu1 {
    width: 28%;
    padding-left: 0;
    margin-left: 1%;
}

#submenu2 {width: 25%;}
#submenu3 {width: 21%;}
#submenu4 {width: 25%;}

@media only screen and (max-width: 770px) {
	#submenu2,
	#submenu3,
	#submenu4 {
		display: none;
	}
	#submenu1 {
        width: 100%;
        margin: 0;
        padding: 0 10px;
	}
}

@media only screen and (min-width:771px) and (max-width: 1023px) {
    #submenu3,
    #submenu4 {
        display: none;
    }
    #submenu1,
    #submenu2 {
        width: 48%;
    }
}

.submenu-text a:hover {
	text-decoration: none;
	color: #888;
}

.submenu-sub {
    clear: left;
    margin: 0;
    color: #888;
    font-size: 11px;
    padding: 0;
}

/* Links */

.toplinks-desktop {
    font-size: 12.5px;
}

#header-account a:hover {
    text-decoration: underline;
    color: #fff;
}

@media only screen and (max-width: 770px) {
	.account-cart-wrapper {
	    background: #A60901;
	}
}

/* Mobile Headings */

#mhb1 {
    background-color: #A60901;
    text-decoration: none;
}

#mhb1:hover {
    background-color: #830101;
    text-decoration: none;
}


/*  
MOBILE NAVIGATION
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.mobile-nav {
    border-bottom: 1px solid #c6c6c6;
}

.mobile-nav>ul>li {
    background: #e8e8e8; 
    background: -moz-linear-gradient(top, #f4f2f2 0%, #dcdcdc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f2), color-stop(100%,#dcdcdc)); 
    background: -webkit-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%);
    background: -o-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); 
    background: -ms-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); 
    background: linear-gradient(to bottom, #f4f2f2 0%,#dcdcdc 100%); 
    border-top: 1px solid #c6c6c6;
}

.mobile-nav>ul>li a {
    color: #000;
}

.mobile-nav>ul>li>ul>li a {
    padding-left: 10px;
    color: #000;
    border-top: 1px solid #FFF;
}

.mobile-nav>ul>li>ul>li {
    background: #f1f1f1;
}

.mobile-nav>ul>li>ul>li.hasChild {
    background: #E5E5E5 none repeat scroll 0% 0%;
}

.mobile-nav>ul>li>ul>li.active {
    background: #88CC52 ;
}

.mobile-nav>ul>li>ul>li.hasChild a {
    background: #f1f1f1 url(../images/img/mob-arrow-down-444.png) no-repeat;
    background-position: 100% 50%;
}

.mobile-nav>ul>li>ul>li.active a {
    background: #f1f1f1 url(../images/img/mob-arrow-up-444.png) no-repeat;
    background-position: 100% 50%;
}

.mobile-nav>ul>li>ul>li.active ul li a {
    background: #fff;
    color: #000;
    border: none;
}

.mobile-nav>ul>li>ul>li>ul>li a{
    padding-left: 10px;
    color: #000;
    border-bottom: 1px solid #CDCDCD;
}

.mobile-nav>ul>li>ul>li>ul>li.hasChild {
    background: #E7E7E7;
}

.mobile-nav>ul>li>ul>li>ul>li.active {
    background: #c3c3c3;
}

.mobile-nav>ul>li>ul>li>ul>li.hasChild a {
    background: #F9F9F9 url(../images/img/mob-arrow-down-444.png) no-repeat;
    background-position: 100% 50%;
}

.mobile-nav>ul>li>ul>li>ul>li.active a {
    background: #F9F9F9 url(../images/img/mob-arrow-up-444.png) no-repeat ;
    background-position: 100% 50%;
}

.mobile-nav>ul>li>ul>li>ul>li.hasChild ul li a {
    background: #fff;
    color: #000;  
}

/* Mobile menu icon */
.mobile-nav .icon {
    float:left;
    width:23px;
    margin: 3px 8px 0 1px;
}

.mobile-nav .icon .line {
    background-color: #000;
    height: 3px;
    margin-bottom: 2px;   
}


/* DESKTOP NAVIGATION
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.navbar-inner-fill {
  border-bottom: 1px solid #bbb;
  background: #e8e8e8; 
  background: -moz-linear-gradient(top, #f4f2f2 0%, #dcdcdc 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f2f2), color-stop(100%,#dcdcdc));
  background: -webkit-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); 
  background: -o-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%); 
  background: -ms-linear-gradient(top, #f4f2f2 0%,#dcdcdc 100%);
  background: linear-gradient(to bottom, #f4f2f2 0%,#dcdcdc 100%);
}

.navbar-fixed-top .navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.mainnav li a span {
  border-right:solid 1px #c3c3c3;
  border-left:solid 1px #fff;
}

.navbar .mainnav > li > a {
  display: block;
  padding: 5px 0;
  color: #000;
  line-height: 32px;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}

.navbar-inner-fillHover {
    background: #888; 
    background: -moz-linear-gradient(top, #aaa 0%, #888 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaa), color-stop(100%,#888)); 
    background: -webkit-linear-gradient(top, #aaa 0%,#888 100%); 
    background: -o-linear-gradient(top, #aaa 0%,#888 100%); 
    background: -ms-linear-gradient(top, #aaa 0%,#888 100%); 
    background: linear-gradient(to bottom, #aaa 0%,#888 100%); 
    border-bottom: 1px solid #4a4a4a;
    opacity:.2;
    -ms-filter:"alpha(opacity=20)"
}

.mainnav-containerHover {
    background: #e5e5e5; 
}

.linkshopby-tabex-active:hover {
  background: #fff;
}

.linkshopby-tabex-active:hover span {
  color: #000;
}


/*  
STATIC PAGES
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.info-subtitle-2 {
    float: left;
    clear: left;
    width: 90%;
}

.info-subtitle-2 {
    color: #444;
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.6em;
}

/*Custom Sidebar */

.info-container {
    margin-bottom: 12px;
    color: #999;
    border: 1px solid #969696;
    width: 95%;
}

@media only screen and (max-width: 1000px) {
	.info-container {
	    width: 100%;
	}
}

.info-subhead {
    color: #FFF;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 6px;
    margin-top: 0;
    background-color: #969696;
    padding: 4px 0 4px 6px;
}

.info-container ul li a {
    display: inline-block;
    width: 100%;
    margin-left: -20px;
    padding-left: 20px;
    vertical-align: top;
}

.info-container ul li:hover, .info-container ul li a:hover {
    background-color: #F0F0F0;
    color: #777;
    text-decoration: none;
    list-style-type: circle;
}

.info-container .bullet {
    margin-bottom: 5px;
}

/* Accordions */

.acctitle,
.acctitlec {
    background: url(../images/static/toggle-plus.png) no-repeat left;
}

.acctitlec {    
    background: url(../images/static/toggle-minus.png) no-repeat left;
}


/*  
FOOTER
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.footer-container {
    background-color: #68717A;
}

@media only screen and (min-width: 771px) {
	.footer-container {
		background: url(/../media/wysiwyg/ryman/footer/footer-bg.jpg) center 0 repeat #68717A;
	}
}

.footer-subscribe .subscribe-content {
    background: url(../images/footer-subscribe-bg.gif) repeat scroll 0 0 transparent;
}

ul.footer-col-list {
    border-top: 1px solid #414B54;
    border-bottom: 1px solid #A0A0A0;
}

.footer-col-list a,
ul.footer-col-list li {
	color: #BBBCC1;
}

.footer-col-list a:hover,
ul.footer-col-list li:hover {
	color: #fff;
	text-decoration: none;
}

.footer-col-list li {
    border-bottom: 1px solid #414B54;
    border-top: 1px solid #A0A0A0;
}

.footer-extend,
.footer-subscribe .subscribe-content {
	border: 1px solid #ccc;
}

@media only screen and (max-width: 1023px) {
	.footer-subscribe .subscribe-content {
	    border: medium none;
	    border-bottom: 1px solid #ddd;
	    border-top: 1px solid #ddd;
	}	
	#subscribe-message {
	    background-position: -136px -465px;
		width: 406px;
	}
}

@media only screen and (max-width: 770px) {
	#subscribe-message {
	    background-position: -134px -467px;
	    width: 63px;
	    height: 30px;
	}
	.footer-extend {
	    background-color: #68717A;
	}
	.footer-extend,
	.footer-subscribe .subscribe-content {
		border: none;
	}
	.footer-subscribe .subscribe-content {		
		border-bottom: 1px solid #ddd;
	}
	.footer-endblock {
	    background-color: #68717A;
	    float: left;
	    width: 100%;
	}
	.footer-endblock-left {
	    color: #fff;
	}
	.footer-cards {
		margin-top: 0;
		height: 35px;
	}
	.footer-col-list a {
	    color: #BBBCC1;
	}
	.footer-col-list a:hover {
	    color: #fff;
	}
	.footer-col-mobile .footer-col-list li a {    
		color: #888;
	}
	.footer-col-mobile .footer-col-list li a:hover {    
		color: #D80A00;
	}
}

@media only screen and (max-width: 979px) {
    div.toplinks-desktop .item-right:nth-child(-n+2) {
        display: none;
    }
}

.footer-norton {
    float: right;
}

@media only screen and (max-width: 770px) {
    .footer-norton {
        float: none;
        margin: 0 auto;
    }
}

.digicert-logo-footer {
    float: right;
    margin: 5px 0;
}

@media only screen and (max-width: 770px) {
    .digicert-logo-footer {
        float: none;
    }
}


/*  
DEPARTMENT LANDING
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.static-box-title {
    background-color: #666;
}

.cattlist li a:hover {
    color: #D80A00;    
}

/* 2 block Landing Style */

.landing-left h3 {
    margin-left: 3px;
    padding: 0 0 0 6px;
    margin-top: 5px;
}

.landing-left h3 a {
    color: #D80A00;
}

.landing-left ul.bullet li {
    list-style: outside none disc;
    margin-left: 30px;
    padding-left: 0;
}

.landing-left .info-container ul li a:hover {
    background-color: none;
    color: #D80A00;
    text-decoration: underline;
}


/*  
LAYERED NAVIGATION
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/


.block-layered-nav .block-subtitle--filter {
    background-color: #EDEDED;
    color: #555;
}

.block-layered-nav .block-subtitle--filter:hover,
.block-layered-nav .block-content .active {
    background-color: #D80A00;
    color: #FFF;
}

@media only screen and (max-width: 770px) {
	.block-layered-nav .block-content > dl > dt:hover {
	    color: #D80A00;
	}
}

.block-layered-nav .currently .block-subtitle {
    color: #fff;
    background: #A60901;
}

.btn-remove:after {
    color: #830101;
}

.btn-remove:hover:after {
    color: #830101;
    text-decoration: none;
}

.amshopby-descr .category-head {
    margin-bottom: -20px;
}

@media only screen and (max-width: 770px) {
    .amshopby-descr .category-head {
        margin-bottom: 0;
    }
}

div.amshopby-overlay div {
    background:  url(../images/amshopby-overlay.gif) 50% 50% no-repeat;
}


/*  
CATEGORY LISTING
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.category-text {
	margin-bottom: 5px;
    float: left;
    width: 100%;
    position: relative;
}

.category-text h2 {
    color: #000;
    font-size: 36px;
    position: absolute;
    top: -40px;
    margin: 0;
    left: 5px;
    line-height: 1em;
}

.products-list .link-learn {
    margin: 10px 0;
}

.products-grid {
    background: #fff;
}

.products-list .product-shop .product-primary {
    width: 66%;
}

.products-list .product-shop .product-secondary {
    width: 27%;
}

@media only screen and (max-width: 770px) {
    .products-list .product-shop .product-primary,
    .products-list .product-shop .product-secondary {
        width: 100%;
    }
}

#brand-description {
    margin-bottom: 23px;
}

@media only screen and (min-width: 1023px) {
    .products-grid .product-image img {
        max-height: 182px;
        width: auto;
        margin: 0 auto;
    }
}




/*  
PRODUCT PAGE
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.product-view .product-top .product-left {
    width: 53%;
}

.product-view .product-top .product-right {
    width: 45%;
}

.product-view .product-bottom .product-left {
    width: 64%;
}

.product-view .product-bottom .product-right {
    width: 34%;
}

@media only screen and (max-width: 770px) {
    .product-view .product-top .product-left,
    .product-view .product-top .product-right,
    .product-view .product-bottom .product-left,
    .product-view .product-bottom .product-right {
        width: 100%;
        margin-left: 0;
    }
}

.product-right .product-name .h1 {
    color: #444;    
}

.zoomWindowContainer .zoomWindow {
    border: 3px solid #A60901 !important;
    -webkit-box-shadow: 6px 10px 21px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 6px 10px 21px 3px rgba(0,0,0,0.4);
    box-shadow: 6px 10px 21px 3px rgba(0,0,0,0.4);
}

.product-left .product-collateral > dl > dt {
    color: #555;
}

.product-left .product-collateral > dl > dt:after {
    border-color: transparent -moz-use-text-color transparent #555;
}

.product-left .product-collateral.accordion-open > dl > dt.current:after {
    border-color: #555 transparent -moz-use-text-color;
}

.product-right .block-related .mini-products-list .product-name a,
.product-right .product-upsells .product-name a {
    color: #444;
    font-size: 13px;
}

.product-bottom .price-including-tax .price {
    font-size: 16px;
}

.product-bottom .price-including-tax span.label,
.product-bottom .price-excluding-tax span.label {
    font-size: 11px;
    line-height: 22px;
    margin-left: 0;
}

.category-products .vatDisplay {
    float: right;
    width: 100%;
    text-align: right;
    margin: 0 0 5px;
    background: none;
}

.category-products {
    margin-top: -23px;
}

@media only screen and (max-width: 770px) {
    .category-products {
        margin-top: 0;
    }
}

#changeVATDisplay {
    color: #D80A00;
    text-decoration: underline;
}

.product-right .product-code {
    font-size: 12px;
}

.product-actions-box {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
}

.product-right .add-to-cart {
    background: #f1f1f1;
    border: 1px solid #dcdcdc;
    padding: 9px 10px 0;
    margin-top: 5px;
}

.product-bottom .product-right .add-to-cart {
    background: #fff;
    border: none;
    padding: 0;
    margin-top: 0;
}

.product-right .product-sharing {
    border-top: 1px solid #dfdfdf;
    padding-top: 5px;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    outline: 0 none;
    z-index: 1000;
}

.ry-simple-sku {
    float: left;
    clear: none;
    width: auto;
    color: #828282;
    font-size: 11px;
    display: none;
    margin-left: 5px;
    margin-top: -2px;
}

#select_label_ryman_colour {
    padding-left: 0;
    font-weight: bold;
}

/* Shipping Message */

.product-right .product-action-delivery .deliveryalert {
    font-size: 1.3em;   
    padding: 8px 0 5px 46px;
}

.product-right .tickicon,
.product-right .crossicon {
    padding: 2px 0 0 28px;
    float: left;
    width: 50%;
    margin-left: 0;
}

@media only screen and (max-width: 770px) {
    .product-right .tickicon,
    .product-right .crossicon {
        width: 90%;
    }
}

.product-right .deliveryalert-options,
.product-right .delivery-available-clickcollect {
    float: left;
    width: 100%;
    margin-top: 5px;
}

/* Tabs */

.product-left .product-collateral .toggle-tabs li.current span,
.product-left .product-collateral .toggle-tabs li:hover span {
    color: #333;
}

.product-left .product-collateral .toggle-tabs li.current span {
    border-right: none;
    border-bottom: 1px solid #ccc;
}

.product-collateral .toggle-tabs li:hover span {
    background: #E5E5E5;
    border-bottom: 1px solid #ccc;
}

.product-collateral .toggle-tabs li {
    width: 100%;
}

.product-collateral .toggle-tabs li.current:hover span {
    background: #fff;
}

.product-left .product-collateral > dl > dd.current {
    border: none;
}

@media only screen and (max-width: 770px) {
    .product-left .product-collateral > dl > dd.current {
        border: 1px solid #ccc;
        border-top: none;
        border-bottom: none;
    }
}

.product-left .product-collateral .toggle-tabs li > span {
    color: #666;
    font-weight: normal;
    font-size: 12px;
    width: 100%;
    line-height: 16px;
    border: 1px solid #CCC;
    padding: 18px 0 18px 10px;
    height: auto;
}

.product-left .toggle-tabs {
    float: left;
    clear: left;
    width: 20%;
}

.product-left .collateral-tabs {
    float: left;
    width: 79%;
    border: 1px solid #CCC;
    margin-left: -1px;
    margin-right: -1px;
    min-height: 400px;
}

@media only screen and (max-width: 770px) {
    .product-left .collateral-tabs {
        width: 100%;
        border: none;
        margin: 0;
        min-height:10px;
    }
}

.product-left .product-collateral .toggle-tabs li.current {
    box-shadow: 0 4px 2px -2px #CCC
}

.product-left .product-collateral .toggle-tabs li:first-child {
    border-left: 1px solid transparent;
}


/*  
CATEGORY LIST
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/


.products-grid > li {
    border: 1px solid #ddd;
}

@media only screen and (max-width: 479px) {
    .products-grid .item {
        width: 100%;
        margin: 0;
        padding: 5px 0;
        border: none;
        border-top: 1px solid #ddd;
    }
}

.products-grid .product-image {
	padding: 5px 5px;
    margin-bottom: 0;
}

h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
p.product-name a:hover {
    color: #D80A00;
    text-decoration: none;
}

.products-grid .product-info {
    padding: 12px 12px 0;
    background: #f5f5f5;
    background-image: -ms-linear-gradient(bottom, #fff 0%, #f0f0f0  100%);
    background-image: -moz-linear-gradient(bottom, #fff 0%, #f0f0f0  100%);
    background-image: -o-linear-gradient(bottom, #fff 0%, #f0f0f0  100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #f0f0f0 ));
    background-image: -webkit-linear-gradient(bottom, #fff 0%, #f0f0f0  100%);
    background-image: linear-gradient(to top, #fff 0%, #f0f0f0  100%);
    border-top: 1px solid #ddd;
}

@media only screen and (max-width: 479px) {
    .products-grid .product-info {
        border-top: none;
        background: #fff;
        padding: 5px 0 0;
    }

}

.products-grid .configurable-swatch-list {
    margin-left: 0;
    margin-bottom: 3px;
}

.products-grid .configurable-swatch-list .hover .swatch-link,
.products-grid .configurable-swatch-list .selected .swatch-link,
.products-grid .swatch-link:hover,
.products-list .configurable-swatch-list .hover .swatch-link,
.products-list .configurable-swatch-list .selected .swatch-link,
.products-list .swatch-link:hover {
    border-color: #D80A00;
}

.products-grid .swatch-link,
.products-list .swatch-link {
    border: 2px solid #e0e0e0;
}

.products-grid .actions label {
    display: none;
}

.products-grid .actions select,
.products-list .product-shop .listSelect {    
    padding: 4px 8px 5px;
    border: 1px solid #ccc;
}

.products-grid .actions {
    min-height: 35px;
    padding-top: 0;
}

@media only screen and (max-width: 479px) {
    .products-grid .actions {
        margin-bottom: 5px;
    }
}

.list-short-desc {
    display: none;
}


/* 
HOMEPAGE SPECIFIC
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/


.homepage-banners {
    max-width: 980px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    clear: left;
}

.hbb {
    float: left;
    width: 320px;
    margin-top: 15px;
    border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hbb-1, .hbb-4, .hbb-7 {
    margin-right: 10px;
}

.hbb-3, .hbb-6, .hbb-9 {
    margin-left: 10px;
}

@media only screen and (max-width: 1023px) {
    .hbb {
        width: 32%;
    }

    .hbb-1, .hbb-4, .hbb-7 {
        margin-right: 2%;
    }

    .hbb-3, .hbb-6, .hbb-9 {
        margin-left: 2%;
    }
}

@media only screen and (max-width: 770px) {
    .hbb {
        width: 49%;
    }

    .hbb-1, .hbb-3, .hbb-5, .hbb-7 {
        margin-right: 1%;
        margin-left: 0;

    }

    .hbb-2, .hbb-4, .hbb-6, .hbb-8 {
        margin-left: 1%;
        margin-right: 0;
    }

    .hbb-9 {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .hbb {
        display: none;
    }
}

.homepage-slider-full {
    width: 100%;
    margin-top: -60px;
}

@media only screen and (max-width: 770px) {
    .homepage-slider-full {
        display: none;
    }
}

#home_mobile-banner {
    float: left;
    width: 100%;
    padding: 0 10px;
    margin-top: 10px;
}

.homepage-slider {
    float: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.homepage-slider .bx-wrapper {
    z-index: 49;
    width: 100%;
}

.homepage-slider .bx-viewport {
    width: 100%;
}

.homepage-slider .bx-viewport img {
    margin-left: auto;
    margin-right: auto;
}

.homepage-slider li {
    width: 100% !important;
}

#bx-pager-home {
    background-color: #fff;
    position: relative;
    z-index: 50;
    margin-top: -40px;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#bx-pager-home div div {
    float: left;
    color: #fff;
    font-size: 16px;
    text-align: center;
    height: 50px;
}

#bx-pager-home div div p {
    text-align: center;
    margin: 0;
}

#bx-pager-home img{
    margin-top: -21px;
    width: 100%;
}

#bx-pager-home .active div {
    position: relative;
}

#bx-pager-home .active div:after { 
    bottom: 100%; 
    left: 50%; 
    border: solid transparent; 
    content: " "; 
    height: 0; 
    width: 0; 
    position: absolute; 
    pointer-events: none; 
    border-color: rgba(52, 213, 34, 0); 
    border-width: 10px; 
    margin-left: -10px; 
}

.homepage-slider-full .bx-controls {
    display: none;
}

.bx-pager1,
.bx-pager2,
.bx-pager3,
.bx-pager4 {
    float: left;
    width: 25%;
}

#bx-pager-home-inner {
    float: left;
    width: 100%;
    background: #fff;
}

/* Bestsellers Slider */

.home-slider #bxsliderBest-prev a.bx-prev,
.home-slider #bxsliderNew-prev a.bx-prev,
.home-slider #bxsliderBrand-prev a.bx-prev { 
    top: 9px; 
    right:35px; 
}

.home-slider #bxsliderBest-next a.bx-next,
.home-slider #bxsliderNew-next a.bx-next,
.home-slider #bxsliderBrand-next a.bx-next {    
    top: 9px; 
    right: 0; 
}



/*
AJAX MINICART
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/


.minicart-wrapper {
    background: none repeat scroll 0 0 #A60901;
    border: 1px solid #A60901;
    border-right: 1px solid #DA0800;
}

.minicart-wrapper:hover {
    background: none repeat scroll 0 0 #830101;
    border: 1px solid #830101;
    border-right: 1px solid #DA0800;
}

.minicart-checkout {
    background: none repeat scroll 0 0 #A60901;
    border: 1px solid #A60901;
}

.minicart-checkout:hover {
    background: none repeat scroll 0 0 #830101;
    border: 1px solid #830101;
}

.minicart-checkout span {
    color: #fff;
}

.ab-wrapper {
	border: 1px solid #A60901;
}

.ab-clickthroughs a span {
    color: #fff;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    font-size: 14px;
    margin-top: 0;
}

@media only screen and (max-width: 770px) {
    .ab-clickthroughs a span {
        margin-left: 0;
    }
}

.ab-clickthroughs a span span  {
    padding: 6px 10px;
    border: 1px solid #16751D;
}

.ab-clickthroughs a span span:active  {
    border: 1px solid #000;
}


/*
ACCOUNT
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Login Page */

.account-login form .legend {
    color: #D80A00;
}

/* Dashboard */

.dashboard .box-head h2 {
    color: #D80A00;
}

/* Navigation */

.block-account li a:hover {
    color: #D80A00;
}

.block-account li strong {
    font-weight: bold;
    color: #D80A00;
}

.sidebar .block:not(.block-layered-nav) .block-title > strong,
.sidebar .block:not(.block-layered-nav) .block-title.active > strong {
    color: #D80A00;
}

.sidebar .block:not(.block-layered-nav) .block-title > strong:after {
    border-color: transparent -moz-use-text-color transparent #D80A00;
}
.sidebar .block:not(.block-layered-nav) .block-title.active > strong:after {
    border-color: #D80A00 transparent -moz-use-text-color;
}

/* Account Order Info Page */

.my-account .order-date {
    background: #D80A00;
}

body.customer-account .data-table .summary-collapse:before,
body.customer-account .data-table .show-details .summary-collapse:before {
    border-color: #D80A00 transparent -moz-use-text-color;
}



/*  
BUTTONS
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/


/* Red */

button.button-default span,
.button-false,
.thankyouright button,
.footer .subscribe-enter button.button span,
.infoWindowLink,
.goToStore a,
.viewallStore a,
.store_continue_button a,
#searchButton  {
    background: #b72613; 
    background: -moz-linear-gradient(top, #cd2e0e 0%, #b72613 100%, #cd2e0e 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd2e0e), color-stop(100%,#b72613), color-stop(100%,#cd2e0e)); 
    background: -webkit-linear-gradient(top, #cd2e0e 0%,#b72613 100%,#cd2e0e 100%); 
    background: -o-linear-gradient(top, #cd2e0e 0%,#b72613 100%,#cd2e0e 100%); 
    background: -ms-linear-gradient(top, #cd2e0e 0%,#b72613 100%,#cd2e0e 100%); 
    background:  linear-gradient(to bottom, #cd2e0e 0%,#b72613 100%,#cd2e0e 100%);
    background-color: #b72613; 
    color: #fff;
}

.button-false:hover,
.thankyouright button:hover,
button.button-default:hover span,
.footer .subscribe-enter button.button:hover span,
.infoWindowLink:hover,
.goToStore a:hover,
.viewallStore a:hover,
.store_continue_button a:hover,
#searchButton:hover  {
    background: #fff; 
    background: -moz-linear-gradient(top, #fff 0%, #cecece 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#cecece)); 
    background: -webkit-linear-gradient(top, #fff 0%,#cecece 100%);
    background: -o-linear-gradient(top, #fff 0%,#cecece 100%);
    background: -ms-linear-gradient(top, #fff 0%,#cecece 100%); 
    background: linear-gradient(to bottom, #fff 0%,#cecece 100%); 
    background-color: #f5f5f5; 
    color: #000;
}

.button-false:active,
.thankyouright button:active,
button.button-default:active span,
.infoWindowLink:active,
.goToStore a:active,
.viewallStore a:active,
.store_continue_button a:active,
#searchButton:active {
    background: #000; 
    color: #fff;
}


/* Green */

button.btn-proceed-checkout,
.product-view .add-to-cart-buttons .button,
.products-grid button.btn-cart,
.products-list button.btn-cart,
.my-account button.btn-cart,
.ab-clickthroughs a span,
#onestepcheckout-place-order,
.login-content button.check-login-btn span,
.amfinder-buttons button span span {
    background: #249026;
    background: -moz-linear-gradient(top, #59c44c 0%, #249026 100%, #59c44c 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59c44c), color-stop(100%,#249026), color-stop(100%,#59c44c)); 
    background: -webkit-linear-gradient(top, #59c44c 0%,#249026 100%,#59c44c 100%); 
    background: -o-linear-gradient(top, #59c44c 0%,#249026 100%,#59c44c 100%); 
    background: -ms-linear-gradient(top, #59c44c 0%,#249026 100%,#59c44c 100%); 
    background: linear-gradient(to bottom, #59c44c 0%,#249026 100%,#59c44c 100%);
    background-color: #249026; 
}

button.btn-proceed-checkout:hover,
.product-view .add-to-cart-buttons .button:hover,
.products-grid button.btn-cart:hover,
.products-list button.btn-cart:hover,
.my-account button.btn-cart:hover,
.ab-clickthroughs a span:hover,
#onestepcheckout-place-order:hover,
.login-content button.check-login-btn:hover span,
.amfinder-buttons button:hover span span {
    background: #0b5c11; 
    background: -moz-linear-gradient(top, #37a334 0%, #0b5c11 100%, #37a334 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37a334), color-stop(100%,#0b5c11), color-stop(100%,#37a334)); 
    background: -webkit-linear-gradient(top, #37a334 0%,#0b5c11 100%,#37a334 100%);
    background: -o-linear-gradient(top, #37a334 0%,#0b5c11 100%,#37a334 100%); 
    background: -ms-linear-gradient(top, #37a334 0%,#0b5c11 100%,#37a334 100%); 
    background: linear-gradient(to bottom, #37a334 0%,#0b5c11 100%,#37a334 100%);
    background-color: #0b5c11; 
}

button.btn-proceed-checkout:active,
.product-view .add-to-cart-buttons .button:active,
.products-grid button.btn-cart:active,
.products-list button.btn-cart:active,
.my-account button.btn-cart:active,
.ab-clickthroughs a span:active,
#onestepcheckout-place-order:active,
.login-content button.check-login-btn:active span,
.amfinder-buttons button:active span span {
    background: #0E6114; 
}


/* Sitewide default button */

button.button-default:hover span {
    box-shadow: none;
    border-radius: 0;
}

button.button-default:active span {
    box-shadow: none;
    border-radius: 0;
}

button.button-default:active span {
    box-shadow: none;
    border-radius: 0;
}

button.button-default {
    border: 1px solid #8B180A;
}

button.button-default:hover {
    border: 1px solid #AAA;
}

button.button-default:active {
    border: 1px solid #000;
}

button.button-default span span {
    padding: 8px 15px;
}


/* My account section grey button */

.actbutton:active {   
    background: #830101; 
    border:solid 1px #830101;
}


/* Makes any link look like a button */

.button-false,
.thankyouright button {
    padding: 8px 15px;
    line-height: 15px;
    font-size: 14px;
    border: 1px solid #8B180A;
}

.button-false:hover,
.thankyouright button:hover {
    border: 1px solid #AAA;
    text-decoration: none;
}

.button-false:active,
.thankyouright button:active {
    border: 1px solid #000;
}

.button-false-layered-navigation {
    padding: 5px 8px;
    line-height: 15px;
    font-size: 12px;
    margin-top: 5px;
}

/* Cart Secure Button */

button.btn-proceed-checkout {
    padding: 10px 7px;
    border: 1px solid #54A31D;
    margin-top: 10px;
}

button.btn-proceed-checkout:hover {
    border: 1px solid #15363D;
}

button.btn-proceed-checkout:active {
    border: 1px solid #0E6114;
}

/* Add to Cart Button */

.product-view .add-to-cart-buttons .button,
.products-grid button.btn-cart,
.products-list button.btn-cart,
.my-account button.btn-cart {
    color: #fff;
    border: 1px solid #16751D;
}

.product-view .add-to-cart-buttons .button:hover,
.products-grid button.btn-cart:hover,
.products-list button.btn-cart:hover,
.my-account button.btn-cart:hover {
    border: 1px solid #16751D;
}

.product-view .add-to-cart-buttons .button:active,
.products-grid button.btn-cart:active,
.products-list button.btn-cart:active,
.my-account button.btn-cart:active {
    color: #fff;
    border: 1px solid #0E6114;
}

.product-view .product-top .add-to-cart-buttons .button span span {
    padding: 0 0 0 30px;
}

.products-grid button.btn-cart,
.products-list button.btn-cart,
.my-account button.btn-cart { 
    padding: 3px 8px;
    margin-left: 10px;
}

@media only screen and (max-width: 770px) {
    .products-grid button.btn-cart { 
        margin: 5px 0;
        clear: left;
    }
}

.products-grid button.btn-cart span span,
.products-list button.btn-cart span span,
.my-account button.btn-cart span span  { 
    padding: 0 0 0 20px;
}

/* Newsletter Button */

.footer .subscribe-enter button.button span span {
    border: 1px solid #8B180A;
}

.footer .subscribe-enter button.button:hover span span {
    border: 1px solid #AAA;
}

.footer .subscribe-enter button.button:active span {
    background: #000;
    color: #fff;
}

.footer .subscribe-enter button.button:active span span {
    border: 1px solid #000;
}

@media only screen and (max-width: 479px) {
    .subscribe-enter .input-box .input-text {
        width: 122px;
    }
}

/* Cart crosssells grey button */

button.btn-cart-grey {
    margin-top: -10px;
}

button.btn-cart-grey:hover span span {
    color:#fff;
    background: #0b5c11; 
    background: -moz-linear-gradient(top, #37a334 0%, #0b5c11 100%, #37a334 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37a334), color-stop(100%,#0b5c11), color-stop(100%,#37a334)); 
    background: -webkit-linear-gradient(top, #37a334 0%,#0b5c11 100%,#37a334 100%);
    background: -o-linear-gradient(top, #37a334 0%,#0b5c11 100%,#37a334 100%); 
    background: -ms-linear-gradient(top, #37a334 0%,#0b5c11 100%,#37a334 100%); 
    background: linear-gradient(to bottom, #37a334 0%,#0b5c11 100%,#37a334 100%);
    background-color: #0b5c11; 
    border: 1px solid #15363D;
}

/* Prodct finder buttons */

.amfinder-buttons button:hover span span,
.amfinder-buttons button:active span span {
    border: 1px solid #16751D;
}


/*  
BASKET
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Special offers products */

#BasketOffersBox {
    border: 1px solid #ccc;
    background: #f4f4f4;
}

#BasketOffersBoxInner {
    background: #f4f4f4;
    padding: 5px 2.5%;
}

#BasketOffersBoxInner h3 {
    color: #D80A00;
 }

 #BasketOffersBox.cart-slider .product-info {
    min-height: 110px;
}

/* Shopping Cart Table */

.BasketName .product-name a,
.BasketName .product-name a:hover {
    color: #000;
}

.BasketDelivery .deliveryalert {
    padding: 3px 5px;
}

/* Shipping Options Box */

#delivery-options-title {
    color: #000;
}


/*  
LAYERED NAVIGATION
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

div.block-layered-nav div.amshopby-slider div.handle {
    background: #830101 none repeat scroll 0 0;
    height: 12px;
    width: 5px;
}

.col-left .block-layered-nav .block-content {
    border-bottom: 1px solid #ccc;
}

.col-left .block-layered-nav .block-title {
    border-bottom: none;
}

div.amshopby-overlay div {
    background:  url(../images/amshopby-overlay.gif) 50% 50% no-repeat;
}


/*  
BACK TO TOP
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.cd-top {
    background-image: url(../images/cd-top-arrow.png);
    background-image: linear-gradient(transparent, transparent), url(../images/cd-top-arrow.svg);
    background-position: center 50%;
    background-repeat: no-repeat;
    background-color: #D80A00;
}

.no-touch .cd-top:hover {
    background-color: #D80A00;
}



/* 
PRODUCT SLIDER
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

#product_slider h2 {
    color: #D80A00;
    font-size: 24px;
}



/* 
WIDGETS
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.cms-page-view .std .bws-noncar h2,
.cms-no-route .std .bws-noncar h2,
.bws-noncar h2 {
    color: #D80A00;
}

.cms-page-view .std .bws-noncar a:hover,
.cms-no-route .std .bws-noncar a:hover,
.bws-noncar a:hover {
    color: #A60901;
}

#howto-accordion .acctitle {
    background: #F1F1F1 url(../images/static/toggle-plus.png) no-repeat scroll right 8px top 8px;
    color: #D80A00;
}

#w2row_side_l .btn-cart,
#w2row_side_r .btn-cart {
    display: none;
}

#category-banner {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}


/* 
QUICK ORDER
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

.quick-input {
    color: #A60901;
}


/* 
CROSSSELLS
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

#BasketSidebar .crosssell h2 {
    color: #3B3B3B;
}

#BasketSidebar .crosssell .product-name a {
    color: #555;
}

/* 
TEMP - QUBIT HOMEPAGE BOXES
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/


.t031-links {
    padding-top: 0px;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.t031-links a {
    float: left;
    width: 20%
}