/* 

drop-downs branding CSS document
drop-downs.css
client: ###Example###
author: Atlantic BT - www.atlanticbt.com
date: ###Date###

original based off final_drop.css by Stu Nicholls at CSS Play (www.cssplay.co.uk)
modified by Atlantic BT

*/




/*======================================
	=DO NOT EDIT BELOW
======================================*/
* html body { behavior: url(/css/csshover2.htc); } /* allow IE to follow :hover rules */

#navigation ul { z-index: 800; }
#navigation ul li { position: relative; }

/* hide sub navs */
#navigation ul li ul,
#container #navigation ul li ul li ul { position: absolute; left: -9000em; top: 0; margin: 0; }

/* base drop downs */
#navigation ul li:hover ul,
#container #navigation ul li ul li:hover ul { display: block;  position: absolute; z-index: 900; }

/* overrides for sprites */
#navigation ul li:hover ul,
#navigation ul li:hover ul li,
#navigation ul li:hover ul li a { height: auto; /* override height from nav */ background: none; text-indent: 0; }


/*======================================
	=Editable Area
======================================*/


/* 1st level */
#navigation ul li:hover ul {
	top: 23px; left: -1px; /* top = height of primary nav button */
	margin: 0; padding: 5px 10px;
	width: 110px;
	background: #8b5b1a;
	color: #fff;
	font-size: 100%; /* override height from nav */
	opacity: .9;
}
	#navigation ul li:hover ul.left { left: -160px; }
	
#navigation ul li:hover ul li {
	margin: 0; padding: 0;
	width: 100px;
	background: none;
	
}

#navigation ul li:hover ul li a {
	padding: 4px 0px;
	width: 100px;
	background: none;
	text-align: left;
	text-transform: capitalize;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #fff;
}
	#container #navigation ul li ul li a:hover { color: #ED6FA2; }


/* 2nd level */
/* for these IE might need a <div> around the inner <ul>, to be ingored in the css -- only there for holder */
#container #navigation ul li ul li:hover ul {
	left: 170px; top: 0;
	width: 160px;
	font-size: 100%;
}
	#container #navigation ul li ul li:hover ul.left { left: -170px; }