html,body {
	font-family:			Georgia,serif;
	height:					100%;
	color:					#BBB;
	margin:					0px;
	padding:				0px;
	background:				#000000 url(image/mainbg.gif) repeat-x top left;
}

p, ul {
	padding:				0px;
	margin-bottom:			20px;
	font-size:				15px;
	line-height:			153%
}

ul {list-style-position:outside;margin:0 0 0 15px}
ul li {margin:0 0 10px 0}

h1 {
	font-size:				12pt;
	font-weight:			bold;
	color:					#FF8A1C;
	padding-top:			2px;
	padding-bottom:			2px;
	margin:					20px 0 10px 0;
}

h2 {
	font-family:			Georgia,serif;
	font-size:				18px;
	font-weight:			bold;
	color:					#FF8A1C;
	padding-top:			2px;
	padding-bottom:			15px;
	margin:					0px;
}

h3 {
	font-family:			Georgia,serif;
	font-size:				16px;
	font-weight:			bold;
	color:					#FF8A1C;
	padding-top:			10px;
	padding-bottom:			2px;
	margin:					0px;
}

h4 {
	font-family:			Georgia,serif;
	font-size:				14pt;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#FF8A1C;
	padding-top:			2px;
	padding-bottom:			2px;
	margin:					0px;
}

h5 {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				6pt;
	font-weight:			normal;
	text-transform:			uppercase;
	color:					#FF8A1C;
	padding-top:			2px;
	padding-bottom:			2px;
	margin:					0px;
	text-align:   center;
}

#frame {
	width:					100%;
	height:					100%;
	color:					#FFF;
} 
td.body {
	width:					738px;
	height:					500px;
	background-image:		url(image/body_bg.jpg);
	font-size:				10pt;
	font-weight:			normal;
	line-height:			20px;
	color:					#CCCCCC;
}

span.class {
	font-family:			"Lucida Sans","Lucida Sans Unicode",Arial,Helvetica,Verdana !important;
	font-size:				8pt;
	font-weight:			normal;
	text-decoration:		none;
	color:					#CCC;
	display:				none;
	margin-left:			54px;
	padding-top:			2px;
	padding-bottom:			2px;
}

span.classinfo {
	color:					#000;
	letter-spacing:			-3px;
	line-height:			5px;
	}
	
span.classinfo a {
	color:					#BBB;
	width:					199px;
	letter-spacing:			0px;
	line-height:			17px;
	font-weight:			normal;
	background:				#1f1f1f;
	padding:				5px;
	}

span.classinfo a strong,
.class_active a strong {
	color:					#FFF;
	font-weight:			bold;
}

span.models {
	width:					240px;
	display:				none;
}

img.folder {
	width:					21px;
	height:					16px;
	border:					0px;
	margin-right:			4px;
	vertical-align:			top;
}

img.folder_small {
	width:					17px;
	height:					12px;
	border:					0px;
	margin-right:			4px;
	vertical-align:			top;
}

IMG.part {
	margin-top:				4px;
	margin-bottom:			4px;
}

IMG.disclaimer {
	margin-top:				4px;
	margin-bottom:			4px;
	border:					0px;
}

div.component {
	width:					98%;
	border-style:			solid;
	border:					1px;
	border-color:			#CCCCCC;
	font-weight:			bold;
	font-size:				10px;
	margin:					10px 0 0 0;
	color:					#CCCCCC;
	background:				#1C1C1C url(image/titlebar.gif) repeat-x;
	padding:				7px 0;
}

div.component:hover {background:#303030 url(image/titlebar.gif) repeat-x 0px 25px}

div.componentinfo {
	width:					98%;
	font-family:			Georgia,serif;
	font-size:				10pt;
	font-weight:			normal;
	display:				none;
	background:				#1A1A1A;
}
div.componentinfo img {margin:10px}

div.componentspec {
	width:					320px;
	font-family:			Georgia,serif;
	font-size:				10px;
	border-style:			solid;
	border:					0px;
	border-left:			0px;
	border-right:			0px;
	border-color:			#333333;
}

td.partType {
	width:					345px;
	font-weight:			bold;
	font-size:				11pt;
	padding:				4px;
	color:					#EEEEEE;
	padding-left:			10px;
}

td.partType_hover {
	width:					160px;
	font-weight:			bold;
	font-size:				9pt;
	text-align:				left;
	padding-left:			4px;
	color:					#D6003B;
}

td.partReference {
	width:					100px;
	font-size:				9pt;
	text-align:				right;
	padding:				7px 10px 0 0;
	color:					#CCCCCC;
	float:					right
}

td.partReference_hover {
	width:					160px;
	font-size:				9pt;
	font-weight:			bold;
	text-align:				right;
	padding-right:			4px;
	color:					#D6003B;
}

td.partSpecType {
	width:					160px;
	height:					19px;
	font-size:				9pt;
	font-weight:			normal;
	text-align:				left;
	padding-left:			4px;
}

td.partSpecDetails {
	width:					160px;
	height:					19px;
	font-size:				9pt;
	text-align:				right;
	padding-right:			4px;
}

td.partSpecDetailsB {
	width:					320px;
	height:					19px;
	font-size:				9pt;
	padding-left:			4px;
}

span.makeHeader {
	font-size:				20px;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#FF8A1C;
	padding:				20px 0 10px 0 !important;
	line-height:			50px;
}

span.modelHeader {
	font-size:				12px;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#FF8A1C;
	padding-top:			2px;
	padding-bottom:			2px;
	margin:					0px;
}

span.classHeader {
	font-size:				12px;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#FF8A1C;
	padding-top:			2px;
	padding-bottom:			12px;
	margin:					0px;
}

DIV#loader {
	width:					320px;
	height:					39px;
	font-weight:			bold;
	text-transform:			uppercase;
	line-height:			125px;
	margin-bottom:			2px;
	margin-left:			65px;
	margin-top:				210px;
}

span.warning {
	color:					#D6003B;
	font-size:				7px;
	text-transform:			uppercase;
}

a {
	font-weight:			bold;
	color:					#FF8A1C;
	text-decoration:		none;
}

a:hover {
	color:					#D6003B;
	text-decoration:		underline;
}

a:focus {outline:none}

a.make,
a:hover.make,
a.makeExpanded,
a:hover.makeExpanded {
	width:					220px;
	height:					24px;
	font-size:				10pt;
	font-weight:			bold;
	text-transform:			uppercase;
	text-decoration:		none;
	display:				block;
	vertical-align:			bottom;
}

a.model,
a:hover.model,
a.modelExpanded,
a:hover.modelExpanded {
	width:					auto;
	height:					21px;
	font-size:				9pt;
	font-weight:			bold;
	text-transform:			uppercase;
	text-decoration:		none;
	display:				block;
	margin-left:			35px;
	vertical-align:			middle;
}

a.class,
a:hover.class,
a:active.class {
	font-size:				8pt;
	text-decoration:		none;
}

INPUT.searchfield,
SELECT.searchfield,
SELECT.searchfield  {
	width:					100%;
	height:					18px;
	font-size:				9pt;
	font-weight:			normal;
	line-height:			16px;
	border-style:			solid;
	border:					1px;
	border-color:			#990000;
}

SELECT.searchfield {width:auto !important}

.frontbtn {
	border:					1px solid #353434;
	background:				#181818 url(image/frontbtnbg.gif) repeat-x;
	height:					40px;
}

.frontbtn a {padding:10px;display:block;}

.pleaseselect img {padding:10px 0;}
#cluchbg {background:url(image/mainbgclutch.jpg) no-repeat;}
.mainpagetopbg {background:url(image/mainpagetopbg.gif) repeat-x 0 -1px;}

#menu {
	background:				#1E1E1E url(image/menubg.gif) repeat-x bottom left;
    padding:				0 0 0 14px;
}
	  
#menu a {
	text-decoration: 		none;
	color:					#A6A6A6;
	font-size:				12px;
	padding:				0 8px;
	line-height:			35px;
	height:					35px;
	display:				block;
	float:					left;
	background:				url(image/menudiv.gif) no-repeat top right;
}

#menu a:hover {color:#FFF}
#menu .menufix {background:none !important}

.logo {
	padding-bottom:			1px;
	border-bottom:			1px solid #494949;
	display:				block;
	background:				#000;
}

body.iframe {
	margin:					0px;
	padding:				0px;
	font-weight:			normal;
	background-attachment:	fixed;
	background-position:	top right;
	background-repeat:		no-repeat;
}

body.iframe a {display:block;color:#DDD}
body.iframe a:hover {color:#FF8A1C}

body.iframe_class {
	color:					#CCC;
	margin:					0px;
	padding:				0px;
	font-family:			Georgia,serif;
	font-size:				9pt;
	font-weight:			normal;
	line-height:			18px;
	background-image:		url(image/content_bg_2.jpg);
	background-attachment:	fixed;
	background-repeat:		no-repeat;
}

#kits h2 {margin:0;padding:10px 0 10px 5px}
#kits h3 {margin:0;padding:10px 0 5px 0}
#kits img,#flywheels img,.bordered {display:block;border:1px solid #8C8C8C;}
#flywheels {text-align:left;}
#flywheels img,.bordered {margin: 0 0 10px 0;display:block;}
#flywheels h2 {line-height:35px !important;padding:0}
#flywheels h3 {margin:0;padding:0}
h3 a {font-size:16px;}
h3 a:hover {color:#FF8A1C}
.grey {color:#8C8C8C}

.backbtn,.backbtn2 {
	font-size:				90%;
	padding:				7px 10px;
	background:				#181818 url(x_img/frontbtnbg.gif) repeat-x;
	border:					1px solid #353434;
	text-align:				center;
	color:					#D6003B
}
.backbtn2 {height:16px;}

strong {color:#FFF}
#content img {border:5px solid #333}