﻿/* Home */
#backgroundBanner {
	background: url('/Content/images/banner.jpg');
	width: 100%;
	height: 595px;
	left: 0;
	margin: 0 auto;
	position: absolute;
    top: 0;
    background-size: cover;
}

#home-scroller {
    background: rgba(255,255,255, 0.8);
    float: left;    
    height: 325px;    
    margin-top: 35px;
    position: relative;
    width: 960px;
    z-index: 1;
    }
.lt-ie9 #home-scroller { background: #fff; /* IE */ }
#nav-scroller {
    left: 25px;
    position: absolute; 
    bottom: 20px; 
    z-index: 2;
}
#nav-scroller a {
    background: #002e62;
    border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
    display: block;
    float: left;
    height: 13px;
    margin-right: 4px; 
    text-indent: -9999px;
    width: 13px;
    }
#nav-scroller a.activeSlide { background: #a43712; }
.lt-ie9 #nav-scroller a {
    background-color: transparent;
    background: url(/Content/images/ie8_ico_blue.png) no-repeat top left;
    }
.lt-ie9 #nav-scroller a.activeSlide {
    background-color: transparent;
    background: url(/Content/images/ie8_ico_orange.png) no-repeat top left;
    }

ul#slide-list {
    height: 325px;
    list-style: none; 
    overflow: hidden;
    position: relative; 
    width: 960px;
    z-index: 1;
    }
ul#slide-list li {
    padding: 15px;
    }
ul#slide-list .panel-wrapper {
    display: block;
    width: 930px;
    height: 295px;
    overflow: hidden;
    position: relative;
}
.slide-image {
    float: right; 
    width: 530px;
    height: 295px;
    }
.slide-image a { display: block; }
.slide-image a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    }
.slide-image img { display: block; }
.slide-caption {
    bottom: 30px;
    left: 0;
    padding: 10px;
    position: absolute;
    width: 370px;
    }
.slide-caption h1.caption-title {
    color: #a94320; 
    font-family: 'quicksandbook', 'Arial', sans-serif;
    font-size: 1.938em;
    line-height: 1.065em;
    margin: 0 0 0.323em 0;
    text-transform: uppercase;
    }
.slide-caption h1.caption-title a { color: #a94320; }
.slide-caption h1.caption-title a:hover { color: #8f381b; }
.slide-caption p.caption-content { color: #002e62; font-size: 1.063em; margin: 0; } 

.home-cols { float: left; margin: 35px auto; }
.home-cols .home-left { margin-right: 30px; width: 220px; }
.home-cols .home-centre { margin-right: 30px; width: 340px; }
.home-cols .home-right { width: 340px; }

.home-cols .btn-blue {
    background: #002e62; 
    display: table;
    font-family: 'quicksandbook', 'Arial', sans-serif;
    font-size: 1.125em;
    height: 65px; 
    line-height: 1.222em;
    margin-top: 30px;
    padding: 0;
    text-transform: uppercase;    
    width: 220px;    
    }
      
.home-cols .btn-blue:first-child { margin-top: 0; }
.home-cols .btn-blue:hover { background: #16477f; }
.home-cols .btn-blue .arrowed {
    background: url(/Content/images/arr_01.png) no-repeat right center;
    display: table-cell;
    padding: 0 40px 0 20px;
    vertical-align: middle;
    }

.lt-ie8 .home-cols .btn-blue .arrowed { display: block; margin-top: expression((parentNode.offsetHeight.offsetHeight/2)-(parseInt(this.offsetHeight)/2) <0 ? "0" :(parentNode.offsetHeight/2)-(parseInt(this.offsetHeight)/2) +'px'); }

.home-cols .btn-home {
    background: #fff;
    display: block;
    height: 160px;
    overflow: hidden;
    position: relative; 
    width: 340px; 
    z-index: 1;
    }
.home-cols .btn-home:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    }
.btn.home .btn-img {
    display: block;
    height: 160px; 
    position: relative;
    width: 340px;
    z-index: 1;
    }
.btn-home .btn-content {
    background: url(/Content/images/btn-home-bg.png) no-repeat top left;
    height: 110px;
    padding: 25px 105px 25px 25px;
    position: absolute;
    right: 0;
    top: 0;
    width: 210px;
    z-index: 2;
    }

.btn-home .btn-content p { margin: 0; }

.btn-home .btn-content p.btn-title { color: #a43712; font-family: 'quicksandbook', 'Arial', sans-serif; font-size: 1.375em; margin-bottom: 5px; text-transform: uppercase; }
.btn-home .btn-content p.btn-description { color: #002e62; }
.btn-home .btn-content p.btn-more {
    background: url(/Content/images/arr_02.png) no-repeat right center;
    color: #a43712; 
    display: inline-block;
    font-family: 'quicksandbook', 'Arial', sans-serif; 
    font-size: 0.875em; 
    line-height: 1.286em;
    margin-top: 10px;
    padding-right: 23px;
    text-transform: uppercase;
    }
.btn-home .btn-content p.btn-more:hover { color: #af5435; }

.home-panels { float: left; }
.home-panels h2 {
    font-family: 'quicksandbook', 'Arial', sans-serif; 
    font-size: 1.500em;
    text-transform: uppercase;
    } 
.home-panel-mid p, 
.home-panel-base p { font-size: 0.875em; line-height: 1.357em; margin: 1.0em 0; }
    
.home-panel-mid { float: left; margin: 50px 0 25px 0; }
.home-panel-mid .col-left { float: left; width: 450px; }
.home-panel-mid .col-right { float: right; width: 470px; }

.home-panel-mid .col-left .for-retailers { float: left; margin-right: 30px; width: 195px; }
.home-panel-mid .col-left .for-retailers a { display: block; }
.home-panel-mid .col-left .for-retailers a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    }
.home-panel-mid .col-left .for-retailers h3 { font-family: 'quicksandbook', 'Arial', sans-serif; font-size: 0.938em; font-weight: normal; margin: 1.0em 0; text-transform: uppercase; }
.home-panel-mid .col-left .for-retailers .f-thumbnail { width: 195px; height: 90px; }
.home-panel-mid .col-left .for-retailers a:hover h3 { color: #99a5b1; }

.home-panel-base { border-top: 1px solid #fff; float: left; padding-top: 35px; }
.home-panel-base ul { list-style-type: none; margin: 20px 0 20px -30px; }
.home-panel-base li { margin: 0 0 30px 30px; width: 215px; }
.home-panel-base li a { display: block; }
.home-panel-base li a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    }
.home-panel-base li .p-thumbnail {
    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
    float: left; 
    height: 90px; 
    margin-right: 10px; 
    width: 90px;
    }
    .lt-ie9 .home-panel-base li .p-thumbnail { behavior: url(/scripts/PIE.htc); }
.home-panel-base li .p-description { float: right; width: 110px; }
.home-panel-base li .p-description p { font-family: 'quicksandbook', 'Arial', sans-serif; text-transform: uppercase; }
.home-panel-base li .p-description .p-desc-title { font-size: 1.063em; margin: 0; }
.home-panel-base li a:hover .p-description .p-desc-title { color: #99a5b1; }

/* Homepage-only print styles!
-------------------------------------------------------------------------------*/
@media print {
.home-cols a[href]:after { content: ""; }
.home-cols abbr[title]:after { content: ""; }
.home-cols .ir a:after, .home-cols a[href^="javascript:"]:after, .home-cols a[href^="#"]:after { content: ""; } 
}