/* home styles */

/* HOLDING CONTAINERS */

#leftColumn-Home {
position: relative;
text-align: left;
width: 700px;
float:left;
margin: 0 16px 0 0;
padding:0;
}




/* HERO BANNER */

#heroContainer {
position: relative;
float:left;
margin:0 0 16px 0;
width:698px;
height:198px;
border:1px solid #ACACAC;
z-index:2 !important;
background:#F4F4F4 url("../img/heroBanner/heroContainer-bg.jpg") repeat-x left top;
}

#heroImg {
position: relative;
float:left;
margin:4px 0 0 0;
padding:0;
width: 525px;
height: 194px;
background:#FAFAFA;
z-index:2 !important;
}

#heroSelector {
position: relative;
float:left;
margin:4px 0 0 0;
padding:0;
width: 172px;
height: 194px;
border-left:1px solid #ACACAC;
z-index:2 !important;
background:#F5F5F5 url("../img/heroBanner/heroSelector-bg.jpg") no-repeat right bottom;
}



/* PROMOTIONAL CONTAINERS */

#promoContainerLeft {
position:relative;
float:left;
width: 342px;
min-height:204px;
height:auto !important;
height:204px;
margin:0 16px 16px 0;
padding:0;
background:#fff url("../img/rightContent-bg.jpg") repeat-x bottom left;
}

#promoContainerRight {
position:relative;
float:left;
width: 342px;
min-height:204px;
height:auto !important;
height:204px;
margin:0;
padding:0;
background:#fff url("../img/rightContent-bg.jpg") repeat-x bottom left;
}

#promoContainerRight.xmas {
background:#fff url("../img/rightContent-christmas-saver-bg.jpg") repeat-x bottom right !important;	
}

.promoBgImg {
position:absolute;
float:left;
width:164px;
height:202px;
bottom:1px;
right:1px;
margin:0;
padding:0;
z-index:2;
text-align:right;
}

#leftColumn-Home .promoTitle {
width: 340px; 
border: 1px solid #DBDBDB;
float: left;
margin: 0; 
position: relative;
}

#leftColumn-Home .promoTitle h1 {
border: 1px solid #fff;
font-size: 16px;
font-weight: normal;
color: #292929;
margin: 0;
padding: 9px 0 9px 8px;
background:#F4F4F4;
}


#leftColumn-Home .promoContent {
float: left;
position: relative;
margin:2px 0 0 0;
border-color:#ffffff #DBDBDB #DBDBDB #DBDBDB;
border-style:solid;
border-width:0 1px 1px 1px;
min-height:153px;
height:auto !important;
height:153px;
padding:7px 9px 0 9px;
position:relative;
width:322px;
z-index:3;
}

#leftColumn-Home .promoContent p {
margin:0;
padding:0 0 8px;
}





/* CAN WE HELP YOU... */

#rightColumn .rightContent.helpContent a:link, #rightColumn .rightContent.helpContent a:visited, #rightColumn .rightContent.helpContent a:active {
text-decoration:underline;
}

#rightColumn .rightContent.helpContent a:hover {
text-decoration:none;
}

#rightColumn .rightContent.helpContent table {
border-collapse: collapse;
width:100%;
}

#rightColumn .rightContent.helpContent table td {
background: none;
border: 0; 
color: #333333;
padding:2px 0 3px 0;
margin:0;
}

#rightColumn .rightContent.helpContent table td select {
padding:0;	
width:130px;
font-family:Arial,Helvetica,sans-serif;
}



/* CONTACT CONTAINER */

#contactContainer {
position:relative;
float:left;
width: 698px;
height:39px;
border:1px solid #DBDBDB;
margin:0 0 0 0;
padding:0;
background:#fff url("../img/home-contact-bg-middle.jpg") repeat-x 0 0;
}

#contactContainer span.rightImg-bg {
float: right;
position:relative;
width: 5px;
height: 39px;
background:#fff url("../img/home-contact-bg-right.jpg") no-repeat bottom right;
}

#contactContainer .contactTitle {
width: 180px; 
border: 0;
float: left;
margin: 0; 
position: relative;
}

#contactContainer .contactContent {
width: 505px; 
float: right;
position: relative;
margin:0;
padding:11px 0px 7px 0px;
border:0;
background:none;
}

#contactContainer .contactTitle h2 {
border: 0;
font-size: 16px;
font-weight: normal;
color: #292929;
margin: 0;
padding: 9px 0 9px 8px;
text-align:right;
background:transparent url("../img/home-contact-bg-left.jpg") no-repeat top left;
}

#contactContainer .contactContent ul {
position:relative;
}

#contactContainer .contactContent ul li {
float:left;
/* 3 items
margin:0 5px 0 10px;
 */
/* 4 items */
margin:0 5px 0 -18px;
padding-right:28px;
position:relative;
}




#contactContainer .contactContent ul li.last {
padding-right:0;
}

#contactContainer .contactContent a:link, #contactContainer .contactContent a:visited, #contactContainer .contactContent a:active {
text-decoration:none;
color:#292929;
}

#contactContainer .contactContent a:hover {
text-decoration:underline;
}


/* Important container */

div.importantBox {
background: #FFFBFB url("../img/importantBox-bg.jpg") top left no-repeat;
border-width:1px 0;
border-style:solid;
border-color:#d52b1e;
margin:16px 0;
padding:15px 15px;
font-size:12px;
color:#292929;
font-weight:bold;
float:left;
position:relative;
width:670px; 
text-align:center; 
}





/* STANDARD CTA BUTTON */

.ctaContainer {
position:absolute;
margin:0;
padding:0;
}

.ctaContainer.hero {
width:210px;
height:40px;
right:4px;
bottom:0px;
}

.ctaContainer.promo {
width:332px;
height:40px;
left:8px;
bottom:0px;
}




span.telephoneOnly {
background: url("../img/buttons/button-darkgrey-middle.png") repeat-x scroll left top transparent;
color: #FFFFFF;
float: left;
font-size: 11px;
height: 30px;
line-height: 30px;
padding: 0 7px;
text-decoration: none;
width:95px !important;
}


/* PCA Text Promo on Homepage by WH on 31 August 2011 */

#promoContainerLeft .promoContent,
#promoContainerRight .promoContent {font-size: 90% !important;}



/* HOMEPAGE SUB PROMO BANNER TEXT RATE */
.promoProductRateContainer {
float:left;
position:relative;
margin:5px 0;
}

.promoProductRateContainer .productRate {
float:left;
position:relative;
width:260px;
border:0;
min-height:inherit;
height:auto !important;
background:none;
padding:0;
margin-bottom:0;
}

.promoProductRateContainer .productRate .rateDetails {
margin-top: -1px !important;
padding-right: 2px;
width: 160px;
float:left;
text-align:left;
}