/* GENERAL STYLES */
/* GENERAL STYLES */

body#top
{
	background-image:url(/files/gui/gradient.gif);
	background-repeat:repeat-x;
	color:		#fff;
	font-family:	Arial,Helvetica,sans-serif;
	font-size:	0.9em;
	margin:		0pt;
	padding:	0pt;
	text-align:	center;
}

a
{
	color: 		#EE3338;
	text-decoration: underline;
}

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



h1
{
	font-size: 	1.3em;
	padding: 	0;
	margin: 	0 0 0.5em 0;
}

.indexitem h1 a
{
	text-decoration:	none;
	padding-bottom:		3px;
	border-bottom:		1px solid;
}

h2
{
	font-size: 	1.1em;
	padding: 	0;
	margin: 	0 0 0.5em 0;
}

div.startpage
{
	background-image:url(/files/gui/home_bg.gif);
	background-repeat:repeat-y;
	padding: 	0;
	margin: 	0;
}

div#CarCommentsNote div#carcomments
{
       color: #FF0000 !important;
       font-weight:   bold;
}

/*
input:disabled
{
       border: 3px solid #000;
}
*/

.start-page h2
{
	
	width:		100%;
	background:	#666;
	text-align:	center;
	color:		#fff;
	padding:	5px 0;
	margin:		6px 0;

}

h2 em
{
	color:		silver;
	font-style:	normal;
}


h3
{
	font-size: 	1.0em;
	color: 		#fff;
	padding: 	0;
	margin: 	0 0 0.1em 0;
}

h4
{
	font-size:	2em;
	padding:	0;
	margin:		0 0 0.1em 0;
	color:		#FFF;
}

h5
{
	font-size: 	1.1em;
	padding: 	0;
	margin: 	0 0 0.5em 0;
	color: 		#000;
}

img
{
	border:		0;
	margin:		2px 4px;
}

p
{
	padding: 	0;
	margin: 	0 0 1em 0;
}

table
{
	width: 		100%;
}

table.pricelist
{
	width: 		98%;
}


td.right-align
{
	text-align: 	right;
}

thead
{
	background-color:#666666;
}

tbody td
{
	background-color: #EEEEEE;
	color: 		#000000;
	padding: 	2px 5px;
	vertical-align: top;
}

tfoot td
{
	background-color: #999999;
	margin: 	5px;
	padding: 	8px 5px;
}

tbody tr
{
	border:		1px solid red;
	margin:		0pt;
	padding:	0pt;
}

ul.wheel-guide li, ul.wheel-guide-wide li
{
	list-style-type:none;
}

ul.wheel-guide li a
{
	padding:	0 30px 4px 0;
	width:		230px;
	display:	block;
}

ul.wheel-guide-wide li a
{
	padding:	0 30px 4px 0;
	width:		340px;
	display:	block;
}


ul.wheel-guide li a:hover, ul.wheel-guide-wide li a:hover
{
	background: 	#333 url( /files/gui/wheel-guide-hover-arrow.gif ) no-repeat center right;
	color:		#fff;
}



img.model-image
{
	float: left;
}


#container
{
	background-color:#000000;
	margin:		0 auto 0 auto;
	width:		950px;
	text-align:	left;
}

#quicklinks
{
	/*'text-align:	center;*/
	margin-left:	8px;
	color:		lightgrey;
	font-size:	11px;
}


#quicklinks a
{
	color:	grey;
}

div#umbMemberControlsLogin fieldset
{
	width: 450px;
	padding: 10px;
	border: 1px dotted;
}

/*
div#umbMemberControlsLogin fieldset label
{
clear:both;
   width:33%;
   float:left;
   text-align:right;
}

.umbMemberControlsLabel
{
   float:left;
   width:66%;
   margin:0 0 0.5em 0.25em;
}
*/

FORM DT {
   clear:both;
   width:33%;
   float:left;
   text-align:right;
}

FORM DD {
   float:left;
   width:66%;
   margin:0 0 0.5em 0.25em;
}



div.car-brand
{
	float:		left;
	width:		290px;
}

div.wheel-guide
{
	float: 		left;
	width:		180px;
	height:		140px;
	text-align:	right;
	border:		1px solid silver;
	margin:		5px 15px 15px 0;
	padding:	5px 20px 5px 10px;
}

div.wheel-guide:hover
{
	background-color:	#212121;
}


div.wheel-guide h3
{
	text-align:	left;
	color:		silver;
	margin-bottom:	6px;
}

div.wheel-guide a
{
	padding: 	3px 0;
	margin:		0;
}


div.wheel-guide img
{
	float: 		left;
	margin:		0;
}

div.wheel-guide p
{
	margin:		0;
	font-size:	12px;
}


div#wheeltester
{
	margin: 	20px 0;
	text-align:	center;

}

div#wheeltester p, div#wheeltester h1
{
	margin-left: 	10px;
}


#header
{
	margin:		0;
	padding:	0;
	height:		130px;
	background-image:url(/files/gui/header.jpg);
	background-repeat:no-repeat;
}

#header.extra
{
	margin:		0;
	padding:	0;
	height:		130px;
	background-image:url(/files/gui/header_extra.jpg);
	background-repeat:no-repeat;
}



a#headlink
{
	/*text-decoration:none;
	padding:0 300px 70px 0;
	height: 70px;
	width: 300px;
	*/ 
	background-color:transparent;
	height:		100px;
	width:		400px;
	padding:	0pt 100px 0 0pt;
	text-decoration:none;
	display:	block;
}

#navigation
{
	background-image:url(/files/gui/menugradient.gif);
	height:		50px;
	color:		#000;
	margin:		0;
	padding:	0 0 0 10px;
}

#navigation ul
{
	padding:	0;
	margin:		0;
}

#navigation li
{
	display:	inline;
	list-style-position:inside;
	padding:	0;
	margin:		0;
}

#navigation a
{
	text-decoration:none;
	color:		#000;
	margin:		0;
	padding:	0;
}

#navigation .first-level
{
	font-size: 	15px;
	font-weight: 	bold;
	margin: 	0;
	padding: 	6px 0 0 0;
}

#navigation .first-level a
{
	padding: 	5px 20px;
}

#navigation .first-level .current a
{
	background-image: url(/files/gui/menugradientcurrent.gif);
	background-repeat: repeat-x;
	border-left: 	1px solid #888;
	border-right: 	1px solid #888;
	padding: 	5px 19px;
}

#navigation .second-level
{
	font-size: 	12px;
	margin: 	0;
	padding: 	8px 0 0 0;
}

#navigation .second-level a
{
	padding: 	1px 8px 2px 8px;
	font-weight: 	normal;
}

#navigation .second-level .current a
{
	background-image: url(/files/gui/menugradientcurrent.gif);
	background-repeat: repeat-x;
	border-left: 	1px solid #777;
	border-right: 	1px solid #777;
	padding: 	2px 7px;
}



#content, #holder
{
	color: 		#FFF;
	background-color: #000;
	float: 		left;
	width: 		922px;
	padding: 	14px;
	text-align:	left;
}



#container

{
	border-left:	1px solid silver;
	border-right:	1px solid silver;
}



#content .left

{

	float:		left;
	margin-right:	15px;
	padding:	0pt;
	width:		233px;
}



#content .middle

{
	float:		left;
	padding:	0pt;
	width:		233px;
}



#content .right
{
	clear:		right;
	float:		right;
	padding:	0pt;
	width:		298px;
}

#content .right img
{
	margin-bottom:10px;
}

#content.nopadding
{
	padding:	0;
}

#content .middle-right
{
	float:		right;
	padding:	0pt;
	width:		600px;
}



#content .left-middle
{
	float:		left;
	padding:	0;
	margin-right:	15px;
	width:		570px;
}

#content .left-middle-right
{
	float: 		left;
	padding: 	0;
	width: 		920px;
}

#content .left-middle-right table
{
	width: 		97%;
}

img.headline
{
	margin-left:	-5px
}

#content small

{
	margin: 	-10px 0 0 0;
	/*padding: 	-10px 0 0 0;*/
	font-weight: 	bold;
	color:		#CCCCCC;
	font-size:	11px;
}

#footer
{
	border-top:	1px solid #AAAAAA;
	clear:		both;
	margin:		5px 15px;
	padding:	10px 0;
}

#footer ul
{
	font-size:	1em;
	list-style-position:inside;
	margin:		0;
	padding:	0;
}

#footer li
{
	border-right:	1px solid #AAAAAA;
	display:	inline;
	list-style-position:inside;
	padding:	0pt 1px 0pt 6px;
}

#footer li.last
{
	border:		0pt none;
	padding-right:	0pt;
}

a.backlink
{
	background-image:url(/files/gui/backarrow.png);
	background-repeat: no-repeat;
	padding-left: 	20px;
}

.flowleft
{
	float:		left;
	margin:		0pt;
	padding:	0pt 15px 0pt 0pt;
}

.flowright
{
	float:		right;
	margin:		0pt;
	padding:	0pt 0pt 0pt 15px;
}


.panel-sign-out
{
	float: right;
        /* margin: -42px 0 10px 0; */
}
.indexitem

{
	border-bottom:	1px solid #555555;
	float:		left;
	margin:		0pt 0pt 15px;
	padding:	0pt 0pt 15px;
}

.sidebar
{
	background-color:#EEEEEE;
	background-image:url(/files/gui/sidebargradient.gif);
	background-repeat:repeat-x;
	color:		#000000;
	float:		right;
	margin:		-15px 0pt;
	padding:	15px;
	width:		298px;
}

.sidebar h3
{
	color:		#000;
}

.wheel-item
{
	width:		150px;
	height:		200px;
	border:		1px solid #999999;
	float:		left;
	margin:		15px 8px;
	padding:	5px 7px 10px 7px;
	text-align:	center;
}

.wheel-item a.small, span.small
{
	text-decoration:none;
	color:		#fff;
	font-size:	11px;
	text-align:	right;
}

div.wheel-item a.show-more
{
	text-decoration:none;
	color:		#EE3338;
	font-size:	12px;
	float:	right;
}

.wheel-item a.small:hover
{
	text-decoration:none;
}

.wheel-item a
{
	text-decoration:none;
	color:		#fff;
	font-size:	12px;
}

.wheel-item a:hover
{
	text-decoration:underline;
}

.wheel-item a img
{
	border:		0;
	padding:	0;
	margin:		0 3px 0 0;
}

.wheel-item img, .pricelist img
{
	border:		1px solid black;
}

.clear-both
{
	clear:		both;
	visibility:	hidden;
}

/* Lightbox Imagelauncher specific*/
#lightbox
{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}

#lightboxDetails
{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	

#lightboxCaption
{
	display:	block;
	color:		#000;
	font-size:	16px;
	font-weight:	bold;
	text-align:	center;
}

#lightboxCaption a
{
	/*color:	#000;*/
	font-size:	14px;
	line-height:	35px;
	font-weight:	bold;
	float:		right;
	margin-bottom:	-8px;
}

#lightboxCaption a:hover
{
	color:	#000;
}


#keyboardMsg{ float: right; }



#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(/files/lightbox/overlay.png); }

* html #overlay
{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/files/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/files/lightbox/overlay.png", sizingMethod="scale");
}

/* MEMBER CONTROLS */
p.umbMemberControlsForgotError
{
	color: red;
}


p.umbMemberControlsForgotSuccess
{
	color: #fff;
	font-weight: bold;
 }


/* RICH TEXT EDITOR STYLES - "body.mceContentBody" is the class of the RTE content area */
body.mceContentBody
{
	text-align:	left;
	color:		#fff;
	background-image: none;
	background-color: #000;
	font-family:	Arial,Helvetica,sans-serif;
	font-size:	0.9em;
	margin:		0pt;
	padding:	20px;
}


.mceEditorIframe
{
	background: green;
}

body.mceContentBody a
{
	color: 		 #EE3338;
	text-decoration: underline;
}





/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {

}

h2 {

}

h3 {

}