/*-----------------------------------------------------------------------------------------------*/
/*                                                                                               */
/* Stylesheet      : Department Intros                                                           */
/*                                                                                               */
/* Script Name     : landing_page.css                                                            */
/*                                                                                               */
/* System Name     : Lookagain                                                                   */
/*                                                                                               */
/* Author          : Otto UK                                                                     */
/*                                                                                               */
/* Date            : 04/06/2009                                                                  */
/*                                                                                               */
/* Copyright       : (c) OTTO UK Ltd                                                             */
/*                                                                                               */
/* Description     : Contains styling for the Lookagain Department Landing Pages                 */
/*                                                                                               */
/* Version History                                                                               */
/*                                                                                               */
/* Version Date       Who     Description                                                        */
/* ------- ---------- -----   -----------                                                        */
/* 1.0     04/06/2009 hwhd015 Original version.                                                  */
/*                                                                                               */
/*-----------------------------------------------------------------------------------------------*/ 

#introcontent
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 8px 0px 0px 0px;
    padding-top: 0px;
    height:auto;
}

.introCatHeader
{
    width: 155px;
    height: 21px;
    padding-left: 5px;
    padding-top: 5px;
    background-color:#4B4A4A;
    /*background-image: url('../pix/deptintro/greentop.gif');*/
}

.introCatDivider
{
    width: 36px;
}

.dividerTD
{
    width: 36px;
    background-image: url('../pix/deptintro/VertDividerBG.gif');
}

.extraCatsTD
{
    background-color: #E3DFDF;
}

.extraCatItem
{
    width: 160px;
    padding-bottom: 1px;
    padding-top: 1px;
}

.extraCatLink
{
    font-family: Arial;
    font-size: 12px;
    color: #4B4A4A;
    display:block;
    line-height:18px;
    padding-left:5px;
    margin-bottom:1px;
}

.extraCatLink:hover
{
    color:#FFFFFF;
    font-weight:bold;
    background-color:#4B4A4A;
}

.introCatHeaderLink
{
    font-family:Trebuchet MS;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    background-color:#4B4A4A;
    text-transform:lowercase;
}

.introCatViewThisLink
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #4B4A4A;
}

.introCatDescLink
{
    font-family: Arial;
    font-size: 11px;
    color: #4B4A4A;
}

.introCatAllLink
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-transform:lowercase;
}

.extraCatLink, .introCatHeaderLink, .introCatViewThisLink, .introCatDescLink, .introCatAllLink
{
    text-decoration: none;
}

.extraCatDivider
{
    width: 160px;
    height: 1px;
    /*background-image: url('../pix/deptintro/greenline.gif');*/
}

td.introViewThis, td.introViewAll
{
    padding-top: 3px;
}

table.introCatsTable
{
    margin-top: 10px;
}

.introCatAllButtonLeft
{
    float: left;
    width: 8px;
    height: 16px;
    background-image: url('../pix/deptintro/greybuttonleft.gif');
}

.introCatAllButtonMid
{
    float: left;
    height: 15px;
    padding-top: 1px;
    background-image: url('../pix/deptintro/greybuttonmiddle.gif');
}

.introCatAllButtonRight
{
    float: left;
    width: 18px;
    height: 16px;
    background-image: url('../pix/deptintro/greybuttonright.gif');
}

.introCatDottedDivider
{
    width: 945px;
    height: 1px;
    padding-top: 13px;
    padding-bottom: 10px;
}

/* ------------------------------------------- Top Panel CSS Start------------------------------------------- */

#WomensHeader
{
	background-image:url(../pix/deptintro/Womens-Top-Bg.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
	position:relative;
}

#WomensHeader-offer
{
	background-image:url(../pix/deptintro/Womens-Top-Offer-Bg.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
	position:relative;
}

#WomensHeader a, #WomensHeader-offer a {
    display:block;
	text-decoration:none;
	height:205px;
    width: 945px;	
}

#WomensHeaderSWF
{
	height:205px;
    width: 945px;
	z-index:1;
}

p#player {
	width:945px;
	height:204px;
}

#WomensHeader H1.HeaderText01, #WomensHeaderSWF H1.HeaderText01, #WomensHeader-offer H1.HeaderText01 {
	text-indent: -9999px;
	font-size:12px;
}

#WomensHeader H2.HeaderText02, #WomensHeader-offer H2.HeaderText02 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	position:absolute;
	left:95px;
	top:90px;
	_top:100px;
	*top:100px;
	font-weight:normal;
	width: 400px;
}

#WomensHeader .WomensButton, #WomensHeader-offer .WomensButton {
	position:absolute;
	left:95px;
	top:120px;
	background-image:url(../pix/deptintro/Womens-Top-Btn.gif);
	background-repeat:no-repeat;
	width:128px;
	height:16px;
	/*margin-left:88px;*/
}

#LingerieHeader
{
	background-image:url(../pix/deptintro/Lingerie-Top-Bg.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
	position:relative;
}

#LingerieHeader a {
    display:block;
	text-decoration:none;
	height:205px;
    width: 945px;	
}

#LingerieHeader H1.HeaderText01 {
	text-indent: -9999px;
	font-size:12px;
}

#LingerieHeader H2.HeaderText02 {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	position:absolute;
	left:95px;
	top:70px;
	_top:80px;
	*top:80px;
	font-weight:normal;
	width: 400px;
}

#LingerieHeader .LingerieButton {
	position:absolute;
	left:95px;
	top:120px;
	background-image:url(../pix/deptintro/Lingerie-Top-Btn.gif);
	background-repeat:no-repeat;
	width:128px;
	height:16px;
	/*margin-left:88px;*/
}

#MensHeader
{
	background-image:url(../pix/deptintro/Mens-Top-Bg.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
	position:relative;
}

#MensHeader-offer
{
	background-image:url(../pix/deptintro/Mens-Top-Offer-Bg.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
	position:relative;
}

#MensHeader a, #MensHeader-offer a {
    display:block;
	text-decoration:none;
	height:205px;
    width: 945px;	
}

#MensHeader H1.HeaderText01, #MensHeader-offer H1.HeaderText01 {
	text-indent: -9999px;
	font-size:12px;
}

#MensHeader H2.HeaderText02, #MensHeader-offer H2.HeaderText02 {
	font-family:Arial, Helvetica, sans-serif;
	color:#231f20;
	font-size:12px;
	position:absolute;
	left:95px;
	top:90px;
	_top:100px;
	*top:100px;
	/*padding: 60px 0 0 95px;
	_padding: 67px 0 0 95px;*/
	font-weight:normal;
	width: 250px;
}

#MensHeader .MensButton, #MensHeader-offer .MensButton {
	position:absolute;
	left:95px;
	top:125px;
	background-image:url(../pix/deptintro/Mens-Top-Btn.gif);
	background-repeat:no-repeat;
	width:155px;
	height:16px;
	/*margin-left:88px;*/
}

a.HeaderLink {cursor:pointer; text-decoration:none;}

#KidsHeader
{
	background-image:url(../pix/deptintro/Kids-Top-Bg.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
	position:relative;
}

#KidsHeader-offer
{
	background-image:url(../pix/deptintro/Kids-Top-Offer-Bg.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
	position:relative;
}

#KidsHeader a, #KidsHeader-offer a {
    display:block;
	text-decoration:none;
	height:205px;
    width: 945px;	
}

#KidsHeader H1.HeaderText01, #KidsHeader-offer H1.HeaderText01 {
	text-indent: -9999px;
	font-size:12px;
}

#KidsHeader H2.HeaderText02, #KidsHeader-offer H2.HeaderText02 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	position:absolute;
	left:95px;
	top:90px;
	_top:100px;
	*top:100px;
	/*padding: 70px 0 0 95px;
	_padding: 62px 0 0 95px;*/
	font-weight:normal;
	width: 200px;
	text-decoration:none;
}

#KidsHeader .KidsButton, #KidsHeader-offer .KidsButton {
	position:absolute;
	left:95px;
	top:110px;
	background-image:url(../pix/deptintro/Kids-Top-Btn.gif);
	background-repeat:no-repeat;
	width:175px;
	height:16px;
	/*margin-left:88px;*/
}


#SportsHeader
{
	background-image:url(../pix/deptintro/Sports-Top-Bg.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
	position:relative;
}

#SportsHeader a, #SportsHeader-offer a {
    display:block;
	text-decoration:none;
	height:205px;
    width: 945px;	
}

#SportsHeader H1.HeaderText01, #SportsHeader-offer H1.HeaderText01 {
	text-indent: -9999px;
	font-size:12px;
}

#SportsHeader H2.HeaderText02, #SportsHeader-offer H2.HeaderText02 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	position:absolute;
	left:95px;
	top:90px;
	_top:100px;
	*top:100px;
	/*padding: 70px 0 0 95px;
	_padding: 62px 0 0 95px;*/
	font-weight:normal;
	width: 260px;
}

#SportsHeader .SportsButton, #SportsHeader-offer .SportsButton {
	position:absolute;
	left:95px;
	top:110px;
	background-image:url(../pix/deptintro/Sports-Top-Btn.gif);
	background-repeat:no-repeat;
	width:109px;
	height:16px;
	/*margin-left:88px;*/
}

#ElecHeader
{
	background-image:url(../pix/deptintro/Elec-Top-Bg.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
	position:relative;
}

#ElecHeader a, #ElecHeader-offer a {
    display:block;
	text-decoration:none;
	height:205px;
    width: 945px;	
}

#ElecHeader H1.HeaderText01, #ElecHeader-offer H1.HeaderText01 {
	text-indent: -9999px;
	font-size:12px;
}

#ElecHeader H2.HeaderText02 , #ElecHeader-offer H2.HeaderText02{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	position:absolute;
	left:95px;
	top:90px;
	_top:100px;
	*top:100px;
	font-weight:normal;
	width: 260px;
}

#ElecHeader .ElecButton, #ElecHeader-offer .ElecButton {
	position:absolute;
	left:88px;
	top:118px;
	background-image:url(../pix/deptintro/Elec-Top-Btn.gif);
	background-repeat:no-repeat;
	width:169px;
	height:16px;
	/*margin-left:88px;*/
}

#HouseHeader
{
	background-image:url(../pix/deptintro/House-Top-Bg.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
	position:relative;
}

#HouseHeader a, #HouseHeader-offer a {
    display:block;
	text-decoration:none;
	height:205px;
    width: 945px;	
}

#HouseHeader H1.HeaderText01, #HouseHeader-offer H1.HeaderText01 {
	text-indent: -9999px;
	font-size:12px;
}

#HouseHeader H2.HeaderText02, #HouseHeader-offer H2.HeaderText02  {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	position:absolute;
	left:95px;
	top:90px;
	_top:100px;
	*top:100px;
	font-weight:normal;
	width: 350px;
}

#HouseHeader .HouseButton, #HouseHeader-offer .HouseButton {
	position:absolute;
	left:88px;
	top:115px;
	background-image:url(../pix/deptintro/House-Top-Btn.gif);
	background-repeat:no-repeat;
	width:169px;
	height:16px;
	/*margin-left:88px;*/
}

#GiftHeader
{
	background-image:url(../pix/deptintro/Gifts-Top-Bg.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
}

#GiftHeader-offer
{
	background-image:url(../pix/deptintro/Gift-01-offer.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
}

#GiftHeader a, #GiftHeader-offer a {
    display:block;
	text-decoration:none;
	height:205px;
    width: 945px;	
}

#GiftHeader H1.HeaderText01, #GiftHeader-offer H1.HeaderText01 {
	text-indent: -9999px;
	font-size:12px;
}

#GiftHeader H2.HeaderText02, #GiftHeader-offer H2.HeaderText02 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	padding: 65px 0 0 302px;
	font-weight:normal;
}


/* ------------------------------------------- Top Panel CSS End ------------------------------------------- */



/* ------------------------------------------- Bottom Panel CSS Start ------------------------------------------- */

#IntroFooterContainer
{
    width: 943px;
    height: 118px;
    background-color: #E3DFDF;
	border:1px #999999 solid;
	margin-top:10px;
}

#IntroFooterContainer1
{
    width: 223px;
    height: 108px;
	float:left;
	border-right:#4B4A4A 1px solid;
	padding: 10px 0 0 10px;
	display:block;
	cursor:pointer;
}

#IntroFooterContainer2 
{
    width: 223px;
    height: 108px;
	float:left;
	border-right:#4B4A4A 1px solid;
	padding: 10px 0 0 10px;
	display:block;
	cursor:pointer;
}
#IntroFooterContainer3
{
    width: 224px;
    height: 108px;
	float:left;
	border-right:#4B4A4A 1px solid;
	padding: 10px 0 0 10px;
	display:block;
	cursor:pointer;
}

#IntroFooterContainer4
{
    width: 230px;
    height: 108px;
	float:left;
	padding: 10px 0 0 10px;
	display:block;
	cursor:pointer;
}

a.footerlink {text-decoration:none; background-color:#0000CC;}
a.footerlink:hover {text-decoration:none;}

.TitleText
{
    font-family:Trebuchet MS;
    font-size: 18px;
    color: #4B4A4A;
	width:200px;
	height:25px;
}

.Text2
{
    font-family: Arial;
    font-size: 11px;
    color: #666;
	width:110px;
	height:50px;
}

.Text2-alt
{
    font-family: Arial;
    font-size: 11px;
    color: #666;
	width:110px;
	height:20px;
}


.Text3
{
    font-family: Arial;
    font-size: 9px;
    color: #666;
	width:110px;
	height:30px;
}

.Button
{
	height: 20px;
}

/* ------------------------------------------- Bottom Panel CSS End ------------------------------------------- */