/* CSS Document */
/************************************************************************

	Site: Alchemy Collections
	Author:		eROI		[www.eroi.com] 

	Listing Order:

	==============

	1 - Header
	2 - Sub Nav
	3 - 3rd Level Nav

************************************************************************/

/***********************************************************************
	1 - Header
************************************************************************/


div#header {
	background: url(../images/bg-header.gif) left top repeat-y;
	width: 811px;
	margin: 0 auto;
	padding: 0 17px;
}

div#logo {
	background: url(../images/logo-alchemy.gif) left top no-repeat;
	width: 135px;
	height: 131px;
	margin: 8px 0 0 0;
	float: left;
}

div#logo a {
	display: block;
	width: 100%;
	height: 100%;
}

div#nav {
	width: 631px;
	margin: 0;
	position: relative;
	top: 46px; /* 111px */
	left: 10px;
	z-index: 10;
	float: left;
}

div#mainLevel {
background: url(../images/bg-purpleBar.gif) left bottom repeat-x;
height: 28px;
}

div#mainLevel ul li {
	list-style: none;
	display: block;
	float: left;

	
}

div#mainLevel ul li span.text {
	display: none;
}

div#mainLevel a {
	display: block;
	padding-bottom: 8px;
	height: 6px;
	margin-top: 5px;
	position: relative;
	margin-right: 6px;
	padding-right: 12px;
	border-top: 1px #fff solid;
/*	border-right: 1px #fff solid;*/
}

a span.whiteBox {
	height: 7px;
	width: 6px;
	position: absolute;
	bottom: -1px;
	right: -7px;
	background: #fff;
}

div#mainLevel a:hover {
	height: 18px;
	margin-top: 0;
	border-top: 1px solid #d5cfce;
	border-right: 1px solid #d5cfce;
	border-left: 1px solid #d5cfce;		
}


/*** ACTIVE ***/
li#furniture a { background: url(../images/nav-furniture.gif) 6px top no-repeat; width: 62px;  border-left: 1px #fff solid;}
li#decor a { background: url(../images/nav-decor.gif) 6px top no-repeat; width: 39px; border-left: 1px solid #67557b;  }
li#lighting a { background: url(../images/nav-lighting.gif) 6px top no-repeat; width: 50px; border-left: 1px solid #67557b; }
li#fixtures a { background: url(../images/nav-fixtures.gif) 6px top no-repeat; width: 102px; border-left: 1px solid #67557b;}
li#gifts a { background: url(../images/nav-gifts.gif) 6px top no-repeat; width: 32px; border-left: 1px solid #67557b;  }
li#sale a { background: url(../images/nav-sale.gif) 6px top no-repeat; width: 28px; border-left: 1px solid #67557b;  }


/*** HOVER STATES
li#furniture a:hover { background: #fff url(../images/nav-hover-furniture.gif) 6px 5px no-repeat; border-bottom: 1px #fff solid; }
li#decor a:hover { background: #fff url(../images/nav-hover-decor.gif) 6px 5px no-repeat; border-bottom: 1px #d5cfce solid;  }
li#lighting a:hover { background: #fff url(../images/nav-hover-lighting.gif) 6px 5px no-repeat;	border-bottom: 1px #d5cfce solid;   }
li#fixtures a:hover { background: #fff url(../images/nav-hover-fixtures.gif) 6px 5px no-repeat;	border-bottom: 1px #d5cfce solid; }
li#gifts a:hover { background: #fff url(../images/nav-hover-gifts.gif) 6px 5px no-repeat;	border-bottom: 1px #d5cfce solid;  }
li#sale a:hover { background: #fff url(../images/nav-hover-sale.gif) 6px 5px no-repeat;	border-bottom: 1px #d5cfce solid; }
 ***/

li#furniture a.hover { background: #fff url(../images/nav-hover-furniture.gif) 6px 5px no-repeat; border-bottom: 1px #fff solid;
	height: 18px;
	margin-top: 0;
	border-top: 1px solid #d5cfce;
	border-right: 1px solid #d5cfce;
	border-left: 1px solid #d5cfce;		
		 }
li#decor a.hover { background: #fff url(../images/nav-hover-decor.gif) 6px 5px no-repeat; border-bottom: 1px #fff solid; 
	height: 18px;
	margin-top: 0;
	border-top: 1px solid #d5cfce;
	border-right: 1px solid #d5cfce;
	border-left: 1px solid #d5cfce;		
	}
li#lighting a.hover { background: #fff url(../images/nav-hover-lighting.gif) 6px 5px no-repeat;	border-bottom: 1px #fff solid; 
	height: 18px;
	margin-top: 0;
	border-top: 1px solid #d5cfce;
	border-right: 1px solid #d5cfce;
	border-left: 1px solid #d5cfce;		
	}
li#fixtures a.hover { background: #fff url(../images/nav-hover-fixtures.gif) 6px 5px no-repeat;	border-bottom: 1px #fff solid; 
	height: 18px;
	margin-top: 0;	
	border-top: 1px solid #d5cfce;
	border-right: 1px solid #d5cfce;
	border-left: 1px solid #d5cfce;		
	}
li#gifts a.hover { background: #fff url(../images/nav-hover-gifts.gif) 6px 5px no-repeat;	border-bottom: 1px #fff solid; 
	height: 18px;
	margin-top: 0;	 
	border-top: 1px solid #d5cfce;
	border-right: 1px solid #d5cfce;
	border-left: 1px solid #d5cfce;		
	}
li#sale a.hover { background: #fff url(../images/nav-hover-sale.gif) 6px 5px no-repeat;	border-bottom: 1px #fff solid;
	height: 18px;
	margin-top: 0;	 
	border-top: 1px solid #d5cfce;
	border-right: 1px solid #d5cfce;
	border-left: 1px solid #d5cfce;		
	}


/** ON STATES *
li#furnitureOn a { 
	background: #fff url(../images/nav-hover-furniture.gif) 6px 5px no-repeat;
	height: 18px;
	margin-top: 0;
	border-top: #d5cfce solid 1px;
	border-left: #d5cfce solid 1px;
	border-right: #d5cfce solid 1px;
	border-bottom: #fff solid 1px;	 
	width: 62px;
 }
 */



/***********************************************************************
	2 - Sub Nav
************************************************************************/

div#subNav {
	width: 811px;
	height: 22px;
	margin: 0 auto;
	padding: 0 17px;
	background-color: #FFFFFF;
}

div#subLevel {
	width: 631px;
	height: 21px;
	border-bottom: 1px solid #d5cfce;
	border-left: 1px solid #d5cfce;	
	margin-left: 145px;
	position: relative;
}

div#subLevel ul {
	font: 11px Helvetica, Arial, sans-serif;
	margin: 0 0 0 0;
}

div#subLevel ul li {
	list-style: none;
	display: block;
	float: left;
	margin: 7px 4px 0 4px;
}

div#subLevel ul li#furnitureBorder {
	margin: 0;
	width: 74px;
	height: 21px;
	border-right: 1px solid #d5cfce;
}

div#subLevel ul li#decorBorder {
	margin: 0;
	width: 124px;
	height: 21px;
	border-right: 1px solid #d5cfce;
}

div#subLevel ul li#lightingBorder {
	margin: 0;
	width: 204px;
	height: 21px;
	border-right: 1px solid #d5cfce;
}

div#subLevel ul li#fixturesBorder {
	margin: 0;
	width: 326px;
	height: 21px;
	border-right: 1px solid #d5cfce;
}

div#subLevel ul li#giftsBorder {
	margin: 0;
	width: 378px;
	height: 21px;
	border-right: 1px solid #d5cfce;
}

div#subLevel ul li#saleBorder {
	margin: 0;
	width: 182px;
	height: 21px;
	border-right: 1px solid #d5cfce;
}

div#subLevel ul li#arrow {
	margin: 1px 0 0 -2px;

}

div#subLevel ul li a {
/*	color: #444444; */
	color: #f1624f;
	text-transform: capitalize;
	text-decoration: none;
	border-left: 1px solid #d6d1d0;	
	border-right: 1px solid #d6d1d0;
	padding: 0 5px;	
		
}
div#subLevel ul li a:hover {
	color: #f1624f;
	text-transform: capitalize;
	text-decoration: none;
	/* border-top: 1px solid #d6d1d0;	
	border-left: 1px solid #d6d1d0; */
	border-left: 1px solid #d6d1d0;			
	border-right: 1px solid #d6d1d0;
	padding: 0 5px;			
}

div#subLevel ul li a#on {
	color: #f1624f;
	text-transform: uppercase;
	text-decoration: none;
}

div#subLevel ul li a:hover span.blackLine { display: none; }

div#subLevel ul li a#on span.blackLine { display: none; }

/***********************************************************************
	3 - 3rd Level Nav
************************************************************************/

/* Arrow */
/*
div#subLevel ul li a div.menuArrow {
background: none;
width: 112px;
cursor: pointer;
padding: 3px 0;
}

div#subLevel ul li a:hover div.menuArrow {
background: url(../images/nav-arrow-3.gif) no-repeat;
background-position: right;
width: 112px;
cursor: pointer;
}*/
/*Arrow2*/
/*div#sublevel ul li div.dotted {
	width:100px;
	border-bottom:1px dotted #999999;
}*/
div#subLevel ul li div.menuArrow2 {
background: none;
width: 112px;
cursor: pointer;
padding: 3px 0;
}

div#subLevel ul li div.menuArrow2:hover {
background: url(/images/nav-arrow-3.gif) no-repeat;
background-position: right;
width: 112px;
cursor: pointer;
}
/* Generic */

div#subLevel ul li div.genericList {
	position: absolute;
	background: #fff;
	padding: 10px 0 10px 10px;
	border-left: #d5cfce solid 1px;
	border-right: #d5cfce solid 1px;
	border-bottom: #d5cfce solid 1px;
	width: 105px;
	color: #5d5654;
	clear:both;
}

div#subLevel ul li div.genericList a {
	margin: 0;
	color: #000000;
	border: none;
	padding: 0;
	}

div#subLevel ul li div.genericList a:hover  {
color: #5d5654;
}


/* Bedroom */

div#subLevel ul li div#bedroomList {
	position: absolute;
	background: #fff;
	padding: 10px 0 10px 10px;
	border-left: #d5cfce solid 1px;
	border-right: #d5cfce solid 1px;
	border-bottom: #d5cfce solid 1px;
	width: 105px;
	color: #5d5654;
}

div#subLevel ul li div#bedroomList a {
	margin: 0;
	color: #000000;
	border: none;
	padding: 0;
	}

div#subLevel ul li div#bedroomList a:hover  {
color: #5d5654;
}

/* Dining */

div#subLevel ul li div#diningList {
position: absolute; 
background: #fff ;
padding: 10px 0 10px 10px; 
border-left: #d5cfce solid 1px;
border-right: #d5cfce solid 1px;
border-bottom: #d5cfce solid 1px;
width: 105px; 
color: #5d5654;
}


div#subLevel ul li div#diningList a {
	margin: 0;
	color: #000000;
	border: none;
	padding: 0;
	}

div#subLevel ul li div#diningList a:hover  {
color: #5d5654;
}

/* Living */

div#subLevel ul li div#livingList {
position: absolute; 
background: #fff ;
padding: 10px 0 10px 10px; 
border-left: #d5cfce solid 1px;
border-right: #d5cfce solid 1px;
border-bottom: #d5cfce solid 1px;
width: 105px; 
color: #5d5654;
}

div#subLevel ul li div#livingList a {
	margin: 0;
	color: #000000;
	border: none;
	padding: 0;
	}

div#subLevel ul li div#livingList a:hover  {
color: #5d5654;
}


/* Office */

div#subLevel ul li div#officeList {
position: absolute; 
background: #fff ;
padding: 10px 0 10px 10px; 
border-left: #d5cfce solid 1px;
border-right: #d5cfce solid 1px;
border-bottom: #d5cfce solid 1px;
width: 105px; 
color: #5d5654;
}

div#subLevel ul li div#officeList a {
	margin: 0;
	color: #000000;
	border: none;
	padding: 0;
	}

div#subLevel ul li div#officeList a:hover  {
color: #5d5654;
}

/* Outdoor */

div#subLevel ul li div#outdoorList {
position: absolute; 
background: #fff ;
padding: 10px 0 10px 10px; 
border-left: #d5cfce solid 1px;
border-right: #d5cfce solid 1px;
border-bottom: #d5cfce solid 1px;
width: 105px; 
color: #5d5654;
}

div#subLevel ul li div#outdoorList a {
	margin: 0;
	color: #000000;
	border: none;
	padding: 0;
	}

div#subLevel ul li div#outdoorList a:hover  {
color: #5d5654;
}

/* Art */

div#subLevel ul li div#artList {
	position: absolute;
	background: #fff;
	padding: 10px 0 10px 10px;
	border-left: #d5cfce solid 1px;
	border-right: #d5cfce solid 1px;
	border-bottom: #d5cfce solid 1px;
	width: 105px;
	color: #5d5654;
}

div#subLevel ul li div#artList a {
	margin: 0;
	color: #000000;
	border: none;
	padding: 0;
	}

div#subLevel ul li div#artList a:hover  {
color: #5d5654;
}

/* Table Top */

div#subLevel ul li div#tableTopList {
	position: absolute;
	background: #fff;
	padding: 10px 0 10px 10px;
	border-left: #d5cfce solid 1px;
	border-right: #d5cfce solid 1px;
	border-bottom: #d5cfce solid 1px;
	width: 105px;
	color: #5d5654;
}

div#subLevel ul li div#tableTopList a {
	margin: 0;
	color: #000000;
	border: none;
	padding: 0;
	}

div#subLevel ul li div#tableTopList a:hover  {
color: #5d5654;
}
/* Sale - Furniture */

div#subLevel ul li div#furnitureList {
	position: absolute;
	background: #fff;
	padding: 10px 0 0 10px;
	border-left: #d5cfce solid 1px;
	border-right: #d5cfce solid 1px;
	border-bottom: #d5cfce solid 1px;
	width: 105px;
	color: #5d5654;
}
div#subLevel ul li div#furnitureList a {
	margin: 0;
	color: #000000;
	border: none;
	padding: 0;
	}

div#subLevel ul li div#furnitureList a:hover  {
color: #5d5654;
}

/* Sale - Decor */

div#subLevel ul li div#decorList {
	position: absolute;
	background: #fff;
	padding: 10px 0 10px 10px;
	border-left: #d5cfce solid 1px;
	border-right: #d5cfce solid 1px;
	border-bottom: #d5cfce solid 1px;
	width: 105px;
	color: #5d5654;
}
div#subLevel ul li div#decorList a {
	margin: 0;
	color: #000000;
	border: none;
	padding: 0;
	}

div#subLevel ul li div#decorList a:hover  {
color: #5d5654;
}
/* Furniture */
div#subLevel ul li div#decorList {
	position: absolute;
	background: #fff;
	padding: 10px 0 10px 10px;
	border-left: #d5cfce solid 1px;
	border-right: #d5cfce solid 1px;
	border-bottom: #d5cfce solid 1px;
	width: 105px;
	color: #5d5654;
}

div#subLevel ul li div#decorList a {
	margin: 0;
	color: #000000;
	border: none;
	padding: 0;
	}

div#subLevel ul li div#decorList a:hover  {
color: #5d5654;
}
/* Decor */
furnitureList