/*

JD Williams Layout Stylesheet
-----------------------------
Autumn/Winter 2010 
Launch Version

Designer: Steve

*/

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

/* 
   SLOT 1
   Spare slot
*/

#slot1 {
	background: #fff;
	color: #fff;
	display: inline;
	float: left;
	height: 75px;
	margin: 0px 0 0 0;
	padding: 0px;
	width: 1000px;
}

#slot1 p {
	margin: 5px 0px 0px 10px;
	padding: 0px;
}

/* 
   SLOT 2
   Advertising Text
*/

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

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

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

#slot2 p {
	font-size: 0.7em;
	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 {
	float: left;	
	height: 420px;
	margin: 6px 0 0;
	padding: 0;
	position: relative;
	width: 1000px;
	z-index: 1;
}

#slot3 h2.completelook {
	top:0;
	left:0;
	height:66px;
	width:355px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/1007AW_FPS_S3_header.jpg) no-repeat;
	position:absolute;
}

#slot3 h3.newseason {
	top:66px;
	left:0;
	height:80px;
	width:355px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/1007AW_FPS_S3_copy.jpg) no-repeat;
	position:absolute;
}

#slot3 a.howtowearprints {
	left: 0;
	top:236px;
	height: 111px;
	width: 201px;
	display: block;
	background: url(http://images2.drct2u.com/content/images/homepages/1007AW_FPS_S3_prints.jpg) no-repeat 0 100%;
	position: absolute;
}

#slot3 a.howtowearprints:hover {
	background-position:-201px;
}

#slot3 a.roundel {
	top:155px;
	left:580px;
	position:absolute;
}

#slot3 ul {
	margin:0;
	top:0;
	right:0;
	position:absolute;
	list-style-type:none;
}

#slot3 ul li a.knitwear {
	height:111px;
	width:316px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/1007AW_FPS_S3_link1.jpg) no-repeat;
}

#slot3 ul li a.pumps {
	height:120px;
	width:316px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/1007AW_FPS_S3_link2.jpg) no-repeat;
}

#slot3 ul li a.accessories {
	height:101px;
	width:316px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/1007AW_FPS_S3_link3.jpg) no-repeat;
}

#slot3 ul li a.knitwear:hover,
#slot3 ul li a.pumps:hover,
#slot3 ul li a.accessories:hover {
	background-position:-316px;
}

#slot3 a.shopdresses {
	right:244px;
	top:332px;
	height: 57px;
	width: 210px;
	display: block;
	background: url(http://images2.drct2u.com/content/images/homepages/1007AW_FPS_S3_shopourdressesbtn.jpg) no-repeat 0 100%;
	position: absolute;
}

#slot3 a.shopdresses:hover {
	background-position:-210px;
}

#slot3 span {
	display:none;
}

/* 
   SLOT 4
   Popular Picks
*/

#slot4 {
	background: url(http://images2.drct2u.com/content/images/homepages/1006AW_FPS_S4_picksbg.png) no-repeat;
	display: inline;
	float: left;
	left: 0;
	height: 36px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 404px;
	width: 1000px;
	z-index: 10;
}

#slot4 ul {
	list-style: none;
	margin: 10px 0 0 20px;
	padding: 0;
}

#slot4 ul li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}

#slot4 ul li a {
	background: url(http://images2.drct2u.com/content/images/homepages/1006AW_FPS_S4_listitem.gif) no-repeat 0 3px;
	color: #fff;
	display: block;
	font-size: 13px;
	margin: 0;
	padding: 0 0 0 18px;
	text-decoration: none;
}

#slot4 ul li a.newin {
	background: url(http://images2.drct2u.com/content/images/homepages/1006AW_FPS_S4_newin.gif) no-repeat;
	color: #e71669;
	display: block;
	font-size: 12px;
	height: 19px;
	margin: 0;
	padding: 0 0 0 22px;
	width: 45px;
}

#slot4 ul li a:hover {
	text-decoration: underline;
}

#slot4 ul li a.newin:hover {
	color: #195b9f;
}

/* 
   SLOT 5
   Secondary Offer (left)
*/

#slot5 {
	display: inline;
	float: left;
	height: 146px;
	margin: 33px 24px 0 0;
	padding: 0px;
	position: relative;
	width: 232px;
}

#slot5 h2 {
	left: -9999px;
	position: absolute;
}

#slot5 p {
	font-size: 11px;
	height: 35px;
	line-height: 1.25em;
	margin: 0;
	padding: 6px 0 0;
}

#slot5 a img {
	border-bottom: 1px solid #000;
}

/* 
   SLOT 6
   Secondary Offer (mid-left)
*/

#slot6 {
	display: inline;
	float: left;
	height: 146px;
	margin: 33px 24px 0 0;
	padding: 0px;
	position: relative;
	width: 232px;
}

#slot6 h2 {
	left: -9999px;
	position: absolute;
}

#slot6 p {
	font-size: 11px;
	height: 35px;
	line-height: 1.25em;
	margin: 0;
	padding: 6px 0 0;
}

#slot6 a img {
	border-bottom: 1px solid #000;
}

/* 
   SLOT 7
   Secondary Offer (mid-right)
*/

#slot7 {
	display: inline;
	float: left;
	height: 146px;
	margin: 33px 24px 0 0;
	padding: 0px;
	position: relative;
	width: 232px;
}

#slot7 h2 {
	left: -9999px;
	position: absolute;
}

#slot7 p {
	font-size: 11px;
	height: 35px;
	line-height: 1.25em;
	margin: 0;
	padding: 6px 0 0;
}

#slot7 a img {
	border-bottom: 1px solid #000;
}

/* 
   SLOT 8
   Secondary Offer (right)
*/

#slot8 {
	display: inline;
	float: left;
	height: 146px;
	margin: 33px 0 0;
	padding: 0px;
	position: relative;
	width: 232px;
}

#slot8 h2 {
	left: -9999px;
	position: absolute;
}

#slot8 p {
	font-size: 11px;
	height: 35px;
	line-height: 1.25em;
	margin: 0;
	padding: 6px 0 0;
}

#slot8 a img {
	border-bottom: 1px solid #000;
}

/* 
   SLOT 9
   Link section
*/

#slot9 {
	float: left;
	margin: 10px 0 30px;
	position: relative;
	width: 1000px;
}

#slot9 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#links_about {
	float: left;
	margin: 0 4px 0 0;
	width: 186px;
} 

ul#links_help {
	float: left;
	margin: 0 4px 0 0;
	width: 308px;
}

ul#links_brands {
	float: left;
	margin: 0 4px 0 0;
	width: 308px;
}

ul#links_shop {
	float: left;
	width: 186px;
} 

#slot9 ul li {
	float: left;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#slot9 ul#links_about li.title, #slot9 ul#links_shop li.title {
	background: #195b9f;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	margin: 0;
	padding: 8px 0 8px 11px;
	text-transform: uppercase;
	width: 175px;
}

#slot9 ul#links_help li.title, #slot9 ul#links_brands li.title {
	background: #195b9f;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	margin: 0;
	padding: 8px 0 8px 11px;
	text-transform: uppercase;
	width: 297px;
}

ul#links_about li a {
	border-bottom: 1px solid #b1b1b1;
	color: #000;
	display: block;
	margin: 0;
	padding: 4px 0 4px 11px;
	text-decoration: none;
	width: 175px
}

#slot9 ul#links_help li a, #slot9 ul#links_brands li a {
	border-bottom: 1px solid #b1b1b1;
	color: #000;
	display: inline;
	float: left;
	margin: 0 4px 0 0;
	padding: 4px 0 4px 11px;
	text-decoration: none;
	width: 139px
}

#slot9 ul#links_shop li a {
	border-bottom: 1px solid #b1b1b1;
	color: #000;
	display: inline;
	float: left;
	margin: 0 4px 0 0;
	padding: 4px 0 4px 11px;
	text-decoration: none;
	width: 78px
}

#slot9 ul#links_about li a:hover, #slot9 ul#links_help li a:hover, #slot9 ul#links_brands li a:hover, #slot9 ul#links_shop li a:hover {
	border-bottom: 1px solid #195b9f;
	text-decoration: none;
}

/* 
   SLOT 15
   Other sites
*/

#slot15 {
	display: inline;
	width: 999px; 
	margin: 0 -3px 0 0;
	padding: 0px;
	background: #ceddec;
	float: left;
	overflow: hidden;
}

#slot15 #Others {
	background: #fff;
	clear: both;
	margin: 0px; 
	padding: 0px;
	height: 24px;
}

#slot15 #Others p {
	float: left;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
}

#slot15 #Others ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}

#slot15 #Others ul li {
	background: url(http://images2.drct2u.com/content/images/homepages/1006AW_JDW_othertick.gif) no-repeat 0 4px;
	float: left;
	font-size: 12px;
	margin: 0 0 0 16px;
	padding: 0 0 0 16px;
}

/* Other Sites Container */

#OtherSiteCont {width:1000px; height:347px; background-color:#ceddec; padding:3px;}
#OtherSiteCont p {margin:0; padding:0; font-size: 12px;}

/* Discounts Tab */

#Discounts {width:398px; height:160px; float:left; margin:0px 0px 0px 0px; padding:0px;background-color:#ceddec;}
#Disc {width:380px; height:120px; margin: 0px; padding: 5px; float:left; background-color:#fff; border: 1px solid #b9c6d4;}
#DiscountHead  {background: #195b9f; color: #fff; width: 146px; height: 21px; border: 0; margin: 0; padding: 3px 0 0 4px !important;}
#CCL {width:185px; height:120px; margin:0px 7px 0px 0px; padding:0px; float:left;}
#DIS {width:185px; height:120px; margin:0px 0px 0px 0px; padding:0px; float:left;}

/* Lingerie Tab */

#Lingerie {width:398px; height:160px; float:left; margin:0px 0px 0px 0px; padding:0px;background-color:#ceddec;}
#Ling {width:380px; height:120px; margin: 0px; padding: 5px; float:left; background-color:#fff; border: 1px solid #b9c6d4;}
#LingerieHead  {background: #195b9f; color: #fff; width: 146px; height: 21px; border: 0; margin: 0; padding: 3px 0 0 4px !important;}
#NAT {width:185px; height:120px; margin:0px 7px 0px 0px; padding:0px; float:left;}
#XXX {width:185px; height:120px; margin:0px 0px 0px 0px; padding:0px; float:left;}

/* Footwear Tab */

#Footwear {width:190px; _width:176px;height:160px; float:left; margin:0px 9px 0px 0px; _margin: 0px 3px 0px 0px; padding:0px;}
#Foot {width:184px; _width:176px; height:120px; margin: 0px; padding: 5px; _padding: 5px 0px 5px 4px; float:left; background-color:#fff; border: 1px solid #b9c6d4;}
#FootwearHead  {background: #195b9f; color: #fff; width: 146px; height: 21px; border: 0; margin: 0; padding: 3px 0 0 4px !important;}	
#VLD {width:185px; _width:176px; height:120px; margin:0px 7px 0px 0px; padding:0px; float:left;}

/* Fashion Tab */

#Fashion {width:190px; _width:176px;height:160px; float:left; margin:0px 9px 0px 0px; _margin: 0px 3px 0px 0px; padding:0px;}
#Fash {width:184px; _width:176px; height:120px; margin: 0px; padding: 5px;  _padding: 5px 0px 5px 4px; float:left; background-color:#fff; border: 1px solid #b9c6d4;}
#FashionHead  {background: #195b9f; color: #fff; width: 146px; height: 21px; border: 0; margin: 0; padding: 3px 0 0 4px !important;}
#FW {width:185px; _width:176px; height:120px; margin:0px 7px 0px 0px; padding:0px; float:left;}

/* Home & Garden Tab */

#Home {width:190px; _width:176px;height:160px; float:left; margin:0px 9px 0px 0px; _margin: 0px 3px 0px 0px; padding:0px;}
#Hm {width:184px; _width:176px; height:120px; margin: 0px; padding: 5px;  _padding: 5px 0px 5px 4px; float:left; background-color:#fff; border: 1px solid #b9c6d4;}
#HomeHead  {background: #195b9f; color: #fff; width: 146px; height: 21px; border: 0; margin: 0; padding: 3px 0 0 4px !important;}
#IHM {width:185px; _width:176px; height:120px; margin:0px 7px 0px 0px; padding:0px; float:left;}

/* Gifts Tab */

#Gifts {width:398px; height:160px; float:left; margin:0px 0px 0px 0px; padding:0px;}
#Gft {width:380px; height:120px; margin: 0px; padding: 5px; float:left; background-color:#fff; border: 1px solid #b9c6d4;}
#GiftsHead  {background: #195b9f; color: #fff; width: 146px; height: 21px; border: 0; margin: 0; padding: 3px 0 0 4px !important;}
#JDF {width:185px; height:120px; margin:0px 7px 0px 0px; padding:0px; float:left;}
#CRA {width:185px; height:120px; margin:0px 0px 0px 0px; padding:0px; float:left;}

/* Partners Tab */

#Partners {width:190px; _width:176px;height:160px; float:left; margin:0px 9px 0px 0px; _margin: 0px 3px 0px 0px; padding:0px;}
#Part {width:184px; _width:176px; height:120px; margin: 0px; padding: 5px;  _padding: 5px 0px 5px 4px; float:left; background-color:#fff; border: 1px solid #b9c6d4;}
#PartnersHead  {background: #195b9f; color: #fff; width: 146px; height: 21px; border: 0; margin: 0; padding: 3px 0 0 4px !important;}
#PRT {width:185px; _width:176px; height:120px; margin:0px 7px 0px 0px; padding:0px; float:left;}

/* HSD Link */

.HSDLink {margin:4px 0 0 3px; font-size:12px; font-weight:bold; float: left;}
.HSDLink a {text-decoration: none; font-weight:bold;}

/* Slots */

.slot {width:185px;height:98px;overflow:hidden;position:absolute;}			
.slot img {position:absolute;margin:0px; padding:0px;}