/**
 * PRESENTATIONAL SHEET
 *  Visual placement, like #header, #footer, etc.
 *
 * FILE:    Template Stylesheet
 * DESC:    This stylesheet handles the primary layout of all the pages in the site.
 *          There will be primarily styles listed here for block type elements. There should 
 *          be no specific entity font-styling in this file.
 *
 */

/* Basic Structure */
	body {
		/*min-width: 610px;*/
		margin: 0px;
		background: #fff;
		color: #000;
	}

	#container {
		max-width: 70em;
		margin: 0 auto;
		border-right:#DDD solid 1px;   
        border-left:#DDD solid 1px; 
	}
	
	#mBody {
		padding: 0;
		background-color:#fff;
		border-right:#DDD solid 1px;   
        border-left:#DDD solid 1px; 
	}
	
	#mBody .mblock 
	{
	    clear: both;
		padding: 0.4em 0.7em 0.7em 0.7em;
		margin: 0;
		background-color:#fff;
		
	}

	#side {
		float: left;
		width: 23%;
		margin-bottom: 1em;
	}

	#mainContent 
	{
	    /*
		float: right;
		width: 75%;
		margin-bottom: 1em;
        */
	    width:780px;
	    text-align:left;
	}
	
	#content { padding: 0 50px; }
	
	.nomenu #mainContent {
		float: none;
		width: 100%;
	}
	.bodyleft {
		float: right !important;
		width: 75% !important;
	}
	#mainContent.right {
		float: left;
		width: 62%;
	}
	
	#side.right {
		float: right;
		width: 35%;
	}

/* Sidebar */


/*accessibility tweaks*/
	.skipLink {
		position: absolute;
		left: -999px;
		width: 990px;
	}
	hr.hide {
		display: none;
	}
	
	
	/* Andy stuff */
	.splitbar_double_left 
	{
	    text-align:left;   
	    float:left;
	    width:50%;
	}
	.splitbar_double_right 
	{
	    text-align:right;   
	    float:right;
	    width:50%;
	}

/* Header */

    div.bluebar 
    { 
        padding:0px;
        margin:0px;
        margin-top:60px;
        height:64px; /* Enlarges blue bg around 'We finance your future... image */
        border:#000 solid 0px;
        background-color:#192d4c;
    }
    
    .bluebar img
    {
        padding:0px;
        margin:0px;
    }
    
/* Header */

	#header 
	{
	    margin-bottom: 1em; 
	    padding: 0 0px;
	    height: 38px;
	    position: relative;
	    /*border-bottom: 1px solid #A1A6B1;*/
	    /*background: #33415D url("/images/template/header-background.png") top repeat-x;*/
	    z-index: 1;
	}
	
	#header a 
    { /*    Fixes the IE6 issue where the selected tab had black text instead of 
            white. Removed "color:#000" from next block below.                  */
        color:#FFF;   
    }
	
	#header ul {
		margin: 0 0 1em 0;
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 74px;
		right: 0px; 
		padding: 0px;
	    list-style: none;
	    border: 1px solid #000;
	    background: #000 url("../../images/template/redheader_bgc_dk1.gif") top repeat-x;
	}
	
	#header li {
		display: inline;
		padding: 0 20px 0 0;
		margin: 0;
		white-space: nowrap;
		float: left;
	    padding: 0px;
	    font:bold 8pt tahoma,verdana;
	}
	
	#header ul a:link, 
    #header ul a:visited {
	    display: block;
	    float: left;
	    padding: 5px 15px;
	    text-decoration: none;
	    border-right: 1px solid #BBB;
	    border-left: 0px solid #999;
	    height: 36px;
	    voice-family: "\"}\"";
	    voice-family: inherit;
	    height: 16px;
    } 

    #header ul li a:hover {
	    background: #000 url("../../images/template/blueheader_bgc.gif") top repeat-x;
	    color: #fff;
	    text-decoration: none;
    }
	
	#header h1 {
		position: absolute;
		top: 7px;
		left: 0px;
		margin: 0px;
		font-size: 2px;
		/*background: url("../../images/navbar/header_tl.gif") no-repeat;*/
		height: 8px;
		z-index: -1; /* above the UL */
		
	}
	
	#header h1 img {
	    font-weight: bold;
	    color: #7f7c45;
    }
	
	#header h1 a {
		display: block;
		width: 351px;
		height: 98px;
		background: transparent url("../../images/template/home_dusalogo.gif") no-repeat;
		text-indent: -700em;
		text-decoration: none;
		z-index: -1;
	} 
	
    * html #header ul { right: 0px; top:72px; } 

    #header div, #content, #breadcrumbs div, #footer, #main-feature .feature-contents {
	    max-width: 900px; 
	    margin: 0 auto;
    }

    #header div { position: relative; }

/* Search Field */

	#header form {
		position: absolute;
		top: 0;
		right: 0;
		padding: 12px 20px 0 0;
		background: url("../../images/navbar/header_tr.gif") no-repeat top right;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
	#header form label { color: #fff; font-size: 85%; }
	#header form input { font-size: 85%; }
	
	#header form #submit {
		font-size: 85%;
		background: #6A7389;
		color: #fff;
		padding: 1px 4px;
		border-right: 1px solid #283043;
		border-bottom: 1px solid #283043;
		border-top: 1px solid #9097A2;
		border-left: 1px solid #9097A2;
	}
	#header form #q {
		width: 170px;
		font-size: 85%;
		border:	1px solid #9097A2;
		background: #D9DBE1;
		padding: 2px;
	}
	#header form #q:hover, #header form #q:focus {
		background: #fff;
	}
    
    body.sectionHome li#menu_home,
	body.sectionInventory li#menu_inventory,
	body.sectionService li#menu_service,
	body.sectionFinancing li#menu_financing,
	body.sectionLocations li#menu_locations,
	body.sectionAboutUs li#menu_aboutus,
	body.sectionContactUs li#menu_contactus
	{
	    background: #000 url("../../images/template/blueheader_bgc.gif") top repeat-x;
	    color: #fff;
	    text-decoration: none;
	}
	
	body.sectionHome li#menu_home a,
	body.sectionInventory li#menu_inventory a,
	body.sectionService li#menu_service a,
	body.sectionFinancing li#menu_financing a,
	body.sectionLocations li#menu_locations a,
	body.sectionAboutUs li#menu_aboutus a,
	body.sectionContactUs li#menu_contactus a
	{
	    color: #fff;
	}

    /* Footer */

	#footer 
	{
	    
	    padding: 0 20px; 
	    margin: 0 50px; 
	    
		text-align: center;
		clear: both;
        margin: 0;
        margin-top: 1em;
        padding: .5em;
        color: #333;
        background-color: #eee;
        background-image:URL(../../images/Layout/feature-back.png);
        background-repeat:repeat-x;
        background-position: left 0px;
        border-top: 1px solid gray;
	}
		
	#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#footer li {
		display: inline;
		padding: 0 20px 0 0;
		margin: 0;
		white-space: nowrap;
	}
	
	#footer p {
		margin: 0.6em 0;
	}
	
	#footer a 
	{
	    text-decoration:none;
	    white-space: nowrap;
	}
	
	#footer p, #footer p a {
		color: #666;
	}
	
	#footer p a:hover {
		color: #000;
	}

	#footer p span {
		padding-right: 1em;
	}

/* Sidebar */

	#nav:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("../../images/navbar/menu_tr.gif") no-repeat top right;
		margin: 0;
		height: 9px;
		display: block;
		border-bottom: 1px solid #ddd;
		content: url("../../images/key-point_tl.gif");
	}
	#nav {
		background: #E0E9E9 url("../../images/navbar/menu_back.gif") right repeat-y;
	}
	#nav:after {
		display: block;
		padding-top: 0;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../../images/key-point_bl.gif");
		margin: 0 0 0 0;
		height: 8px;
		background: transparent url("../../images/navbar/menu_br.gif") scroll no-repeat bottom right ;
		border-top: 1px solid #fff;
	}
	
	#nav, #nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#nav {
		margin-bottom: 1em;
	}	
	#nav li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	#nav li span { /* used for un-linked menu items */
		display: block;
		padding: 6px 10px;
		font-weight: bold;
		color: #666;
	}

	#nav li span#configParent, #nav li span #configuration {
		display: inline;
		font-weight: normal;
		padding: 0;
	}
	
	#nav li a {
		display: block;
		padding: 8px 10px;
		text-decoration: none;
		background: #EDF2F2;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #fff;
		border-right: 1px solid #ddd;
	}

	#nav li a:hover {
		background: #E0E9E9;
	}
	
	#nav li li span { /* used for un-linked menu items */
		padding: 4px 8px 4px 20px;
	}
	
	#nav li li a {
		padding: 6px 8px 6px 20px;
	}
	
	#oN {
		background-color: #E0E9E9;
	}
	#oN:hover {
		background-color: #C6DCDC;
	}

    .error
    {
       background-image:URL("../../images/bg_error.gif");
       background-position:0px 20px;
       
    }
    
    .error option
    {
       color:Red;
    }
    
    option
    {
     color:#000;   
        
    }
    
    
    .btn {
		font-size: 85%;
		background: #6A7389;
		color: #fff;
		padding: 1px 4px;
		border-right: 1px solid #283043;
		border-bottom: 1px solid #283043;
		border-top: 1px solid #9097A2;
		border-left: 1px solid #9097A2;
		cursor:hand;
	}
	
	
	.ddl 
	{
	    font:normal 8pt 'Trebuchet MS',arial;
	    color:#404040;
	    margin:0px;
	    padding:1px;
	}
	
	
	
	/* Modal boxes */
.ModalContainer 
{
    border: #000 1px solid;
    padding: 1px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=6); 
    VISIBILITY: visible;
    overflow: inherit;
    width: 90%;
    background-color:#eee;
    /* Custom values below. Must be set by code. */
    position: absolute;
    LEFT: 10px; 
    TOP: 150px;
}
.ModalContainer h3
{
	margin: 0.1em 0 0.2em 0;
	padding:2px;
	color:#fff;
	background-color:#036;
	background: #000 url("../../images/template/blueheader_bgc.gif") top repeat-x;
	border-bottom: solid 3px #88b0e4;
	font-size: 11pt
	
}