/* ========================================================================================
Car Services: Main Layout 
Version:1.0
Author: Raphael Marsh
Last Updated: 15 June 2009
=========================================================================================== */

/* Generic 
=========================================================================================== */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:63.3%;
 	background-color:#0f223f;
 	background-image:url(../images/generic/main-bg.jpg);
 	background-position:top;
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	min-width:977px;
}

h1 { margin:0; }
h2 { margin:0; }
h3 { margin:0; }
h4 { margin:0; }
h5 { margin:0; }
img { border:none; }

p {
     color:#005483;
     font-size:1.3em;
	 margin:0;
	 }

a:link { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:underline; }

.left { float:left;
        padding-right:10px }
.right { float:right;
         padding-left:5px }

ol,ul {
	list-style: none; margin: 0; padding: 0; font-size:1.3em;
}
.clear {
	clear: both; text-indent: -9999px;
}

/* Structure 
=========================================================================================== */
div#wrapper {
  width: 977px; margin: auto; text-align: left; padding-bottom: 4px;
}
div#content {
	width:977px;
}
div#banner {
	height:215px;
}
div#pageContent {
	float:left; width:685px; margin-top:7px;	 
}
#PrimaryNav {
	float:left; width:977px; position: relative;
}
#SecondaryNav {
	float:right; position:relative; display:block; width:977px;
}
div#featureContent {
	width: 278px; float: right; margin-top:10px;
	display: block; /* :KLUDGE: Fixes IE double margin float bug */
}
div#contentArea {
	float:right; position:relative; width:390px; display:block; text-align:left; margin-top:3px;
}


/* Full Width Rules 
=========================================================================================== */
#fullWidth #featureContent {
	display:none;
}
#fullWidth #pageContent {
	width:977px;
}
#fullWidth #contentArea {
	width:682px;
}


/* Banner Area 
=========================================================================================== */
.logo {
	float:right; position:relative; top:30px; right:0; display:block; width:283px; height:78px;
	background:url(../images/generic/logo.gif);
}
	.logo a {
		display:block; width:283px; height:78px;
	}
.bannerMessage {
	float:left; position:relative; left:348px; top:108px; width:629px; height:46px; display:block;
	background:url(../images/generic/banner-message.gif);
}
#MGlink {
	float:left; position:absolute; margin:20px 0 0 340px;
}
	#MGlink a {
		width:100px; height:50px; display:block;
	}
#MINIlink {
	float:left; position:absolute; margin:20px 0 0 447px;
}
	#MINIlink a {
		width:84px; height:50px; display:block;
	}



/* Primary Navigation 
=========================================================================================== */
#navigation {
	position: absolute;
	margin-top: 163px;
	left: -1px;
	z-index: 999;
	list-style: none;
	width:977px;
	top: 3px;
}
	#navigation li {
		float: left; font-size: 11px; font-weight:bold; margin-right:3px;
	}
		#navigation li a {
			float: left; display: block; text-align:center;
			height: 2.4em; /* Targets IE 5.5 only */
			hei\ght: 1.8em; /* All Other Browsers */
			width:137px;
			padding: 0.7em 0 0.2em 0; color: #fff; text-decoration: none; overflow: hidden;
		}
	#navigation li.end {
		margin-right:0;
	}
		#navigation li a.home {
			text-indent:15px;
			background:url(../images/generic/home-button.gif) no-repeat;
		}
		#navigation li a.customer {
			text-indent:20px;
			background:url(../images/generic/customer-button.gif) no-repeat;
		}
		#navigation li a.female {
			 text-indent:10px;
			background:url(../images/generic/female-button.gif) no-repeat;
		}
		#navigation li a.courtesy {
			text-indent:15px;
			background:url(../images/generic/courtesy-button.gif) no-repeat;
		}
		#navigation li a.servicing {
			width:147px; text-indent:22px;
			background:url(../images/generic/servicing-button.gif) no-repeat;
		}
		#navigation li a.mots {
			width:117px; text-indent:15px;
			background:url(../images/generic/mots-button.gif) no-repeat;
		}
		#navigation li a.whattheysay {
			width:147px; text-indent:25px;
			background:url(../images/generic/whattheysay-button.gif) no-repeat;
		}


	#navigation li.active a {
		background-position: -137px 0;
	}
		#navigation li:hover a, #navigation li.ieHover a {
			background-position: -137px 0;
		}
		
	#navigation li.active a.mots {
		background-position: -117px 0;
	}
		#navigation li:hover a.mots, #navigation li.ieHover a.mots {
			background-position: -117px 0;
		}
		
	#navigation li.active a.servicing {
		background-position: -147px 0;
	}
		#navigation li:hover a.servicing, #navigation li.ieHover a.servicing {
			background-position: -147px 0;
		}
		
	#navigation li.active a.whattheysay {
		background-position: -147px 0;
	}
		#navigation li:hover a.whattheysay, #navigation li.ieHover a.whattheysay {
			background-position: -147px 0;
		}

		

		




/* Side Nav Column 
=========================================================================================== */
div#navColumn {
	float:left; width:283px;
	background: url(../images/generic/navColumn-bg.gif) no-repeat;
}
	#navColumn .content {
		margin:0 23px 0 23px; min-height:260px;
	}
		#navColumn .content p {
			font-size:120%; line-height:140%; color:#0c215f;
		}
		
		#navColumn .content ul.section {
			color:#0c215f; margin:0;
		}
			#navColumn .content ul.section li {
				list-style:disc; font-size:130%; line-height:140%; margin:0 16px 0 16px; padding:1px 0; font-weight:bold;
			}
				#navColumn .content ul.section li a {
					color:#0c215f; display:block; text-decoration:none;
				}
					#navColumn .content ul.section li a:hover, #navColumn .content ul.section li.active a {
						text-decoration:underline; color:#fff;
					}
					
		#navColumn .content ul {
			color:#c0c0c0; margin:0 0 24px 0;	
		}
			#navColumn .content ul li {
				list-style:disc; font-size:110%; line-height:130%; margin:0 16px 0 16px; padding:1px 0;	
			}
			#navColumn .content ul li.rover {
				margin:0; list-style:none; padding:4px 0 4px 50px;	
				background:url(../images/generic/rover-icon.gif) left center no-repeat;
			}
			#navColumn .content ul li.mini {
				margin:0; list-style:none; padding:4px 0 4px 50px;	
				background:url(../images/generic/mini-icon.gif) left center no-repeat;
			}
				#navColumn .content ul li a {
					color:#d1d8e2; display:block; text-decoration:underline;
				}
					#navColumn .content ul li a:hover, #navColumn .content ul li.active {
						text-decoration:none; color:#fff;
					}

/* Book Panel 
=========================================================================================== */
#bookPanel {
	padding:10px 14px 16px 8px; width:256px;
	background:url(../images/generic/book-panel.gif) bottom no-repeat;
}
	#bookPanel p.bookText {
		color:#2066ae; font-size:120%; line-height:140%; display:block; padding:5px 4px 0 4px;
	}
	#bookPanel label {
		color:#495175; font-size:110%; display:block; width:110px; margin-bottom:6px; padding-top:3px; text-align:right;
	}
	#bookPanel input {
		float:right; position:relative; display:block; height:14px; width:120px;
	}
	#bookPanel p.mandatory {
		width:7px; height:6px; float:right; margin-left:5px;
		background:url(../images/generic/mandatory.gif) top right no-repeat;
	}
	#bookPanel select {
		float:right; position:relative; display:block; height:24px; width:126px;
	}
	#bookPanel #button {
		float:right; position:relative; display:block; height:33px; width:130px; color:#fff; padding:2px 4px 8px 0; font-size:110%; font-weight:bold;
		background:url(../images/generic/book-sendBut.gif) top left no-repeat; border:0; margin:4px 8px 0 0; cursor:pointer;
	}
		#bookPanel #button:hover {
			color:#ffea00;
		}
		
		
/* Secondary Navigation 
=========================================================================================== */
#account {
	position: absolute; top: 0px; right: 0; z-index: 999; list-style: none;
}
	#account li {
		float: right; margin-left: 1px; font-size: 11px;
	}
		#account li a {
			float:left; display: block; margin: 1em 0 0.8em 0; padding: 0 1.5em 0 1.4em; color: #5175a0; text-decoration: none; overflow: hidden;
			border-left:#5175a0 1px solid;
		}
			#account li a:hover {
				text-decoration: underline;
			}


/* Generic Content 
=========================================================================================== */
#contentArea h1 {
	font-size:250%; line-height:130%; font-weight:normal; color:#fff;
}
#contentArea h2 {
	font-size:150%; line-height:130%; font-weight:normal; color:#bebebe;
}
#contentArea p {
	line-height:140%; color:#bebebe;
}
	#contentArea p a {
		color:#bebebe; text-decoration:underline;
	}
		#contentArea p a:hover {
			text-decoration:none;
		}
	#contentArea ul {
		list-style:disc; margin:15px 15px 15px 30px;
	}
		#contentArea ul li {
			line-height:140%; padding-bottom:2px; color:#bebebe;
		}
			#contentArea ul li a {
				color:#bebebe; text-decoration:underline;
			}
				#contentArea ul li a:hover {
					text-decoration:none;
				}
				
	#contentArea ol {
		list-style:decimal; margin:15px 15px 15px 30px;
	}
		#contentArea ol li {
			line-height:140%; padding-bottom:2px; color:#bebebe;
		}
			#contentArea ol li a {
				color:#bebebe; text-decoration:underline;
			}
				#contentArea ol li a:hover {
					text-decoration:none;
				}


/* Customer Comments
=========================================================================================== */
#comments {
     width:500px;
     background-image:url(../images/content/speach-left.gif);
     background-position:top left;
	 background-repeat:no-repeat;
	 margin-left:75px;
	 margin-top:15px;
	 margin-bottom:25px    
}


h4.comments {
     color:#FFFFFF;
     font-size:1.4em;
	 padding-left:20px;
	 padding-right:20px;
	 padding-top:2px;
	 background-image:url(../images/content/speach-right.gif);
	 background-repeat:no-repeat;
	 background-position:right bottom;
	 }

#comments p {
     text-align:right;
}

/* offers
=========================================================================================== */
.offers {
     color:#CCC;
     font-size:1.3em;
	 }
	 
.offers strong{
	 color:#00CCFF;
	 }

/* Right Side Feature Panels
=========================================================================================== */
#openTimes {
	display:block; margin:0 14px; background:url(../images/generic/opentimes-icon.gif) right no-repeat;
}
	#openTimes h3 {
		font-size:180%; color:#fff; margin-bottom:3px;
	}
	#openTimes p {
		font-size:110%; line-height:150%; color:#bebebe;
	}

/* Footer Site Links
=========================================================================================== */
p.numedia {
   color:#CCCCCC;
   text-align:center;
}

#footer {
	width: 980px; padding:20px 0;
}