/************** COBALT FINANCE CSS ***************/
/**************** UPDATED 2/3/09 *****************/



/**************************************************************************
------------------------------ MAIN ------------------------------------
**************************************************************************/
* {
	margin:0;
	padding:0;
	}

html {
	min-height:100%;
	margin-bottom:0px;
	}

body {
	background:#94bfec url(../images/pageBg.jpg) repeat-x top;  
	position:relative;
	font:normal 12px/18px 'lucida grande',verdana,helvetica,sans-serif;
	color:#666;
	}

a img {
	border:none;
	border-bottom:none;
	text-decoration:none;
	border-width:0;
	}

a {
	text-decoration:none;
	cursor:pointer;
	}

a {
	outline:none;
	}

hr {
	display:none;
	}

ul {
	list-style-type:none;
	}

li span {
	margin-left:-5000px;
	}

strong {
	color: #333;
	}

.nobold {
	font-weight: normal !important;
	}

.smallcaps { 
	font-size: 9px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	}

.small { 
	font-size: 10px;
	line-height: 14px;
	}

a#homeLink span {
	display:none;
	}

form {
	margin: 0;
	padding: 0;
	}

.floatright {
	float: right;
	}	
	

.nomargintop {
	padding-top: 0 !important;
	margin-top: 0 !important;
	}	
.nomarginbottom {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}	
	
div.buttons {
	margin-top: 15px;
	}
	
div.buttons input {
	font: 'lucida grande',verdana,helvetica,sans-serif;
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
	}
	
input {
	font: 'lucida grande',verdana,helvetica,sans-serif;
	font-size: 10px;
	/*color:#666;*/
	}

select {
	font: 'lucida grande',verdana,helvetica,sans-serif;
	font-size: 10px;
	/*color:#666;*/
	}
	
		
/* Wrappers
------------------------------------------------------------------------*/
	
#outerWrapper {
	background:#dfe9f5 url(../images/outerWrapperBg.jpg) repeat-x top;
	position:relative;
	width:780px;
	min-height:700px;
	height: 100%;
	margin:0 auto 20px auto;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	
	}
	
#contentWrapper {
	position:relative;
	width:762px;
	margin:0 auto;

	}

/* Aux Navigation
------------------------------------------------------------------------*/

#auxnav {
	position:absolute;
	top: 4px;
	left: 0;
	width:762px;
	font-size: 10px;
	color: #fff;
	text-align: right;
}

#auxnav a,
#auxnav a:link,
#auxnav a:active,
#auxnav a:visited
 {
	text-decoration: none;
	color: #fff;
	border-bottom:1px dotted #fff;
	font-weight: bold;
	}

#auxnav a:hover {
	color: #fff;
	border-bottom:0;
	font-weight: bold;
	}

#auxnav span {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding-left: 14px;
	}

/* Header Navigation
------------------------------------------------------------------------*/

#header {
	background: url(../images/headerBg.gif);
	position:relative;
	width:762px;
	height:64px;
	top: 26px;
	left: 9px;
	margin-bottom: 26px;
	}


#header h1,
#header h2 {
	margin-left:-5000px;
	font-size:1px;
	line-height:1px;
	height:1px;
	}

#header ul {
	position:absolute;
	left:192px;
	top:15px;
	}

#header li {
	display:inline;
	float:left;
	}

#header a {
	display:block;
	height:26px;
	}

/* Cobalt Finance Header Navigation
------------------------------------------------------------------------*/

a#topnavFleets {
	width:106px;
	background:url(../images/navCarriers.gif);
	margin-right: 2px;
	}

a#topnavDrivers {
	width:106px;
	background:url(../images/navDrivers.gif);
	margin-right: 2px;
	}

a#topnavDealers {
	width:106px;
	background:url(../images/navDealers.gif);
	margin-right: 13px;
	}

a#topnavCompanyInfo {
	width:106px;
	background:url(../images/navCompanyInfo.gif);
	margin-right: 2px;
	}
	
a#topnavForSale {
	width:106px;
	background:url(../images/navForSale.gif);
	}
	
	
a#topnavDealers:hover {
	background:url(../images/navDealers-over.gif);
	}

a#topnavDrivers:hover {
	background:url(../images/navDrivers-over.gif);
	}

a#topnavFleets:hover {
	background:url(../images/navCarriers-over.gif);
	}

a#topnavCompanyInfo:hover {
	background:url(../images/navCompanyInfo-over.gif);
	}
	
a#topnavForSale:hover {
	background:url(../images/navForSale-over.gif);
	} 



#topnavDealersPreload {
	background-image: url("../images/navDealers-over.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	} 

#topnavDriversPreload {
	background-image: url("../images/navDrivers-over.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	} 

#topnavFleetsPreload {
	background-image: url("../images/navFleets-over.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	} 

#topnavCompanyInfoPreload {
	background-image: url("../images/navCompanyInfo-over.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	} 

#topnavForSalePreload {
	background-image: url("../images/navForSale-over.gif");
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	} 



/* The Cobalt Agency Header Navigation
------------------------------------------------------------------------*/

a#topnavQuote {
	width:106px;
	background:url(../images/navQuote.gif);
	margin-right: 2px;
	}

a#topnavQuote:hover {
	background:url(../images/navQuote-over.gif);
	}

a#topnavProducts {
	width:106px;
	background:url(../images/navProducts.gif);
	margin-right: 2px;
	}

a#topnavProducts:hover {
	background:url(../images/navProducts-over.gif);
	}

a#topnavService {
	width:106px;
	background:url(../images/navService.gif);
	margin-right: 2px;
	}

a#topnavService:hover {
	background:url(../images/navService-over.gif);
	}

a#topnavStates {
	width:106px;
	background:url(../images/navStates.gif);
	margin-right: 13px;
	}

a#topnavStates:hover {
	background:url(../images/navStates-over.gif);
	}
	
a#topnavAgencyInfo {
	width:106px;
	background:url(../images/navAgencyInfo.gif);
	margin-right: 2px;
	}

a#topnavAgencyInfo:hover {
	background:url(../images/navAgencyInfo-over.gif);
	}

/* Home Page Ads
------------------------------------------------------------------------*/
#ads {
	padding: 0 0 10px 0;
	}


/* Sidebar
------------------------------------------------------------------------*/

#sidebar {
	float:left;
	top: 32px;
	width:183px;
	padding:0;
	}
	
#nav {
	background: url(../images/sidebarBg.png);
	height:1%;
	}

#nav ul  {
	padding:10px 0;
	}

#nav ul ul  {
	padding: 5px 0 0 0 ;
	}
	
#nav ul li {
	padding:0 15px;
	}

#nav ul ul li {
	margin-left:10px;
	padding:0;
	}

#nav ul ul a {
	padding: 0 0 8px 8px;
	color:#5589c6;
	}
	
#nav a {
	display:block !important; /* for Mozilla browsers */
	display:inline-block; /* for IE */
	font-size:11px;
	line-height:14px;
	color:#5589c6;
	padding:6px 0 4px 7px;
	}

#nav a:hover {
	color:#003698;
	}

#nav a.on {
	color:#003698;
	font-weight: bold;
}

#sidebarBottom {
	height:12px;
	background: url(../images/sidebarBottom.png);
	}

/* Main Column – Wide
------------------------------------------------------------------------*/

#mainWide {
	float:right ;
	top: 32px;
	left: 9px;
	width:762px;
	padding: 0;
	margin-bottom: 10px;
	}

#mainWideContent {
	background: url(../images/mainWideBg.png);
	height:1%;	
	margin: 0 ;
	padding: 0 12px 6px 12px;
	vertical-align: top;
	}

#mainWideBottom {
	height:12px;
	background: url(../images/mainWideBottom.png);
	margin-left:2px;
	}


/* Main Column
------------------------------------------------------------------------*/

#main {
	float:right ;
	top: 32px;
	left: 186px;
	width: 576px;
	padding: 0;
	margin-bottom: 10px;
	}

#mainContent {
	background: url(../images/mainBg.png);
	margin: -28px 0 0 0 ;
	min-height:300px;
	padding: 0 32px 20px 32px;
	vertical-align: top;
	}

#mainBottom {
	height:12px;
	background: url(../images/mainBottom.png);
	}

#main a:link,
#main a:visited,
#main a:link strong,
#main a:visited strong {
	color:#003698;
	text-decoration:none;
	border-bottom:1px dotted #003698;
	}

#main a:visited,
#main a:visited strong {
	color:#003698;
	border-color:#003698;
	}
  
#main a:hover,
#main a:hover strong {
	color:#003698;
	border-bottom:0;
	}
  
#main a img,
#main a:link img, 
#main a:visited img,
#main a:hover img {
	border-width:0;
	}

#main a.noborder:link, 
#main a.noborder:visited {
	border-width:0;
	}

#main h1 {
	height: 77px;
	padding: 28px 0 0 32px !important;
	margin: 0;
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	color: #003698;
	letter-spacing: 0px;
	background: url(../images/pagetitleBg.gif) no-repeat;
	}
	
#main h2 {
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	color: #003698;
	letter-spacing: 0px;
	margin: 0;
	padding: 12px 0 10px 0;
	}
	
#main p {
	margin: 0;
	padding:  0 0 10px 0;
	}

#main p.margintop {
	padding-top: 15px;
	}
	
#main table.marginbottom {
	margin-bottom: 20px;
	}
	
#main .supportlinks {
	font-size: 11px;
	}	
	

#main ul {
	margin: 0 0 16px 16px;
	}
	
#main li {
	list-style: square;
	margin: 0 0 0 16px;
	padding-left: 4px;
	}


#main table {
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 11px;
	line-height: 14px;
	border-top: 1px solid #ccc;
	}
	
	
#main table thead th {
	background:  #DFE9F5;
	color: #333;
	}

#main table th {
	color: #333;
	}
		
#main table tr th,
#main table tr td {
	border-bottom: 1px solid #ccc;
	}
	
#main table tr.borderbottomnone th,
#main table tr.borderbottomnone td {
	border-bottom: none;
	}

#main table th,
#main table td {
	vertical-align: top;
	text-align:left;
	padding: 4px 3px 5px 3px;
	}

	
#main div.colLt {
	width: 58%;
	margin-right: 4%;
	float: left;
	}
	
#main div.colRt {
	width: 38%;
	float: left;
	}


/* Footer
------------------------------------------------------------------------*/

#footer {
	clear:both;
	position: relative;
	left: 202px;
	width: 562px;
	height:35px;
	font-size: 10px;
	}
	
#footerwide {
	clear:both;
	position: relative;
	left: 18px;
	width: 746px;
	height:35px;
	font-size: 10px;
	}
	
#footer a,
#footer a:link,
#footer a:active,
#footer a:visited,
#footerwide a,
#footerwide a:link,
#footerwide a:active,
#footerwide a:visited
 {
	text-decoration: none;
	color: #666;
	border-bottom:1px dotted #666;
	}

#footer a:hover,
#footerwide a:hover {
	color: #666;
	border-bottom: 0;
	}


#footer p,
#footerwide p {
	margin:0 !important;
	padding: 0 !important;
	}



br.clearall {
	clear:both;
}