﻿@media screen {
		/*HTML ELEMENTS */
html {margin: 0px; padding: 0px;}
body {background-color:#ffffff; color:#3c3c3e; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; margin:0;}
td {vertical-align:top;}
img {border:none;}	
	
/* HEADINGS */
H1, H2, H3, H4, H5, DT, H6, TFOOT, THEAD, TH 
{word-spacing:normal; line-height:normal; letter-spacing:normal; font-family:Arial, Helvetica, sans-serif; font-weight: normal;}
H1 {font-size:30px; color:#3c3c3e;}
H2 {font-size:26px; color:#3c3c3e;}	
.articlediv h2 {font-size:20px !important;}		
H3 {font-size:20px; color:#3c3c3e;}			
H4 {font-size:16px; color:#3c3c3e;}
.carmake h4 {margin-bottom:5px;}
.carmake h4 a {text-decoration:none;}			
H5, DT {font-size:14px; color:#3c3c3e;}			
H6 {font-size:12px; color:#3c3c3e;}		
TFOOT, THEAD {}			
TH {}

/* LIST */
UL LI{list-style-type:square ;}	
UL LI LI {list-style-type:disc;}	
UL LI LI LI {list-style-type:circle;}		
OL LI {list-style-type:decimal;}	
OL OL LI {list-style-type:lower-alpha;}	
OL OL OL LI	{list-style-type:lower-roman;}
OL UL LI {list-style-type:square ;}

hr {
	color: #3c3c3e; background-color: #3c3c3e;
	height: 1px; overflow: hidden;
	border: none;
}

/* LINKS */
a{
font-weight:700; 
color:#1d287b; font-size:inherit; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;
}	

a:hover {
	color: #2a39a8;
}
.lightBlue {
	text-decoration:none !important; 
	color:#1d287b; 
	font-family:Helvetica, Arial, sans-serif; 
	text-align: left;
	background-color: #eff0f1;
	background-image: url('../images/arrow.gif'); 
	background-position: 20px center; background-repeat: no-repeat;
	
	display:block; padding-left:40px; 
	width:160px; height:32px; line-height: 32px;
}

.lightBlue:hover{
	background-color: #dadada; 
}
		/*HTML ELEMENTS */	
	
	
		/* Element Classes */
			
/* FORMS */
	
.REQUIRED {color:#ff0000;}

/* IMAGES */

.aleft {float:left; margin-right:10px; margin-bottom:10px;}
.aright {float:right; margin-left:10px; margin-bottom:10px;}

/* WIDTH */

.w50{width:50px;}
.w75{width:75px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w550{width:550px;}
.w600{width:550px;}


/* HEIGHT */
.h50{height:75px;}
.h75{height:75px;}
.h100{height:75px;}
.h200{height:200px;}
.h275{height:275px;}
.h600 {height:600px}


#cmsAdmin .w700 {width:700px !important;}
#cmsAdmin .w600 {width:600px !important;}
/* End Element Classes */	

	
/* TEMPLATED SECTIONS */
#MainTable {
	width:1000px;
	/*margin-left: 0;*/ /*Should This be Left Aligned? */
}	

/* TOPNAV */
#TopCol {
	width:1000px; overflow: visible;
}

#logo {
	float:left; 
	width:228px; display: inline-block;
	background-color:#4D4D4F;
	height: 105px !important;
	
	overflow: hidden;
	
}

#logo h1 {
	color:#ffffff; 
	overflow: visible;
	clear: both;
	margin-top: 5px;
	margin-bottom: 1px;
	display:block;
	text-align:center; 
	font-size:13px; padding-left: 17px; 
	line-height: 20px;
	background-color: #4D4D4F;
	font-weight:normal;
	text-align: left !important;
	
}

.TOPNAV p#numbers {
	margin-top: 16px;
	padding-left: 4px;
	font-size: 12px;
}

.TOPNAV {
	margin-left:20px; 
	float:left;
}

.TOPNAV a {
	background-color: #eff0f1; color: black; text-decoration: none; font-weight: normal;
	border: 1px solid #ececec; border-top: 0px;
	height: 28px;
	padding-top: 8px; 
	padding-left: 12px; padding-right: 12px;
	margin-top: 0;
	margin-left: 2px; margin-right: 2px;
	display: inline-block;
	zoom: 1; display: -moz-inline-stack;
}

.TOPNAV a:hover, .TOPNAV a.selected {
	color: white;
	background-color: #1d287b;
}


#TopRightLogos {
	float:right; 
	margin-left:110px;
}
	
/* LEFTNAV  */
#LeftCol {
	/*background-color:#4D4D4F;*/
	background:transparent url(../images/leftNavBg.gif) repeat-y scroll 0 0; 
	width:228px; 
	border-top:1px solid #FFFFFF; 
	padding-top:20px;
}
.LEFTNAV {
	margin-left:18px; 
	width:210px;
}
.LEFTNAV ul {
	padding-left:0; 
	margin-left:0; 
	margin-top:0;
}
.LEFTNAV ul li {
	list-style-type:none; 
	line-height:30px;
}
.LEFTNAV a {
	color:#e0e1e3; 
	text-decoration:none; 
	font-weight: normal;
	font-size:12px;
}
.LEFTNAV a:hover {
	color:#ffffff;
}
.LEFTNAV .selected {
	color:#ffffff !important; 
	font-weight:700 !important;
}
ul li ul  {
	margin-bottom:4px;
	margin-top: 4px;
}

ul li ul li {
	line-height:20px !important; 
	margin-left:15px;
}

ul li ul li a {
	font-size:11px !important; 	
	color:#e0e1e3;	
	text-decoration:none;
}

.leftCTA {
	border-top:1px #ffffff solid; 
	margin-top:30px; padding-top: 15px;
	font-family:Helvetica, Arial, sans-serif;
}
.leftCTA p {
	color:#ffffff; 
	font-size:18px; 
	text-align:center; 
	font-family:Helvetica, Arial, sans-serif;
}

.leftCTA h1 {
	font-size:20px; 
	color:#ffffff; 
	text-align:center;
}
.leftCTA a, .leftCTA a:active, .leftCTA a:hover, .leftCTA a:link, .leftCTA a:visited {
	color:#ffffff; 
	font-weight:700; 
	text-decoration:none;
}

/*  MAIN CONTENT TABLE */
#BodyTable {}
#RightCol { width:772px !important; padding-top: 20px; }


/* MAIN CONTENT COLUMN */

#RightCol td {vertical-align:top;}
#BodyCol {width:520px;}
.CONTENT {font-family:Arial, Helvetica, sans-serif; margin-left:22px; margin-bottom:20px;}
.CONTENT ul li {margin-bottom:10px;}
.Cheader {width:769px;}
#pageHeader {margin-left:22px;}
#SideBarCol {padding-left: 20px;}
.SIDEBAR {margin-left:6px; margin-top:80px;margin-top:60px;}

#newsVehicles, #preownedVehicles, #specialOffers {
	width:204px; 		border:1px #e0e1e3 solid; 
	margin-bottom:20px;


}



#newsVehicles td, #preownedVehicles td, #specialOffers td  {
	padding: 7px;
	display:block !important; 
}
#newsVehicles h1, #preownedVehicles h1, #specialOffers h1 {
	font-size:20px; 
 
	margin-top:10px;
}
#newsVehicles p, #preownedVehicles p, #specialOffers p {
}
#newsVehicles .lightBlue, #preownedVehicles .lightBlue, #specialOffers .lightBlue {
	width:140px; 
}
#specialOffers h2 {
	color:#1d287b; 
	font-size:20px; 
	font-family:Arial, Helvetica, sans-serif; 
	margin-top:0; 
	margin-bottom:0; 

}
#specialOffers h3 {
	color:#3c3c3e; 
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif; 
	margin-top:0; 
	margin-bottom:0; 
}

	
/* BOTTOMNAV */
#FooterCol {
	width:1000px; 
	padding-left: 230px;
	_padding-left: 209px;
	color:#9d9d9e;
	background-image: url('../images/leftNavBg.gif');
	background-repeat: repeat-y;
	background-position: left;

}

#FooterCol p {
	float:left; 
	margin-left:22px; 
	font-size:12px; 
	margin-top:5px;
}
#FooterCol p a, #FooterCol p a:active, #FooterCol p a:hover, #FooterCol p a:link, #FooterCol p a:visited
{color:#9d9d9e; text-decoration:none;}
.BOTTOMNAV a {
	color:#9d9d9e; 
	font-size:11px; 
	font-weight: normal;
	text-decoration:none;
}
.BOTTOMNAV a:hover {color:#1D287B;}
.BOTTOMNAV {
	border:1px solid #cccccc; 
	float:left; 
	margin-left:26px;
	background-color: transparent;
}
.BOTTOMNAV table {
	padding: 6px;

	width:737px;
}
.BOTTOMNAV td {padding-left:15px;}
#FooterRightLogo {float:right !important; margin-right: 12px; *margin-right: 30px;}

/* Tables */
#matchYourLifestyle {width:503px;}
.matchContent {margin:10px 10px 10px 0;}
.matchContent h1 {font-size:22px; margin-top:5px; margin-bottom:5px;}
.matchContent p {margin-top:10px;}
.matchImg {padding-top:45px;}
.matchImg img {border:#e0e1e3 1px solid; padding:5px;}

/* Forms */
.serviceinfo {margin-bottom:20px;}
.serviceinfo label {display:block;}
.sericesect {padding:5px 5px;margin-bottom:5px;margin-top:5px;}


/*HTML ELEMENTS */
	


/* Cms admin styles */

/* Admin sections */
.adminHeader {text-align:center; padding-top:20px; margin-top:20px;}

.admintable, .head{BACKGROUND:#334433; WIDTH:600PX; font-weight:700; font-size:13px;}
.admintable strong, #DataList1 {color:#334433; font-weight:700; font-size:13px;}

.admincol{text-align:center; color:White; font-weight:bold;}
.admincol, .admincol h1 {text-align:center; width:550px; color:White; font-weight:bold;}

.smallCopy {color:#334433;}

#Pagebody_4_1, #Pagebody_4_1, #pageLeftnav_4_1, #pageleftnav_4_1, #pageSideBar_4_1,  #pagesidebar_4_1,   #CTA_4_1, #intro_4_1
{width:200px; overflow:hidden;}	

#errlab {font-weight:bold;color:Red;}

#Leftnav1_admindiv {line-height:20px;}

/*Visual Editor */
.bgwhite, body.bgwhite
{background-color:White; background-image:none;}
.bgwhite a, .bgwhite a:active, .bgwhite a:hover, .bgwhite a:link, .bgwhite a:visited
{font-weight:700; color:#1d287b !important;}

.Pagebody_EndTab, .Pagebody_EndTab, .pageLeftnav_EndTab, .pageleftnav_EndTab, .pageSideBar_EndTab,  .pagesidebar_EndTab,   .CTA_EndTab, .intro_EndTab 
{display:none;}

/* End Cms admin styles */


/* Browser Specific HACKS: IF Needed place at end of style sheet, so errors do not
	prevent cross-browser CSS from being applied */

.center {
	text-align: center;
}

/* Make Margins safe on MAC as in Windows*/
html>body p {margin: 15px 0;}
.socialbuttons {padding-bottom:15px !important;padding-top:15px !important; margin-bottom:15px !important; margin-top:15px !important}
.modelinfo {float:left; width:175px; margin-bottom:35px;height:200px; margin-right:10px; margin-left:10px;}
.modelinfo img{width:150px; /*height:85px;*/}
.modelinfo h3 {font-size:16px;font-weight:700; margin-bottom:0;}



/* >> Meet the Staff >> */
	table#staff {
	
	}
	
	table#staff tbody tr td img {
		border: 1px solid #E0E1E3;
		padding: 5px;
	}
	
	table#staff tbody tr td {
	vertical-align: middle;
	padding-right: 20px;
	padding-top: 10px; padding-bottom: 10px;
}


	table#staff tbody tr td h3 {
		margin-top: 0px;
		margin-bottom: 6px;
	}
	
	table#staff tbody tr td h4 {
		margin-top: 0px;
		margin-bottom: 13px;
	}



/* << Meet the Staff >> */



}
@media print {
	.TOPNAV, #LeftCol, #FooterCol, #SideBarCol {display:none;}
	body {background-color:#ffffff; color:#3c3c3e; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; margin:0;}
	img {border:0px #ffffff none;}
	H1, H2, H3, H4, H5, DT, H6, TFOOT, THEAD, TH 
	{word-spacing:normal; line-height:normal; letter-spacing:normal; font-family:Arial, Helvetica, sans-serif; font-weight: normal;}
	H1 {font-size:30px; color:#3c3c3e;}
	H2 {font-size:26px; color:#3c3c3e;}			
	H3 {font-size:20px; color:#3c3c3e;}			
	H4 {font-size:16px; color:#3c3c3e;}
	a{font-weight:700; color:#1d287b; font-size:inherit; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;}	
	a:hover {color: #2a39a8;}
	.lightBlue 
	{text-decoration:none !important; color:#1d287b; font-family:Helvetica, Arial, sans-serif; text-align: left;background-color: #eff0f1;background-image: url('../images/arrow.gif'); background-position: 20px center; background-repeat: no-repeat;display:block; padding-left:40px; width:160px; height:32px; line-height: 32px;}
	.lightBlue:hover{background-color: #dadada; }
	#RightCol {width:100%; font-family:Arial, Helvetica, sans-serif;}
	#logo {float:left; width:228px; background-color:#4D4D4F;}
	#logo h1 { padding-left: 14px; text-align: left; font-size:18px;font-weight:normal;}
	#TopRightLogos {float:right; margin-left:110px;}
}
