/*	CSS for McGurk Performance Cars
		by Steve Fitzpatrick of Innoware, for Bee3.	October 2008 	*/

/*	Generic tags	*/

@page {
  size: landscape   /* Limited browser adoption of this rule, but should work more reliably in later versions */
}


.clear{clear: both;}
a img{border: 0;}
a {color:#fff;}

body{
	background-color: #000;
	text-align: center;
	font-family: arial, sans-serif;
	margin: 0; padding: 0;
}
form{margin: 0; padding: 0;}
.carHead{
	font-weight:bold;
	color:darkgray;
}

/*	Wrappper		*/
#wrapper{
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

/*	Marques Nav		*/
#marques{
	display: none;
	visibility: hidden;
}

/*	Main		*/
#main{
	margin-left: 7px;
	text-align: center;
	float: none !important;
}
	#main #banner{
		display: none;
		visibility: hidden;
	}

/*	Nav				*/
#nav{
	display: none;
	visibility: hidden;
}

/*	Content		*/
#content{
	position: relative;
	border: 1px solid #262626;
	padding: 2px;
	min-height: 497px;
	width: 757px;
	float: left;
	background: url(../im/porche_photo_trim.jpg) no-repeat 2px 2px;
}


	.noCarBG #content{background: #000;}
	.viewacar #content{	background: url(../im/viewacarbg.gif) #232021 repeat-x 0px 3px;);
}
	.carSynopsis{
		height: 122px;
		width:761px;
		margin-bottom: 3px;
		background: url(../im/blank_bg.png);
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		border-bottom: 2px solid #ccc;
	}
		.carSynopsis.Aston_Martin {background: url(../im/Aston_Martin_bg.png) no-repeat;}
		.carSynopsis.Audi {background: url(../im/Audi_bg.png) no-repeat;}
		.carSynopsis.Bentley {background: url(../im/Bentley_bg.png) no-repeat;}
		.carSynopsis.BMW {background: url(../im/BMW_bg.png) no-repeat;}
		.carSynopsis.Ferrari {background: url(../im/Ferrari_bg.png) no-repeat;}
		.carSynopsis.Jaguar {background: url(../im/Jaguar_bg.png) no-repeat;}
		.carSynopsis.Lamborghini {background: url(../im/Lamborghini_bg.png) no-repeat;}
		.carSynopsis.Lotus {background: url(../im/Lotus_bg.png) no-repeat;}
		.carSynopsis.Land_Rover {background: url(../im/Land_Rover_bg.png) no-repeat;}
		.carSynopsis.Maserati {background: url(../im/Maserati_bg.png) no-repeat;}
		.carSynopsis.Mercedes {background: url(../im/Mercedes_bg.png) no-repeat;}
		.carSynopsis.Porsche {background: url(../im/Porsche_bg.png) no-repeat;}
		.carSynopsis.TVR {background: url(../im/TVR_bg.png) no-repeat;}
		.carSynopsis.Other_brands {background: url(../im/Other_Brands_bg.png) no-repeat;}

			.carSynopsis.Aston_Martin:hover{background: url(../im/hover/Aston_Martin_bg.png) no-repeat;}
			.carSynopsis.Audi:hover{background: url(../im/hover/Audi_bg.png) no-repeat;}
			.carSynopsis.Bentley:hover{background: url(../im/hover/Bentley_bg.png) no-repeat;}
			.carSynopsis.BMW:hover{background: url(../im/hover/BMW_bg.png) no-repeat;}
			.carSynopsis.Ferrari:hover{background: url(../im/hover/Ferrari_bg.png) no-repeat;}
			.carSynopsis.Jaguar:hover{background: url(../im/hover/Jaguar_bg.png) no-repeat;}
			.carSynopsis.Lamborghini:hover{background: url(../im/hover/Lamborghini_bg.png) no-repeat;}
			.carSynopsis.Lotus:hover{background: url(../im/hover/Lotus_bg.png) no-repeat;}
			.carSynopsis.Land_Rover:hover{background: url(../im/hover/Land_Rover_bg.png) no-repeat;}
			.carSynopsis.Maserati:hover{background: url(../im/hover/Maserati_bg.png) no-repeat;}
			.carSynopsis.Mercedes:hover{background: url(../im/hover/Mercedes_bg.png) no-repeat;}
			.carSynopsis.Porsche:hover{background: url(../im/hover/Porsche_bg.png) no-repeat;}
			.carSynopsis.TVR:hover{background: url(../im/hover/TVR_bg.png) no-repeat;}
			.carSynopsis.Other_brands:hover{background: url(../im/hover/Other_Brands_bg.png) no-repeat;}

		col#picture{width: 205px;}
		col#features{width: 216px;}
		col#year{width: 113px; text-align: center;}
		col#price{width: 113px; text-align: center;}

		col#features{.width: 191px;} col#year{.width: 103px;} col#price{.width: 103px;} /* IE fudge	*/

		.carSynopsis th{padding-top: 5px;}
		.carSynopsis td{color: #fff; vertical-align: top; line-height: 18px; padding-top: 9px;}
			.carSynopsis td a{color: #575757; text-decoration: none;}
			.carSynopsis td a:hover{text-decoration: underline;}
		.carSynopsis th.details, .carSynopsis td.details{padding-left: 10px;}
		.carSynopsis span.more{margin-top: 0px; display: block; /* --JE 001-- float:right; */}
		.carSynopsis th.carPic {text-align:center; }
		.carSynopsis th.carPic img{margin: -2px 0 0 3px; height: 112px; text-align:center; border: 1px solid #ccc;}

	#message h3{
		position: absolute;
		color: #fff;
		font-size: 11px;
		bottom: 7px; right: 7px;
	}

	#leftPics, #rightPics{
		width: 160px;
	}
		#leftPics{float: left;}
		#rightPics{float: right;}
		#leftPics ul, #rightPics ul{
			list-style-type: none;
			margin: 6px 0; padding: 0 5px;
		}
			#leftPics ul{border-right: 1px dashed #b3b3b3;}
			#rightPics ul{border-left: 1px dashed #b3b3b3;}
		#leftPics li, #rightPics li{
			border: 1px solid #424242;
			height: 117px;
			width: 146px;
			margin-bottom: 3px;
			text-align: center;
		}
			#leftPics li a, #rightPics li a{
				display: block;
				height: 117px;
				text-decoration: none;
				color: #000;
				/*padding-top: 50px;*/
			}
				#leftPics li img, #rightPics li img
				{
					height:80px;
					margin-top:17px;
				}
	#centrePanel{
		float: left;
		width: 431px;
		text-align: center;
	}
		#centrePanel .mainPic img{
			border: 1px solid #605e5f;
			padding: 0;
			margin: 6px 0 0 4px;
		}
		#centrePanel table{
			width: 431px; height: 242px;
			color: #fff;
			font-size: 11px;
			margin: 0 0 0 3px;
		}
			#centrePanel table td{
				border: 1px solid #424242;
				padding: 8px;
				text-align: left;
				vertical-align: top;
			}
			#centrePanel table td.details{height: 143px; width: 137px;}
			#centrePanel table td.price{text-transform: uppercase; font-size: 18px; font-weight: bold; margin-right: 0;}
				#centrePanel table td.price a{float: right;}
			#centrePanel table td.smallPrint{font-size: 9px;}




/*	Footer		*/
#footer{
	clear: both;
	margin-top: 6px;
	padding-top: 3px;
	height: 30px;
	background: url(../im/bubbles.gif);
	text-align: center;
}
	#footer .bigPhone{
		margin-right: 7px;
		font-size: 22px;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
		text-align: center;
	}
	#footer .signUp{
		display: none;
		visibility: hidden;
	}


/*	Footer nav			*/
#footerNav{
	display: none;
		visibility: hidden;
}

.makeDD{
	font-size:10px;
}
.carInput{
	font-size:10px;
	width:50px;
}

.addFeaturesTA{
	font-size:10px;
	width:250px;
	height:70px;
}

.serviceHistTA{
	font-size:10px;
	width:310px;
	height:20px;
}

#textContent{
	position: relative;
	border: 1px solid #262626;
	padding: 2px;
	height: 417px;
	width: 677px;
	background: black no-repeat 2px 2px;
	color:white;
	overflow-y:auto;
	font-size:15px;
	margin:40px;
}
#ctl_3{
	color:white;
}

#ctl_91
{
	border: 1px solid #262626;
	position:relative;
	top:250px;
	margin-top:250px;
	color:white;
	border: 1px solid #262626;

}
.ObjCentre{
	text-align:center;
	margin-right:10px;
	border:1px solid white;
}

body.imageUpload
{
	background-color:Black;
	color:White;
}

#filteringDDs{
	display:block;
	height:33px;
	width:762px;
	background:#6D6D6D none repeat scroll 0 0;
}
#filteringDDs select{
	margin-left:10px;
	margin-top:5px;
}
#filteringDDs button{
	margin-left:10px;
	margin-top:5px;
}
span.errorMsg
{
font-size:smaller;
font-style:italic;
color:#FF0000;
}

.smallPrint span.errorMsg
{
font-size:small;
font-style:italic;
color:#FF0000;
}

.price span.errorMsg
{
font-size:small;
font-style:italic;
color:#FF0000;
}
#FAQVideos{
	/*float:right;
	display:block;*/
	position:absolute;
	top:100px;
	left:280px;
}

.centreVid{
	text-align: center;
	top:0px;
	width:100%;
	height:100%;
}

#vidContent{
	position: relative;
	border: 1px solid #262626;
	padding: 2px;
	min-height: 497px;
	width: 757px;
}

.testimItem{
	position: relative;
	display: block;
	clear: both;
}
	.testimItem img{
		float: left;
		padding-right: 10px;
		margin-bottom: 0.5em;
	}

.testimText{
	padding: 10px;
	float: right;
	width: 63%;
	text-align: left;
	margin-bottom: 0.5em;
}

.redLink{
	color:#FF0000;
}

#ctl_92{display: none;visibility: hidden;}
#textContent{overflow: show;}