/*
	ADELAIDE CLUTCH
	document	->	Style Guide
	catalogue	->	Clutch Pro
*/

body {
	margin:					0px;
	padding:				0px;
	background-color:		#000000;
}
body.iframe {
	margin:						0px;
	padding:					0px;
	font-family:				Geneva, Arial, Helvetica, sans-serif;
	font-size:					10pt;
	font-weight:				normal;
	background-image:			url(image/directory_bg_2.jpg);
	background-attachment:		fixed;
	background-position:		top;
	background-repeat:			no-repeat;
	scrollbar-face-color: 		#990000;
	scrollbar-highlight-color:	#A60000;
	scrollbar-shadow-color: 	#990000;
	scrollbar-3dlight-color:	#770000;
	scrollbar-arrow-color:		#FFFFFF;
	scrollbar-track-color:		#770000;
	scrollbar-darkshadow-color:	#990000;
}
body.iframe_class {
	margin:						10px;
	padding:					0px;
	font-family:				Geneva, Arial, Helvetica, sans-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;
	scrollbar-face-color: 		#990000;
	scrollbar-highlight-color:	#A60000;
	scrollbar-shadow-color: 	#990000;
	scrollbar-3dlight-color:	#770000;
	scrollbar-arrow-color:		#FFFFFF;
	scrollbar-track-color:		#770000;
	scrollbar-darkshadow-color:	#990000;
}

p {
	padding:				0px;
	margin-top:				4px;
	margin-bottom:			4px;
}
h1 {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				11pt;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#FFCC00;
	padding-top:			2px;
	padding-bottom:			2px;
	margin:					0px;
}
h2 {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				10pt;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#FFCC00;
	padding-top:			2px;
	padding-bottom:			2px;
	margin:					0px;
}
h3 {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				16pt;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#FFCC00;
	padding-top:			2px;
	padding-bottom:			2px;
	margin:					0px;
}
h4 {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				14pt;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#FFCC00;
	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:					#FFCC00;
	padding-top:			2px;
	padding-bottom:			2px;
	margin:					0px;
	text-align:   center;
}
DIV.content {
	width:auto;
	height:500px;
	overflow:auto;
	scrollbar-face-color: 		#A60000;
	scrollbar-highlight-color:	#C80000;
	scrollbar-shadow-color: 	#A60000;
	scrollbar-3dlight-color:	#CC0000;
	scrollbar-arrow-color:		#FFFFFF;
	scrollbar-track-color:		#A60000;
	scrollbar-darkshadow-color:	#990000;
}
/* START STRUCTURE */
TABLE#frame {
	width:					768px;
	height:					576px;
}
TD.body {
	width:					738px;
	height:					500px;
	background-image:		url(image/body_bg.jpg);
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				10pt;
	font-weight:			normal;
	line-height:			20px;
	color:					#FFFFFF;
}
TD.divide_left_body {
	width:					15px;
	height:					500px;
	background-image:		url(image/divide_left_body.jpg);
}
TD.divide_right_body {
	width:					15px;
	height:					500px;
	background-image:		url(image/divide_right_body.jpg);
}
TD.footer_body {
	width:					768px;
	height:					15px;
	background-image:		url(image/footer_body.jpg);
}
TD.menu {
	width:					768px;
	height:					44px;
	background-image:		url(image/menu_spacer.jpg);
}
TD.spacer {
	width:					768px;
	height:					17px;
	background-image:		url(image/menu_spacer.jpg);
}
TD.divide_left {
	width:					15px;
	height:					500px;
	background-image:		url(image/divide_left.jpg);
}
TD.divide_right {
	width:					15px;
	height:					500px;
	background-image:		url(image/divide_right.jpg);
}
TD.divide_center {
	width:					18px;
	height:					500px;
	background-image:		url(image/divide_center.jpg);
}
TD.footer {
	width:					768px;
	height:					15px;
	background-image:		url(image/footer.jpg);
}
TD.directory {
	width:					260px;
	height:					500px;
	background-image:		url(image/directory_bg_2.jpg);
	/*vertical-align:			bottom;*/
}
TD.content {
	width:					460px;
	height:					500px;
}
TABLE#content {
	width:					460px;
	height:					500px;
}
TD.content_scroll {
	width:					460px;
	height:					20px;
}
TD.content_display {
	width:					460px;
	height:					500px;
	background-image:		url(image/content_bg_2.jpg);
	/*vertical-align:			top;*/
}

/* END STRUCTURE */

/* START CONTENT */
SPAN.class {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				8pt;
	font-weight:			normal;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				none;
	margin-left:			54px;
	padding-top:			2px;
	padding-bottom:			2px;
}
SPAN.classinfo_active {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				10pt;
	font-weight:			normal;
	margin-left:			15px;
	display:				block;
}
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;
	border:					1px;
	border-style: 			solid;
}
IMG.disclaimer {
	margin-top:				4px;
	margin-bottom:			4px;
	border:					0px;
}
DIV.component {
	width:					320px;
	height:					19px;
	background-color:		#333333;
	border-style:			solid;
	border:					1px;
	border-color:			#CCCCCC;
	font-weight:			bold;
	font-size:				10pt;
	margin-bottom:			4px;
	margin-top:				4px;
	margin-left:			65px;
	color:					#CCCCCC;
}
DIV.component_hover {
	width:					320px;
	height:					19px;
	background-color:		#333333;
	border-style:			solid;
	border:					1px;
	border-color:			#333333;
	font-weight:			bold;
	margin-bottom:			4px;
	margin-top:				4px;
	margin-left:			65px;
	color:					#FFCC00;
}
DIV.component_expanded {
	width:					320px;
	height:					19px;
	background-color:		#333333;
	border-style:			solid;
	border:					1px;
	border-bottom:			0px;
	border-color:			#333333;
	font-weight:			bold;
	margin-bottom:			0px;
	margin-top:				4px;
	margin-left:			65px;
	color:					#FFCC00;
}
DIV.componentinfo {
	width:					320px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				10pt;
	font-weight:			normal;
	color:					#000000;
	border-style:			solid;
	border:					1px;
	border-top:				0px;
	border-color:			#333333;
	margin-left:			65px;
	display:				none;
}
DIV.componentspec {
	width:					320px;
	background-color:		#CCCCCC;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				10pt;
	font-weight:			normal;
	color:					#000000;
	border-style:			solid;
	border:					1px;
	border-left:			0px;
	border-right:			0px;
	border-color:			#333333;
}
TD.partType {
	width:					160px;
	height:					19px;
	font-weight:			bold;
	font-size:				9pt;
	text-align:				left;
	padding-left:			4px;
	color:					#CCCCCC;
}
TD.partType_hover {
	width:					160px;
	height:					19px;
	font-weight:			bold;
	font-size:				9pt;
	text-align:				left;
	padding-left:			4px;
	color:					#FFCC00;
}
TD.partReference {
	width:					160px;
	height:					19px;
	font-weight:			bold;
	font-size:				9pt;
	text-align:				right;
	padding-right:			4px;
	color:					#CCCCCC;
}
TD.partReference_hover {
	width:					160px;
	height:					19px;
	font-weight:			bold;
	font-size:				9pt;
	text-align:				right;
	padding-right:			4px;
	color:					#FFCC00;
}

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;
	font-weight:			normal;
	text-align:				right;
	padding-right:			4px;
}
TD.partSpecDetailsB {
	width:					320px;
	height:					19px;
	font-size:				9pt;
	font-weight:			normal;
	padding-left:			4px;
}
SPAN.makeHeader {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				11pt;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#FFCC00;
	padding-top:			2px;
	padding-bottom:			2px;
	margin:					0px;
}
SPAN.modelHeader {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				10pt;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#FFCC00;
	padding-top:			2px;
	padding-bottom:			2px;
	margin:					0px;
}
SPAN.classHeader {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				9pt;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#FFCC00;
	padding-top:			2px;
	padding-bottom:			2px;
	margin:					0px;
}
DIV#loader {
	width:					320px;
	height:					39px;
	font-weight:			bold;
	text-align:				center;
	text-transform:			uppercase;
	line-height:			125px;
	margin-bottom:			2px;
	margin-left:			65px;
	margin-top:				210px;
}
SPAN.warning {
	color:					#FFCC00;
	font-size:				7pt;
	text-transform:			uppercase;
}
/* END CONTENT */

/* START LINKS */
A {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				10pt;
	font-weight:			bold;
	color:					#FFFFFF;
	text-transform:			none;
	text-decoration:		underline;
}
A:hover {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				10pt;
	font-weight:			bold;
	color:					#FFCC00;
	text-transform:			none;
	text-decoration:		underline;
}
A.make {
	width:					220px;
	height:					24px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				10pt;
	font-weight:			bold;
	text-transform:			uppercase;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				block;
	vertical-align:			bottom;
	margin-left:			10px;
}
A:hover.make {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				10pt;
	font-weight:			bold;
	text-transform:			uppercase;
	text-decoration:		none;
	color:					#FFCC00;
	display:				block;
	vertical-align:			middle;
	margin-left:			10px;
}
A.makeExpanded {
	width:					220px;
	height:					24px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				10pt;
	font-weight:			bold;
	text-transform:			uppercase;
	text-decoration:		none;
	display:				block;
	color:					#FFCC00;
	margin-left:			10px;
}
A:hover.makeExpanded {
	width:					220px;
	height:					24px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				10pt;
	font-weight:			bold;
	text-transform:			uppercase;
	text-decoration:		none;
	display:				block;
	color:					#FFCC00;
	margin-left:			10px;
}
A.model {
	width:					auto;
	height:					21px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				9pt;
	font-weight:			bold;
	text-transform:			uppercase;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				block;
	margin-left:			35px;
	vertical-align:			middle;
}
A:hover.model {
	margin-left:			35px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				9pt;
	font-weight:			bold;
	text-transform:			uppercase;
	text-decoration:		none;
	color:					#FFCC00;
}
A.modelExpanded {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				9pt;
	font-weight:			bold;
	text-transform:			uppercase;
	text-decoration:		none;
	color:					#FFCC00;
	display:				block;
	margin-left:			35px;
}
A:hover.modelExpanded {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				9pt;
	font-weight:			bold;
	text-transform:			uppercase;
	text-decoration:		none;
	color:					#FFCC00;
	display:				block;
	margin-left:			35px;
}
A.class {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				8pt;
	text-decoration:		none;
	color:					#FFFFFF;
}
A:hover.class {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				8pt;
	text-decoration:		none;
	color:					#FFCC00;
}
A.class_active {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				10pt;
	text-decoration:		none;
	text-transform:			none;
	color:					#FFCC00;
}
A:hover.class_active {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				10pt;
	text-decoration:		none;
	text-transform:			none;
	color:					#FFCC00;
}

/* END LINKS */
/* FORM FIELDS */
INPUT.searchfield {
	width:					100%;
	height:					18px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				9pt;
	font-weight:			normal;
	line-height:			16px;
	border-style:			solid;
	border:					1px;
	border-color:			#990000;
}
SELECT.searchfield {
	width:					100%;
	height:					18px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				9pt;
	font-weight:			normal;
	line-height:			16px;
	border-style:			solid;
	border:					1px;
	border-color:			#990000;
}
SELECT.searchfield {
	height:					18px;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				9pt;
	font-weight:			normal;
	line-height:			16px;
	border-style:			solid;
	border:					1px;
	border-color:			#990000;
}