@import "navigation.css";
@import "pfrotator.css";

body {background: #0461a4;}
	a {color: #0461a4;}
		a.visited, a:hover {color: #777777;}
		h1 {color: #0461a4; font-weight: bold;}
		h2, h3 {margin: 10px 0;}
		h2 {font-size: 14px; font-weight: bold;}
		h3 {font-size: 13px;}
		p {margin: 10px 0;}
		
.clear {clear: both;}
.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
}
	ul, ol {margin: 0 0 0 20px; padding: 0 5px;}
		ul {list-style: disc outside none;}
		ol {list-style: decimal outside none;}

	/* Structural Elements */
	div#outerWrapper {
		background: transparent url(../Images/outer_wrapper_bg.png) repeat-y scroll 0 0;
		width: 998px;
	}
	/* Masthead contents */
	.ballwegLogos {padding: 20px 40px 5px 40px; position: relative;}
		.saukLogo, .wasLogo {
			display: block;
			height: 157px;
			text-indent: -9999px;
			width: 395px;
		}
			.saukLogo {background: transparent url(../Images/Ballweg-Sauk-Prairie-Bodyshop-logo.png) no-repeat scroll 0 0; float: left;}
			.wasLogo {background: transparent url(../Images/Ballweg-Wausau-Bodyshop-logo.png) no-repeat scroll 0 0; float: right;}
			
		.ballwegContactInfo {padding: 0 40px; position: relative;}
			.contactSauk, .contactWas {
				display: block; 
				height: 45px;
				text-indent: -9999px;
				width: 395px;
			}
				.contactSauk {background: transparent url(../Images/Ballweg-Sauk-contact.gif) no-repeat scroll 0 0; float: left;}
				.contactWas {background: transparent url(../Images/Ballweg-Wausau-contact.gif) no-repeat scroll 0 0; float: right;}
				
	/* Homepage images for locations */
	div#imageBlocks {
		height: 255px;
		margin: 15px 0;
		padding: 0px 40px 0px 40px; 
		position: relative;
	}
		.imageSaukBlock, .imageWasBlock {
			border: 2px solid #0461a4;
			display: block;
			height: 250px;
			text-indent: -9999px;
			width: 400px;
		}
		.imageSaukBlock {background: transparent url(../Images/Ballweg-Sauk-Prairie-Collision-Center.jpg) no-repeat scroll 0 0; float: left;}
		.imageWasBlock {background: transparent url(../Images/Ballweg-Wausau-Collision-Center-1.jpg) no-repeat scroll 0 0; float: right;}
		
	

	/* Styles for Doormat */
	div#doormat {
		border-top: 1px solid #999;
		margin: 0 auto 0 auto; 
		padding: 20px 40px; 
		width: 910px;
	}
		div#doormat ul li {
			float: left;
			list-style: none inside none;
			margin: 0 15px;
			width: auto;
		}
			div#doormat ul li.first {margin: 0 15px 0 0;}
			div#doormat ul li.last {margin: 0 0 0 15px;}
	/* Styles for Footer */
	div#footer {padding: 10px 40px; width: 910px;}	

	/* Form Styles */					
	.serviceForm, .contactUsForm, .tradeInForm, .quickQuoteForm, .employmentForm, .scheduleTestDriveForm {min-height: 350px;}
	ul.formLeftCol, ul.formRightCol {width: 280px;}
		ul.formLeftCol li, ul.formRightCol li {list-style: none; width: 280px;}
			.serviceForm ul li label, .contactUsForm ul li label, .tradeInForm ul li label, .quickQuoteForm ul li label 
				{width: 100px;}
			.serviceForm ul li input, .serviceForm ul li textarea, .contactUsForm ul li input, .contactUsForm ul li textarea, .tradeInForm ul li input, .tradeInForm ul li textarea, html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default
				{width: 145px;}
			.serviceForm ul li select, .contactUsForm ul li select, .tradeInForm ul li select, .quickQuoteForm ul li select
				{width: 157px;}
			
	/* Inner Page Content styles */
	.innerLeftCol {padding: 0 40px 20px 40px; width: 580px;}
	.innerRightCol {
		background-color: #e6e6e6;
		border: 1px solid #0461a4;
		margin: 10px 10px 10px 20px;
		min-height: 200px;
		padding: 20px;
		width: 250px;
	}	
		.innerRightCol ul {margin: 0;}
		.innerRightCol ul li {list-style: none; margin: 0; padding: 0;}
		.hoursTitle, .locationHeading, .hoursBox, .deptHeading {line-height: 20px;}
			.hoursTitle {
				color: #0461a4;
				font-size: 16px;
				font-weight: bold;
			}
			.locationHeading {
				color: #333;
				font-size: 14px;
				font-weight: bold;
			}
			.deptHeading {color: #0461a4; font-size: 13px;}
			.innerRightCol ul li.hoursBox {
				color: #555;
				font-size: 13px;
				padding: 0 10px; 
			}
	
	div#innerPageContent {position: relative;}
		div#innerPageContent span.smallPrint {
			display: block;
			padding: 10px 0;
			font-size: 11px;
			font-style: italic;
		}		
		
		/* Styles for Services & Faq page */
		.bodyshopBlock {
			border-bottom: 1px solid #999;
			position:  relative; 
			width: 610px;
		}
		.bodyshopBlock h2, .faq h2 {float: left; width: 460px;}
			.bodyshopBlock a.serviceBtn, .faq a.askBtn {
				background: #0461a4;
				color: #fff;
				display: block;
				float: left;
				font: bold 14px Arial, Helvetica, sans-serif;
				margin: 10px 0;
				-moz-border-radius: 3px;
				padding: 3px 10px;
				text-decoration: none;
			}
				.faq a.askBtn {width: auto; *width: 85px;}
				.bodyshopBlock a.serviceBtn:hover, .faq a.askBtn:hover {
					background: #e3e3e3; 
					color: #0461a4;
					text-decoration: none;
				}
			.bodyshopBlock p.bodyshopDetails {float: left; margin: 10px 0;}
			.returnTop {
				display: block; 
				margin: 5px 0;
				width: 100px;
			}
			.faqDetails {clear:both; display: none;}