/* 
IHM SS15 layout.css
Updated: 10:18 15/01/2015

*/

#content-div {
margin: 0;
position: relative;
top: -2px;
width: 1003px;
float: left;
padding: 0 0 10px 0;
height:1270px;
}

#slot1{margin:0;padding:0;width:1001px;border:0; float: left; height:60px;
/*Position the slot lower */
position:absolute; top: 1120px; left:0; background-color:#FFA5A7; 
}

/*#slot1 img{display:block;margin:0;padding:0}
#slot1 .ticker{display:block;float:left;height:60px;margin:0 0 10px;padding:0;width:1003px;background: url(http://images2.drct2u.com/content/images/homepages/140614SS_IHM_SS14_ticker.png)  no-repeat 0 0}
#slot1 .ticker .maintext{font-family:Arial,Helvetica,sans-serif;color:#FFF;display:block;font-size:1.7em;font-weight:bold;height:20px;margin-top:8px;text-transform:uppercase;float:left;text-align:right;width:669px;line-height:normal!important}
#slot1 .ticker .cta{float:right;color:#000;font-family:Arial;font-size:1.1em;font-weight:300;margin:13px 44px 0 0;line-height:normal!important}
*/

#slot2 {
left: 0;
margin: 0;
padding: 0 0 10px 0;
position: absolute;
top: 1180px;
width: 1003px;
border-bottom: 1px #000 solid;
}

#slot2 p {
color: #a2a2a2;
font-size: 12px !important;
line-height: 16px !important;
margin: 0;
padding: 5px;
}

#slot3 { display:none;}

#slot4 {
height: 382px;
margin: 0;
position: relative;
width: 1001px;
border: 1px #666 solid;
background-color: #fff;
float: left;
margin: 5px 0 10px 0;
}

#cycle, .s4-main { position: relative; width: 785px; height: 382px; }
.s4-main img { float: left; margin: 0; padding: 0; }

.slide { display: none; position: relative; }
.first-slide { display: block; }
.first-slide a { }
.s4-title { position: absolute; left:0; top:0; }
#slot4 #prev, #slot4 #next { position: absolute; z-index:100; top: 50%; margin-top: -20px; width: 40px; height: 40px; cursor: pointer; }
#slot4 #prev { left: 0px; background: url('http://images2.drct2u.com/content/images/FGN/140613SS_IHM_SW_arrow_prev.png') no-repeat center; }
#slot4 #next { left: 745px; background: url('http://images2.drct2u.com/content/images/FGN/140613SS_IHM_SW_arrow_next.png') no-repeat center; }

/* Right offers */
#s4-right {
height: 382px;
width: 214px;
border-left: 1px solid #FFF;
margin: 0;
position: absolute;
top: 0;
right: 0;
float: left;
}

.centred-outer {
display: table;
overflow: hidden;
float:  left;
*position: relative;
height: 94px;
margin: 0;
padding:0;
width: 100%;
}

.centred-inner {
display: table-cell;
vertical-align: middle;
width: 100%;
margin: 0 auto;
text-align: center;
*position: absolute;
*top: 50%;
}

.centred-element {
*position: relative;
*top: -50%;
}

.centred-element a {
color: #222;
text-decoration: none;
padding: 0;
display: block;
text-transform: uppercase;
font-size: 22px;
line-height: 1.1;
font-family: 'GibsonRegular', Arial, Helvetica, sans-serif;
}

.centred-element a:hover {
	text-decoration: underline;
    color: #4A4944;
}

.centred-element a strong { font-family: 'GibsonSemiBold', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 24px; }
/* Customise colours */

#s4-right { background: #dde8c4; }
.centred-outer { background: transparent; border-bottom: 1px solid #fff; }


.last { border-bottom: none; }

.Main-cta {
background-color: #FFF;
background: rgba(255,255,255,0.9);
position: absolute;
bottom: 0;
color: #222;
left: 0;
cursor: pointer;
display: inline-block;
font-family: 'GibsonRegular', Arial, Helvetica, sans-serif;
text-transform: uppercase;
line-height: 22px;
font-size: 20px;
padding: 8px 0;
text-align: center;
text-decoration: none;
width: 100%;
}

#slot5 {
float: left;
height: 56px;
width: 1001px;
border: #888 1px solid;
margin: 0 0 10px 0;
padding: 0;
}

#slot6 {
height: 302px;
width: 1003px;
float: left;
margin: 0 0 10px 0;
padding: 0;
}

.slot6a {
position: relative;
top: 0;
left: 0;
float: left;
height: 300px;
display: block;
width: 493px;
border: #888 1px solid;
margin-right: 13px;
}

.slot6b {
position: relative;
top: 0;
left: 0;
float: left;
height: 300px;
display: block;
width: 493px;
border: #888 1px solid;
}

#slot7 {
height: 334px;
width: 1003px;
float: left;
margin: 0 0 10px 0;
padding: 0;
}

.slot7a {
position: relative;
top: 0;
left: 0;
float: left;
height: 332px;
display: block;
width: 326px;
border: #888 1px solid;
}

.slot7b {
position: relative;
top: 0;
left: 0;
float: left;
height: 332px;
display: block;
width: 326px;
border: #888 1px solid;
 margin: 0 9px 0 10px;
}

.slot7c {
position: relative;
top: 0;
left: 0;
float: left;
height: 332px;
display: block;
width: 326px;
border: #888 1px solid;
}

/* Opacity change */
#slot3 #orders:hover, #slot3 #returns:hover, .TextPanel-right:hover,.slot6a:hover, .slot6b:hover, .slot7a:hover,.slot7b:hover,.slot7c:hover,.slot7a:hover,.slot7b:hover {
opacity: 0.8;
text-decoration: none;
filter: alpha(opacity=80);
/* For IE8 and earlier */
}


#slot8 {
float: left;
height: 46px;
width: 1001px;
border: #888 1px solid;
margin: 0 0 10px 0;
padding: 0;
}


/*THIS REMOVES THE TERTIARY NAV FROM THE HOMEPAGE */
#tertiaryNav, .winterhomeevent {display:none !important;}


/* #slot1 positioned to under slot4 
#content-div { height: 1465px; }
#slot1 { position:absolute; top: 399px; left:0; height:60px; background: url('http://images2.drct2u.com/content/images/homepages/140813AW_IHM_HP_S11_offer.gif') 0 0 no-repeat #FFFFFF; }
#slot1 a.one { position:absolute; top: 0px; left:658px; border:#FF0004 0px solid; width:90px; height:60px;}
#slot1 a.two { position:absolute; top: 0px; left:774px; border:#FF0004 0px solid; width:120px; height:60px;}

#slot5 { position:absolute; top: 782px; left:0; }
#slot6 { position:absolute; top: 470px; left:0; }
#slot7 { position:absolute; top: 852px; left:0; }

*/ 

/* #slot1 positioned to bottom 
#content-div { height: 1465px; }
#slot1 { position:absolute; top: 1125px; left:0; }
#slot2 { top: 1640px; }
*/