/*-----------------------------------------------------------------------------------------------*/
/*                                                                                               */
/* Stylesheet      : Department Intros                                                           */
/*                                                                                               */
/* Script Name     : landing_page.css                                                            */
/*                                                                                               */
/* System Name     : Freemans                                                                    */
/*                                                                                               */
/* Author          : Otto UK                                                                     */
/*                                                                                               */
/* Date            : 12/06/2008                                                                  */
/*                                                                                               */
/* Copyright       : (c) OTTO UK Ltd                                                             */
/*                                                                                               */
/* Description     : Contains styling for the Freemans Department Landing Pages                  */
/*                                                                                               */
/* Version History                                                                               */
/*                                                                                               */
/* Version Date       Who     Description                                                        */
/* ------- ---------- -----   -----------                                                        */
/* 1.0     12/06/2008 hwhd015 Original version.                                                  */
/* 1.1     16/06/2008 hepd075 Added code to control top panels.                                  */
/*                                                                                               */
/*-----------------------------------------------------------------------------------------------*/ 

#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-image: url('../pix/deptintro/greentop.gif');*/
}

.introCatDivider
{
    width: 36px;
}

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

.extraCatsTD
{
    background-color: #F1EFF0;
}

.extraCatItem
{
    width: 160px;
    padding-bottom: 1px;
    padding-top: 1px;
    /*background-image: url('../pix/deptintro/greenline.gif');*/
    background-repeat: no-repeat;
    background-position: bottom left;
}

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

.extraCatLink:hover
{
    /*color:#FFFFFF;*/
    font-weight:bold;
    /*background-color:#73C06B;*/
}

.introCatHeaderLink
{
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    /*color: #D370DA;*/
}

.introCatViewThisLink
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    /*color: #D370DA;*/
}

.introCatDescLink
{
    font-family: Arial;
    font-size: 11px;
    /*color: #666666;*/
}

.introCatAllLink
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    /*color: #D370DA;*/
}

.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: 20px;
    background-image: url('../pix/deptintro/greybuttonleft.gif');
}

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

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

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

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

/* New AW11 styles start here */

#CategoryHeading {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#353535;
	position:absolute;
	left:80px;
	top:35px;
	text-transform:uppercase;	
}

#CategoryBodyCopy {
	font-family:Arial, Helvetica, sans-serif;
	color:#353535;
	font-size:11px;
	position:absolute;
	top:95px;
	left:82px;
	width:540px;
}

#CategoryLinkArea {
	width:550px;
	position:absolute;
	top:10px;
	left:80px;
	top:135px;		
}

.CategoryLinkContainer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:180px;
	font-weight:bold;
}

.CategoryLinkContainer a:link {
	color:#1b1b1b;
	text-decoration:underline;	
}

.CategoryLinkContainer a:visited {
	color:#1b1b1b;
	text-decoration:underline;	
}

.CategoryLinkContainer a:hover {
	color:#1b1b1b;
	text-decoration:none;	
}

.CategoryLinkContainer a:active {
	color:#1b1b1b;
	text-decoration:underline;
}

.CategoryAllLinkContainer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:180px;
	font-weight:bold;
}

.CategoryAllLinkContainer a:link {
	color:#c93b11;
	text-decoration:underline;	
}

.CategoryAllLinkContainer a:visited {
	color:#c93b11;
	text-decoration:underline;	
}

.CategoryAllLinkContainer a:hover {
	color:#c93b11;
	text-decoration:none;	
}

.CategoryAllLinkContainer a:active {
	color:#c93b11;
	text-decoration:underline;
}

/* New AW11 styles end here */

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

#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-Bg.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
	position:relative;
}

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

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

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

#WomensHeader H2.HeaderText02, #WomensHeader-offer H2.HeaderText02 {
	font-family:Arial, Helvetica, sans-serif;
	color:#353535;
	font-size:40px;
	position:absolute;
	text-transform:uppercase;
	top:15px;
	_top:50px;
	*top:50px;
	left:80px;
}

#WomensHeader .WomensButton, #WomensHeader-offer .WomensButton {
	position:absolute;
	left:90px;
	top:135px;
	background-image:url(../pix/deptintro/Womens-Top-Btn.gif);
	background-repeat:no-repeat;
	width:200px;
	height:20px;
}

/* LINGERIE INTRO CSS */

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

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

#LingerieHeader H2.HeaderText02 {
	font-family:Arial, Helvetica, sans-serif;
	color:#353535;
	font-size:40px;
	position:absolute;
	text-transform:uppercase;
	top:15px;
	_top:50px;
	*top:50px;
	left:80px;
}

#LingerieHeader .LingerieButton {
	position:absolute;
	left:90px;
	top:140px;
	background-image:url(../pix/deptintro/Lingerie-Top-Btn.gif);
	background-repeat:no-repeat;
	width:145px;
	height:20px;
}

/*MENS INTRO CSS */

#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-Bg.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
	position:relative;
}

#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:#353535;
	font-size:40px;
	position:absolute;
	text-transform:uppercase;
	top:15px;
	_top:50px;
	*top:50px;
	left:80px;
}

#MensHeader .MensButton, #MensHeader-offer .MensButton {
	position:absolute;
	left:90px;
	top:120px;
	background-image:url(../pix/deptintro/Mens-Top-Btn.gif);
	background-repeat:no-repeat;
	width:155px;
	height:20px;
}

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-Bg.jpg);
	background-repeat:no-repeat;
	height:205px;
    width: 945px;
	position:relative;
}

#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:#353535;
	font-size:40px;
	position:absolute;
	text-transform:uppercase;
	top:15px;
	_top:50px;
	*top:50px;
	left:80px;
}

#KidsHeader .KidsButton, #KidsHeader-offer .KidsButton {
	position:absolute;
	left:80px;
	top:120px;
	background-image:url(../pix/deptintro/Kids-Top-Btn.gif);
	background-repeat:no-repeat;
	width:175px;
	height:20px;
}


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

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

#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:#353535;
	font-size:40px;
	position:absolute;
	text-transform:uppercase;
	top:15px;
	_top:50px;
	*top:50px;
	left:80px;
}

#SportsHeader .SportsButton, #SportsHeader-offer .SportsButton {
	position:absolute;
	left:90px;
	top:120px;
	background-image:url(../pix/deptintro/Sports-Top-Btn.gif);
	background-repeat:no-repeat;
	width:200px;
	height:20px;
}

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

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

#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:#353535;
	font-size:40px;
	position:absolute;
	text-transform:uppercase;
	top:15px;
	_top:50px;
	*top:50px;
	left:80px;
}

#ElecHeader .ElecButton, #ElecHeader-offer .ElecButton {
	position:absolute;
	left:80px;
	top:115px;
	background-image:url(../pix/deptintro/Elec-Top-Btn.gif);
	background-repeat:no-repeat;
	width:300px;
	height:20px;
}

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

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

#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:#353535;
	font-size:40px;
	position:absolute;
	text-transform:uppercase;
	top:15px;
	_top:50px;
	*top:50px;
	left:80px;
}

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



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

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

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

#GiftsHeader H2.HeaderText02, #GiftsHeader-offer H2.HeaderText02  {
	font-family:Arial, Helvetica, sans-serif;
	color:#353535;
	font-size:40px;
	position:absolute;
	text-transform:uppercase;
	top:15px;
	_top:50px;
	*top:50px;
	left:80px;
}

#GiftsHeader .GiftsButton, #GiftsHeader-offer .GiftsButton {
	position:absolute;
	left:38px;
	top:130px;
	background-image:url(../pix/deptintro/Gifts-Top-Btn.gif);
	background-repeat:no-repeat;
	width:169px;
	height:20px;
}




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



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

#IntroFooterContainer
{
    width: 945px;
    height: 118px;
	margin-top:10px;
}

.WomensFooter { background-image:url(../pix/deptintro/WomensBottomPanelBg.gif);	background-repeat:repeat-x; border:1px #D66EDB solid;}
.LingerieFooter { background-image:url(../pix/deptintro/WomensBottomPanelBg.gif); background-repeat:repeat-x; border:1px #D66EDB solid;}
.MensFooter { background-image:url(../pix/deptintro/MensBottomPanelBg.gif);	background-repeat:repeat-x; border:1px #6B92BE solid;}
.KidsFooter { background-image:url(../pix/deptintro/KidsBottomPanelBg.gif);	background-repeat:repeat-x; border:1px #8B8526 solid;}
.SportsFooter { background-image:url(../pix/deptintro/SportsBottomPanelBg.gif);	background-repeat:repeat-x; border:1px #96AD38 solid;}
.ElecFooter { background-image:url(../pix/deptintro/ElecBottomPanelBg.gif);	background-repeat:repeat-x; border:1px #7498C2 solid;}
.HouseFooter { background-image:url(../pix/deptintro/HouseBottomPanelBg.gif);	background-repeat:repeat-x; border:1px #928465 solid;}
.GiftsFooter { background-image:url(../pix/deptintro/GiftsBottomPanelBg.gif);	background-repeat:repeat-x; border:1px #6B92BE solid;}

.GenericFooter { background-image:url(../pix/deptintro/GenBottomPanelBg.gif);	background-repeat:repeat-x; border:1px #6B92BE solid;}

#IntroFooterContainer1
{
    width: 224px;
    height: 115px;
	float:left;
	padding: 3px 0 0 8px;
	display:block;
	cursor:pointer;
}

#IntroFooterContainer2 
{
    width: 224px;
    height: 115px;
	float:left;
	padding: 3px 0 0 8px;
	display:block;
	cursor:pointer;
}
#IntroFooterContainer3
{
    width: 224px;
    height: 115px;
	float:left;
	padding: 3px 0 0 8px;
	display:block;
	cursor:pointer;
}

#IntroFooterContainer4
{
    width: 230px;
    height: 115px;
	float:left;
	padding: 3px 0 0 8px;
	display:block;
	cursor:pointer;
}

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

.WomensFooter .TitleText
{
    font-family: Arial;
    font-size: 18px;
    color: #D66EDB;
	width:200px;
	height:25px;
	padding: 0px 0 5px 0px;
}

.LingerieFooter .TitleText
{
    font-family: Arial;
    font-size: 18px;
    color: #D66EDB;
	width:200px;
	height:25px;
	padding: 0px 0 5px 0px;
}

.MensFooter .TitleText
{
    font-family: Arial;
    font-size: 18px;
    color: #5A6A7B;
	width:200px;
	height:25px;
	padding: 0px 0 5px 0px;
}

.KidsFooter .TitleText
{
    font-family: Arial;
    font-size: 18px;
    color: #8B8526;
	width:200px;
	height:25px;
	padding: 0px 0 5px 0px;
}

.SportsFooter .TitleText
{
    font-family: Arial;
    font-size: 18px;
    color: #265B13;
	width:200px;
	height:25px;
	padding: 0px 0 5px 0px;
}

.ElecFooter .TitleText
{
    font-family: Arial;
    font-size: 18px;
    color: #3B4755;
	width:200px;
	height:25px;
	padding: 0px 0 5px 0px;
}

.HouseFooter .TitleText
{
    font-family: Arial;
    font-size: 18px;
    color: #44012A;
	width:200px;
	height:25px;
	padding: 0px 0 5px 0px;
}

.GiftsFooter .TitleText
{
    font-family: Arial;
    font-size: 18px;
    color: #5A6A7B;
	width:200px;
	height:25px;
	padding: 0px 0 5px 0px;
}

.GenericFooter .TitleText
{
    font-family: Arial;
    font-size: 16px;
	letter-spacing:0.002em;
	font-weight:bold;
	color: #3B4755;
	width:200px;
	height:25px;
	padding: 0px 0 5px 0px;
}

.GenericFooter .TitleText2
{
    font-family: Arial;
    font-size: 15px;
	letter-spacing:0.0001em;
	font-weight:bold;
    color: #3B4755;
	width:200px;
	height:25px;
	padding: 2px 0 5px 0px;
}

.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 ------------------------------------------- */