@charset "UTF-8";
/* CSS Document */
@import "navigation.css";
body {
	background:#025394;
	color: #333;
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center;
}
	
	div#outerWrapper{
		background: #025394 url(../Images/bg-wrapper.jpg) repeat-y scroll 0 0;
		padding:0 15px;
		width:994px;
	}
	
	div#innerWrapper { padding:0 12px;}
	
	#wrapper {
		margin:0 auto;
		overflow:hidden;
		text-align:left;
		width:992px;

	}
	div#masthead{
		height: auto ;
		padding-top:10px
	}
	a.logo{
		background: url(../Images/logo2.jpg) no-repeat;
		display: block;
		height:113px;
		margin:0 auto;
		text-indent: -9999px;
		width:386px;
		
	}
		#mainContent {
			/*padding: 0 20px;*/
		}
		
			#flashcontent { margin-right:19px; }
			h1 {
				color:#005393;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:200%;
				margin:20px;
				text-align:center;
				text-transform:uppercase;
			}
			
			.clear { clear:both;}
			br.clear{ line-height: 0;}
			
			 #mods div.mod { 
				float:left; 
				height:338px;
				padding:0 2px;
				text-align:center;
				width:159px;
				position:relative;
			}
			
			#mods div.mod p { margin:4px;}
			
			#mods div.mod p.logo a {
				display:block;
				height:62px;
				margin-bottom:10px;
				text-indent:-9999px;
				width:175px;
			}
			#mods div.mod p.title {
				font-size:75%;
				font-weight:bold;
				text-transform:uppercase;
			}
			#mods div.mod p.address {
				color:#777777;
				font-size:75%;
				font-weight:bold;
			}
			#mods div.mod p.phone {
				font-size:115%;
				font-weight:bold;
				
			}
			#mods div.mod p.phone span {
				font-size: 60%;
			}
			
			div.ltblue { background:transparent url(../Images/mods-bg2.jpg) no-repeat scroll 0 0;}
			div.beige { background:transparent url(../Images/mods-bg2.jpg) no-repeat scroll -164px 0;}
			div.gryblue { background:transparent url(../Images/mods-bg2.jpg) no-repeat scroll -328px 0;}
			div.pink { background:transparent url(../Images/mods-bg2.jpg) no-repeat scroll -492px 0;}
			div.grey { background:transparent url(../Images/mods-bg2.jpg) no-repeat scroll -656px 0;}
			div.pink2 { background:transparent url(../Images/mods-bg2.jpg) no-repeat scroll -820px 0;}
			
			div.buttons {
				bottom:0;
				left:16px;
				position:absolute;		
			}
			
				#mods div.buttons p { margin:8px 0}
			
				div.buttons a.directions { 
					background:url("../Images/buttons.png") no-repeat scroll 0 -5px transparent;
					display:block;
					height:33px;
					text-indent:-9999px;
					width:129px;
				}
				
					div.buttons a.directions:hover { background:url("../Images/buttons-over.png") no-repeat scroll 0 -5px transparent;}
				
				div.buttons a.website { 
					background:url("../Images/buttons.png") no-repeat scroll 0 -38px transparent;
					display:block;
					height:33px;
					text-indent:-9999px;
					width:129px;
				}
				
					div.buttons a.website:hover { background:url("../Images/buttons-over.png") no-repeat scroll 0 -38px transparent;}
				
				div.buttons a.services { 
					background:url("../Images/buttons.png") no-repeat scroll 0 -71px transparent;
					display:block;
					height:33px;
					text-indent:-9999px;
					width:129px;
				}		
				
					div.buttons a.services:hover { background:url("../Images/buttons-over.png") no-repeat scroll 0 -71px transparent;}
				
			#logos { 
				padding:30px 35px;
			}
			
			#logos li { float:left; display:inline; padding:0 32px;list-style-type: none;}
			#logos li a{ display: block;	
						height:71px;
						text-indent:-9999px;
						background-image:url("../Images/logos-all.jpg");
						background-repeat: no-repeat;
						}
			    li.chevy a { 
			    	scroll 0 0 transparent;
					width:70px;
				}
				#logos li a.ford { 
					background-position: -76px 0 ;
					width:70px;
				}
				#logos li a.scion { 
					background-position: -149px 0 ;
					width:74px;
				}
				#logos li a.benz { 
					background-position: -491px 0 ;
					width:166px;
				}
				#logos li a.buick { 
					background-position: -326px 0 ;
					width:74px;					
				}
				#logos li a.toyota { 
					background-position: -404px 0 ;
					width:84px;
				}
				
			div#footer {
				color:#005393;
				font-size:90%;
				padding:40px 0;
				width:auto;
				text-align:center;
			}
							
				#footer a { color:#005393;}
				div.socialmedia { margin:0 auto; overflow:hidden; width:64px;}
				div.socialmedia a { background-image:url("../Images/social-media-icons.jpg"); margin-right:2px; width:25px; height:25px; display:block; float:left; text-indent:-9999px;}		
				#footer a.twitter {background-position:25px 0;}
				#footer a.facebook {background-position:0 0;}
				
				
				
				#footer p { font-size:75%; margin:5px;}
				#footer p.small { font-size:60%;}
				
		
		ul.utility {float: left; z-index: 10;}
div#utilityWrapper {
height:36px;
padding: 0 0 0 74px;}

.sprite_buttons, .sprite_ctaBtns, .sprite_cta_buttons {
background-image:url("../Images/sprite_buttons.png");
}



		div#utilityWrapper,
		 {margin: 0 auto; width: 990px;}
		

		div#utilityWrapper {
background-color:#005393;
height:38px;
margin-bottom:7px;
margin-left:-2px;
padding-right:55px;
position:relative;
margin-right: 19px;
}
		

	
					ul.utility {
						float: left;
						margin-top:7px;
						position: relative;
					}
						div#utilityWrapper ul li {float: left;}
							ul.utility li.heading {
								color: #ffffff;
								font-size: 12px;
								font-weight: bold;
								text-transform: uppercase;
								padding: 5px 0px 0px;
							}
							ul.utility select {
								background-color: #ffffff;
								border: 1px solid #e9e9e9;
								height: 24px;
								margin: 0 5px 0 5px;
								padding: 3px 2px 2px 3px;
								width: 160px;
							}
							ul.utility input.searchBtn {
								background-position: 0px 0px;
								background-color: transparent;
								border: 0 none;
								cursor: pointer;
								height: 22px;
								width: 110px;
							}
								ul.utility .searchBtn:hover {background-position: 0px -22px;}
				
				.sprite_buttons, .sprite_ctaBtns, .sprite_cta_buttons {background-image: url(../Images/sprite_buttons.png);}
				
				
				
				
	/* NEW SERVICE PORTAL PAGE STYLES  FOR BALLWEG PONTIC BUICK*/
div#servicePageContent2 div#servicePageContent {
	width:1050px;
	margin:auto;
	height:770px;
}

div#servicePageContent2 div#servicesContainer { /*margin:0; padding:0;*/ }
div#servicePageContent2 div#serviceLeftCol, 
div#servicePageContent2 div#serviceRightCol { 
	background:url(../Images/service-col-bg.png) no-repeat; height:489px;
	padding:4px;
	width:247px;
}

div#servicePageContent2 div.servicectarow {
	width:970px;
	height:210px;
}

div#servicePageContent2 div.servicepagemaincontainer { width:970px; overflow:hidden;}

div#servicePageContent2 div.servicectarow a {
	background:url(../Images/service-cta-sprite-gm.png) no-repeat;
	float:left;
	width:238px;
	height:191px;
	text-indent:-9999px;
	margin-right:1px;}
	
div#servicePageContent2 div.servicectarow a.servicecta1 { background-position:0 0;}
div#servicePageContent2 div.servicectarow a.servicecta1:hover { background-position:0 -191px;}
div#servicePageContent2 div.servicectarow a.servicecta2 { background-position:-245px 0;}
div#servicePageContent2 div.servicectarow a.servicecta2:hover { background-position:-245px -191px;}
div#servicePageContent2 div.servicectarow a.servicecta3 { background-position:-490px 0;}
div#servicePageContent2 div.servicectarow a.servicecta3:hover { background-position:-490px -191px;}
div#servicePageContent2 div.servicectarow a.servicecta4 { background-position:-733px 0;}
div#servicePageContent2 div.servicectarow a.servicecta4:hover { background-position: -733px -191px;}

div#servicePageContent2 div#servicesContainer div.servicepagemaincontainer h1.servicelistheader {
	background:url("../Images/service-list-header.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	font-family:Verdana,Geneva,sans-serif;
	font-size:16px;
	height:38px;
	padding:14px 0 0 23px;
	text-transform:uppercase;
	width:225px;
	margin-bottom:16px;
	}

div#servicePageContent2 div#serviceLeftCol { width:257px; }

div#servicePageContent2 div.leftColNav { float:left;}

div#servicePageContent2 div.leftColNav ul li a, 
div#servicePageContent2 div#serviceRightCol ul li a {
	background:url("../Images/service-page-list-bg.png") no-repeat scroll 0 0 transparent;
	height:26px;
	padding:6px;
	width:236px;
	color:#333;
}
div#servicePageContent2 div.leftColNav ul li a:hover, 
div#servicePageContent2 div#serviceRightCol ul li a:hover { color:#000; text-decoration:underline;}
div.servicemiddleColinfo { 	height:275px; padding-left:25px; padding-top:10px;}
div#servicePageContent2 div.servicemiddleColinfo div.hoursbox { margin-top:15px; padding-left:0;}	
	
div#servicePageContent2 div#serviceRightCol ul li a {
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:31px;
	position:relative;
	text-indent:35px;
	width:236px;
	margin-top:6px;
}

div#servicePageContent2 div#servicemiddleCol {
	width:436px;
	height:500px;
	background:url("../Images/service-image-large.png") no-repeat scroll 0 1px transparent;
	float:left;
	/*margin-right:3px;*/
}

div#servicePageContent2 div#serviceRightCol p { margin-left:30px;}

div#servicePageContent2 h2.servicecentercallout { font-size:24px; font-weight:bold; padding-bottom:6px; text-align:center; }
div#servicePageContent2 div.servicectarow { height:195px; }
div#serviceLeftCol, div#serviceRightCol {padding-top: 20px;}

	div#serviceRightCol {
					float: left;
					position: relative;
					
				}
				
				div#serviceLeftCol .leftColNav {width: 200px;}
						.leftColNav ul li a {
							color: #333333;
							float: left;
							font-size: 13px;
							font-weight: bold;
							line-height: 31px;
							position: relative;
							text-indent: 35px;
							width: 200px;
						}
							.leftColNav ul li a:hover {color: #174d85; text-decoration: none;}
							
							div#servicesContainer  {
margin:10px 0;
padding:0 20px;
}


.advancedsearch .advancedsearchinner .searchRight{padding-right:8px;}
.vehiclephoto{width:165px !important;}
.vehiclephoto img {width:165px !important;}
	.vehiclepricing ul.prices li{font-size:15px !important;}



/* SHOP BY BRAND*/
div#shop-brands {
    background: none repeat scroll 0 0 transparent;
    height: 0;
    margin: 0;
    padding-top: 0;
    width: 90px;
}
	div#shop-brands ul { list-style:none; margin:0; padding:0; position:relative;}

div#shop-brands > ul li {
    display: block;
    float: left;
    position: relative;
    width: 50px;
}
div#shop-brands ul li a {
    display: block;
    height: 60px;
    margin-bottom: 0;
    text-indent: -9999px;
    width: 74px;
}			
			div#shop-brands ul li.chevrolet a { margin-left:33px; width:109px;}
					
			
			div#shop-brands ul li.chevrolet ul { margin-left:5px; }
			
			div#shop-brands ul ul.tooltip.two { 
				background: url("../Images/tool-tip-two.png") no-repeat scroll 0 0 transparent;
				display: none;
				height: 122px;
				padding: 6px 5px 35px 6px;
				position: absolute;
				top: -156px;
				width: 365px;
				z-index: 1000;
			}
			
			div#shop-brands ul ul.tooltip.bottomrow.two { top:-160px;} 
			 
			div#shop-brands ul ul.tooltip.tipright { background-position: 100% 100%;}			
			
				div#shop-brands ul li:hover ul.tooltip { 
					display:block; 								
				}
				
				div#shop-brands ul ul.tooltip li { 
					border-bottom: 1px dotted #999999;
					display: block;
					float: none;
					margin: 15px 4px 5px;
					overflow: hidden;
					padding-bottom: 12px;
					width: auto;
				}
					div#shop-brands ul ul.tooltip li a { 
						display: block;
						float: left;
						height: auto;
						margin: 0;
						text-indent: 0;
						width: auto;
					 	font-weight:bold;
					}
						div#shop-brands ul ul.tooltip li a.dealer { background: none !important; color:#222; font-size:12px; float:none; margin-bottom:5px;}
						div#shop-brands ul ul.tooltip li a.dealer:hover { text-decoration:none; color:#777;}
						div#shop-brands ul ul.tooltip li a.options { 
							background: url("../images/red-arrow.gif") no-repeat scroll 0 50% transparent;
							font-size: 11px;
							margin-right: 16px;
							padding-left: 7px;					
						}
							div#shop-brands ul ul.tooltip li a.options:hover { text-decoration:none; background-position:2px 50%;} 
/* END SHOP BY BRAND*/

div.vehicleinformation{width:290px !important;}