/* JACAMO HOMEPAGE LAYOUT TEMPLATE SS10 */
/*Created by Krishan 08/01/2010*/

/*AMENDS  AMENDS  AMENDS  AMENDS  AMENDS*/

/*
##### 14th April 2010 by Donny #####
1)Increased the height of the New In Background to 30px
*/

/*
##### 31ST March 2010 by Krishan #####
1)Replaced the border around slot 4 for the changing room lifestyle
*/

/*
##### 30th March 2010 by Krishan #####
1)Removed the border around slot 4 for the changing room lifestyle
*/

/*
##### 5th March 2010 by Krishan #####
1)Added overflow:hidden; to slot4 allowing jQuery Cycle plugin to work with mulitple images
*/

/*
##### 22nd Jan 2010 by Krishan #####
1)Fixed Footer list not appearing on Firefox when viewing homepage
2)Fixed Background of body appearing higher in IE6 on homepage
*/

/*
##### 13th Jan 2010 by Krishan #####
1) Changed #new-in background image
*/

body {
	font-family:verdana;
	_background:url(//images2.drct2u.com/content/images/homepages/1001SS_CGN_body_bg2.jpg) no-repeat center 112px #fff;	
	}
	
#outerPageContainer {background:none!important; width:1006px;}	
#innerPageContainer {background:none!important; width:1006px;}

#content-div {
	margin:auto;
	width:1006px;
	height:842px;
	padding:0px;
	position:relative;
	background:url(//images2.drct2u.com/content/images/homepages/1001SS_CGN_content_bg.gif) repeat-x #999;
	_margin-top:-20px;
	}

/* Slot 2
--------------------- */
#slot2 {
	float:left;
	width:1006px;
	height:196px;
	padding:0px;
	position:absolute;
	top:603px;
	left:7px;
	}

#slot2-content{
	width:1006px;
	overflow:hidden;
	color:#000;
	}

#slot2-title {
	margin:16px 0 4px 15px;
	padding:0px;
	float:left;
	width:1006px;
	_margin-left:7px;
	height:20px;
	}

#slot2 h1{font-size:18px; color:#000; padding-bottom:10px;}

#slot2 h2, #slot2 h3, #slot2 h4 {
	font-weight:300;
	font-size:14px;
	color:#000;
	}
	
#slot2 h3, #slot2 h4 {margin-left:10px;}

/* Slot 2 - SEO copy slots
--------------------- */
.jacamo_menswear {
	float:left;
	display:inline;
	margin:5px 18px 7px 0px;
	padding:0px;
	width:312px;
	height:152px;
	}
	
.jacamo_menswear h1, .jacamo_menswear h2, .jacamo_menswear p {
	margin:5px 0px 0px 12px;
	padding:0px;
	color:#000;
	}

#slot2 p {
	font-size:10px;
	font-weight:normal!important;
	}

.jacamo_menswear a:link, .jacamo_menswear a:visited {color:#000; text-decoration:underline;}
.jacamo_menswear a:hover {color:#000; text-decoration:none;}

/* Slot 3
--------------------- */

#slot3 {
	float:left;
	width:214px;
	height:444px;
	position:absolute;	
	z-index:998;
	top:0;
	left:0;
	color:#fff;
	}
	
#slot3 h4 {color:#000; font-size:13px; float:left; clear:both; width:200px; margin:10px 0 0 15px; *margin-left:-25px; _margin-left:10px;}	
	
#slot3-menu {
	background:url(//images2.drct2u.com/content/images/homepages/1001SS_CGN_slot3_bg.png) no-repeat top center;
	width:214px;
	height:401px;
	margin:10px 0 0 5px;
	}
	
#left-menu {	
	*margin-left:40px;	
	_margin-left:-5px;	
	}
	
#left-menu ul {
	list-style:none;
	font-size:11px;
	}
	
ul#navOffers {
	text-transform:uppercase;
	margin:10px 0 0 -33px;
	float:left;
	clear:both;
	}
	
#navOffers li a{
	float:left;
	margin:1px 0 0 10px;
	font-weight:bold;
	}
	
#navOffers li a:link, #navOffers li a:visited{
	color:#fff;
	}
	
#navOffers li a:hover{
	text-decoration:underline;
	}
	
#new-in, #latest-offers {
	width:200px;
	height:30px;
	_margin-left:80px;
	}
	
#new-in {
	background:url(//images2.drct2u.com/content/images/homepages/1004SS_CGN_new_in_bg.gif) repeat-x left center #4f7daf;
	}
	
#latest-offers{
	background:url(//images2.drct2u.com/content/images/homepages/1001SS_CGN_latest_offers_bg.gif) repeat-x left center #f00;
	margin-top:5px;
	}
	
.NavList {margin:0; float:left;}
.NavList {_margin:3px 0 0 10px;}
.NavList li {margin:3px 0 0 -22px; width:200px;}
.NavList li {_margin:5px 0 0 0;}
.NavList li a, .NavList li a:link, .NavList li a:visited {color:#000!important;}
.NavList li a:hover {text-decoration:underline;}

#usp {float:left; margin:338px 0 0 15px; *margin:90px 0 0 -200px; _margin:0px 0 0 25px; z-index:998; position:absolute; width:151px; height:127px; overflow:hidden; background-color:transparent!important;}
#usp div, #usp div img {background-color:transparent!important;}
	
/* Slot 4, Slot 5, Slot 6, Slot 7
--------------------- */
#slot4, #slot5, #slot6, #slot7 {
	background-color:#000;
	}	
	
/* Slot 4
--------------------- */
#slot4 {
	float:left;
	width:1000px;
	height:438px;
	border:3px solid #222;
	overflow:hidden;
	}
	
/* Slot 5
--------------------- */

#slot5, #slot6, #slot7 {
	float:left;
	margin-left:780px;
	position:absolute;
	clear:both;
	top:0;
	left:0;
	width:214px;
	height:134px;
	overflow:hidden;
	z-index:998;
	border:3px solid #000;
	}

#slot5 {
	margin-top:5px;
	}	
	
#slot6 {
	margin-top:151px;
	}
	
#slot7 {
	margin-top:298px;
	}
	
#slot5 img, #slot6 img, #slot7 img {
	position:absolute;
	}
	
#slot5:hover, #slot6:hover, #slot7:hover {
	border:3px solid #fff!important;
	}

/* Slot 8
--------------------- */
#slot8 {width:883px; height:63px; overflow:hidden; float:left; margin-left:180px;}
#slot8 {_margin:-175px 0 0 95px; width:800px;}
#slot8  div{width:883px; height:63px; overflow:hidden; float:left; list-style:none; background:transparent!important;}
#brands {width:820px; height:63px; overflow:hidden;}
	
/* Slot 9
--------------------- */
#slot9, #slot9 span, #slot9 ul, #slot9-delivery , #slot9-shopping, #slot9-join, #slot9-social-sites, #slot9-useful, #slot9-videos , #slot9-video-flash{float:left;}
#slot9-delivery, #slot9-shopping, #slot9-join, #slot9-useful, #slot9-videos   {margin-top:10px;}

#slot9 ul {
	margin:10px -38px;
	_margin:25px -150px;
	}

#slot9 li{
	color:#000;
	font-size:11px;
	list-style:none;
	line-height:13px;
	}

#slot9 li a {
	color:#000;
	}
	
#slot9 li a:hover{
	text-decoration:underline;
	color:#000;
	}

#slot9 {
	background:url(//images2.drct2u.com/content/images/homepages/1001SS_CGN_slot9_bg.gif) no-repeat #7b7b7b;
	width:984px;
	height:292px;
	margin-left:11px;
	_margin:-115px 0 0 6px;
	}
	
#slot9 span {
	color:#000;
	font-size:12px;
	font-weight:bold;
	clear:both;
	width:100%;
	}
	
#slot9-delivery {
	width:150px;
	margin-left:15px;
	*margin-left:50px;
	_margin-left:8px;
	}
	
html>body #slot9-delivery span{
	*margin-left:-37px;
	}

#slot9-delivery ul {
	width:130px;
	}
	
#slot9-shopping {
	width:150px;
	margin-left:20px;
	}
	
html>body #slot9-shopping {
	*margin-left:0px;
	}
	
#slot9-shopping ul {
	margin:10px 0 0 -40px;
	}

html>body #slot9-shopping ul {
	*margin-left:0px;
	}	
	
#slot9-shopping ul {
	_margin-left:0px;
	}	
	
#slot9-join {
	width:250px;
	margin-left:20px;
	*margin-left:-8px;
	_margin-left:15px;
	}	
	
#slot9-join ul {
	*margin:30px 0 0 -250px;
	_margin-left:-250px;
	}	
	
#slot9-social-sites {
	margin:10px 0 0 55px;
	*margin:-45px 0 0 125px;
	_margin:-55px 0 0 70px;
	}
	
#slot9-social-sites div {margin-bottom:5px;}

/*html>body #slot9-social-sites a img {float:left;}	*/
	
#slot9-social-sites a span{ 
	color:#000;
	font-size:11px;
	font-weight:normal;
	float:left;
	margin:-20px 0 0 28px;
	}
	
#slot9-social-sites a:hover span{ 
	text-decoration:underline;
	}
	
#slot9-useful {
	width:165px;
	_margin-left:-100px;	
	}
	
#slot9-useful ul {
	*margin:30px 0 0 -165px;
	_margin-left:-162px;
	}	
	
#slot9-videos {
	width:200px;
	*margin:-82px 0 0 775px;
	_margin:-85px 0 0 365px;
	}
	
#slot9-video-ul{
	float:left;
	margin:-82px 0 0 70px;
	*margin-left:70px;
	_margin:-85px 0 0 55px;
	}

#slot9-video-ul ul{	
	margin:5px 0 0 -40px;
	*margin-left:0px;
	_margin-left:0px;
	width:150px;
	}
	
#slot9-video-flash {
	margin:-10px 0 0 -20px;
	_margin-left:10px;
	width:82px;
	}
	
/* Slot 10
--------------------- */
#slot10 {position:absolute; z-index:999;}

/* Slot 11
--------------------- */


/* Slot 12
--------------------- */


/* Slot 13
--------------------- */


/* Slot 14
--------------------- */


/* Slot 15
--------------------- */

/* Slot 14 - Unique selling points
--------------------- */

/* Flash Video Player
--------------------- */
#flash-player {background-color:#000; margin:auto; display:none; position:absolute; opacity:0.0; z-index:990;}
#flash-close{color:#fff; position:absolute; bottom:5px; left:470px; z-index:999; background:url(//images2.drct2u.com/content/images/homepages/1001SS_CGN_close_flash_video_btn_hover.gif) no-repeat; width:69px; height:18px; cursor:finger; opacity:0.0;}
#flash-close:hover img{display:none;}
#flash {float:left; position:absolute; z-index:999; top:70px; left:250px; opacity:0.0;}

#innerPageContainer {border:none;}
#isisLogo, #idisLogo{margin-top:0px;}
#footer {margin-top:-45px; background-color:transparent;}
html>/**/body #footer ul {margin-top:-21px;}
/* Security Icons (Resolves IE7 Issue)
--------------------- */
#logoContainer {width:450px; margin-top:30px!important;}
#topNav-1 {_margin-bottom:10px;}
ul#topNavigation {_margin-top:0px;}