/* BRAND STYLE TEMPLATE  */
/* (Last updated 17/11/09 by JonnyP)
	1) Slot 2 Fix 
	 */
/* Updated 04/03/10 by AF - lifestyle image and clickthrough on slot 9 + image updates on slots 4, 5, 6 */
/* Updated 16/03/10 by AF - leftnav 30% off */
/* Updated 15/04/10 by KD - leftnav & Lifestyle */
/* Updated 28/04/10 by AF - Lifestyle */
/* Updated 12/05/10 by Krishan - Changed background image of Slot 4  */
/* Updated 07/07/10 by Krishan - Changed Slot 7 to relative positioning to fix IE 6 bug */

body{
	margin:0px 0px 0px 0px;
	padding:0; 
	background-color:#ffffff; 	
	} 
	


#content-div{
	position:relative;
	width:993px; 
	height: 1015px;
	margin-left:auto; 
	margin-right:auto;
	border: 5px #ff99cc solid;
	background-color:#FFFFFF;
	clear:both;
	}

#content-div{
	_height: 1040px;
	}


img {
	border:none;
	}

/* Top Navigation Style-------------------------- */

#topNav-1 {
	height:35px;
	}

ul#topNavigation {
	color: #ffffff; 
	background-color: #ff99cc; 
	height:28px; 
	width:1003px; 
	margin:0; 
	padding:0px;	
	text-align:left;
	font-size:16px;
	padding-top:12px;
	}

ul#topNavigation{
	_width:1008px;
	_height:23px;	
	}

ul#topNavigation li {
	margin:0px;
	padding:0px;
	}

#topNavigation a {
	color: #ffffff; 
	text-decoration: none; 
	margin:10px 0px 0px 0px; 
	padding:0;	
	}


#topNavigation a:link {
	color: #FFFFFF; 
	text-decoration: none;	
	}

#topNavigation a:visited {
	color: #FFFFFF; 
	text-decoration: none;
	}


#topNavigation a:hover {
	color: #ffffff; 
	text-decoration: none;	
	background-color: #ec008c;
	}


#topNavigation a.previous {
	color: #ffffff; 
	background-color: #bbd033;
	} 


/* Slot 2
--------------------- */


#slot2 {
	width: 990px;
	height:180px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 830px;
	left: 0px;
	/*border: 1px #FF0000 solid;*/
	display: inline;
	float:left;
	z-index:100;
	background-color:#FFFFFF;
	}



#slot2 h1 {
	width:800px;
	color: #AFAFAF;
	font-family:Arial, Helvetica, sans-serif;
	margin: 15px 0 10px 6px;
	padding: 0px;
	font-size: 14px;
	}

#slot2 h2, #slot2 h3, #slot2 h4 {
	font-family:Arial, Helvetica, sans-serif;
	color: #AFAFAF;
	font-size: 14px;
	margin: 0 0 10px 0;
	}


#slot2 p {
	font-size: 0.7em;
	line-height: 1.3em;
	color: #6F6F6F;
}


/* Slot 2 - SEO copy slots
--------------------- */

.aboutcopyleft {
	border-right: 1px solid #DFDFDF;
	width: 285px;
	margin: 0 0 0 15px;
	padding: 0 25px 0 0;
	display: inline;
	float: left;
}

.aboutcopymiddle {
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	width: 285px;
	margin: 0;
	padding: 0 25px 0 25px;
	display: inline;
	float: left;
}


.aboutcopyright {
	border-left: 1px solid #DFDFDF;
	width: 285px;
	margin: 0;
	padding: 0 0 0 25px;
	display: inline;
	float: left;
}


.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: #ED008C;
	text-decoration: underline;
}

#content-div #slot2 a:hover {
	background-color: #ED008C;
	color: #ffffff;
	text-decoration: none;
}



/* Slot3 - Lifestyle --------------------------*/

#slot3 {
	width: 982px;	
	height: 638px !important;
	margin: 5px 0px 0px 5px;
	padding:0px;
	/*border: 3px #d7b59b solid;*/
	z-index:5;	
	float:left;
	}
	
#slot3 img{
	padding:0px;
	float:left;
	margin:0px;
	}
	
#slot3 {
	_height:630px;
	_margin: 5px 0px 0px 2px;

	}
	
	
	
	

/* Slot3 - Left Hand Nav -------------------------- */

#slot3nav {
	position:absolute;
	top:0px;
	left:8px;
	width: 187px;
	height: 500px;
	margin: 0px;
	padding:0px;
	z-index:200;
	display:block;
	background:transparent;
	}
	
#white {
	width:192px;
	height:51px;
	margin:0px 0px 0px 0px; 
	padding:0px; 
	float:left;
	}
	
	#bra {
	width:110px;
	height:51px;
	margin:0px 0px 0px 0px; 
	padding:0px; 
	position: relative; 
	float:left;
	background:url(http://images2.drct2u.com/content/images/homepages/1006ss_BYS_sale_bras_hover.gif) no-repeat;
	}

#knickers {
	width:119px;
	height:51px;
	margin:0px 0px 0px 0px; 
	padding:0px; 
	position:relative;
	float:left; 
	background:url(http://images2.drct2u.com/content/images/homepages/1006ss_BYS_sale_knickers_hover.gif) no-repeat;
	}

#fashion {
	width:107px;
	height:51px;
	margin:0px 0px 0px 0px; 
	padding:0px; 
	position:relative;
	float:left;  
	background:url(http://images2.drct2u.com/content/images/homepages/1006ss_BYS_sale_fashion_hover.gif) no-repeat;
	}
	
#shapewear {
	width:138px;
	height:51px;
	margin:0px 0px 0px 0px; 
	padding:0px; 
	position:relative;
	float:left;  
	background:url(http://images2.drct2u.com/content/images/homepages/1006ss_BYS_sale_shapewear_hover.gif) no-repeat;
	}
	
#nightwear {
	width:130px;
	height:51px;
	margin:0px 0px 0px 0px; 
	padding:0px; 
	position:relative;
	float:left;  
	background:url(http://images2.drct2u.com/content/images/homepages/1006ss_BYS_sale_nightwear_hover.gif) no-repeat;
	}
	
#swimwear {
	width:186px;
	height:51px;
	margin:0px 0px 0px 0px; 
	padding:0px; 
	position:relative;
	float:left;  
	background:url(http://images2.drct2u.com/content/images/homepages/1006ss_BYS_sale_swimwear_hover.gif) no-repeat;
	}
	
#newIn{
	width:178px;
	height:68px;
	float:left; 
	z-index:1000;
	display:block;
	}

#slot3nav #slot_LeftColumn{
	width:182px;
	height:630px; 
	float:left;
	margin-top:8px;
	margin-left:0px;
	background-image:url(http://images2.drct2u.com/content/images/homepages/04062010_BYS_leftnav.gif);
	background-repeat:no-repeat;
	}
	
/* Drop Down Menu  */

#slot3nav #dropMenu{ 
		margin: 70px 0px 0px 0px; 
		padding:0; 
		list-style:none; 
		width: 178px; 
		height: 125px; 
		position:relative;	
		}
		

#slot3nav #dropMenu{ 
		_margin: 4px 0px 0px 0px; 		
		}
		
		
#dropMenu h2{
	margin:0 0 10px 10px; 
	padding:0; 
	font-size:14px; 
	color:#ec008c; 
	font-family:Arial, Helvetica, sans-serif; 
	text-indent: 0px;
	}


#dropMenu h2 a{ 
	display:block; 
	text-decoration:none; 
	color:#ec008c; 
	font-weight:bold;
	_padding-top:0px; 
	}


#dropMenu h2 a:hover{
	text-decoration:underline;
	}
	
	
#dropMenu ul{
	margin:0; 
	padding:0; 
	list-style:none; 
	border: 1px solid #8f8f8f; 
	width:180px; 
	float:left; 
	background-color:#FFFFFF;
	}

#dropMenu ul#two{
	text-indent:20px;
	margin:0; 
	padding:0; 
	list-style-type:none; 
	float:left; 
	border-left:none; 
	width:180px; 
	background-color:#FFFFFF;
	}


#dropMenu ul#three{
	text-indent:20px;
	margin:0px; 
	padding:0; 
	list-style-type:none; 
	float:left;  
	width:180px; 
	background-color:#FFFFFF;
	}

#dropMenu ul li a{
	color:#FFFFFF; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	text-decoration:none; 
	display:block; 
	width: 179px;
	height:27px; 
	padding-top:3px; 
	background: url(http://images2.drct2u.com/content/images/homepages/090805AW_BYS_S4_bullet.gif) no-repeat 9px 9px; 
	padding-left:0px; 
	color:#666666;  
	}


#dropMenu ul li a:hover{
	background-color:#CFA98E;
	color:#ffffff; 
	}


#dropMenu ul li {
	background-color:transparent;
}
		
#dropMenu h2#dropSize{
		padding:13px 0px 0px 15px;
		width: 130px;		
		}
		
	
#dropMenu #dropBrands{
	padding: 15px 0px 0px 15px;	
	width:130px;
	}

#dropMenu #dropBrands_Box{
	position:absolute; 
	top:42px; 
	left:145px; 
	width:600px; 
	background-color: transparent; 
	display:none;
	text-indent:20px;
	z-index:1000;
	}

#dropMenu #dropCollections{
	padding: 15px 0px 0px 15px;	
	width:155px;
	}
	
	
#dropMenu #dropCollections_Box{
	position:absolute; 
	top:85px; 
	left:145px; 
	width:180px; 	
	background-color: #666666;
	display:none; 
	text-indent:20px;
	}


#slot3nav #bottomMenu{ 
		margin:0; 
		padding:0; 
		list-style:none; 
		width: 200px; 
		height: 46px; 
		position:relative;		
		}

#slot3nav #smallPrint{ 		
		position:relative;
		top:518px;
		left:430px;
		margin:0;		
		padding:0; 
		width:600px; 
		height:20px; 	
		z-index:1000;		
		}


#bottomMenu h2#watcherika{
		padding-top:13px;
		width: 170px;
		text-align:left;
		text-indent:0px;
		margin-left:10px;
		line-height:1.3em;
		}

#bottomMenu h2#watcherika{
		_padding-top:10px;		
		}


#bottomMenu h2{
	margin:0 0 10px 0; 
	padding:0; 
	font-size:16px; 
	color:#ec008c; 
	font-family:Arial, Helvetica, sans-serif; 
	text-indent: 10px;
	}

#bottomMenu h2 a{ 
	display:block; 
	text-decoration:none; 
	color:#ec008c; 
	font-weight:bold;
	_padding-top:0px; 
	}

#bottomMenu h2 a:hover{
	text-decoration:underline;
	}




/* sub menu --------------------------*/


#sub{
	margin-top:64px;
	z-index:1000;
	}	

#sub ul{
	margin: 7px 0px 0px 0px;
	padding:0px;
	z-index:1000;
	line-height:1em;
	}

#sub{
	_margin-top:0px;
	}

#sub a{
	color:#3F3F3F;
	width: 179px;
	height:27px;
	z-index:1000;
	}


#sub a:hover{
	color:#000000;
	width: 179px;
	height:27px;
	z-index:1000;
	display: inline-block; 
	}	


#sub li {
	margin:0px 0px 4px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	list-style:none;
	text-indent:5px;
	line-height:2.14em;	
	width: 179px;
	height:27px; 
	z-index:1000;
	}


#sub li {
	*margin:-3px 0px 3px 0px;
	*line-height:2.2em;	
	}

#sub ul li hover {
	width:178px;
	height:27px;
	z-index:1000;
	}


#sub ul li a {
	display: inline-block; 
	width:178px;
	height:27px;	
	z-index:1000;
	} 

/* video -------------------------- */

#video{width:512; height: 353px; margin-top:0px; display:none; border:5px solid #ffffff; z-index:9999; position:absolute; top:20px; left:50%; margin-left:-280px;}


#video iframe{width:512px; height: 353px; position:absolute;}


#videoButtons{display:inline;float:left; width:512px; height: 31px;}




/* Slot4 ---------------------------*/

#slot4 {
	position:relative; 
	top:-824px;
	left:425px;
	width: 250px;
	height: 166px;
	margin: 0px;
	padding:0px;
	z-index:100;	
	}

#slot4 {
	*margin-left:-2px;	
	_margin-left:-5px;
	}




	
/* Slot 5 ---------------------------*/

#slot5 {
	position:relative; 
	top:-784px;
	left:425px;
	width: 250px;
	height: 166px;
	margin: 0px;
	padding:0px;
	z-index:100;	
	}
	
#slot5 {
	*margin-left:-2px;	
	_margin-left:-5px;
	}


	

/* Slot 6 ---------------------------*/

#slot6 {
	position:absolute;
	top:255px;
	left:425px;
	width: 250px;
	height: 166px;
	margin: 0px;
	padding:0px;
	z-index:100;	
			}
	
	
#slot6 {
	*margin-left:-2px;	
		_margin-left:-5px;
	}


/* CSS for Slots 4, 5 and 6 JQuery -------------------------------- */  

.fashion_item {  
	position:relative;
	top:200px;
	left:300px;
/* width and height must be even number */  
    width:250px;  
    height:166px;   
    margin:5px 5px 5px 0;  
    background: url('http://images2.drct2u.com/content/images/homepages/1006ss_BYS_S4_swimwear_roll.jpg') no-repeat;  
/* make sure the four divs are hidden after changing the position */  
    overflow:hidden;  
/* absolute position enabled for children elements*/  
    position:relative;  
/* display item in single row */  
    float:left;  
/* hand symbol for ie and other browser */  
    cursor:hand; 
	cursor:pointer;  
   }  

/*.fashion_item {  	
	*border:3px dashed #ffffff;   }  */
   
.swimwear_item {  
	position:relative;
	top:200px;
	left:300px;
/* width and height must be even number */  
    width:250px;  
    height:166px;    
/*	*border:3px dashed #ffffff; 
    border:2px dashed #ffffff; */   
    margin:5px 5px 5px 0;  
    background: url('http://images2.drct2u.com/content/images/homepages/1006ss_BYS_S4_fashion_roll.jpg') no-repeat;  
/* make sure the four divs are hidden after changing the position */  
    overflow:hidden;  
/* absolute position enabled for children elements*/  
    position:relative;  
/* display item in single row */  
    float:left;  
/* hand symbol for ie and other browser */  
    cursor:hand; 
	cursor:pointer;  
   }

/*.swimwear_item {  	
	*border:3px dashed #ffffff;   }  */	
	
	
  .gok_item {  
	position:relative;
	top:200px;
	left:300px;
/* width and height must be even number */  
    width:250px;  
    height:166px;  
/*	*border:3px dashed #ffffff;  
    border:2px dashed #ffffff;  */  
    margin:5px 5px 5px 0;  
    background: url('http://images2.drct2u.com/content/images/homepages/040310SS_BYS_S6_gok_roll.jpg') no-repeat;  
/* make sure the four divs are hidden after changing the position */  
    overflow:hidden;  
/* absolute position enabled for children elements*/  
    position:relative;  
/* display item in single row */  
    float:left;  
/* hand symbol for ie and other browser */  
    cursor:hand; 
	cursor:pointer;  
   }

/*.gok_item {  	
	*border:3px dashed #ffffff;   }  */
  
     
.fashion_item img, .swimwear_item img, .gok_item img {  
     border:0;  
       }  
     
/* styling for caption, position absolute is a must to set the z-index */  

   
.fashion_item .caption, .swimwear_item .caption, .gok_item .caption {  
    position:absolute;  
    z-index:0;    
    color:#000000;  
    display:block;  
       }  
     
.fashion_item .caption h4 {  
    font-size:14px;  
    padding:40px 5px 0 120px;  
    margin:0;  
    color:#000000;  
        }  
		
gok_item .caption h4 {  
    font-size:14px;  
    padding:40px 5px 0 8px;  
    margin:0;  
    color:#000000;  
        }  
		
.swimwear_item .caption h4 {  
    font-size:14px;  
    padding:40px 5px 0 8px;  
    margin:0;  
    color:#000000;  
        }  
    
.fashion_item .caption p{  
    font-size:12px;   
    padding:50px 5px 0 120px;  
    margin:0;  
	width:125px;
         }  

.gok_item .caption p{  
    font-size:12px;   
    padding:3px 5px 0 8px;  
    margin:0;  
	width:250px;
         }  
		 
.swimwear_item .caption p{  
    font-size:12px;   
    padding:55px 5px 0 8px;  
    margin:0;  
	width:140px;
         }  
     
 /* Generic setting for corners */  
.topLeft, .topRight, .bottomLeft, .bottomRight {  
/* allow javascript to move the corners */  
    position:absolute;  
    background-repeat: no-repeat;   
    z-index:200;  
   }  
     
   /* set the background position for different corners */  
  .topLeft {  
   background-position: top left;    
   }   
     
   .topRight {  
   background-position: top right;   
   }   
  
  
   .bottomLeft {  
   background-position: bottom left;   
   }   
 
  .bottomRight {  
   background-position: bottom right;   
   }  
    
  .clear {  
   clear:both;   
   }  


	
	
/* Slot7 ---------------------------*/


#slot7{	margin:0; 
		padding:0; 
		margin-top: 657px;
		width:990px; 
		height: 205px;
		background:url(http://images2.drct2u.com/content/images/homepages/030210SS_BYS_S7_background.gif) no-repeat 0px;  
		display:block;
		}	

#slot7 ul{
		margin:0; 
		padding:0; 
		list-style-type:none; 
		position:relative;
		}
		
#slot7 li {
		background:url(http://images2.drct2u.com/content/images/homepages/020210SS_BYS_S7_arrow.png) no-repeat 0 8px;  
		padding: 0 0 0 8px; 
		margin:0; 
		height:20px; 
		}

#slot7 li a{
		font-size: 11px; 
		font-family:Arial, Helvetica, sans-serif; 
		color:#000;
		padding: 5px 0px 0px 8px; 
		}
		
		
#slot7 #leftside {
		width:530px;
		height:198px;
		padding:0px;
		margin:0px;
		float:left;
}
		
#slot7 #leftside {
		_width:510px;	
}
		
#slot7 #rightside {
		width:440px;
		height:198px;
		padding:0px;
		margin:0px;
		float:left;
}

#slot7 .column1{
		margin:6px 0px 0px 16px;
		width:125px; 
		float:left; 
		display:inline;
		height:180px; 
		}
		
#slot7 .column1{
		_margin:6px 0px 0px 7px;
		}

#slot7 .column1 li, #slot7 .column2 li, #slot7 .column3 li{
		line-height:1.4em;
		}

#slot7 .column1 li, #slot7 .column2 li, #slot7 .column3 li{
		*line-height:1.2em;
		}
				
		
#slot7 .column1 ul{
		margin:2px 0px 0px 0px;
		}
		

#slot7 .column2{
		margin:6px 0px 0px 10px;
		width:140px; 
		float:left; 
		height:170px; 
		}

#slot7 .column2 ul{
		margin:2px 0px 0px 0px;
		}
		
#slot7 #favBrands{
		width:200px;
		height:175px;
		padding:0px;
		margin:0px;
		float:left;
		display:inline;
}

#slot7 .column3{
		margin:6px 0px 0px 16px;
		float:left; 
		width:100px;
					}
			
		
#slot7 .column3 ul{
		margin:2px 0px 0px 0px;
		}	
		
#slot7 .column4{
		margin:29px 0px 0px 0px;
		float:left; 
		width:80px;
			}
			
#slot7 .column4{
		_margin:29px 0px 0px -30px;
		}

#slot7 .column4 ul{
		margin:2px 0px 0px 0px;
		}	
		

#siteshead {
		width:440px;
		height:72px;
		padding:0px;
		margin:5px 0px 0px 0px;
		float:left;
		display:inline;
		}	
		
		
#siteshead {
		_margin:5px 0px 0px 25px;
		}	

#social {
		width:126px;
		height:70px;
		margin:10px 15px 0px 5px;
		padding:0px;
		float:left;
}

#social {
		_margin:10px 15px 0px 20px;
		}


#slot7 #ourSites{
		margin-left:15px; 
		_margin-left:5px; 
		width:140px; 
		float:left; 
		margin-top:20px;
		}
		
#slot7 #ourSites2{ 
		width:140px; 
		float:left; 
		margin-top:20px;
		}

#slot7 #ourSites li, #slot7 #ourSites2 li{
		background:none; 
		padding:0; 
		margin:0;
		}
		
#slot7 #ourSites a, #slot7 #ourSites2 a{
		font-family:Arial, Helvetica, sans-serif; 
		font-size:12px; 
		font-weight:bold; 
		color: #ec008c; 
		text-decoration:underline;
		}
		
#slot7 #ourSites a:hover, #slot7 #ourSites2 a:hover{
		text-decoration:none;
		}
	
		
	

/* Slot8  - Tickertape --------------------------*/

#slot8 {
	width: 1000px;	
	height: 27px;
	margin: 0px 0px 0px -4px;
	padding:0px;
	bottom:0px;
	overflow:hidden;
	position:fixed;

	align:center;
	z-index:1000;
	clear:both;
	}
	

#slot8 {
	_margin: 157px 0px 0px 0px;
	}
#slot8 {	
	*left:133px;
	}
	
#slot9 {position:absolute; top:405px; left:480px; height:240px; width:235px;}