/*-----------------------------------------------------------------------------------------------*/
/*                                                                                               */
/* Stylesheet      : homepage Stylesheet                                                         */
/*                                                                                               */
/* Script Name     : homepage.css                                                                */
/*                                                                                               */
/* System Name     : Freemans                                                                    */
/*                                                                                               */
/* Author          : OTTO                                                                        */
/*                                                                                               */
/* Date            : 09/07/2008                                                                  */
/*                                                                                               */
/* Copyright       : (c) OTTO UK Ltd                                                             */
/*                                                                                               */
/* Description     : Contains styling for the Freemans site.                                     */
/*                                                                                               */
/* Version History                                                                               */
/*                                                                                               */
/* Version Date       Who     Description                                                        */
/* ------- ---------- -----   -----------                                                        */
/* 1.0     09/07/2008 Otto    Original version.                                                  */
/* 1.1     09/09/2008 Hepd075 Added a delivery link.                                             */
/* 1.2     07/01/2009 Hepd031 Reworked main hero panel to have 2 or more links if needed         */
/* 1.3     24/04/2009 Hepd075 Added css for left panels                                          */
/* 1.4     29/06/2011 Hepd023 Added new (AW11) slider styles                                     */
/*                                                                                               */
/*-----------------------------------------------------------------------------------------------*/ 

#homeMainImage
{
    width:700px;
	height:352px;
    margin-left:15px;
	background-image:url(../pix/home/HomeHeroImage.jpg);
	background-repeat:no-repeat;
    float:left;
	position:relative;
}

#homeMainImageSizzler
{
    width:700px;
	height:352px;
    margin-left:15px;
	/*background-image:url(../pix/home/HomeMainLinkSizzler.jpg);
	background-repeat:no-repeat;*/
    float:left;
	position:relative;
}

/*#homeMainImage h1 {
	position:relative;
	overflow:hidden;
	text-indent:-3000px;
	font-size:1px;
}


#homeMainImage a
{
    width:560px;
	height:352px;
	display:block;
}*/


#Company1
{
	float:left;
	width:554px;
	height:352px;
}

#Company2
{
	float:left;
	width:145px;
	height:119px;
}

#Company3
{
	float:left;
	width:146px;
	height:43px;
}

#homeMainImage a.deliverylink
{
	/*text-align:left;
	color:#FFFFFF;
	font-weight:normal;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;*/
	text-decoration:none;
	width:355px;
	height:23px;
	_height:43px;
	display:block;
    text-indent:-3000px;
}



.deliverytext a:hover, #welcometerms1text a:hover, #welcometerms2text a:hover
{
	text-decoration:underline;
}



#homeWelcomeImage
{
    width:700px;
	height:352px;
    margin-left:15px;
	background-image:url(../pix/home/HomeHeroImage.jpg);
	background-repeat:no-repeat;
    float:left;
	position:relative;
}

/*#homeWelcomeImage .welcome a
{
    width:700px;
	height:352px;
    margin-left:15px;
	font-size:1px;
	color:#333333;
    display:block;
    text-indent:-3000px;
}*/

#welcometerms1text
{
	position:absolute;
	top:210px;
	left:70px;
	text-align:left;
	color:#000;
	font-weight:normal;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:250px;
}

#welcometerms1text a
{
	color:#000;
	text-decoration:none;
}

#welcometerms2text
{
	position:absolute;
	top:332px;
	left:70px;
	text-align:left;
	color:#000;
	font-weight:normal;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:180px;
}

#welcometerms2text a
{
	color:#000;
	text-decoration:none;
}

/*-----------------------------------------------------------------------------------------------*/ 
/*                                     Promo list Styles                                         */
/*-----------------------------------------------------------------------------------------------*/

.promoListBox
{
    width:230px;
    float:left;
}

.promoBox
{
    margin-bottom:2px;
    width:100%;
    height:115px;
    float:left;
    border-bottom:1px dotted #999999;
}

.promoTextArea
{
    float:left;
    width:200px;
}

.promoImageArea
{
    float:right;
    width:95px;
    text-align:right;
}

.TopPromo
{
    background:url("../pix/home/Top-Bg.jpg")  no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#TopButton{
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:151px;
	height:16px;
	background-image:url("../pix/home/Top-Btn.gif");
	background-repeat:no-repeat;
}



.MiddlePromo
{
    background:url("../pix/home/Middle-Bg.jpg") no-repeat bottom  right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#MiddleButton{
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:154px;
	height:16px;
	background-image:url(../pix/home/Middle-Btn.gif);
	background-repeat:no-repeat;
}

.BottomPromo
{
    background:url("../pix/home/Bottom-Bg.jpg") no-repeat bottom  right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#BottomButton{
	margin-top:0px;

	width:170px;
	height:16px;
	background-image:url(../pix/home/Bottom-btn.gif);
	background-repeat:no-repeat;
}

/* START OF CSS FOR SALE FOR OVER CHRISTMAS PERIOD 2010 */

.SaleTopPromo
{
    background:url("../pix/home/SaleTop-Bg.jpg")  no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#SaleTopButton{
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:140px;
	height:16px;
	background-image:url("../pix/home/SaleTop-Btn.gif");
	background-repeat:no-repeat;
}

.SaleMiddlePromo
{
    background:url("../pix/home/SaleMiddle-Bg.jpg") no-repeat bottom  right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#SaleMiddleButton {
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:154px;
	height:16px;
	background-image:url(../pix/home/SaleMiddle-Btn.gif);
	background-repeat:no-repeat;
}

.SaleBottomPromo
{
    background:url("../pix/home/SaleBottom-Bg.jpg") no-repeat bottom  right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#SaleBottomButton{
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:190px;
	height:16px;
	background-image:url(../pix/home/SaleBottom-btn.gif);
	background-repeat:no-repeat;
}

.largeBoxSaleImage1 {
	width:230px;
	height:158px;
	overflow:hidden;
	margin:0; 
	padding:0;
	background:url(../pix/home/Large-Box-Image-Sale1.jpg) no-repeat;
}

.largeBoxSaleImage2 {
	width:230px;
	height:158px;
	overflow:hidden;
	margin:0; 
	padding:0;
	background:url(../pix/home/Large-Box-Image-Sale2.jpg) no-repeat;
}

.largeBoxSaleImage3 {
	width:230px;
	height:158px;
	overflow:hidden;
	margin:0; 
	padding:0;
	background:url(../pix/home/Large-Box-Image-Sale3.jpg) no-repeat;
}

.largeBoxSaleImage4 {
	width:230px;
	height:158px;
	background:url(../pix/home/Large-Box-Image-Sale4.jpg) no-repeat;
}

/* END OF CSS FOR SALE FOR OVER CHRISTMAS PERIOD 2010 */
  
a.homelink {text-decoration:none}

/*-----------------------------------------------------------------------------------------------*/ 
/*                                   Promo Additional Large Boxes                                */
/*-----------------------------------------------------------------------------------------------*/

#SecondRowContainer {
	width:945px;
	height:235px;
	*height:240px;
	float:left;
	margin-bottom:10px;
	_overflow:hidden;
	text-decoration:none;

}

.largeBoxContainer {
	width:230px;
	height:235px;
	overflow:hidden;
	background:url(../pix/home/Large-Box-Bg.jpg) no-repeat;
	margin:0;
	padding:0;
	float:left;
	margin-top:10px;
	cursor:hand;
	margin-right:8px;
	text-decoration:none;

}

.largeBoxContainerRight {
	width:230px;
	height:235px;
	overflow:hidden;
	background:url(../pix/home/Large-Box-Bg.jpg) no-repeat;
	margin:0;
	padding:0;
	float:right;
	margin-top:10px;
	cursor:hand;
	text-decoration:none;
}

.largeBoxTitle {
	width:220px;
	height:18px;
	padding:5px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	text-decoration:none;
}

.largeBoxImage1 {
	width:230px;
	height:158px;
	overflow:hidden;
	margin:0; 
	padding:0;
	background:url(../pix/home/Large-Box-Image1.jpg) no-repeat;
}

.largeBoxImage2 {
	width:230px;
	height:158px;
	overflow:hidden;
	margin:0; 
	padding:0;
	background:url(../pix/home/Large-Box-Image2.jpg) no-repeat;
}

.largeBoxImage3 {
	width:230px;
	height:158px;
	overflow:hidden;
	margin:0; 
	padding:0;
	background:url(../pix/home/Large-Box-Image3.jpg) no-repeat;
}

.largeBoxImage4 {
	width:230px;
	height:158px;
	background:url(../pix/home/Large-Box-Image4.jpg) no-repeat;
}

.largeBoxText {
	width:210px;
	height:30px;
	margin:0;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}	

/*-----------------------------------------------------------------------------------------------*/ 
/*                                   	 Promo Text Links                                		 */
/*-----------------------------------------------------------------------------------------------*/

#textLinkMainContainer {
	width:945px;
	height:15px;
	padding:5px 0 10px 0;
	margin:0px;
	overflow:hidden;
	margin-top:5px;
	*margin-top:0px;
	text-align:center;
	background-color:#f4ecec;
	clear:left;
}

.textLinkSubContainer {
	padding-left:10px;
	padding-right:10px;
	display:inline;
	width:auto;
	height:auto;
	background:url(../pix/home/text_link_divider.gif) no-repeat;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.textLinkSubContainer2 {
	padding-left:1px;
	display:inline;
	width:auto;
	height:auto;
	background:url(../pix/home/text_link_divider.gif) no-repeat;
}


a.textLink {
	text-decoration:underline;
	color:#666666;	
}

a.textLink:hover {
	text-decoration:none;
	color:#000000;
}




/*-----------------------------------------------------------------------------------------------*/ 
/*                                     Promo list Styles End                                     */
/*                                      Slider styles Start                                      */
/*-----------------------------------------------------------------------------------------------*/

#homepageHeroContainer
{
    width:700px;
	height:352px;
    float:left;
	position:relative;
	margin-bottom:10px;
	*margin-bottom:0px;
	_margin-bottom:0px;	
}

/*--Window/Masking Styles--*/

.window {
	height:352px;	
	width:700px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	float:left;
	position: relative;
}

.hero_reel {
	position: absolute;
	top: 0; left: 0;
}

.hero_reel img {float: left;}

/*-- Paging Styles - Use this style to increase/decrease the number of slider panels --*/

.paging {
	position: absolute;
	bottom: 20px; 
	right:22px;
	width: 75px; 
	height:30px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/

}
.paging a {
	padding:5px;
	text-decoration: none;
	color: #fff;
	font-size:12px;
	color:#000;
	background:#fff;
	border: 1px solid #000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a.active {
	color:#fff;
	font-weight:bold;
	background:#e50a75;
	border: 1px solid #000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;	
}

/* ul#panels {
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0;
	height:352px;
	
} */

#offer_button {
	height:190px;
	width:146px;
	/* must be absolutely positioned so that overlapping will occur */
	position:absolute;
	margin-top:162px;
	margin-left:554px;
	overflow:hidden;
	clear:right;
	z-index:100;
}

#xtra_panel a {
	width:330px;
	height:352px;
	/* must be absolutely positioned so that overlapping will occur */
	position:absolute;
	z-index:100;
	background:url(../pix/spacer/spacer.gif) repeat;
}

#xtra_panel2 a {
	height:70px;
	width:700px;
	/* must be absolutely positioned so that overlapping will occur */
	position:absolute;
	margin-top:270px;
	margin-left:0px;
	overflow:hidden;
	z-index:1;
	background:url(../pix/spacer/spacer.gif) repeat;
}

#xtra_panel3 a {
	height:37px;
	width:340px;
	/* must be absolutely positioned so that overlapping will occur */
	position:absolute;
	margin-top:315px;
	margin-left:0px;
	overflow:hidden;
	z-index:1;
	background:url(../pix/spacer/spacer.gif) repeat;
}

#xtra_panel4 a {
	height:50px;
	width:700px;
	/* must be absolutely positioned so that overlapping will occur */
	position:absolute;
	margin-top:305px;
	margin-left:0px;
	overflow:hidden;
	z-index:1;
	background:url(../pix/spacer/spacer.gif) repeat;
}

#homepageHeroContainer {
    width:700px;
	height:352px;
    margin-left:15px;
    float:left;
	position:relative;
	margin-bottom:10px;
	*margin-bottom:0px;
	_margin-bottom:0px;	
}

#main_image_text {
    width:700px;
	height:352px;
	/* must be absolutely positioned so that overlapping will occur */
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	overflow:hidden;
	clear:right;
	z-index:1;
}

#may_discount_terms_button a {
	width:130px;
	height:17px;
	position:absolute;
	margin-left:199px;
	margin-top:320px;
	float:left;
}


/*-----------------------------------------------------------------------------------------------*/ 
/*                                     		SEO TEXT			                                 */
/*-----------------------------------------------------------------------------------------------*/

#seo_text_container {
	width:945px;
	height:48px;
	*height:43px;
	*padding-top:10px;
	margin:0;
	overflow:hidden;
}

h2.homepage_seo_text {
	font-family:Arial;
	font-size:10px;
	color:#a8a8a8;
	font-weight:none;
}

.homepage_seo_text a:link {
text-decoration:none;
color:#a8a8a8;
}

.homepage_seo_text a:visited {
text-decoration:none;
color:#a8a8a8;
}

.homepage_seo_text a:hover {
text-decoration:underline;
color:#000000;
}

.homepage_seo_text a:active {
text-decoration:none;
color:#a8a8a8;
}


/*-----------------------------------------------------------------------------------------------*/ 
/*                                       Slider styles End                                       */
/*-----------------------------------------------------------------------------------------------*/




/* START - CSS changes for the May Madness promos */

.TopPromo-maymad-01
{
    background:url("../pix/home/Top-Bg-maymad-01.jpg")  no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#TopButton-maymad-01
{
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:194px;
	height:16px;
	background-image:url("../pix/home/Top-Btn-maymad-01.gif");
	background-repeat:no-repeat;
}

.MiddlePromo-maymad-01
{
    background:url("../pix/home/Middle-Bg-maymad-01.jpg") no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#MiddleButton-maymad-01
{
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:154px;
	height:16px;
	background-image:url(../pix/home/Middle-Btn-maymad-01.gif);
	background-repeat:no-repeat;
}

.BottomPromo-maymad-01
{
    background:url("../pix/home/Bottom-Bg-maymad-01.jpg") no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#BottomButton-maymad-01
{
	margin-top:0px;
	width:201px;
	height:16px;
	background-image:url(../pix/home/Bottom-btn-maymad-01.gif);
	background-repeat:no-repeat;
}




.TopPromo-maymad-02
{
    background:url("../pix/home/Top-Bg-maymad-02.jpg")  no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#TopButton-maymad-02
{
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:181px;
	height:16px;
	background-image:url("../pix/home/Top-Btn-maymad-02.gif");
	background-repeat:no-repeat;
}

.MiddlePromo-maymad-02
{
    background:url("../pix/home/Middle-Bg-maymad-02.jpg") no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#MiddleButton-maymad-02
{
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:101px;
	height:16px;
	background-image:url(../pix/home/Middle-Btn-maymad-02.gif);
	background-repeat:no-repeat;
}

.BottomPromo-maymad-02
{
    background:url("../pix/home/Bottom-Bg-maymad-02.jpg") no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#BottomButton-maymad-02
{
	margin-top:0px;
	width:201px;
	height:16px;
	background-image:url(../pix/home/Bottom-btn-maymad-02.gif);
	background-repeat:no-repeat;
}




.TopPromo-maymad-03
{
    background:url("../pix/home/Top-Bg-maymad-03.jpg")  no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#TopButton-maymad-03
{
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:171px;
	height:16px;
	background-image:url("../pix/home/Top-Btn-maymad-03.gif");
	background-repeat:no-repeat;
}

.MiddlePromo-maymad-03
{
    background:url("../pix/home/Middle-Bg-maymad-03.jpg") no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#MiddleButton-maymad-03
{
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:101px;
	height:16px;
	background-image:url(../pix/home/Middle-Btn-maymad-03.gif);
	background-repeat:no-repeat;
}

.BottomPromo-maymad-03
{
    background:url("../pix/home/Bottom-Bg-maymad-03.jpg") no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#BottomButton-maymad-03
{
	margin-top:0px;
	width:110px;
	height:16px;
	background-image:url(../pix/home/Bottom-btn-maymad-03.gif);
	background-repeat:no-repeat;
}


.TopPromo-maymad-04
{
    background:url("../pix/home/Top-Bg-maymad-04.jpg")  no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#TopButton-maymad-04
{
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:141px;
	height:16px;
	background-image:url("../pix/home/Top-Btn-maymad-04.gif");
	background-repeat:no-repeat;
}

.MiddlePromo-maymad-04
{
    background:url("../pix/home/Middle-Bg-maymad-04.jpg") no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#MiddleButton-maymad-04
{
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:188px;
	height:16px;
	background-image:url(../pix/home/Middle-Btn-maymad-04.gif);
	background-repeat:no-repeat;
}

.BottomPromo-maymad-04
{
    background:url("../pix/home/Bottom-Bg-maymad-04.jpg") no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#BottomButton-maymad-04
{
	margin-top:0px;
	width:201px;
	height:16px;
	background-image:url(../pix/home/Bottom-btn-maymad-04.gif);
	background-repeat:no-repeat;
}



.TopPromo-maymad-05
{
    background:url("../pix/home/Top-Bg-maymad-05.jpg")  no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#TopButton-maymad-05
{
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:187px;
	height:16px;
	background-image:url("../pix/home/Top-Btn-maymad-05.gif");
	background-repeat:no-repeat;
}

.MiddlePromo-maymad-05
{
    background:url("../pix/home/Middle-Bg-maymad-05.jpg") no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#MiddleButton-maymad-05
{
	margin-top:0px;
	_margin-top:20px;
	*margin-top:20px;
	width:173px;
	height:16px;
	background-image:url(../pix/home/Middle-Btn-maymad-05.gif);
	background-repeat:no-repeat;
}

.BottomPromo-maymad-05
{
    background:url("../pix/home/Bottom-Bg-maymad-05.jpg") no-repeat bottom right;
	display:block;
	width:230px;
	height:115px;
	cursor:pointer;
	text-decoration:none;
}

#BottomButton-maymad-05
{
	margin-top:0px;
	width:142px;
	height:16px;
	background-image:url(../pix/home/Bottom-btn-maymad-05.gif);
	background-repeat:no-repeat;
}



.largeBoxImage1-maymad {
	width:230px;
	height:158px;
	overflow:hidden;
	margin:0; 
	padding:0;
	background:url(../pix/home/Large-Box-Image1-maymad.jpg) no-repeat;
}

.largeBoxImage2-maymad {
	width:230px;
	height:158px;
	overflow:hidden;
	margin:0; 
	padding:0;
	background:url(../pix/home/Large-Box-Image2-maymad.jpg) no-repeat;
}


.largeBoxImage4-maymad {
	width:230px;
	height:158px;
	background:url(../pix/home/Large-Box-Image4-maymad.jpg) no-repeat;
}

/* END - CSS changes for the May Madness promos */