/*

Julipa Layout Stylesheet
-----------------------------
Spring/Summer 2012 
Launch Version

Designer: RB

*/

body {
	/*background: #dcd7dd url(http://images2.drct2u.com/content/images/homepages/111214_JUL_SWs_bg_head.jpg) repeat-x top center;*/
	background: #cacaca url(http://images2.drct2u.com/content/images/homepages/111214_JUL_SWs_bg_head.jpg) repeat-x top center;
}

#content-div {
	background: #fefef2;
	height: 1326px;
	margin: 5px 0 0 0 auto;
	padding: 0 0 6px 0;
	position: relative;
	width: 1000px;
}

/* 
   SLOT 1
   Spare slot
*/

/* 
   SLOT 2
   Advertising Text
*/

#slot2 {
	clear: both;
	float: left;
	left: 0;
	_left: 0;
	padding: 0;
	margin: 0 0 0 0;
	_margin:0px;
	position:absolute;
	_position:absolute;
	top: 1170px;
	_top: 1170px;
	/_top: 1170px;
	t/op: 1170px;
	_display:inline;
	width: 1000px;
	color: #000;
	background: #fefef2;
}

#slot2 .siteinfocopy,
#slot2 .siteinfocopyend {
	margin:10px 75px 10px 10px;
	width:270px;
	float:left;
	color: #000;
}

#slot2 .siteinfocopyend {
	margin:10px 0px 10px 0px;
	color: #000;
}

#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: #2e333a;
	font-size: 0.8em;
	margin: 0 0 10px 0;
}

#slot2 p {
	font-size: 0.75em;
	line-height: 1.3em
	color: #000;
}

/* 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: #000;
	text-decoration: underline;
}

#content-div #slot2 a:hover {
	color: #806488;
	text-decoration: none;
}

/* 
   SLOT 3
   Main Lifestyle
*/

#slot3 {
	margin:0px 0 10px;
	float:left;
	width:1000px;
	height:410px;
	position:relative;
	display:inline;
}
#slot3 #lifestyle h1 {
	text-indent:-9999px;
	display:none;
}

#slot3 #lifestyle {
	position:absolute;
	top:0;
}

#slot3 #Nav {
	float:left;
	width:140px;
	height:410px;
	position:absolute;
	top:16px;
	left:13px;
	z-index: 998;
	padding-top: 8px;
}

#Nav ul {
	margin:0;
	padding:0;
	width:140px;
	top:0;
}

#Nav ul li {
	list-style-type:none;
	float:right;
	margin: 3px 0px 3px 0px;
	display:block;
}

#Nav ul li.shop {
	width:140px; height:28px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_shopcepot.gif) no-repeat 0px;
}

#Nav ul li a.nightingales {
	width:140px; height:38px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_nightingales.gif) no-repeat 0px;
}
#Nav ul li a.nightingales:hover {
	background-position:0px;
}

#Nav ul li a.heather {
	width:140px; height:38px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_heather.gif) no-repeat 0px;
}
#Nav ul li a.heather:hover {
	background-position:0px;
}

#Nav ul li a.special {
	width:140px; height:38px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_essential_collection.gif) no-repeat 0px;
}
#Nav ul li a.special:hover {
	background-position:0px;
}

#Nav ul li a.knitwear {
	width:140px; height:38px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_classic.gif) no-repeat 0px;
}
#Nav ul li a.knitwear:hover {
	background-position:0px;
}

#Nav ul li a.outerwear {
	width:140px; height:38px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_lingerie.gif) no-repeat 0px;
}
#Nav ul li a.outerwear:hover {
	background-position:0px;
}

#Nav ul li a.classics {
	width:140px; height:38px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_footwear.gif) no-repeat 0px;
}
#Nav ul li a.classics:hover {
	background-position:0px;
}

#Nav ul li a.shapely {
	width:140px; height:38px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_home.gif) no-repeat 0px;
}
#Nav ul li a.shapely:hover {
	background-position:0px;
}

#Nav ul li a.shoe {
	width:140px; height:38px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_footwear.gif) no-repeat 0px;
}
#Nav ul li a.shoe:hover {
	background-position:0px;
}

#Nav ul li a.home {
	width:140px; height:38px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_home.gif) no-repeat 0px;
}
#Nav ul li a.home:hover {
	background-position:0px;
}

#lifestyle {
	background: no-repeat;
	width:1000px;
	height:410px;
	float:left;
}

#lifestyle ul {
	margin:0;
	padding:0;
	width:341px;
	position:absolute;
	top:174px; *top:170px;
	right:30px; *right:-420px;
}

#lifestyle ul li {
	list-style-type:none;
	float:right;
}

#lifestyle ul li a.cta1 {
	margin:0px 0px 0px;
	width:314px;
	height:65px;
	display:block;
	background: url(http://images2.drct2u.com/content/images/homepages/110512_JUL_hp_cta1.jpg) no-repeat;
}

#lifestyle ul li a.cta1:hover {
	background-position:-314px;
}

#lifestyle ul li a.cta2 {
	margin:0px 0px 0px;
	width:314px;
	height:68px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/110512_JUL_hp_cta2.jpg) no-repeat;
}

#lifestyle ul li a.cta2:hover {
	background-position:-314px;
}

#lifestyle ul li a.cta3 {
	width:314px;
	height:58px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/110517_JUL_hp_cta3.jpg) no-repeat;
}

#lifestyle ul li a.cta3:hover {
	background-position:-314px;
}

#lifestyle ul li a.winterclearance {
	margin:0px 0px 0px;
	margin-top:3px;
	width:267px;
	height:170px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/110209_JUL_HP_winterclearancetab.gif) no-repeat;
}

/* Product Link on Lifestyle Shot */

#slot3 #ProdLink {
	float:left;
	width: 125px;
	height: 50px;
	position:absolute;
	top:265px;
	left:220px;
	z-index: 998;
}



/* TV Ad Slots */

a.julipatvad {
	position:absolute;
	Top:367px;
	left:557px;
	width:148px;
	height:32px;
	display:block;
	background:url(http://images2.drct2u.com/content/images/homepages/110325_JUL_ph_tv.jpg) no-repeat;
}

a.julipatvad:hover {
	background-position:-148px;
}


#lifestyle span {
	display:none;
}
a.mainclick {
	position:absolute;
	width:400px;
	height:410px;
}


/* 
   SLOT 5
   Secondary Offer (left)
*/

/* 
   SLOT 6
   Secondary Offer (mid-left)
*/

/* 
   SLOT 7
   Secondary Offer (mid-right)
*/

#slot5,
#slot6,
#slot7,
#slot8 {
	background: #f15e7c;
	margin:0px 0px 10px 0px;
	padding:0px;
	width:326px;
	height:208px;
	float:left;
	position:relative;
}
#slot6,
#slot7 {
	margin-left: 11px;	
}

#slot5 .title {
	background: no-repeat;
	width:326px;
	height:32px;
	float:left;
	position:relative;
}
#slot5 .img {
	width:326px;
	height:176px;
	float:left;
	position:relative;
}

#slot6 .title {
	background: no-repeat;
	width:326px;
	height:32px;
	float:left;
	position:relative;
}
#slot6 .img {
	width:326px;
	height:176px;
	float:left;
	position:relative;
}

#slot7 .title {
	background: no-repeat;
	width:326px;
	height:32px;
	float:left;
	position:relative;
}
#slot7 .img {
	width:243px;
	height:139px;
	float:left;
	position:relative;
}

#slot8 .title {
	background: no-repeat;
	width:326px;
	height:32px;
	float:left;
	position:relative;
}
#slot8 .img {
	width:243px;
	height:139px;
	float:left;
	position:relative;
}

#slot5 a.title:hover,
#slot6 a.title:hover,
#slot7 a.title:hover,
#slot8 a.title:hover {
	background-position: 0px;
}

/* 
   SLOT 8
   Secondary Offer (right)
*/

#slot8 {
	margin:0px 0px 15px 0px;
	padding:0px;
	width:243px;
	height:169px;
	float:left;
	position:relative;
}

/* 
   SLOT 5, 6, 7 & 8
*/

#slot5 a.shopnow,
#slot6 a.shopnow,
#slot7 a.shopnow,
#slot8 a.shopnow {
	padding:0px 20px 0px 0px;
	position:absolute;
	top:3px;
	right:6px;
	color:#000;
	font-size:0.8em;
	text-decoration:none;
	background:url(http://images2.drct2u.com/content/images/homepages/1006AW_JUL_shopnowbg.png) no-repeat right;
}










#slot5 a.shopnow:hover,
#slot6 a.shopnow:hover,
#slot7 a.shopnow:hover,
#slot8 a.shopnow:hover {
	text-decoration:underline;
}


/* 
   SLOT 9
   Link section
*/

#slot9 {
	float: left;
	margin: 0px -3px 30px 0;
	position: relative;
	width: 1000px;
	background: #fefef2;
}

#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: 13px;
	margin: 0;
	padding: 0;
}

#slot9 ul#links_about li.title, #slot9 ul#links_shop li.title {
	background: #6b6f75;
	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: #6b6f75;
	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 #806488;
	text-decoration: none;
}

/*Slot 10
*/

#slot10 {
	background: #6b6f75;
	display: inline;
	width: 1000px;
	height:373px; 
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

#discounts {
	float: left;
	height: 137px; 
	margin: 9px 3px 6px 16px;
	_margin: 9px 3px 6px 13px;
	padding: 0;
	width: 228px; 
}

#discounts p.brand_header {
	color: #000; 
	font-weight: bold;
	letter-spacing: -1px;
	margin-left: 10px; 
	padding-left:10px;
	text-transform: uppercase;
}

#discounts div p {
	font-size: 13px;
}

#discounts div {
	margin: 0px 0 0;
	padding: 0px 0 0;
}

#discounts div div {
	border-top: 0;
	margin: 2px 0 0;
}

#ccl {
	float: left;
	height: 120px; 
	margin: 0; 
	padding: 0;
	width: 185px;
}

/* Image styles for jQuery function */

.other_site_img {
	height: 137px;
	overflow: hidden;
	position: absolute;
	width: 228px;
}	
		
.other_site_img img {
	margin: 0px;
	padding: 0px;
	position: absolute;
}