/*-----------------------------------------------------------------------------------------------*/
/*                                                                                               */
/* Stylesheet      : Brand Directory Style Sheet                                                 */
/*                                                                                               */
/* Script Name     : BrandDirectoryNEWs                                                          */
/*                                                                                               */
/* System Name     : Grattan                                                                     */
/*                                                                                               */
/* Author          : hepd075                                                                     */
/*                                                                                               */
/* Date            : 21/05/2009                                                                  */
/*                                                                                               */
/* Copyright       : (c) FGH-UK Ltd                                                              */
/*                                                                                               */
/* Description     : Contains styling for the Brand Directory.                                   */
/*                                                                                               */
/* Version History                                                                               */
/*                                                                                               */
/* Version Date       Who     Description                                                        */
/* ------- ---------- -----   -----------                                                        */
/* 1.0     21/05/2009 hepd075 Original version.                                                  */
/* 1.1     23/07/2009 hepd075 Added Lingerie.                                                    */
/* 1.2     10/11/2009 hepd075 Added individual headers.                                          */
/*                                                                                               */
/*-----------------------------------------------------------------------------------------------*/  

.BrandDirectoryColumn
{
    FLOAT:left;
}

.BDtable
{
    BACKGROUND-COLOR: #DEDEDE;
    BORDER-TOP: 2px solid #FFFFFF;
    BORDER-RIGHT: 2px solid #FFFFFF;
}

.BDtableLinksTD
{
    PADDING-TOP: 17px;
    PADDING-BOTTOM: 17px;
}

.BDtableLetterTD
{
    PADDING-LEFT: 6px;
    PADDING-TOP: 10px;
    FONT-SIZE: 50px;
    COLOR: #FFFFFF;
}

.BDtableLetterTDW
{
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 6px;
    PADDING-TOP: 10px;
    FONT-SIZE: 50px;
    COLOR: #FFFFFF;
}

.BDtableRight
{
    BACKGROUND-COLOR: #DEDEDE;
    BORDER-TOP: 2px solid #FFFFFF;
}

#BrandDirectoryContent
{

}

A.BrandDirectory_link
{
    COLOR: #000000;    
}

A.BrandDirectory_link:VISITED
{
    COLOR: #000000;    
}

A.BrandDirectory_link:HOVER
{
    COLOR: #FF0000;    
}

#BrandDirectoryHeaderBgBox
{
    WIDTH: 945px;
    HEIGHT: 128px;
}

#BrandDirectoryHeader
{
    height:92px;
    width:945px;
}

.WomensHeader { BACKGROUND: url(../pix/branddirectoryNEW/womens-Top.jpg) no-repeat; }	
.LingerieHeader { BACKGROUND: url(../pix/branddirectoryNEW/lingerie-Top.jpg) no-repeat; }	
.MensHeader { BACKGROUND: url(../pix/branddirectoryNEW/mens-Top.jpg) no-repeat; }	
.KidsHeader { BACKGROUND: url(../pix/branddirectoryNEW/kids-Top.jpg) no-repeat; }	
.SportsHeader { BACKGROUND: url(../pix/branddirectoryNEW/sports-Top.jpg) no-repeat; }	
.ElectricalHeader { BACKGROUND: url(../pix/branddirectoryNEW/electricals-Top.jpg) no-repeat; }	
.HouseHeader { BACKGROUND: url(../pix/branddirectoryNEW/house-Top.jpg) no-repeat; }	

#BrandDirectoryNavMenu
{
    height:37px;
    width:945px;
    list-style:none;
    padding:0px;
    margin:0px;
}

#navLeft
{
    height:37px;
    width:38px;
    background:url(../pix/branddirectoryNEW/Nav-Left.gif) no-repeat;
    float:left;
}

#navRight
{
    height:37px;
    width:192px;
    background:url(../pix/branddirectoryNEW/Nav-Right.gif) no-repeat;
    float:left;
}

#LiBrandDirectoryHeaderWomens
{
    float:left;
    display:block;
    width:78px;
    height:37px;
}

#LiBrandDirectoryHeaderLingerie
{
    float:left;
    display:block;
    width:86px;
    height:37px;
}

#LiBrandDirectoryHeaderMens
{
    float:left;
    display:block;
    width:50px;
    height:37px;
}

#LiBrandDirectoryHeaderKids
{
    float:left;
    display:block;
    width:53px;
    height:37px;
}
#LiBrandDirectoryHeaderSports
{
    float:left;
    display:block;
    width:168px;
    height:37px;
}

#LiBrandDirectoryHeaderElectricals
{
    float:left;
    display:block;
    width:125px;
    height:37px;
}

#LiBrandDirectoryHeaderHouse
{
    float:left;
    display:block;
    width:155px;
    height:37px;
}


#BrandDirectoryHeaderWomens
{
    DISPLAY: BLOCK;
    FLOAT: left;
    BACKGROUND: url(../pix/branddirectoryNEW/Nav-Women.gif) no-repeat;
    width:100%;
    height:100%;
}

#BrandDirectoryHeaderWomens:Hover
{
    BACKGROUND-POSITION: 100% 50%;
}

#BrandDirectoryHeaderLingerie
{
    DISPLAY: BLOCK;
    FLOAT: left;
    BACKGROUND: url(../pix/branddirectoryNEW/Nav-Lingerie.gif) no-repeat;
    width:100%;
    height:100%;
}

#BrandDirectoryHeaderLingerie:Hover
{
    BACKGROUND-POSITION: 100% 50%;
}

#BrandDirectoryHeaderMens
{
    DISPLAY: BLOCK;
    FLOAT: left;
    BACKGROUND: url(../pix/branddirectoryNEW/Nav-Men.gif) no-repeat;
    width:100%;
    height:100%;
}

#BrandDirectoryHeaderMens:Hover
{
    BACKGROUND-POSITION: 100% 50%;
}

#BrandDirectoryHeaderKids
{
    DISPLAY: BLOCK;
    FLOAT: left;
    BACKGROUND: url(../pix/branddirectoryNEW/Nav-Kids.gif) no-repeat;
    width:100%;
    height:100%;
}

#BrandDirectoryHeaderKids:Hover
{
    BACKGROUND-POSITION: 100% 50%;
}

#BrandDirectoryHeaderSports
{
    DISPLAY: BLOCK;
    FLOAT: left;
    BACKGROUND: url(../pix/branddirectoryNEW/Nav-Sports.gif) no-repeat;
    width:100%;
    height:100%;
}

#BrandDirectoryHeaderSports:Hover
{
    BACKGROUND-POSITION: 100% 50%;
}

#BrandDirectoryHeaderElectricals
{
    DISPLAY: BLOCK;
    FLOAT: left;
    BACKGROUND: url(../pix/branddirectoryNEW/Nav-Elec.gif) no-repeat;
    width:100%;
    height:100%;
}

#BrandDirectoryHeaderElectricals:Hover
{
    BACKGROUND-POSITION: 100% 50%;
}

#BrandDirectoryHeaderHouse
{
    FLOAT: left;
    BACKGROUND: url(../pix/branddirectoryNEW/Nav-House.gif) no-repeat;
    width:100%;
    height:100%;
}

#BrandDirectoryHeaderHouse:Hover
{
    BACKGROUND-POSITION: 100% 50%;
}

#BrandDirectoryHeaderWomensSelected
{
    FLOAT: left;
    BACKGROUND: url(../pix/branddirectoryNEW/Nav-Women.gif) no-repeat 100%;
    height:37px;
    width:78px;
}

#BrandDirectoryHeaderLingerieSelected
{
    FLOAT: left;
    BACKGROUND: url(../pix/branddirectoryNEW/Nav-Lingerie.gif) no-repeat 100%;
    height:37px;
    width:86px;
}

#BrandDirectoryHeaderMensSelected
{
    FLOAT: left;
    BACKGROUND: url(../pix/branddirectoryNEW/Nav-Men.gif) no-repeat 100%;
    height:37px;
    width:50px;
}

#BrandDirectoryHeaderKidsSelected
{
    FLOAT: left;
    BACKGROUND: url(../pix/branddirectoryNEW/Nav-Kids.gif) no-repeat 100%;
    height:37px;
     width:53px;
}

#BrandDirectoryHeaderSportsSelected
{
    FLOAT: left;
    BACKGROUND: url(../pix/branddirectoryNEW/Nav-Sports.gif) no-repeat 100%;
    height:37px;
    width:167px;
}

#BrandDirectoryHeaderElectricalsSelected
{
    FLOAT: left;
    BACKGROUND: url(../pix/branddirectoryNEW/Nav-Elec.gif) no-repeat 100%;
    height:37px;
    width:124px;
}

#BrandDirectoryHeaderHouseSelected
{
    FLOAT: left;
    BACKGROUND: url(../pix/branddirectoryNEW/Nav-House.gif) no-repeat 100%;
    height:37px;
    width:155px;
}

.BrandDirectoryHeaderSlash
{
    FLOAT: left;
    WIDTH: 9px;
}

#BrandDirectoryBgBox
{
    BACKGROUND: url(../pix/branddirectoryNEW/branddirectory-cols-bckgrnd2.jpg) no-repeat;
    BACKGROUND-POSITION: bottom;
    WIDTH: 945px;
    PADDING-BOTTOM: 125px;
}

/* #################################################################################### */
/*                                 START ACCORDION CSS                                  */
/* #################################################################################### */

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#FFFFFF url(/img/global/gradient/h150.png) repeat scroll 0;
	height:200px;
	padding:10px 0 10px 20px;
	width:923px;
	border:1px solid #ddd;
	background-color:#CCCCCC;
}

/* accordion header */
#accordion img {
	float:left;
	margin-right:10px;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
}

/* currently active header */
#accordion img.current {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
	width:0px;
	float:left;	
	display:none;		
	margin-right:10px;
}

/* content inside a pane should have fixed width */
#accordion div h3 {
	color:#444;
	margin:0 0 -10px 0;
	width:190px;
	font-size:15px;	
}
	
#accordion div p {	
	font-size:11px;
	width:190px;
}

.normal img {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
}

/* #################################################################################### */
/*                                   END ACCORDION CSS                                  */
/* #################################################################################### */