/***************************************************************
Style Sheet for Discount 1031 Exchange.com

Copyright 2007 by Sebo Marketing, All Rights Reserved
***************************************************************/



/***************************************************************
Appearance and Location for MainNav and SubNav
***************************************************************/
#mainNav {
	z-index:2;
	position:absolute;
	top:115px;
	left:10px;
	margin:0;
	
	width:740px;
	height:40px;
	text-align:center;
	background:url('images-layout/black-bar-left.gif') top left no-repeat #333;
}
#mainNav ul {
	position:relative;
	display:block;
	margin:0 0 0 60px;
	padding:0;
	
	width:680px;
	height:40px;
	
	list-style:none;
	background:url('images-layout/black-bar-right.gif') top right no-repeat;
}
#mainNav ul li {
	position:relative;
	display:inline;
	float:left;
	margin:0;
	padding:0;
	
	height:auto;
}
#mainNav ul li.current {
	background:url('images-layout/main-nav-tab-current.gif') top left repeat-x;
}
#mainNav ul li:hover, #mainNav ul li.over {
	background:url('images-layout/main-nav-tab-hover.gif') top left repeat-x;
}
#mainNav ul li a:link, #mainNav ul li a:visited, #mainNav ul li a:active {
	display:block;	
	
	margin:0;
	padding:11px 27px 0 27px;

	height:29px;
	
	text-align:center;
	text-decoration:none;
	font-size:100%;
	font-weight:bold;
	color:#a5eaff;
}
#mainNav ul li:hover a:link, #mainNav ul li:hover a:visited, 
#mainNav ul li.over a:link, #mainNav ul li.over a:visited {
	color:#ffa11a;
	text-decoration:underline;
}
#mainNav ul li a:hover{
	text-decoration:underline;
	color:#ffa11a;
	background:url('images-layout/main-nav-tab-hover.gif') top left repeat-x;
}
#mainNav ul li.current a:link, #mainNav ul li.current a:visited {
	text-decoration:underline;
	color:#a1daeb;
}
#mainNav ul li.current:hover a:link, #mainNav ul li.current:hover a:visited {
	text-decoration:underline;
	color:#ffa11a;
}


/***************************************************************
Appearance and Location for Dropdowns
***************************************************************/

#mainNav ul li ul {
	display:none;
}
#mainNav ul li:hover ul, #mainNav ul li.over ul{
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	
	top:40px;
	left:0;
	
	height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
	width:10em;
	
	text-transform:none;

	z-index:5;
	background:#fff;
}
#mainNav ul li:hover .wide, #mainNav ul li:hover .wide li, #mainNav ul li:hover .wide li a {
	width:14em;
}
#mainNav ul li:hover ul li, #mainNav ul li.over ul li{
	display:block;
	float:none;
	margin:0 -1px -1px -1px; /* IE fix */
	padding:0;
	width:100%;
	height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
	
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#bababa;
}
#mainNav ul li:hover ul li.first, #mainNav ul li.over ul li.first {}
#mainNav ul li:hover ul li.last, #mainNav ul li.over ul li.last {
	border-bottom:1px solid #bababa;
}
#mainNav ul li:hover ul li a:link, #mainNav ul li:hover ul li a:visited,
#mainNav ul li.current:hover ul li a:link, #mainNav ul li.current:hover ul li a:visited,
#mainNav ul li.over ul li a:link, #mainNav ul li.over ul li a:visited {
	display:block;
	float:none;
	
	margin:0;
	padding:6px 5px 6px 5px;
	height:1.5em;
	
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	color:#06477d;
	font-style:normal;
	font-size:89%;
	
	background:none;
}
#mainNav ul li.current:hover ul li a:hover, #mainNav ul li.current:hover ul li a:active,
#mainNav ul li:hover ul li a:hover, #mainNav ul li:hover ul li a:active,
#mainNav ul li.over ul li a:hover, #mainNav ul li.over ul li a:active {
	color:#06477d;
	background:#d8d8d8;
	text-decoration:underline;
}