/*

JDW Layout Stylesheet
--------------------------------
Spring / Summer 2012

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

*/

#content-div {
	background: #fff;
	height: 1446px;
	margin: 0 auto;
	padding: 0 0 6px;
	position: relative;
	width: 1000px;
}


/* 
   SLOT 1
   Spare slot
*/

#slot1 {
	margin:0;
	padding:0;
	height:21px;
	width:1000px;
	background:#FFF url(//images2.drct2u.com/content/images/homepages/110401SS_FG1_S1_jeans_offer_backin.gif) repeat-x;
	float:left;
	text-align:center;
}

#slot1 p {
	margin:2px auto 0;
	padding:0;
	font:bold 13px Arial;
}

#slot1 p a {
	color:#215e9c;
	text-decoration:none;
}

#slot1 span {
	color:#cd1e1e;
	font-weight: bold;
}


/* 
   SLOT 2
   Advertising Text
*/

#slot2 {
	float: left;
	left: 0;
	padding: 0;
	margin: 0 0 0 0;
	position: absolute;
	top: 1246px;
	width: 1000px;
}

#slot2 h1 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0;
	padding: 0;
}

#slot2 h2, #slot2 h3, #slot2 h4 {
	color: #000;
	font-size: 11px;
	margin: 0 0 10px;
}

#slot2 p {
	font-size: 11px;
	line-height: 1.2em
}

/* SEO copy slots */

.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 {
	height:230px;
	width:326px;	
	float:left;
	background:#eee;
}

#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: #505b62;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	margin: 0 6px 0 0;
	padding: 2px 0 0 7px;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	opacity: 0.5;
	text-decoration: none;
	width: 15px;
}

#slot4 #rotation_controls a:hover {
	background: #d91f77;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	text-decoration: none;
}


#slot4 #rotation_controls a.activeSlide {
	background: #d91f77;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}

#slot4 #previous_btn {
	background: url(//images2.drct2u.com/content/images/homepages/1103SS_JDW_S4_control_prev.png) no-repeat 0 100%;
	bottom: 11px;
	cursor: pointer;
	height: 22px;
	left: 11px;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	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 0 100%;;
	bottom: 11px;
	cursor: pointer;
	height: 22px;
	left: 95px;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	opacity: 0.5;
	position: absolute;
	width: 22px;
	z-index: 10;
}

#slot4 #previous_btn:hover, #slot4 #next_btn:hover  {
	background-position: 0 0;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}


/* 
   SLOT 5
   Middle slot
*/

#slot5 {
}


/* 
   SLOT 6
   Right hand slot
*/

#slot6 {
}


/* 
   SLOT 7
   Link section
*/

#slot7 #link_box_container {
	height:156px;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
	background-image:    -moz-linear-gradient(top, #ffffff, #dddddd);
	background-image:     -ms-linear-gradient(top, #ffffff, #dddddd);
	background-image:      -o-linear-gradient(top, #ffffff, #dddddd);
	background-image:         linear-gradient(top, #ffffff, #dddddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd');
	-webkit-border-bottom-right-radius: 3px;

	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
	
	
#slot7 p {
	margin-left:10px;
	padding-left:30px;
	font-weight:bold;
	line-height:25px;
	margin-bottom:0;
	}
	
#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;
	}
	
#slot7 p#links_quick {
	background:url(//images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_links.png) no-repeat;
	}
	
#slot7 p#links_about {
	background:url(//images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_info.png) no-repeat;
	}
	
#slot7 p#links_guides {
	background:url(//images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_guides.png) no-repeat;
	}
	
#slot7 p#links_brands {
	background:url(//images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_brands.png) no-repeat;
	}

#slot7 ul li a {text-decoration:none; color:#222;}

#slot7 {
	float: left;
	margin: 20px 0;
	position: relative;
	width: 1000px;
	font-size:12px;
}

#slot7 #link_box_container div {
	width:160px;
	float:left;
}

#slot7 ul {margin-top:0px}

#slot7 div p {
	color: #222;
	font-size:14px
}

#slot7 div ul {
	list-style: none;
}


/* 
   SLOT 15
   Other sites
*/

#slot15 {
	margin:0 -3px 0 0;
	padding:0;
	width:999px; 
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
	background-image:    -moz-linear-gradient(top, #ffffff, #dddddd);
	background-image:     -ms-linear-gradient(top, #ffffff, #dddddd);
	background-image:      -o-linear-gradient(top, #ffffff, #dddddd);
	background-image:         linear-gradient(top, #ffffff, #dddddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd');
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	display:inline;
	float:left;
	overflow:hidden;
}

#slot15 #others {
	margin:0; 
	padding:0;
	height:26px;
	clear:both;
}

#slot15 #others p {
	margin:0;
	padding-left:23px;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
}

#slot15 #others ul {
	padding:0 0 0 10px;
	float:left;
	list-style:none;
	margin:0;
}

#slot15 #others ul li {
	padding:0 0 0 30px;
	background:url(//images2.drct2u.com/content/images/homepages/1106_AW11_GRP1_HP_icon_links_tick.png) no-repeat;
	float:left;
	font-size:14px;
	line-height:25px;
	margin-right:10px;
}

/* Other Sites Container */
#other_site_cont {
	padding:24px;
	width:952px;
}

#other_site_cont p {
	margin:0; 
	padding:0; 
	font-size:13px;
}

#other_site_cont p.brand_header {
	margin:0; 
	padding:0;
	color:#000; 
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:uppercase;
}

#discounts, #footwear, #lingerie, #homegarden, #bgs, #fashion, #gifts {
	padding:0;
	height:160px;
	float:left;
}

#other_site_cont div div {
	margin:4px 0 0;
	padding:2px 0 0;
	border-top:1px solid #505b62;
}

#other_site_cont div div div {
	margin:2px 0 0;
	border-top:0;
}


/* Discounts Tab */
#discounts {
	margin:0 6px 0 0; 
	width:185px;
}

#ccl {
	margin:0;
	padding:0;
	width:185px;
	height:120px;
	float:left;
}


/* Footwear Tab */
#footwear { 
	margin:0 6px 0 0; 
	width:185px;
}

#vld { 
	margin:0; 
	padding:0;
	width:185px;
	height:120px;
	float:left;
}


/* Home & Garden Tab */
#homegarden { 
	margin:0 6px 0 0; 
	width:185px;
}

#ihm {
	margin:0; 
	padding:0;
	height:120px; 
	width:185px;
	float:left;
}

/* BGS Gifts Tab */
#bgs { 
	margin:0 6px 0 0; 
	width:185px;
}

#jdf {
	margin:0; 
	padding:0;
	width:185px;
	height:120px;
	float:left;
}


/* Lingerie Tab */
#lingerie { 
	margin:0; 
	width:185px;
}

#nat {
	padding:0;
	height:120px; 
	width:185px;
	float:left;
}


/* Fashion Tab */
#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 Tab */
#gifts {
	margin:0; 
	width:566px; 
}

#bos {
	padding:2px 6px 0 0 !important;
	height:120px; 
	width:566px;
	float:left;
}


/* HSD Link */
.hsd_link {
	margin:0;
	font-size:12px;
	font-weight:bold;
}

.hsd_link a {
	font-weight:bold;
	text-decoration:none;
}


/* Image styles for jQuery function */
.other_site_img {
	height:98px;
	overflow:hidden;
	position:absolute;
}

.OSInormal {
	width:185px;
}

.OSIlarge {
	width:566px;
}
		
.other_site_img img {
	margin: 0px;
	padding: 0px;
	position: absolute;
}