/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */

/* mark up 			

			<div id="dropdown"><p>search accomodation</p></div> 

			<div id="search">
				<div class="selectmenu">
					<ul>
						<li><a href="#">please select<!--[if IE 7]><!--></a><!--<![endif]-->
						<!--[if lte IE 6]><table><tr><td><![endif]-->
							<ul>
								<li><a href="/listbysize2/" title="2 bedroom">2 bedroom</a></li>
								<li><a href="/listbysize3/" title="3 bedroom">3 bedroom</a></li>
								<li><a href="/listbysize4/" title="4 bedroom">4 bedroom</a></li>
								<li><a href="/listbysize5/" title="5 bedroom">5 bedroom</a></li>
								<li><a href="/listbysize7/" title="7 bedroom">7 bedroom</a></li>
							</ul>
						<!--[if lte IE 6]></td></tr></table></a><![endif]-->
						</li>
					</ul>
				</div>
			</div>		
*/

#dropdown { 
	float: left;
	margin: 10px 0 0 10px;
	font-weight: bold;
	}

.selectmenu {
	position: absolute;
	left: 200px;
	top: 45px;
	width: 150px;
	background: #fff url('/images/dropdown-arrow.gif') no-repeat;
	height: 20px;
	z-index: 50;
}

.selectmenu ul{
	list-style-type:none;
	padding: 1px;
	margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.selectmenu li{
	float:left;
	position:relative;
	z-index:500;
}

/* use the table to position the dropdown list */
.selectmenu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:22px;
}

/* style all the links */
.selectmenu a, .selectmenu :visited {
	display:block;
	font-size:11px;
	width:149px;
	padding:3px 0 3px 8px;
	color:#452E0A;
	background: transparent;
	text-decoration:none;
	margin-right: 0px;
	text-align:left;
}
/* style the links hover */
.selectmenu :hover{
	color:#444;
	background: transparent;
	text-decoration: underline;
}

/*\*/
*html .selectmenu :hover{
	background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin: -1px -1px 0 -1px;
	z-index: 1000;
}
/**/

/* hide the sub level links */
.selectmenu ul ul {
	visibility:hidden;
	position:absolute;
	width:149px;
	height:0;
}
/* make the sub level visible on hover list or link */
.selectmenu ul li:hover ul,
.selectmenu ul a:hover ul{
	visibility:visible;
	z-index:1000;
	background: #fff;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	height: 100px;
	margin: -3px 0 0 -1px;
	width: 148px;
}