/* File: nav.css + Last Updated: March 23, 2007 + Developers: Ron Kays. Fernan Fernandez */


/* global resets */

	#logo, #masthead, #usernav, .nav, .nav li, .nav li a {
	margin:0;
	padding:0;
	!important
	}
	#masthead {
	font-family: arial,verdana,sans-serif;
	}
	#print_masthead {display: none;} /* turn off print masthead */

/* logo */

	#logo div#headblurb {display:none;}
	#logo {
	width: 170px;
	height:60px;
	z-index:1000;
	text-align:center;
	position:absolute;
	top:0;left:0;
	padding:15px 0;
	font-family:Arial,Verdana,Sans-Serif;
	}
	#logo div#headblurb h1 {color: #88A4BC;font-size:small;}
	#logo div#headblurb h2 {color: #999; font-size: x-small;}
	
/* main container */

	#masthead {
	width: 750px;
	height: 70px;
	background: url(/include/nav/images/hdr_bg_nologo.jpg) no-repeat top left;
	}

/* House Links */

	ul#usernav {
	padding-right:5px;
	height:50px;
	text-align: right;
	list-style: none;
	font-size: 7pt;
	padding-top:-1px; !important
	}
	ul#usernav li { font-weight: normal;color:#aac; }
	ul#usernav li a { border: none; color: #00f; font-weight: bold; padding: 0 2px; text-decoration: none; }
	ul#usernav a:hover { text-decoration: underline; }

/* tab container */

	.nav {
	display: block;
	float:right;
	width: 535px;
	height:20px;
	font-weight: normal;
	font-size: 7pt;
	}

	/*Firefox Fix to add margin between drop down and content*/
	.nav:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

/* tabs */

	ul.nav li {
	display:inline;
	}

	ul.nav li a
	{
	float: left;
	line-height:20px;	
	padding:0 10px;

	margin-left:2px;
	border-left:1px solid #008;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 8pt !important;
	background: url(/include/nav/images/tab_off.gif) no-repeat top right;
	}

	ul.nav li a:hover, ul.nav li a.on {
	border-left:1px solid #ABBCDC;
	color: #008;
	background: url(/include/nav/images/tab_on.gif) no-repeat top right;
	text-decoration:none;
	}
	ul.nav li a:visited {
	text-decoration:none;
	color: #fff;
	}
	ul.nav li a:visited:hover {
	color: #008;
	}

	ul.nav li a.joinnow {
	background: url(/include/nav/images/tab2_off.gif) no-repeat top right;
	border-left:1px solid #c00;
	color: #fff;
	}
	ul.nav li a.joinnow:hover {
	color: #c00;
	border-left:1px solid #ABBCDC;	
	text-decoration:none;
	background: url(/include/nav/images/tab_on.gif) no-repeat top right;
	}

	ul.insurance li a#insurance,
	ul.travel li a#travel,
	ul.automotive li a#automotive,
	ul.memberservices li a#memberservices,
	ul.discounts li a#discounts
	{
	border-left:1px solid #ABBCDC;
	color: #008;
	background: url(/include/nav/images/tab_on.gif) no-repeat top right;
	text-decoration:none;
	}
	
/* das dropdowns */

	html>body .dropmenudiv {
	}

	.dropmenudiv
	{
	position:absolute;
	top: 0;
	left: 220px;
	border: 1px solid #BBB; 
	border-bottom-width: 0;
	font:normal 8pt Arial,Verdana,Sans-serif;
	line-height:16px;
	z-index:999;
	background-color: white;
	width: 160px;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /* IE Shadow */
	}

	.dropmenudiv a {
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #BBB; 
	padding: 2px 0;
	text-decoration: none !important ;
	color: #000 !important ;
	}

	* html .dropmenudiv a{ /* IE Fix */
	width: 100%;
	}

	.dropmenudiv a:hover{ 
	background-color: #F0F0F0;
	background-color: #D3DFEA;
	}
	.dropmenudiv a:visited {
	color: #000 !important ;
	text-decoration: none !important ;
	}

/* misc */

	#search { font-size: 8pt;width: 100px; margin-top: 2px;padding:0; !important}
	body { margin: 0; padding: 0; }
	
/* pixeltags */	

	.pixeltag {border:none;height:1px;width:1px;display:none;}
	
/* For SiteHeader.ascx user control use within masterpages */

	#insurance ul li a#insurance,
	#travel ul li a#travel,
	#automotive ul li a#automotive,
	#memberservices ul li a#memberservices,
	#discounts ul li a#discounts
	{
	border-left:1px solid #ABBCDC;
	color: #008;
	background: url(/include/nav/images/tab_on.gif) no-repeat top right;
	text-decoration:none;
	}	
