﻿/* >> GLOBAL */
	html { margin: 0px; padding: 0px; }

	body {
		font-family: "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", Verdana, sans-serif; /* GLOBAL FONT STACK */ 
		font-size:13px; 
		
		margin: 0px; padding: 0px;			margin: 0px; padding: 0px;
		margin-right: auto; margin-left: auto; /* Center Align Layout */

		background: url('../images/bg.gif'); background-repeat: repeat-x;
		
		text-align:left; 
		color:#000000;
	}
/* << GLOBAL */
	
/* >> HEADINGS */
	h1, h2, h3, h4, h5, dt, h6, tfoot, thead, th {
		text-decoration:none; 
		word-spacing:normal; 
		letter-spacing:normal;
		text-transform:none;
	}
	
	h1 {
		font-size:34px; 
		font-weight:normal; 
		font-style:normal; 
		color:#7baccc; 
		margin-top:0px; 
		margin-bottom:5px;
	}
	
	h2 {
		font-size:28px; 
		font-weight:normal; 
		font-style:normal; 
		color:#336699; 
		margin-top:0px; 
		margin-bottom:0px;
	}	
			
	h3 {
		font-size:24px; 
		font-weight:normal; 
		font-style:normal; 
		color:#336699; 
		margin-bottom:0px;
	}		
		
	h4 {
		font-size:20px; 
		font-weight:normal; 
		color:#336699; 
		margin-bottom:0px;
	}	
			
	h5, dt {
		font-size:16px;
		font-weight:700; 
		color:#336699; 
		font-style:normal;
	}	
			
	h6 {
		font-size:12px; 
		font-weight:700; 
		color:#336699; 
		font-style:normal;
	}	
		
	tfoot, thead {
		font-size:12px;
	}
				
	th {
		vertical-align:baseline; 
		font-size:14px; 
		font-weight:bold;
	}
/* << HEADINGS */


/* >> OTHER TEXT */
	small {font-size:.7em;}	
	big {font-size:1.17em;}	
	blockquote, pre	{}
/* << OTHER TEXT */

	
/* >> LISTS */
	ul li {list-style-type:square;}	
	.CONTENT ul li {margin-bottom:10px;}
	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;}
/* << LISTS */


/* >> TABLES */
	td {
		vertical-align:top; text-align:left;
	}
/* << TABLES */


	
/* >> LINKS */
	a {
		font-weight:700; 
		text-decoration:underline; 
		color:#336699;
	}	
	
	a:hover {
		color: #4687c8;
	}
/* << LINKS */
	
	
/* >> REQUIRED */
	.REQUIRED {
		color:#ff0000; 
		font-size:14px; 
		font-weight:500;
	}
/* << REQUIRED */


/* >> IMAGES */
	img {
		border:thin #000000 none;
	}
	
	.aleft {
		float:left; 
		padding-right:10px; 
		padding-bottom:10px;
	}
	
	.aright {
		float:right; 
		padding-left:10px; 
		padding-right:10px;
	}
/* << IMAGES */


/* >> WIDTH AND HEIGHT */
	/* >> 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;}
	/* << WIDTH */
	
	
	/* >> HEIGHT */
		.h50 {height:75px;}
		.h75 {height:75px;}
		.h100 {height:75px;}
		.h200 {height:200px;}
		.h275 {height:275px;}
		.h600 {height:600px;}
	/* << HEIGHT */
/* >> WIDTH AND HEIGHT */
	
/* >> TEMPLATE */

	/* >> MAIN TABLE */
		#MainTable {
			margin: 0px; padding: 0px;
			margin-right: auto; margin-left: auto; /* Center Align Layout */
			width: 965px;
			background: url('../images/contentBg.gif'); background-position: 1px;
			margin-bottom: 10px;
		}
			
	/* << MAIN TABLE */


	/* >> TOPNAV */
		#TopCol {
			padding-left: 18px; padding-right: 18px; padding-top: 7px;
		}
		
		.TOPNAV {
			text-align: right;
			padding-right: 10px; padding-top: 5px;
			float:right;
		}
		
		.TOPNAV a {
			display: inline-block;  
			background-image: url('../images/bullet.gif'); background-repeat: no-repeat; background-position: 10px center;
			padding-left: 22px;
			
			color: #7f7f7f !important; font-size: 14px;
			text-decoration: none !important; font-weight: normal !important;
		}
		
		.TOPNAV a:hover {
			color: #336699 !important;
			text-decoration: underline !important;
		}
		.TOPNAV a#first {background-image:none;}
		#TopCol div#header {
			width: /*903px*/920px; height: /*151px*/115px; /* Originals 928x199 */
			padding-top: 48px; padding-left:0/*25px*/;
			display: block;
		}
		
		#TopCol a#logo {
			background-image: url('../images/hersonsLogoTop.png');  behavior: url('images/iepngfix.htc'); background-repeat: no-repeat;
			width: 211px; height: 106px; display: block;
		}
		
		#headerHonda {position:absolute; width:150px; height:65px; margin-left:618px; margin-top:-10px}
		#headerKia {position:absolute; width:150px; height:65px; margin-left:775px; margin-top:-10px }
		
	/* << TOPNAV  */

		
		
	/* >> LEFTNAV  */
		#LeftCol {
			width: 207px;
			padding-left: 16px; padding-top: 3px;
			
		}
		
		#leftNavTop {
			display: block; width: 199px; height:29px;
			background-image: url('../images/leftNavTop.gif'); background-repeat: no-repeat;
		}
		
		#leftNavBottom {
			display: block; width: 199px; height:30px;
			background-image: url('../images/leftNavBottom.gif'); background-repeat: no-repeat;
			margin-bottom: 20px;
		}
		
		
		.LEFTNAV {
			width: 199px;
			margin-left: -8px;
			margin-right: 16px;
			overflow: hidden;
		}
		
		.LEFTNAV ul {
			padding-left: 8px; padding-right: 14px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;
			background-image: url('../images/leftNavMiddle.gif'); background-repeat: repeat-y; 
			background-position: right;
			background-color: #dddc80;
		}
		.LEFTNAV ul li {
			list-style: none;
			border-bottom: 1px solid white;
			padding-top: 5px; padding-bottom: 5px; padding-left: 8px;
		}
		
		
		.LEFTNAV ul li a {
			color: #124566 !important; font-weight: normal !important;
			text-decoration: none !important;
			font-size: 14px;
		}
		
		.LEFTNAV ul li a:hover {
			color: #092131 !important;
		}
		
		.LEFTNAV ul li ul {background: none !important; padding-left: 1px;}
		
		.LEFTNAV a.selected {
			font-weight: bold !important;
			color: #124566 !important;
		}
		
		.LEFTNAV ul li ul li {
			border: none !important;
			padding-top: 2px !important; padding-bottom: 2px !important;
		}
		
		.LEFTNAV ul li ul li a {
			color: #666666 !important;
			font-size: 12px;
			font-weight: bold !important;
		}
	/* << LEFTNAV  */

		
	/*  >> MAIN CONTENT TABLE */
		#RightCol {
			vertical-align:top; 
			padding:8px; padding-bottom: 0px; 
			height:400px;
			padding-left: 0;
		}
		
		#RightCol td {
			vertical-align:top;
		}

		#BodyTable{
		
		}
		
		#BodyCol {
		}
			
		.CONTENT {
			color:#000000; 
			margin:10px 0 10px 10px; 
			padding-right:10px;
		}
		
		#contentHeader {
			display: block; /*width: 703px; height: 51px; padding-top: 171px; */ /* Padding over accounted for */
			padding-left: 18px;  margin-bottom: 15px;
		}
		#contentHeader a#clickHereToContactUs {
			color:white !important; text-decoration: none !important;  font-weight: normal !important; font-size: 15px;
			display: block; width: 232px; height: 26px;
			padding-top:3px; text-align: center;
			background-image: url('../images/clickHereToContactUsButton.gif'); background-position: 0 0;
			text-shadow: 2px 1px 3px #666666;
			filter: Shadow(Color=#666666, Direction=180, Strength=3);
		}
		
		#contentHeader a#clickHereToContactUs:hover {
			background-position: 0 29px;
		}
	/*  << MAIN CONTENT TABLE */

	/*  >> MORE CTAs */
	
		table#contentDealerships {
			margin-top: 10px;
		}
	
		table#contentDealerships td {
			padding-left: 25px; padding-right: 25px;
		}
	
		#hersonGirlCTA {
			background-image: url('../mypictures/HAGusedcars.jpg'); background-repeat: no-repeat;
			width: 432px; height: 217px; color: #083a5a;
			font-size: 13px;
		}
		
		#hersonGirlCTA td {
			padding-left: 20px; padding-top: 10px; padding-right: 230px; padding-bottom: 10px;
		}
		
		#hersonGirlCTA h2 {
			color: white;
			font-size: 18px;
			font-weight: normal;
		}
		
		#hersonGirlCTA p {
			margin-top: 7px;
		}
		
		a.clickHere {
			margin-top: 13px;
			display: block; height: 22px; width:109px; padding-top: 7px; padding-left: 38px; /* W: 147-36 = 111 & H: 29-7 = 22 */
			background-image: url('../images/contentClickHereButton.gif'); background-position: 0 0;
			color: white !important; text-decoration: none; line-height: 12px;
			font-size: 13px;
			text-shadow: 2px 1px 3px #666666;
			filter: Shadow(Color=#666666, Direction=180, Strength=3);
			overflow: visible;
		}
		
		a.clickHere:hover { background-position: 0 29px;}
		
		#hersonGirlCTA a.clickHere {
			margin-top: 8px;
			display: block; height: 22px; width:115px; padding-top: 7px; padding-left: 32px; /* W: 147-36 = 111 & H: 29-7 = 22 */
			background-image: url('../images/clickHereBlueButton.gif'); background-position: 0 0;
			text-decoration: none; line-height: 12px; color: #083a53 !important;
			text-shadow: none;
			font-size: 15px;
			filter: none;
		}
		
		#hersonGirlCTA a.clickHere:hover { background-position: 0 29px;}
	/*  << MORE CTAs */
	
	
	/* >> RIGHT SIDEBAR */
		#SideBarCol {
			vertical-align:top;
			width: 0px;
			padding-right: 30px;
		}
		
		.SIDEBAR {
		
		}
		
		#ourDealerships {
			width: 259px; color: white; padding-bottom: 10px;
		}
		
		#ourDealerships hr { color:white; background-color: white; height: 1px; border: 0px !important; overflow: hidden !important; margin-top: 20px; margin-bottom: 20px;}
		
		#ourDealerships tr { padding: 0px; margin: 0px; }
		#ourDealerships td { padding: 0px; margin: 0px;}
		
		#ourDealerships tr td { 
			background-image: url('../images/sidebarMiddle.gif'); background-repeat: repeat-y; 
			text-align: center; background-repeat: repeat-y; 
			padding-left: 18px; padding-right: 18px;
			width: 259px;
			padding-top: 0px;
		}
		#ourDealerships a {
			color: white;
			font-weight: normal;
			text-decoration: none;
		}
		
		#ourDealerships tr td#top { background-image: url('../images/sidebarTop.gif'); height: 23px; width: 259px; }
		#ourDealerships tr td#bottom { background-image: url('../images/sidebarBottom.gif'); height: 24px; width: 259px;}

		
		#ourDealerships h2 {
			color: white;
			font-size: 28px;
			margin-bottom: 10px;
			font-weight: normal;
		}
	/* >> RIGHT SIDEBAR */

		
	/* >> BOTTOMNAV */
		#FooterCol {
			background: url('../images/contentBottom.gif'); background-repeat: no-repeat; background-position: center bottom;
			height: 154px; width: 100%;
			padding-right: 25px; padding-left: 8px;
			line-height: 17px;
			overflow: auto;
		}

		.BOTTOMNAV {
			float: right;
		}
		
		a#hersonsLogo {
			display: inline-block;
			float: left;
			background-image: url('../images/hersonsLogoBottom.gif');
			width: 178px; height: 90px; margin-top: 30px;
		}
		
		.BOTTOMNAV table {
			margin-top: 35px;
		}
		
		.BOTTOMNAV table tr td {
			padding-left: 25px; padding-right: 25px;
		}
		
		.BOTTOMNAV table tr td a {
			display: block;
			color: white !important;
			text-decoration: none !important; font-weight:normal !important;
		}

		.BOTTOMNAV table tr td a:hover {
			text-decoration: underline !important;
		}
		
		div#copyright {
			position: absolute;
			padding-bottom: 15px;
			text-align: center;
			margin-top: 167px;
			left: 0; right: 0;
			_left: auto; _right: auto;
		}

	/* << BOTTOMNAV */
/* Forms */
.serviceinfo {margin-bottom:20px;}
.serviceinfo label {display:block;}
.sericesect {padding:5px 5px;margin-bottom:5px;margin-top:5px;}


/* << TEMPLATE */


/* >> ADMIN CMS */
	.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:#ffffff; font-weight:bold;}
	.admincol, .admincol h1
		{text-align:center; width:550px; color:#ffffff; 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:#FF0000;}
	#Leftnav1_admindiv
		{line-height:20px;}
	
	/*Visual Editor */
	.bgwhite, body.bgwhite
		{background-color:#ffffff; background-image:none;}
	.Pagebody_EndTab, .Pagebody_EndTab, .pageLeftnav_EndTab, .pageleftnav_EndTab, .pageSideBar_EndTab,  .pagesidebar_EndTab,   .CTA_EndTab, .intro_EndTab 
		{display:none;}
/* << ADMIN CMS */

/* >> OVERRIDES AND HELPERS */
	.noBorders { border: none !important; }
	.noBackground { background: none !important;}
/* << OVERRIDES AND HELPERS */


/* >> BROWSER HACKS */

	/* >> Mac Safe Margins*/
		html>body p {margin: 15px 0;}
	/* >> Mac Safe Margins*/

/* >> BROWSER HACKS */
.socialbuttons {padding-bottom:15px; padding-top:15px; margin-top:15px; margin-bottom:15px;}
.modelinfo {
float:left; width:175px; margin-bottom:20px;height:175px;
}

#Bcredted {margin-left:620px; position:relative; padding-top:25px; padding-bottom:10px; color:inherit;  font-size:10px;  text-transform:none;}
#Bcredted a, #Bcredted a:active, #Bcredted a:hover, #Bcredted a:link, #Bcredted a:visited {color:inherit; font-size:10px; text-transform:none; font-weight:normal !important;}
#Bcredted a:hover {color:inherit;}


#headerauto {background:transparent url(/mypictures/HAGvisit.jpg) no-repeat scroll 0 0; width:721px; height:221px;}
#headerleft {float:left; width:300px;margin-left:20px;margin-top:40px;height:100px;}
#headerleft img {margin-left:60px; margin-top:10px;}
#headerright {float:left; width:300px;margin-left:85px;margin-top:40px;height:100px;}
#headerright img {margin-left:75px; margin-top:10px;}
