/* Start of CMSMS style sheet 'europa' */
*{font-family:Arial, Helvetica, sans-serif; font-size:12px}

body {
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(images/header-back.jpg) repeat-x 0 0;
	height:240px;
}

#div-wrapper
{
	width:1000px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0;
}

#header1 {
	height : 15px;
}

p.top {
  font-size: 9px;
  font-family: tahoma;
  color: #CC0000;
  display: inline;
}

#header {
	height : 190px;
	margin-left : 10px;
	background:url(images/header.jpg) no-repeat;
}

#header-text {
	padding-top : 50px;
	padding-left : 50px;
}

h2.top {
  font-size: 18px;
  font-family: verdana;
  font-weight: bold;
  color: #ffffff;
  display: inline;
}

h4.top {
  font-size: 12px;
  font-weight: normal;
  font-family: arial;
  color: #ffffff;
  display: inline;
}

#headermenu-a {
float:left;
width:50px;
	height : 32px;
	margin-top : 2px;
	margin-bottom : 10px;
}

#headermenu-b {
float:right;
width:895px;
	height : 32px;
	margin-top : 2px;
	margin-bottom : 10px;
}


h1 {
	font-size: 14px;
	font-weight: bold;
	color: #C00000;
	padding: 0 0 0 0;
	margin: 30px 0 18px 0;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #C00000;
	padding: 0 0 0 0;
	margin: 30px 0 18px 0;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	color: #C00000;
	padding: 0 0 0 0;
	margin: 30px 0 18px 0;
}

h4 {
	font-size: 13px;
	font-weight: bold;
	color: #C00000;
	padding: 0 0 0 0;
	margin: 10px 0 5px 0;
}

#col-main {
float : left;
width : 950px;
min-height: 400px;
margin-left : 25px;
padding : 0 5px 0 10px;
}

#col-a {
float : left; clear:left;
width : 450px;
margin-left : 25px;
padding : 0 5px 0 10px;
border-right : 1px solid #CCCCCC;
min-height: 400px;
}

#col-b {
float : right;
width : 430px;
margin : 0 15px 0 0;
padding : 0 5px 0 10px;
}

#col-a1 {
float : left; clear:left;
width : 160px;
padding : 0 5px 0 0;
border-right : 1px solid #CCCCCC;
min-height: 400px;
}

#col-b1{
float : right;
width : 815px;
padding-left : 10px;
}

#sidebar-a {
float : left;
width : 180px;
margin-left : 10px;
padding : 0;
border-right : 0;
}
#sidebar-b {
float : right;
width : 180px;
margin : 0 15px 0 0;
padding : 0 5px 0 10px;
border-left : 1px solid #eee;
}


#footer {
clear : both;
text-align: center;
padding : 20px;
margin-left : 100px;
background : #fff;
}
#footer p {
line-height: 20px;
font-size: 10px;
color : #333333;
}
#footer a {
text-decoration : none;
font-size: 9px;
color : #333333;
background : inherit;
}
#footer a:hover {
text-decoration : underline;
font-size: 9px;
color : #333333;
background : inherit;
}

a {
text-decoration : none;
color : #BA3F2F;
text-decoration : underline;
}
a:hover {
text-decoration : none;
color : #BA3F2F;
}
a img {
border : 0;
}

.clear {
clear : both;
width : 100%;
}


p {
	margin:0 0 10px 0;
}

.search-div
{
	width:300px;
	height:auto;
	border:1px solid #C6C5C5;
	padding-left: 10px;
}

.line-spacer
{
	padding-top:5px;
	padding-bottom:5px;
}

.input-box
{
	color:#666464;
	background-color:#ffffff;
	border:1px solid #666464;
	width:150px;
}

.submit
{
	color:#666464;
	background-color:#ffffff;
	border:1px solid #666464;
	width:70px;
	height:20px;
}


.best-selling-menu
{
	width:405px;
	height: auto;
	margin-left:13px;
	margin-right:7px;
	color:#000000;
	background-color:#EFEAEA;
	padding-top: 5px;
	padding-bottom: 5px;
	float:left;
}
.model
{
	font-weight:bold;
	padding-left:14px;
}
.gallery-image
{
	width:145px;
	height:auto;
	color:#666464;
	background-color:#ffffff;
	padding-top:15px;
	padding-bottom:15px;
	float:left;
}
.gallery-text
{
	width:273px;
	height:auto;
	color:#666464;
	background-color:#ffffff;
	padding-top:11px;
	padding-bottom:10px;
	float:left;
}


ul
{
	list-style-type:none;
	padding:0 14px 0 5px;
	margin:0 0 0 0;
}
li.bullets
{
	list-style-type:none;
	background-image:url(images/bullets.gif);
	background-repeat: no-repeat;
	background-position:0 50%;
	padding:2px 4px 2px 15px;
}



/* End of 'europa' */

/* Start of CMSMS style sheet 'menu_dropdown' */
.menu {width:894px; height:32px; font-weight:bold; font-size:16px; position:relative; z-index:100;border-right:1px solid #000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:895px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited, .menu strong{display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#5A0606; padding-left:10px; line-height:29px;margin:0;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(images/menudrop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/menudrop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/menudrop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#949e7c;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#949e7c;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/* End of 'menu_dropdown' */

/* Start of CMSMS style sheet 'contactform1' */
.contactform1 fieldset {padding: 1em; background-color: #eee;}
.contactform1 fieldset legend {font-weight: bold;}
.contactform1 div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform1 div label {display: block; width: 10em; }
.contactform1 div.required {color: #f00;}
.contactform1 textarea {width: 400px; height:200px;}

/* End of 'contactform1' */


/* Other */

fieldset.buysummary {
text-align: right;
margin-bottom: 20px;
}

label.buysummary {
color: #333333; font-family: arial; font-weight: normal; font-size: 12px;
float: left;
text-align: right;
margin-right: 2px;
display: block;
width: 650px;
}

/* ------------------- Boxes ------------------- */
fieldset {position:relative; border:1px #de7c33 solid; background:#FFFF99 url(img1/bg-form.gif) bottom left repeat-x; margin:2em 20px 0; padding:2em 10px 1em}
fieldset.alloypic {border: 1px solid #666666; background: #000000;padding: 0;}
fieldset.error {border: 1px solid #ff0000; background: #ffffff; margin-bottom: 10px;}
a.error {color: blue;  text-decoration: underline;}
a.error:hover {color: #red;  text-decoration: none;}

label
{
color: #333333; font-family: arial; font-weight: bold; font-size: 12px;
float: left;
text-align: right;
margin-right: 2px;
display: block;
width: 130px;
}

h3.form {color: #de7c33; font-family: arial; font-weight: bold; font-size: 18px; text-transform: uppercase}
h4.form {color: #de7c33; font-family: arial; font-weight: bold; font-size: 16px;}

div.formleft {float: left; width: 350px;}
div.formleft2 {float: left; width: 400px;}
div.formright {float: right; width: 280px;}

p.clear {clear:both;}
div.button1 {float: right;text-align: right;margin-right: 20px;width: 200px;}

a.form {color:#333333; text-decoration:underline;}
a.form:hover{color:#cc0000; text-decoration:underline;}

p.form  {color: #333333; font-family: arial; font-weight: normal; font-size: 12px; margin: 0; padding:  0 0 0 10px; line-height: 22px}
p.formr  {text-align: right; color: #333333; font-family: arial; font-weight: normal; font-size: 12px; padding-bottom: 5; padding-top: 0; line-height: 22px}
b.form  {color: #333333; font-family: arial; font-weight: bold; font-size: 12px;}
input.button1 { color: #000; padding: 2px; background: #ffa20f; font-weight: bold; font-size: 12px; border: 1px outset #d7b9c9}
input.button1:hover {color: #ff0000; padding: 2px; background: #ffa20f; font-weight: bold; font-size: 12px; border: 1px outset #d7b9c9}


fieldset.col1box1 {border: 1px solid #999999; padding: 10px; width: 320px;}
fieldset.col2box1 {border: 1px solid #999999; padding: 10px; width: 540px;}

fieldset.box1 {border: 1px solid #666666; background: #F8F8F8; padding: 10px;}

legend.title1 {color: #333333; font-weight: bold; font-size: 12px; background: #ffffff; border: 1px solid #999999; padding: 5px; margin-left: 20px; }
legend.title2 {color: #333333; font-weight: bold; font-size: 12px; background: #ffffff; border: 0px solid #999999; padding-top: 20px; padding-left: 5px; padding-right: 5px; margin-left: 100px; }
legend.right {background: #ffffff; padding: 5px; margin-left: 160px; }
legend.left {background: #ffffff; padding: 5px; margin-left: 20px; }

fieldset.form1 {border: 1px solid #999999; padding: 5px; background: #EAEAEA; height: 270px; margin: 2px;}
legend.form1 {color: #333333; font-family: arial; font-weight: bold; font-size: 14px; background: #cccccc; border: 1px solid #999999; padding: 5px; margin-left: 20px; }

fieldset.form2 {border: 1px solid #999999; padding: 5px; background: #EAEAEA;}
legend.form2 {color: #333333; font-family: arial; font-weight: bold; font-size: 14px; background: #cccccc; border: 1px solid #999999; padding: 5px; margin-left: 20px; }

td.checkstepoff {
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
}

td.checkstepon {
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  color: #CC0000;
}

table.featured {height: 160px; width: 160px; border: 1px solid #999999;}
a.featured {font-family: arial; color: #FF0000; font-size: 16px; font-weight:bold; text-decoration:none;
            display:block; height: 100%; width: 100%;}
div.featuredspace {height: 134px; width: 160px;}


table.lampguidesearch {
	width: 100%;
	border-width: 0;
	border-spacing: 3px;
	margin-left:auto;
	margin-right:auto;
}

table.lampguide {
	width: 700px;
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
}
table.lampguide th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: #ffff66;
	-moz-border-radius: 0px 0px 0px 0px;
	color: #000000;
}
table.lampguide td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: #ffffcc;
	-moz-border-radius: 0px 0px 0px 0px;
	color: #000000;
	font-size: 11px;	
}

/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning 	{font-family: Tahoma; font-size: 12px; color: #ff0000;}
.messageStackSuccess 						{font-family: Tahoma; font-size: 12px; background-color: #99ff00; }

/* input requirement */
.product .inputRequirement, .inputRequirement 					
											{font-family: Tahoma; font-size: 10px; color:#FF0000; }
											
fieldset.offer {border: 1px solid #ff0000; background: #ffffff; margin-bottom: 10px; padding: 5px;}
h2.offer {color: #ff0000; font-weight: bold; font-size: 16px;}
b.offer {color: #ff0000; font-weight: bold; font-size: 12px;}
p.offer {color: #000000; font-size: 11px;}

fieldset.fitment {border: 1px solid #ff0000; background: #ffffff; margin-bottom: 10px; padding: 5px;}
b.fitment {color: #000000; font-weight: bold; font-size: 12px;}
strong.fitment {color: #ff0000; font-weight: bold; font-size: 12px;}
h2.fitment {color: #000000; font-weight: bold; font-size: 16px;}
ul.fitment {
width:auto;
margin: 0 0 0 20px;
padding:0;
}
li.fitment {list-style-type: square;}
div.fitment {color: #000000;}

div.alloyprice {
 float: right;
 width: 120px;
}

div.iva {
 float: right;
 text-align: right;
 width: 400px;
}

div.recentalloys {
 float: left;
 width: 150px;
 text-align: center;
 margin: 0 0 5px 0;
 padding: 0;
}

p.recentalloysimg {
 height: 112px;
 width: 120px;
 margin: 0;
 padding: 0;
}

p.recentalloystxt {
 font-size: 10px;
 text-align: left;
 margin: 0;
 padding: 0;
}

span.recentalloysprice {
 color: #ffffff;
}

div.searchleft {
 float: left;
 width: 150px;
 height: 30px;
 text-align: left;
}

select.searchleft {
 width: 110px;
}


a.breadnav {color: #cc0000; font-weight: bold; font-size: 13px; text-decoration: none;}
a.breadnav:hover {text-decoration: underline;}
p.breadnav {color: #000000; font-weight: bold; font-size: 13px;}

div.offerphoto {
 float: left;
 width: 115px;
}

div.offerdesc {
 float: left;
 width: 130px;
}

p.offerdesc {
 text-align: left;
 height: 50px;
}

div.offerextra {
 float: right;
 width: 350px;
 clear: right;
 text-align: center;
}

div.gallerydesc {
 float: right;
 width: 230px;
 clear: right;
}

p.gallery {
 font-weight: bold;
}

img.gallery {border: 1px solid #000000; margin: 0 0 10px 0;}

img.link110 {border: 1px solid #cc0000; width: 110px; height: 110px;}

img.left{ float: left; margin-right: 10px;}
img.b1red {border: 1px solid #cc0000;}

.zerotop {margin-top: 0; padding-top: 0;}

h1.medium {
	font-size: 1.0em;
	font-weight:bold;
}

ul.normal {padding: 0; margin: 3px 0 3px 20px;}
ol.normal {padding: 0; margin: 3px 0 3px 20px;}
li.normal {padding: 0; margin: 3px 0 3px 0;}
a.red2under {
	color: red;
	text-decoration: none;
}

a.red2under:hover {
	color: red;
	text-decoration: underline;
}

#riminfo {
 clear: both;
 width: 780px;
 margin-bottom: 10px;
}

#riminfo #col1 {
 float: left;
 width: 390px;
}

#riminfo #col2 {
 float: right;
 width: 350px;
}


table.carpreview1 {
	/*width: 400px;
	height: 135px; */
	width: 350px;
	height: 118px;
	border-width: 0;
}

table.carpreview2 {
	width: 964px;
	height: 326px;
	border-width: 0;
}


#ap-table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 700px;
	text-align: left;
	border-collapse: collapse;
}
#ap-table th
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #E9C31E;
	border-top: 1px solid #AB933D;
	border-bottom: 1px solid #fff;
	color: #666666;
}

#ap-table th.ap-col2
{
	width: 100px;
	text-align: center;
	padding-right: 10px;
}

#ap-table th.ap-col3
{
	width: 50px;
	text-align: center;
}

#ap-table th.ap-colr
{
	text-align: right;
	padding-right: 10px;
}

#ap-table td
{
	padding: 8px;
	background: #EAEB86; 
	border-bottom: 1px solid #fff;
	color: #333333;
	border-top: 1px solid transparent;
}
#ap-table tr:hover td
{
	background: #D6D44F;
	color: #339;
}

#ap-table td.ap-col2
{
	width: 100px;
	text-align: right;
	padding-right: 10px;
}

#ap-table td.ap-col3
{
	width: 50px;
	text-align: center;
}

#ap-table td.ap-colr
{
	text-align: right;
	padding-right: 10px;
}

img.recommended {width: 101px; height: 18px; margin-left: 10px;}

span.redbold		{color: #ff0000; font-family: arial; font-weight: bold; font-size: 12px;}
span.green		{color: green; background:#cccccc;}
span.greenbold		{color: green; font-family: arial; font-weight: bold; font-size: 12px;}

.strike {	text-decoration: line-through;}

/* ----------- Rim Size Menu ------------- */
ul.rimmenu {
list-style-type:none;
width:auto;
margin: 10px 0 0 0;
padding:0;
}

ul.rimmenu li {
display:inline;
float:left;
margin: 0 0 0 5px;
padding:0;
}

ul.rimmenu li a {
float:left;
color:#A79787;
text-decoration:none;
height:20px;
padding: 5px;
font-weight:700;
}

ul.rimmenu li a:hover,.current {
color:#fff;
}

ul.rimmenu .current a {
color:#fff;
}


/*RED*/
ul.rimmenu.red{
background-color:#B11718;
}
ul.rimmenu.red li a:hover, .rimmenu.red li.current {
background-color:#DE3330;
}

.rimresults {
 clear: both;
 width: 940px;
 height: 170px;
 margin: 0 0 10px 0;
}

.rimresultscolcar1 {
 float: left;
 width: 110px;
}

.rimresultscolcar2 {
 float: left;
 width: 360px;
}

.rimresultscolnocar {
 float: left;
 width: 185px;
}

div.left75pc {
 float: left;
 width: 600px;
}

div.right25pc {
 float: right;
 width: 300px;
}

fieldset.key {width: 250px; border: 1px solid #999999; background: #333333;padding: 5px;}
p.key {margin: 0 0 2px 0; padding: 0; color: #ffffff; font-family: arial; font-weight: normal; font-size: 11px;}

TD.pageHeading, DIV.pageHeading {font-family: arial;font-size: 20px;font-weight: bold;color: #C00000;}

/* Start of phplist */
.required {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : red;
	text-decoration : none;
}

.error  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	color : red;
	text-decoration : none;
}
/* end of phplist */


/* Tabs */

h1.tabs {
 font-size: 18px; font-family: arial, helvetica, verdana; font-weight: bold; color: #000000;
 margin: 10px 0 2px 0;
 padding: 0;
 clear: left;
}

h2.tabs {
 font-size: 18px; font-family: arial, helvetica, verdana; font-weight: bold; color: #000000;
 margin: 10px 0 2px 0;
 padding: 0;
}

h2.tabslist {
 font-size: 18px; font-family: arial, helvetica, verdana; font-weight: bold; color: #000000;
 margin: 10px 0 2px 20px;
 padding: 0;
}

#maintabs {
	border: 1px solid #666;
	clear: both;
	background: #FFF3B3;
	padding-top: 2em;
}

#contentstabs {
	padding: 1.5em;
	background: #FFFDF3;
	min-height: 300px;
	color: #333;
}

#headtabs {
	position: relative;
	width: 100%;
	height: 3em;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#headtabs ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#headtabs ul#primary li  {
	display: inline;
	list-style: none;
}

#headtabs ul#primary a,#headtabs ul#primary span,#headtabs ul#primary a.current {
	width: 12em;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 85%;
	text-decoration: none;
	color: #333;
}

#headtabs ul#primary span,#headtabs ul#primary a.current,#headtabs ul#primary a.current:hover {
	border: 1px solid #666;
	border-bottom: none;
	background: #FFF3B3;
	padding-bottom: 6px;
	margin-top: 0;
}

#headtabs ul#primary a {
	background: #FFFAE1;
	border: 1px solid #AAA;
	border-bottom: none;
}

#headtabs ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #FFF7CD;
	padding-bottom: 5px;
}

#headtabs ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#headtabs ul#secondary li a,#headtabs ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;

}

#headtabs ul#secondary li a {
	color: #06C;
	text-decoration: underline;
}

#headtabs ul#secondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#headtabs ul#secondary li a:active {
	color: #000;
	background: transparent;
}

#headtabs ul#secondary li:last-child a { border: none; }
/* Tabs eof */