/*-----------------------------------------------------------------------------------------------*/
/*                                                                                               */
/* 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.                                  */
/* 1.2     10/06/2011 hepd023 New Department intro styles added (links etc.)                     */
/*                                                                                               */
/*-----------------------------------------------------------------------------------------------*/ 

#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: #E7E7E7;
}

.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: #FFFFFF;
}

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

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

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

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

/* 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-Offer-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:80px;
	top:140px;
	background-image:url(../pix/deptintro/Womens-Top-Btn.gif);
	background-repeat:no-repeat;
	width:240px;
	height:20px;
	/*margin-left:88px;*/
}

/* 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:80px;
	top:140px;
	background-image:url(../pix/deptintro/Lingerie-Top-Btn.gif);
	background-repeat:no-repeat;
	width:138px;
	height:16px;
	/*margin-left:88px;*/
}

/* 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-Offer-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:80px;
	top:140px;
	background-image:url(../pix/deptintro/Mens-Top-Btn.gif);
	background-repeat:no-repeat;
	width:240px;
	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 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:22px;
	/*margin-left:88px;*/
}


#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-Offer-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:80px;
	top:120px;
	background-image:url(../pix/deptintro/Sports-Top-Btn.gif);
	background-repeat:no-repeat;
	width:180px;
	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-offer
{
	background-image:url(../pix/deptintro/Elec-Top-Offer-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:120px;
	background-image:url(../pix/deptintro/Elec-Top-Btn.gif);
	background-repeat:no-repeat;
	width:300px;
	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-offer
{
	background-image:url(../pix/deptintro/House-Top-Offer-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 {
	position:absolute;
	left:80px;
	top:120px;
	background-image:url(../pix/deptintro/House-Top-Btn.gif);
	background-repeat:no-repeat;
	width:200px;
	height:16px;
	/*margin-left:88px;*/
}

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

/* New gift header styles to allow clikc through */

#GiftsHeader
{
	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, 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, .GiftsButton {
	position:absolute;
	left:38px;
	top:130px;
	background-image:url(../pix/deptintro/Gifts-Top-Btn.gif);
	background-repeat:no-repeat;
	width:175px;
	height:22px;
	/*margin-left:88px;*/
}


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

/* Old gift header static styles*/

#GiftHeader
{
	background-image:url(../pix/deptintro/Gift-01.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 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: 945px;
    height: 118px;
    background-color: #E3F2E1;
	border:1px #999999 solid;
	margin-top:10px;
}

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

#IntroFooterContainer2 
{
    width: 224px;
    height: 108px;
	float:left;
	border-right:#73C06B 1px solid;
	padding: 10px 0 0 10px;
	display:block;
	cursor:pointer;
}
#IntroFooterContainer3
{
    width: 224px;
    height: 108px;
	float:left;
	border-right:#73C06B 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: Arial;
    font-size: 18px;
    color: #666666;
	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 ------------------------------------------- */