/*

OXO Layout Stylesheet
--------------------------------
Spring / Summer 2012

* Designer: The artist formerly known as Warren *
* Adapted by Clare for ss12 *

*/
#content-div {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 1446px;
    margin: 0 auto;
    padding: 0 0 6px;
    position: relative;
    width: 1000px;
}

/*
SLOT 1
*/

#slot1 {
    background: url("//images2.drct2u.com/content/images/homepages/110401SS_FG1_S1_jeans_offer_backin.gif") repeat-x scroll 0 0 #FFFFFF;
    float: left;
    height: 21px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 1000px;
}
#slot1 p {
    font: bold 13px Arial;
    margin: 2px auto 0;
    padding: 0;
}
#slot1 p a {
    color: #215E9C;
    text-decoration: none;
}
#slot1 span {
    color: #CD1E1E;
    font-weight: bold;
}

/* 
   SLOT 2
*/

#slot2 {
    float: left;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 1250px;
    width: 1000px;
}
#slot2 h1 {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    padding: 0;
}
#slot2 h2, #slot2 h3, #slot2 h4 {
    color: #000000;
    font-size: 11px;
    margin: 0 0 10px;
}
#slot2 p {
    font-size: 11px;
    line-height: 1.2em;
}
.aboutcopyleft {
    display: inline;
    float: left;
    margin: 0 50px 0 0;
    padding: 0;
    width: 300px;
}
.aboutcopymiddle {
    display: inline;
    float: left;
    margin: 0 50px 0 0;
    padding: 0;
    width: 300px;
}
.aboutcopyright {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 300px;
}
.aboutcopyleft h2, .aboutcopymiddle h3, .aboutcopyright h4 {
    margin: 0;
    padding: 0;
}
#content-div #slot2 a, #content-div #slot2 a:link, #content-div #slot2 a:visited {
    color: #195B9F;
    text-decoration: underline;
}
#content-div #slot2 a:hover {
    color: #195B9F;
    text-decoration: none;
}

/* 
   SLOT 3
   Main Lifestyle
*/

#slot3 {
	width:998px;
	height:400px;
	margin:0 1px;
	clear:both;
	position:relative;
	background:blue;
	margin-bottom:10px;
}

#slot3 {background:white !important;}

	#slot3 .lifestyle {
		height:400px;
		width:998px;
		}

	#slot3 #lifestyle_1 {
	background:url(//images2.drct2u.com/content/images/homepages/120110ss_GRP1_HP_lifestyle-ValueEssen_bg.jpg) no-repeat top left;
	position:relative;
	text-indent:-9999px;
	
	}
	#slot3 #lifestyle_1 ul {
	list-style-type:none !important;	
	left: 330px;
	top: 195px;
	width: 280px;
	position:absolute;
	}
	
	#slot3 #lifestyle_1 ul li a {
	height:30px;
	padding-top:10px;
	*padding-top:14px;
	}
	
		#link_mainheader_1{
	height: 200px;
	left: 300px;
	position: absolute;
	top: 0;
	width: 400px;
	}
	
	#link_mainprodleft_1{
	height: 400px;
	left: 0;
	position: absolute;
	top: 0;
	width: 300px;
	}
	
	#link_mainprodright_1{
	height: 400px;
	left: 700px;
	position: absolute;
	top: 0;
	width: 300px;
	}
	
	
	
	#slot3 a {
	display:block;
	}
	
	#link_usp-one{
	height: 46px;
	right: 0;
	position: absolute;
	top: 12px;;
	width: 92px;
	}
	
	#link_usp-two{
	height: 58px;
	right: 0;
	position: absolute;
	top: 60px;;
	width: 92px;
	}
	
	#link_usp-three{
	height: 58px;
	right: 0;
	position: absolute;
	top: 122px;;
	width: 92px;
	}
	
	/* 
   SLOT 3
   Second rotation
*/
	#slot3 #lifestyle_2 {
	background:url(//images2.drct2u.com/content/images/homepages/120118ss_GRP1_HP_CasualTops_bg.jpg) no-repeat top left;
	position:relative;
	text-indent:-9999px; }
	
	#slot3 #lifestyle_2 ul {
	list-style-type:none !important;	
	left: 330px;
	top: 195px;
	width: 280px;
	position:absolute;
	}
	
	#slot3 #lifestyle_2 ul li a {
	height:30px;
	padding-top:10px;
	*padding-top:14px;
	}
	

	#link_mainheader_2{
	height: 200px;
	left: 300px;
	position: absolute;
	top: 0;
	width: 400px;
	}
	
	#link_mainprodleft_2{
	height: 400px;
	left: 0;
	position: absolute;
	top: 0;
	width: 300px;
	}
	
	#link_mainprodright_2{
	height: 400px;
	left: 700px;
	position: absolute;
	top: 0;
	width: 300px;
	}
	
	
	#slot3 #rotation_controls {
    bottom: 3px;
    left: 39px;
    position: absolute;
    z-index: 10;
}

#slot3 #rotation_controls a {
    background: none repeat scroll 0 0 #505B62;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    margin: 0 6px 0 0;
    opacity: 0.5;
    padding: 2px 0 0 7px;
    text-decoration: none;
    width: 15px;
}
#slot3 #rotation_controls a:hover {
    background: none repeat scroll 0 0 #D91F77;
    opacity: 1;
    text-decoration: none;
}
#slot3 #rotation_controls a.activeSlide {
    background: none repeat scroll 0 0 #ea201f;
    opacity: 1;
}
#slot3 #previous_btn {
    background: url("//images2.drct2u.com/content/images/homepages/1103SS_JDW_S4_control_prev.png") no-repeat scroll 0 100% transparent;
    bottom: 3px;
    cursor: pointer;
    height: 22px;
    left: 11px;
    opacity: 0.5;
    position: absolute;
    width: 22px;
    z-index: 10;
}
#slot3 #next_btn {
    background: url("//images2.drct2u.com/content/images/homepages/1103SS_JDW_S4_control_next.png") no-repeat scroll 0 100% transparent;
    bottom: 3px;
    cursor: pointer;
    height: 22px;
    left: 95px;
    opacity: 0.5;
    position: absolute;
    width: 22px;
    z-index: 10;
}
#slot3 #previous_btn:hover, #slot4 #next_btn:hover {
    background-position: 0 0;
    opacity: 1;
}

/* 
   SLOT 4
   Left hand slot
*/

#slot4, #slot5, #slot6 {
    background: none repeat scroll 0 0 pink;
    float: left;
    height: 230px;
    width: 326px;
}
#slot4 {
    margin-left: 1px;
}
#slot4, #slot5 {
    margin-right: 10px;
}

/* 
	existing lifestyle
	rotation control
	styling 
*/

#slot4 #rotation_controls {
    bottom: 11px;
    left: 39px;
    position: absolute;
    z-index: 10;
}
#slot4 #rotation_controls a {
    background: none repeat scroll 0 0 #505B62;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    margin: 0 6px 0 0;
    opacity: 0.5;
    padding: 2px 0 0 7px;
    text-decoration: none;
    width: 15px;
}
#slot4 #rotation_controls a:hover {
    background: none repeat scroll 0 0 #D91F77;
    opacity: 1;
    text-decoration: none;
}
#slot4 #rotation_controls a.activeSlide {
    background: none repeat scroll 0 0 #D91F77;
    opacity: 1;
}
#slot4 #previous_btn {
    background: url("//images2.drct2u.com/content/images/homepages/1103SS_JDW_S4_control_prev.png") no-repeat scroll 0 100% transparent;
    bottom: 11px;
    cursor: pointer;
    height: 22px;
    left: 11px;
    opacity: 0.5;
    position: absolute;
    width: 22px;
    z-index: 10;
}
#slot4 #next_btn {
    background: url("//images2.drct2u.com/content/images/homepages/1103SS_JDW_S4_control_next.png") no-repeat scroll 0 100% transparent;
    bottom: 11px;
    cursor: pointer;
    height: 22px;
    left: 95px;
    opacity: 0.5;
    position: absolute;
    width: 22px;
    z-index: 10;
}
#slot4 #previous_btn:hover, #slot4 #next_btn:hover {
    background-position: 0 0;
    opacity: 1;
}

/* 
   SLOT 5
   Middle slot
*/
#slot5 {
}

/* 
   SLOT 6
    Right hand slot
*/

#slot6 {
}

/* 
   SLOT 7
   Link section
*/

#slot7 #link_box_container {
    background-color: #FFFFFF;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 156px;
}
#slot7 p {
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 0;
    margin-left: 10px;
    padding-left: 30px;
}
#slot7 ul li a:hover {
    text-decoration: underline;
}
#slot7 p#links_help {
    background: url("//images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_help.png") no-repeat scroll 0 0 transparent;
}
#slot7 p#links_quick {
    background: url("//images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_links.png") no-repeat scroll 0 0 transparent;
}
#slot7 p#links_about {
    background: url("//images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_info.png") no-repeat scroll 0 0 transparent;
}
#slot7 p#links_guides {
    background: url("//images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_guides.png") no-repeat scroll 0 0 transparent;
}
#slot7 p#links_brands {
    background: url("//images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_brands.png") no-repeat scroll 0 0 transparent;
}
#slot7 ul li a {
    color: #222222;
    text-decoration: none;
}
#slot7 {
    float: left;
    font-size: 12px;
    margin: 20px 0;
    position: relative;
    width: 1000px;
}
#slot7 #link_box_container div {
    float: left;
    width: 160px;
}
#slot7 ul {
    margin-top: 0;
}
#slot7 div p {
    color: #222222;
    font-size: 14px;
}
#slot7 div ul {
    list-style: none outside none;
}

/* 
   SLOT 15
   Other sites
*/

#slot15 {
    background-color: #FFFFFF;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display: inline;
    float: left;
    margin: 0 -3px 0 0;
    overflow: hidden;
    padding: 0;
    width: 999px;
}
#slot15 #others {
    clear: both;
    height: 26px;
    margin: 0;
    padding: 0;
}
#slot15 #others p {
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    margin: 0;
    padding-left: 23px;
}
#slot15 #others ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 10px;
}
#slot15 #others ul li {
    background: url("//images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_tick.png") no-repeat scroll 0 0 transparent;
    float: left;
    font-size: 14px;
    line-height: 25px;
    margin-right: 10px;
    padding: 0 0 0 30px;
}
#other_site_cont {
    padding: 24px;
    width: 952px;
}
#other_site_cont p {
    font-size: 13px;
    margin: 0;
    padding: 0;
}
#other_site_cont p.brand_header {
    color: #000000;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
#discounts, #footwear, #lingerie, #homegarden, #bgs, #fashion, #gifts {
    float: left;
    height: 160px;
    padding: 0;
}
#other_site_cont div div {
    border-top: 1px solid #505B62;
    margin: 4px 0 0;
    padding: 2px 0 0;
}
#other_site_cont div div div {
    border-top: 0 none;
    margin: 2px 0 0;
}
#discounts {
    margin: 0 6px 0 0;
    width: 185px;
}
#ccl {
    float: left;
    height: 120px;
    margin: 0;
    padding: 0;
    width: 185px;
}
#footwear {
    margin: 0 6px 0 0;
    width: 185px;
}
#vld {
    float: left;
    height: 120px;
    margin: 0;
    padding: 0;
    width: 185px;
}
#homegarden {
    margin: 0 6px 0 0;
    width: 185px;
}
#ihm {
    float: left;
    height: 120px;
    margin: 0;
    padding: 0;
    width: 185px;
}
#bgs {
    margin: 0 6px 0 0;
    width: 185px;
}
#jdf {
    float: left;
    height: 120px;
    margin: 0;
    padding: 0;
    width: 185px;
}
#lingerie {
    margin: 0;
    width: 185px;
}
#nat {
    float: left;
    height: 120px;
    padding: 0;
    width: 185px;
}
#fashion {
    margin: 0 6px 0 0;
    width: 376px;
}
#fw {
    float: left;
    height: 120px;
    padding: 2px 6px 0 0 !important;
    width: 185px;
}
#jul {
    float: left;
    margin: 0;
    padding: 0;
    width: 185px;
}
#gifts {
    margin: 0;
    width: 566px;
}
#bos {
    float: left;
    height: 120px;
    padding: 2px 6px 0 0 !important;
    width: 566px;
}
.hsd_link {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}
.hsd_link a {
    font-weight: bold;
    text-decoration: none;
}
.other_site_img {
    height: 98px;
    overflow: hidden;
    position: absolute;
}
.OSInormal {
    width: 185px;
}
.OSIlarge {
    width: 566px;
}
.other_site_img img {
    margin: 0;
    padding: 0;
    position: absolute;
}