/*
name         : dir.css
author       : http://www.eastcoastinteractive.co.uk
created      : 25/02/2008
last updated : 28/04/2008
purpose		 : layout for your metal news directory - extends the base stylesheet (layout.css)
*/

/* over write the the top header bar with directory specific logo */
.header-top{background:url('../img/metals_dir_logo.png') top left no-repeat;}

/* regional selectors */
ul.dir_regions{list-style-type:none;}

ul.dir_regions li
{
	float:left;
	z-index:auto !important /*Non-IE6*/;
	z-index:1000 /*IE6*/;
	border:solid 1px #ccc;
	margin-right:1px;
}

ul.dir_regions li a
{
	float:none !important /*Non-IE6*/;
	float:left /*IE-6*/;
	display:block;
	height:1.9em;
	line-height:1.9em;
	padding:0 4px 0 5px;
	text-decoration:none;
	font-weight:bold;
}

ul.dir_regions li a:hover{background:#eee;}

/* multimedia listing */
.content table.dir_mediaListing
{
	border:1px solid #999;
	margin-bottom:7px;
	z-index:5;
}

td.dir_mmLogo
{
	border:1px solid #999;
	border-width:1px 0 1px 1px;
	width:80px;
	height:100px;
}

td.dir_mmContent
{
	border:1px solid #999;
	border-width:1px 1px 1px 0;
	width:380px;
	height:100px;
	background:#fff url('../img/mml_bg.png') top right no-repeat;
}

td.dir_mmLogo a img, td.dir_mmLogo a:hover img{border:0;}

ul.dir_mmList{margin:12px 7px 7px 7px;}
li.dir_mmHead, li.dir_mmHead a{font-size:1.3em;}

/* professional listing */
.content table.dir_proListing
{
	border:1px solid #ccc;
	margin-bottom:7px;
	z-index:5;
}

.content table.dir_proListing td.dir_proLogo
{
	border:1px solid #ccc;
	border-width:1px 0 1px 1px;
	width:60px;
	height:75px;
	background-color:#eee;
}

.content table.dir_proListing td.dir_proContent
{
	border:1px solid #ccc;
	border-width:1px 1px 1px 0;
	width:400px;
	height:100px;
	background:#eee url('../img/prol_bg.png') top right no-repeat;
}

td.dir_proLogo a img, td.dir_proLogo a:hover img{border:0;}

ul.dir_proList{margin:12px 7px 7px 7px;}
li.dir_proHeadL, li.dir_proHeadL a{font-size:1.2em;}

/* basic listing */
table.dir_basicListing td
{
	background:#eee;
	margin-top:0;
}

/* Moving to the actual displaying of data */
/* :: display professional data */
div.dir_proRecord{}
div.dir_proLogo{width:300px; height:250px;}
div.dir_proLogo img{float:none;}
ul.dir_proContact{float:right; width:180px;}
div.dir_proDesc{/*position:relative;*/ width:300px; float:left;}
div.dir_proImg{float:right; width:180px;}
div.dir_proImg img{padding:0; border:0; margin:0 0 7px 0; float:left; clear:both;}
.dir_clear{clear:both;}
.dir_proHead{/*position:relative;*/ border-bottom:1px dotted #ccc; margin-bottom:7px;}
.dir_proBody{/*position:relative;*/}

/* :: display basic data */
div.dir_basicRecord{}
ul.dir_basicContact{width:400px;}

/* common */
/*the search bar for the directory is defined here*/
.header-search .dir_searchform 
{
	float:right; width:870px; padding:0 17px 0px 0px !important /*Non-IE6*/;
	padding:0 12px 0px 0px /*IE6*/;
}

.header-search .dir_searchform form fieldset
{
	float:left; border:none;
}

.header-search .dir_searchform input.field
{
	width:18.5em; padding:0.2em 0 0.2em 0; border:1px solid #213d65;
	font-family:verdana,arial,sans-serif; font-size:110%;
}

.header-search .dir_searchform input.button
{
	width:6em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#ccc;
	border:solid 1px #213d65; text-align:center; font-family:verdana,arial,sans-serif;
	color:#000; font-size:110%;
}

.header-search .dir_searchform select.combo
{
	width:145px; padding:0.1em; border:solid 1px #213d65; font-family:verdana,arial,sans-serif;
	font-size:110%;
}

.header-search .dir_searchform input.button:hover
{
	cursor:pointer; border:solid 1px #213d65; background:rgb(220,220,220); color:rgb(80,80,80);
}

/* pop out menu */
/* all lists */
#nav, #nav ul
{
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	width:185px;
	z-index:2000;
}
div.main div.leftNav div#nav{z-index:2000;}
/* all list items */
#nav li
{ 
	position:relative;
	float:left;
	line-height:1.25em;
	margin-bottom:-1px;
	width:185px;
}
/* second-level lists */	
#nav li ul
{ 
	position:absolute;
	left:-999em;
	margin-left:184px;
	margin-top:-2.5em;
	z-index:2001;
}
#nav li ul li{z-index:2002;}
#nav li a
{
	/*width:11em;
	w\idth:10em;*/
	display:block;
	min-height:2.0em; /*Non-IE6*/
	height:auto !important;
	height:2.0em; /*IE6*/
	line-height:2.0em;
	padding:0 10px 0 15px;
	border-top:1px solid #ccc;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	font-size:120%;
	background:#9c9875;
	z-index:2003;
}
	
#nav li a:hover
{
	color:white;
	background-color:black;
}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;}
/* lists nested under hovered list items */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto;}

#unStick{margin-left:12em;}

/* display regions to select in form */
table.formGrid{width:98%;}