@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif; background:#0D1D3F; margin: 0; padding: 0; text-align: center; color: #000000;}
#container { width: 950px; background-color:#DFDFE0; margin: 0 auto; text-align: left; background-image: url(../images/header-bg.gif); background-repeat: repeat-x;} 
#header {position: relative; height: 70px;} 
#header h1 {margin: 0; padding: 10px 0; }
#logo {float: left; width: 230px; height: 70px;}
/*  BELOW IS THE CODE FOR THE MENU  */
#nav_main {
	width: 700px;
	float: right;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	background:transparent url(../images/menu/bgOFF.gif) repeat-x top left;
}
#nav_main ul{margin:0 0 0 30px; padding:0px;list-style-type:none;width:auto;}
#nav_main ul li{display:block; float:left;}
#nav_main ul li a{display:block;float:left;color:#000;text-decoration:none;padding:6px 25px 6px 25px;}
#nav_main ul li a:hover,#nav_main ul li a.current{color:#fff;background:transparent url(../images/menu/bgON.gif) repeat-x top left;}

#brands ul{
	float:right;
	position: relative;
	list-style-type : none;
	width : 700px;
	height : 45px;
	margin : 0;
	padding : 0;
}
#brands ul a { 
	display : block; 
	width : 233px; 
	height : 45px; 
	text-decoration : none; 
	overflow : hidden; 
	text-indent:-9999px;
}
#brands li#chrysler {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 233px;
	height : 45px;
	background: url(../images/brands_logo_chrysler.jpg);
}
#brands li#jeep {
	position : absolute; 
	top : 0px; 
	left : 233px; 
	width : 233px;
	height : 45px; 
	background : url(../images/brands_logo_jeep.jpg) no-repeat; 
}
#brands li#dodge {
	position : absolute; 
	top : 0px; 
	left : 466px; 
	width : 233px;
	height : 45px; 
	background : url(../images/brands_logo_dodge.jpg) no-repeat; 
}
#brands li#chrysler a:hover { background : url(../images/brands_logo_chrysler_over.jpg) no-repeat; }
#brands li#jeep a:hover { background : url(../images/brands_logo_jeep_over.jpg) no-repeat; }
#brands li#dodge a:hover { background : url(../images/brands_logo_dodge_over.jpg) no-repeat; }
#container_top {
	width:100%;
	overflow:auto;
	margin-top:5px;
	padding-bottom: 10px;
}
#panels {
	display:inline;
	width:700px;
	float:right;
	background: #fff;
	padding:2px;
	margin-right:7px;
	border:1px solid #666666;	
}
#panels img{
	float: right;
}
#sidebar1 {
	background: #FFFFFF;
	float: left;
	width: 229px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #BEC1C7;
	border-bottom-color: #BEC1C7;
}
#sidebar1 h1{
	color:#0D1D3F;
	font-size:.7em;
	font-weight:bold;
	margin: 0 0 5px 0;
	padding:5px 5px 5px 15px;
	display:block;
	text-transform:uppercase;
	background:transparent url(../images/menu/bgOFF.gif) repeat-x top left;
}
#sidebar1 p{
	font-size:.7em;
	padding: 0px 5px 0px 5px;
	margin:5px 0 0 0;
}
#showroom_panel ul{
	list-style-type : none;
	margin : 0 auto;
	padding : 0;
	text-align: center;
}
#showroom_panel ul a {	
	display : block; 
	width : 230px; 
	height : 59px; 
	text-decoration : none; 
	overflow : hidden; 
	text-indent:-9999px;
	}
#showroom_panel li#chrysler_300 {
	width : 230px;
	height : 59px;
	background: url(../images/showroom_panel/chrysler_300.jpg) no-repeat; ;
}
#showroom_panel li#chrysler_300 a:hover { background : url(../images/showroom_panel/chrysler_over.jpg) no-repeat; }

#showroom_panel li#jeep_cherokee {
	width : 230px;
	height : 59px;
	background: url(../images/showroom_panel/jeep_cherokee.jpg) no-repeat; ;
}
#showroom_panel li#jeep_cherokee a:hover { background : url(../images/showroom_panel/jeep_over.jpg) no-repeat; }
#showroom_panel li#dodge_avenger {
	width : 230px;
	height : 59px;
	background: url(../images/showroom_panel/dodge_avenger.jpg) no-repeat; ;
}
#showroom_panel li#dodge_avenger a:hover { background : url(../images/showroom_panel/dodge_over.jpg) no-repeat; }

#container_bottom {
	padding: 10px 0 10px 0;
	width:100%;
	background-color: #DFDFC5;
	clear:both;
}
#container_bottom2 {
	background-color: #DFDFC5;
	clear:both;
	padding: 10px;
}
#container_bottom3 {
	background-color: #DFDFC5;
	clear:both;
}
#sidebar2 {
	float: left; 
	width: 230px;
	background: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C7C6AA;
	border-bottom-color: #C7C6AA;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C7C6AA;
	padding-bottom: 10px;
}
#sidebar2 h1{
	color:#0D1D3F;
	font-size:.7em;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding:5px 5px 5px 15px;
	display:block;
	text-transform:uppercase;
	background:transparent url(../images/menu/bgOFF.gif) repeat-x top left;
	}
#sidebar2 dl {
	margin-top: 0;
	font-size: .8em;
	color: #646D7A;
	margin: 0;
	padding: 0 5px 0 5px;
	list-style: none;
}
#sidebar2 dt {
	margin-top: 0;
	color:#0D1D3F;
	font-weight: bold;
}
#sidebar2 dl dd{
	margin-left: 10px;
	font-size: .75em;
}
#sidebar2 .viewMore{
	text-align: right;
}
#sidebar2 .viewMore a:link, #sidebar2 .viewMore a:visited{
	color:#0D1D3F;
	text-decoration:none;
}
#sidebar2 .viewMore a:hover{
	padding-right: 3px;
}
#contentContainer1 #mainContent { 
	width: 700px;
	float:right;
	padding: 0;
	margin: 0 10px 0 0;
	display: inline;
} 
#contentContainer2 {
background: #FFFFFF;
	width: 700px;
	float:right;
	border-bottom: 2px solid #C7C6AA;
}
#contentContainer2 #mainContent { 
	padding: 10px;
	font-size: .7em;
	color:#0D1D3F;
} 
#contentContainer2 h1{
	width: 680px;
	float: right;
	color:#0D1D3F;
	font-size:.7em;
	font-weight:bold;
	margin: 0;
	padding:5px 5px 5px 15px;
	display:block;
	text-transform:uppercase;
	background:transparent url(../images/menu/bgOFF.gif) repeat-x top left;
	}
#contentContainer2 h1 span{
	color:#646D7A;
	font-size:.9em;
	text-transform: none;
	margin-left: 20px;
	font-weight: normal;
}
#contentContainer3{
	background: #ffffff;
	border-bottom: 2px solid #C7C6AA;	
} 
#contentContainer3 #mainContent {
	font-size: .7em;
	color:#0D1D3F;
} 
#contentContainer3 .padding{
	padding: 10px;
}
#contentContainer3 h1{
	color:#0D1D3F;
	font-size:.7em;
	font-weight:bold;
	margin: 0;
	padding:5px 5px 5px 15px;
	display:block;
	text-transform:uppercase;
	background:transparent url(../images/menu/bgOFF.gif) repeat-x top left;
	}
#contentContainer3 h1 span{
	color:#646D7A;
	font-size:.9em;
	text-transform: none;
	margin-left: 20px;
	font-weight: normal;
}
#contentContainer2 #mainContent a, #contentContainer3 #mainContent a{ 
	color:#0D1D3F;
}
#contentContainer2 #mainContent a:hover, #contentContainer3 #mainContent a:hover{ 
	text-decoration: none;
}
#featured_specials {
	width: 100%;
	background: #EBEBDF;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C7C6AA;
	border-bottom-color: #C7C6AA;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C7C6AA;	
	overflow: hidden;
}
#featured_specials h1{
	color:#0D1D3F;
	font-size:.7em;
	font-weight:bold;
	margin: 0 0 2px 0;
	padding:5px 5px 5px 15px;
	display:block;
	text-transform:uppercase;
	background:transparent url(../images/menu/bgOFF.gif) repeat-x top left;
	}
#featured_specials h1 span{
	color:#646D7A;
	font-size:.9em;
	text-transform: none;
	margin-left: 20px;
	font-weight: normal;
}
#featured_specials #special01 {
	width: 325px;
	float: left;
	padding: 10px;
}
#featured_specials #special02 {
	width: 325px;
	float: right;
	padding: 10px;
}
#featured_specials .special_vehicle {
	text-align: center;
	background: #ffffff;
	padding: 5px 0 5px 0;
	border: 1px solid #B2B2B2;
}

#featured_specials .special_title {
	color:#0D1D3F;
	font-size: 0.7em;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	background: #DFDFC5;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid #B2B2B2;
}
#featured_specials .specialDetails{
	color: #646D7A;
	padding: 10px 0 0 0;
	font-size: .7em;
}
#advertisements {
	background: #C7C6AA;
	margin-top: 10px;
	padding: 10px;
}
#footer {
	height: 45px;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
} 
#footerNav {float: left;}
#footerNav ul{font-size: .7em; font-weight: bold; margin:0;padding:0;list-style-type:none;width:auto;}
#footerNav ul li{display:block;float:left;margin:0;}
#footerNav ul li a{color: #646D7A;display:block;float:left;text-decoration:none;padding:5px 10px 0 20px;}
#footerNav ul li a:hover {color: #0D1D3F;}

#footerInfo ul{font-size: .7em; font-weight:bold; margin:0;padding:0;list-style-type:none;width:600px;}
#footerInfo ul li{color: #646D7A; display:block; float:left; margin:0; padding:5px 10px 0 20px;}
#footerInfo ul .separator {font-weight: normal; padding: 5px 0 0 0;}

#footerLogo {
	float: right;
	padding: 10px 20px 0 0;
}
#footerDisclaimer {
	color: #646D7A;
	float: right;
	font-size: .6em;
	padding: 15px 15px 0 0;
}
#footerDisclaimer img{
float: right;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a.squarebutton{
background: transparent url('../images/button-square-gray-left.gif') no-repeat top left;
display: block;
float: left;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/button-square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}