/* Page Structure*/

/*@import url("content.css");*/

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Banner

5: - Content

6: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 0;
		padding: 0;
		background-color: #d4d4d4;
		font-size: 70%;
		}
		
	/* default fonts */
	body, td {
		font-family: Arial, Helvetica, sans-serif;
		color: #3f3f3f;
		}
		
	table, tr, td {
		border-color: #666666;
		}
		
	.footnote {
		font-size: 0.8em;
		color: #b4b4b4;
		}
		
	/* default paragraphs */
	p {
		margin: 0 0 1em 0;
		padding: 0;
		}
				
	/* default headings */
	h1 {
		margin: 0 0 12px 0;
		padding: 0;		
		color: #000;
		font-size: 1.1em;
		font-weight: bold;
		}
		
	h2 {
		margin: 0 0 12px 0;
		padding: 0;		
		color: #6b6b6b;
		font-size: 1.1em;
		font-weight: bold;
		}
			
	h3 {
		margin: 0;
		padding: 0;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.3em;
		}
			
	h4 {
		margin: 0;
		padding: 0;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.3em;
		color: #b4b4b4;
		}
							
	/* default links */
	a {
		color: #000;
		text-decoration: none;
		font-weight: bold;
		}
		
	a:hover {
		text-decoration: underline;
		}
		
	.button {
		float: left;
		background: #d4d4d4 url(/images/elements/arrowOnGrey.gif) no-repeat 9px 4px;
		color: #000;
		padding: 2px 12px 3px 22px;
		margin: 0 15px 10px 0;
		text-decoration: none;
		font-size: 0.9em;
		}
		
	.button:hover {
		background-color: #aaa;
		text-decoration: none;
		}
		
	.yellowCol .button {
		background: #e0c203 url(/images/elements/arrowOnYellow.gif) no-repeat 9px 4px;
		}
		
	.yellowCol .button:hover {
		background-color: #ba9f00;
		}
	
	.secondaryButton {
		display: block;
		clear: both;
		margin-bottom: 2px !important;
		background-color: #fff; background-color: transparent;
		background-image: url(/images/elements/arrowOnWhite.gif);
		color: #464646;
		}
	
	.secondaryButton:hover {
		background-image: url(/images/elements/arrowOnGrey.gif);
		color: #000;
		}
		
	/* default list styles */
	ul {
		margin: 0px;
		padding-left: 15px;
		padding-top: 0px;
		}
		
	li {
		list-style-image: url(/images/elements/bulletPoint.gif);
		}

			
	/* default img */
	img {
		border: 0;
		}
			
	/* default form settings */		
	form {
		margin: 0;
		padding: 0;
		}
		
	input, select, textarea {
		font-size: 1em;
		color: #3f3f3f;
		}
		
	textarea {
		height: 50px;
		}
	
	/* helper classes */
	.clear {
		clear: both;
		}
		
	/* SIFR */
	/* These are standard sIFR styles... do not modify */
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		}
		
	.sIFR-replaced {
		visibility: visible !important;
		}
		
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}
		
	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	.sIFR-flash + div[adblocktab=true] {
	  display: none !important;
		}
	
	/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
	
	.banner .sIFR-hasFlash h1 {
		visibility: hidden;
		font-size:48px;
		margin:0 0 0.6em;
		padding:0;
		}

/* 2 :-------- Header ------------ */

	.header {
		display: block;
		overflow: hidden;
		width: 100%;
		height: 365px;
		background-color: #e4e4e4;
		}
		
	.headerCell {
		display: block;
		width: 800px;
		height: 100%;
		margin: auto;
		background-color: #FFF;
		}
	
	.mainLogo {
		float: left;
		width: 90px;
		height: 73px;
		padding: 17px 0 0 16px;
		}
	
	.phoneNumber {
		float: left;
		width: 147px;
		height: 55px;
		padding: 35px 0 0 17px;
		}

/* 3 :-------- Main Nav ------------ */

	#mainNav {
		display: block;
		overflow: hidden;
		height: 28px;
		}
	
	#mainNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	#mainNav li {
		list-style-image: none;
		float: left;
		margin: 0;
		padding: 0;
		}
			
	#mainNav a {
		display: block;
		min-height: 28px; _height: 28px;
		overflow: hidden;
		text-decoration: none;
		color: #000;
		background-position: center;
		background-repeat: no-repeat;
		text-indent: -9999px;
		}
		
	#mainNav a:hover {
		background-position: top;
		}
		
	#mainNav .level01On a, #mainNav .level01On a:hover {
		background-position: bottom;
		}
		
	/* nav backgrounds */			
	#mainNav .nav1 {
		width: 67px;
		background-image: url(/images/mainNav/home.gif);
		}
		
	#mainNav .nav2 {
		margin-left: 16px;
		width: 138px;
		background-image: url(/images/mainNav/aboutAlliance.gif);
		}
		
	#mainNav .nav3 {
		margin-left: 17px;
		width: 130px;
		background-image: url(/images/mainNav/yourSolution.gif);
		}
		
	#mainNav .nav4 {
		margin-left: 17px;
		width: 142px;
		background-image: url(/images/mainNav/dealerLocator.gif);
		}
		
	#mainNav .nav5 {
		margin-left: 17px;
		width: 131px;
		background-image: url(/images/mainNav/partsCentral.gif);
		}
		
	#mainNav .nav6 {
		margin-left: 17px;
		width: 108px;
		background-image: url(/images/mainNav/contactUs.gif);
		}	
	
/* 4 :-------- Banner ------------ */

	.banner {
		display: block;
		height: 247px;
		width: 100%;
		background-color: #000;
		color: #fff;
		}
		
	.banner img {
		float: right;
		}
	
	.bannerText {
		padding: 32px 0 0 15px;
		width: 370px;
		}
	
	.banner h1 {
		color: #fff;
		font-size: 48px;
		font-family: Arial, Helvetica, sans-serif;
		}
	
/* 5 :-------- Content ------------ */

	.content {
		display: block;
		width: 800px;
		margin: auto;
		background-color: #fff;
		min-height: 300px; _height: 300px;
		}
		
	.content.homepage {
		background: #fff url(/images/elements/yellowColumnNarrow.gif) repeat-y 200px 0;
		}
		
	.content.internalPage {
		background: #fff url(/images/elements/yellowColumnNarrow.gif) repeat-y 0 0;
		}
		
	.content.dealerLocatorPage {
		background: #fff url(/images/elements/yellowColumnWide.gif) repeat-y 0 0;
		}
		
	.narrowCol {
		float: left;
		padding: 18px 15px 20px 15px;
		width: 170px;
		}
		
	.mediumCol {
		float: left;
		padding: 18px 15px 20px 15px;
		width: 370px;
		}
		
	.wideCol {
		float: left;
		padding: 18px 15px 20px 15px;
		width: 570px;
		}
		
	.narrowCol img, .mediumCol img, .wideCol img {
		display: block;
		margin-bottom: 10px;
		}
		
	.narrowCol input {
		width: 164px;
		margin: 10px 0;
		}
		
	.mediumCol input {
		width: 215px;
		}
		
	.news {
		/* This is used instead of padding or margin to stop IE behaving wierdly */
		border-bottom: solid 10px #fff;
		}
		
	.newsItem {
		display: block;
		min-height: 96px; _height: 96px;
		background: #fff url(/images/elements/newsItemBack.gif) repeat-x 0 bottom;
		font-weight: normal;
		cursor: pointer;
		color: #555;
		}
		
	.newsItem:hover {
		text-decoration: none;
		background-position: 570px bottom;
		color: #000;
		}
		
	.newsItem img {
		float: right;
		margin-left: 15px;
		margin-bottom: 1px;
		}
		
	.newsItem h3 {
		padding-top: 6px;
		}
	
	.newsItemDate {
		font-weight: normal;
		}
		
	.newsItem p {
		margin: 0px;
		padding-bottom: 5px;
		}
		
	.newsText {
		display: block;
		width: 421px;
		}
		
	.prevButton {
		float: left;
		background: #d4d4d4 url(/images/elements/backArrowOnGrey.gif) no-repeat 9px 4px;
		}
	
	.nextButton {
		float: right;
		margin: 0 0 10px 15px !important;
		padding: 2px 22px 3px 12px !important;
		background-position: right 4px !important;
		}
	
	.pageNumbers {
		text-align: center;
		font-size: 0.8em;
		padding-top: 3px;
		}
	
	.pageNumbers a {
		padding: 0 5px;
		color: #6b6b6b;
		}
	
	.pageNumbers a.selected, .pageNumbers a:hover {
		color: #000;
		}
		
	.newsDetail, .internalContent {
		background: #fff url(/images/elements/newsItemBack.gif) no-repeat 0 bottom;
		border-bottom: solid 10px #fff;
		}
	.internalContent p{
		height:1%; /* hack for IE - due to background */
		}
		
	.newsDetail img, .internalContent img {
		float: right;
		margin-left: 15px;
		}
		
	.newsDetail h2 {
		margin-bottom: 8px;
		}
		
	.newsDetail h4 {
		margin-bottom: 3px;
		}
		
	.newsDetailText h1 {
		color: #3F3F3F;
		font-size: 1.5em;
		margin-bottom: 7px;
		}
		
	.newsDetailText, .internalContentText {
		display: block;
		width: 385px;
		}
		
	.partsCentralForm {
		margin: 25px 0 0 0;
		}
		
	.partsCentralForm label {
		float: left;
		width: 185px;
		padding-top: 2px;
		}
		
	.partsCentralForm input, .partsCentralForm textarea {
		width: 180px;
		margin: 0 0 15px 0;
		}
		
	.partsCentralForm select {
		width: 184px;
		margin: 0 0 15px 0;
		}
		
	.partsCentralForm .button {
		margin: 0 15px 20px 185px;
		}
		
	.fieldRequired {
		float: right;
		padding-right: 2px;
		}
		
	.dealerLocatorMap {
		margin: 0 0 40px 16px !important;
		}
		
	.dealerLocatorListing {
		background: #fff url(/images/elements/newsItemBack.gif) no-repeat -200px bottom;
		border-bottom: solid 10px #fff;
		padding: 5px 0 10px 0;
		}
		
	.dealerLocatorListingFilter {
		float: right;
		color: #7f7f7f;
		margin-left: 5px;
		line-height: 1.5em;
		}
		
	.dealerCategory {
		float: right;
		margin-right: 15px;
		color: #7f7f7f;
		}
		
	.dealerName {
		display: block;
		width: 250px;
		font-weight: bold;
		}
		
	.dealerListingText {
		display: block;
		width: 250px;
		margin: 1px 0 1em 0;
		}
		
	.dealerLocatorListing .button {
		min-width: 130px; _width: 130px;
		margin-bottom: 4px;
		}
		
	.googleMap {
		margin-top: 30px;
		}
		
	.branding {
		background: #fff url(/images/elements/brandingRowTopShadow.gif) repeat-x 0 0;
		padding: 19px 0 25px 0;
		}
		
	.branding a {
		float: left;
		margin-left: 43px;
		}
		
	#sideNav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	#sideNav li {		
		list-style-image: none;
		margin: 0;
		padding: 0;
		}
		
	#sideNav a {
		display: block;
		background: #fd0 url(/images/elements/sideNavArrow.gif) no-repeat 3px 3px;
		color: #907f12;
		padding-left: 15px;
		margin-bottom: 8px;
		text-decoration: none;
		font-size: 1.1em;
		font-weight: bold;
		}
		
	#sideNav a:hover {
		color: #000;
		text-decoration: none;
		}
		
	#sideNav .level01On a {
		background: #fd0 url(/images/elements/sideNavArrowOn.gif) no-repeat 0 5px;
		color: #000;
		}
		
	#sideNav .level02 a {
		padding-left: 27px;
		background: #fd0 url(/images/elements/sideNavArrow.gif) no-repeat 15px 3px;
		color: #907f12;
		}
		
	#sideNav .level02 a:hover {
		color: #000;
		}
		
	#sideNav .level02On a {
		padding-left: 27px;
		background: #fd0 url(/images/elements/sideNavArrowOn2.gif) no-repeat 15px 3px;
		color: #000;
		}

/* See content.css */

/* 6 :-------- Footer ------------ */

	.footer {
		display: block;
		width: 770px;
		margin: auto;
		padding: 8px 15px 15px 15px;
		border-top: solid 1px #d4d4d4;
		border-bottom: solid 15px #d4d4d4;
		background-color: #fff;
		color: #999;
		font-size: 0.8em;
		}
	
	.footer ul {
		float: left;
		width: 185px;
		margin: 0;
		padding: 0;
		list-style: none;
		}
	
	.footer li {
		float: left;
		list-style-image: none;
		margin: 0;
		padding: 0;
		}
		
	.footer a {
		color: #999;
		text-decoration: none;
		font-weight: normal;
		padding-left: 3px;
		}
		
	.footer a:hover {
		color: #999;
		text-decoration: underline;
		}
		
	.footer ul a {
		padding-left: 12px;
		font-weight: bold;
		}
		
	.footer ul a.first {
		padding-left: 0;
		}
		
	.footerText {
		float: left;
		width: 570px;
		margin-left: 15px;
		}