/* 
CSS Document 
Box Model style sheet for new BTG Motoring look
Author: Dale
Ver. 1.0
Creation Date: 02/18/05
Author URI: http://www.arthurbakerdesign.com
*/

/* General page functions */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #ccc;
	background-color: #000;
	background-image: url('images/BauhausCorpBG.gif');
/*	background-image: url('images/bg_ss-350wDark.jpg'); */	
	background-position: left;
	background-repeat: repeat;
	font: 90% Verdana, Arial, sans-serif;
}
p {
	font: 0.8em Verdana, Arial, sans-serif;
	color: #fff
}
a {
	text-decoration: none;
	color: #9C9969;
}
a:visited {
	color: #BDBB9B;
}
a:hover {
	border-color: #7A7636;
	color: #7A7636;
}

/* Entire Page layout area */

#rap {
	width: 760px;
	height: 600px;
	position: relative;
	margin: 10px auto auto auto;
	padding: 0;
	background: #000;
	font-size: 1em;
	text-align: left;
	line-height: 18px;
	border: #ccc 2px solid;
}
* html #rap {/* make IE put it in the right place */
	width: 762px;
}

/* Header area */

#header {
	margin: 1px;
	padding: 0;
	background: #ccc;
	background-image: url('images/headerBg-756w.jpg');
	background-position: top;
	background-repeat: no-repeat;
	height: 82px;
}

/* Begging of left section below header */

#keySearch {
	position: absolute;
	top: 85px;
	left: 2px;	
	width: 160px;
	height: 25px;
	margin: 0;
	padding: 0;
	background: #ff0000;
	border-bottom: 2px solid #000;
}
* html #keySearch {/* make IE put it in the right place */
	top: 85px;
	width: 158px;
	height: 27px;
	margin-top: 0;
}

#keySearch form{
	margin: 2px 0 -3px 11px;
	padding: 0;
	font: 0.90em Arial, sans-serif;
	font-weight: bold;
	color: #fff;	
}
* html #keySearch form {/* make IE put it in the right place */
	margin: 2px 0 -3px 5px;
	font: 0.85em Arial, sans-serif;
}
#keySearch .form1{
	font: 0.95em Arial, sans-serif;
	font-weight: bold;
	color:#666;
	border-width: 1px;
	border-style: solid;
	border-color: #000 #fff #fff #000;	
}
#keySearch .font1{
	font: 0.86em Arial, sans-serif;
	color: #333;
}

#leftSideMenu01 {
	position: absolute;
	top: 112px;
	left: 0px;
	width: 158px;
	height: 127px;
	margin-left: 2px;
	text-align: left;
	padding: 0;
	background: #666;
	background-image: url('images/mhtWheel-156.jpg');
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
}
* html #leftSideMenu01 {/* make IE put it in the right place */
	top: 112px;
	height: 130px;
}

#leftSideMenu01 form{
	margin: 2px 0 -3px 10px;
	padding: 0;
	font: 70% Arial, sans-serif;
	font-weight: bold;
	color: #fff;
}

#leftSideMenu01 .font1{
	/*width:120px; */
	font: 1.1em Arial, sans-serif;
	color: #666;
}

/*#leftSideMenu01 .font1{
	border:0px solid #000; width:120px; height:20px; margin:11px 8px 0 0; text-align:center; background-color:transparent; font-size:0.70em; color:#333333;
}*/

#leftSideMenu01 .font1-1{
	font: 1.1em Arial, sans-serif;
	letter-spacing: 0.005em;
	color: #666;
}
#leftSideMenu01 .font2{
	font: 0.95em Arial, sans-serif;
	color: #ff0000;
}

#leftSidePad {
	position: absolute;
	top: 242px;
	left: 0px;
	width: 158px;
	height: 10px;
	margin-left: 2px;
	text-align: left;
	padding: 0;
	background: #ccc;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #ccc;
}
* html #leftSidePad {/* make IE put it in the right place */
	top: 243px;
	height: 10px;
	border-color: #ccc;
	margin: 0 0 -10px 2px;
}

#leftSideLower {
	position: absolute;
	top: 252px;
	left: 0px;
	width: 154px;
	height: 344px;
	margin-left: 2px;
	text-align: center;
	padding-left: 4px;
	background: #000;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
}
* html #leftSideLower {/* make IE put it in the right place */
	top: 252px;
	width: 158px;
	height: 342px;
	border-color: #ccc;
	margin: 0 0 -10px 2px;
}
#leftSideLower form{
	margin: 5px 0 10px -5px;
	padding: 0;
	font: 70% Arial, sans-serif;
	font-weight: bold;
	color: #fff;
}
* html #leftSideLower form {/* make IE put it in the right place */
	margin: 10px 0 10px 0px;
}
#leftSideLower .font1{
	font: 1.1em Arial, sans-serif;
	color: #666;
}
#leftSideLower .font2{
	font: 0.95em Arial, sans-serif;
	color: #ff0000;
}

#leftSideLowerImage {
	width: 130px;
	height: 255px;
	margin-left: 7px;
	text-align: center;
	vertical-align: bottom;
	padding: 0 0 0 4px;
	background: #000;
	background-image: url('images/fadeSide.jpg');
	background-position: bottom;
	background-repeat: repeat-x;	
	border-width: 0;
	font: 0.85em Arial, sans-serif;
	font-weight: bold;
	color: #ccc;
}
* html #leftSideLowerImage {/* make IE put it in the right place */
	width: 130px;
	height: 250px;
	margin-top: -5px;	
	margin-left: 0px;
	background-position: 50% 25%;
}

/* End of Left side & begining of right section below header */

#menuBar {
	position: absolute;
	top: 84px;
	left: 164px;
	width: 596px;
	height: 25px;
	float: right;
	margin: 2px 0 0 0;
	padding: 0;
	background: #000;
}
* html #menuBar {/* make IE put it in the right place */
	margin: 3px 0 0 -2px;
}
#barButton {
	width: 100%;
	height: 23px;
	margin: 0;
	padding: 0;
	background: #666;
	border: 0;
}

/* End of Menu Bar & begining of right section picture area */

#pictureBar {
	position: absolute;
	top: 113px;
	left: 163px;
	width: 596px;
	height: 129px;
	text-align: center;

	padding: 0;
	background: #999;
	/* border-width: 1px 1px 0 1px; 
	border-style: solid;
	border-color: #000; */
}
* html #pictureBar {/* make IE put it in the right place */
	top: 112px;
	left: 160px;
	width: 595px;
	height: 128px;
	border: 0;		
}
#pictureBar img {
	position: static;
	border: 1px solid #ccc;
}

/* End of Picture Bar & begining of Live Info section */

#infoSecLeft {
	position: absolute;
	top: 254px;
	left: 164px;
	width: 392px;
	height: 247px;
	font: 0.8em Verdana, Arial, sans-serif;
	color: #fff;
	text-align: center;
	margin-left: 1px;
	background-color: #ccc;
	background-image: url('images/bg_ss-400wLight.jpg');
	background-repeat: repeat;
	padding: 0;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
}
#infoSecLeft a {
	border: 0;
}

* html #infoSecLeft {/* make IE put it in the right place */
	top: 254px;
	left: 162px;
}
iframe { 
	border-color: #FF0000 #00FF00 #0000FF #000000; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 20px; 
	padding-left: 0px; 
	border-style: groove; 
	border-top-width: 5px; 
	border-right-width: 5px; 
	border-bottom-width: 5px; 
	border-left-width: 5px;
	font-family: Tahoma, Sans-Serif;
	font-size: 0.9em;
	color: #ccc;
}
#infoSecRight {
	position: absolute;
	top: 254px;
	left: 558px;
	width: 181px;
	height: 244px;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 0.80em;
	font-style: italic;
	color: #ccc;
	margin-left: 1px;
	padding: 0px 14px 4px 0px;
	background: #666;
	background-image: url('images/mhtWheel-200.jpg');
	background-position: top;
	background-repeat: repeat-y;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #666;
}
* html #infoSecRight {/* make IE put it in the right place */
	top: 253px;
	left: 555px;
	width: 197px;
	height: 248px;
	padding: 0 0 0 0;	
}
#infoSecRight ul {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.0em;
	font-style: italic;
	/*font-size-adjust: .56;*/
	color: #ccc;
	margin: 20px 0 0 -15px;
}
* html #infoSecRight ul {/* make IE put it in the right place */
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.95em;
	font-style: italic;
	color: #ccc;
	margin: 20px 0 0 20px;
}

/* End of Info Section & begining of Subscribe bar */

#subscribeBar {
	position: absolute;
	top: 515px;
	left: 164px;
	width: 580px;
	height: 30px;
	margin-left: 1px;
	padding: 2px 0 0 15px;	
	border-width: 0;
	background: #333;
	background-image: url('images/logoEmboss.jpg');
	background-position: right;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.80em;
	font-style: italic;
	font-weight: bold;
	text-align: left;	
	/*font-size-adjust: .56;*/
	color: #ccc;
	vertical-align: top;		
}
* html #subscribeBar {/* make IE put it in the right place */
	position: absolute;
	top: 515px;
	left: 164px;
	width: 591px;
	height: 30px;
	padding: 4px 0 0 15px;			
}
#subscribeBar form {
	font-size: 0.80em;
	vertical-align: middle;
	margin: 3px 0 -5px 0;				
}
#subscribeBar form .form-1 {
	font-family: arial, sans-serif; 
	font-size: 11px; color: #003366; 
	font-weight: normal;  
	text-align: center; 
	background-color: #fff; 
	border-left: solid 1px #000; 
	border-top: solid 1px #000; 
	border-right: solid 1px #fff; 
	border-bottom: solid 1px #fff;
	vertical-align: middle; 
}
#subscribeBar form .form-2 { 
	font-family: arial, sans-serif; 
	font-size: 11px; color: #fff; 
	font-weight: bold;  
	text-align: center; 
	background-color: #fb040a; 
	border: 0;
	vertical-align: middle;	 
}
* html #subscribeBar form {/* make IE put it in the right place */
	font-size: 0.80em;
	/*vertical-align: middle;*/
	margin: 1px 0 5px 0;	
}

/* End of Subscribe bar - Start of copyright box */

#copyrightBar {
	position: absolute;
	top: 545px;
	left: 164px;
	width: 580px;
	height: 30px;
	margin-left: 1px;
	padding: 9px 0 0 0;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 0.65em;
	font-style: italic;
	font-weight: bold;	
	vertical-align: middle;
	text-align: center;
}
* html #copyrightBar {/* make IE put it in the right place */
	padding: 7px 0 0 0;
}
#geoTrustSquare {
	position: absolute;
	top: 610px;
	left: 0;
	margin-left: 2px;
	width: 158px;
	height: 30px;
	text-align: center;
	/*background-color: #ccc;*/
}
#footerCenter {
	position: absolute;
	top: 615px;
	left: 155px;
	margin: 0;
	width: 495px;
	height: 43px;
	font: italic small-caps 800 .74em verdana, Sans-Serif;
	/*font: Arial, Sans-Serif;
	font-size: .65em;
	font-color: #fff;*/
	text-align: center;
}
* html #footerCenter {/* make IE size fonts right */
	font: italic small-caps 600 .70em verdana, Sans-Serif;
}
#verisignSquare {
	position: absolute;
	top: 617px;
	left: 615px;
	margin-right: 2px;
	width: 158px;
	height: 30px;
	text-align: center;
	/*background-color: #ccc;*/
}
* html #verisignSquare {/* make IE put it in the right place */
	left: 627px;
}
iframe { 
	border-color: #000 #fff #fff #000; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	border-style: groove; 
	border-top-width: 3px; 
	border-right-width: 3px; 
	border-bottom-width: 3px; 
	border-left-width: 3px;
	margin: 3px 0 2px 3px;
}
* html iframe {/* make IE put it in the right place */
	margin: 2px 0 2px 3px;
	background-color: transparent;
}