/* CSS Document */

/* GLOBAL Styles */
*, html  {
margin:0;
padding:0;
font-size:100%;
color:#000000;
}

*, html strong {
color:#ffffff;
}

object {
outline:none;	
}

body {
background-color:#cc0000;
background-image:url(../Rotrex/images/background_gradient.jpg);
background-repeat:repeat-x;
font-size:62.5%;
background-repeat:repeat-x;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

img {border:none}

a {
border:none;
text-decoration:none;
}


*:first-child+html #pricewrapper h5 {
margin-top:-30px;
}

/* end GLOBAL Styles */

#wrapper {
z-index:101;
margin:0px auto 0px auto;
height:auto;
width:930px;
background-repeat:repeat-y;
padding:10px;
padding-top:10px;
}

#wrappertop {
z-index:101;
margin:10px auto 0px auto;
width:930px;
height:10px;
background-repeat:no-repeat;
padding:10px;
padding-bottom:0px;
}

#wrapperbtm {
z-index:101;
margin:0px auto 10px auto;
width:930px;
height:20px;
background-repeat:no-repeat;
padding:10px;
padding-top:0px;
}

#wrapper h1, #wrapper h2 {
font-size:12px;
text-align:left;
color:#290606;
padding:3px;
}

#wrapper h6 {
text-align:center;
}

#topbanner {
margin:auto;
height:180px;
width:900px;
}

#topbanner {
margin-top:6px\0/;
}


#topbannerright {
margin:auto;
float:right;
height:80px;
width:400px;
}

#topbannerright h1, #topbannerright h2 {
text-align:right;
}

#topbannerright h5 {
margin:-40px 10px 10px 80px;
color:#df1e0f;
}

#topbannerright h1 a:hover, #topbannerright h2 a:hover {
color:#df1e0f;
text-decoration:none;
}

#topbannerleft {
margin-left:-560px;
margin-top:-40px;
float:left;
height:40px;
width:500px;
}


#topbannerleft h1, #topbannerleft h2, #topbannerright h1, #topbannerright h2 {
color:#c11b0e;
}


#googlesearch {
margin:-42px 0px 12px 170px;
color:#ffffff;
}

#googlesearch2 {
margin:-20px 0px 12px 170px;
color:#ffffff;
}

#googlesearch strong {
color:#ffffff;
}

#logobanner {
margin-top:5px;
margin-bottom:8px;
height:270px;
width:900px;
margin-left:20px;
}

#logobanner object {
z-index:20;
}

#mainpage {
z-index:50;
margin:0px 0 0 0;
padding:13px;
height:100%;
width:900px;
}


#introwrapper {
Height:100%;
width:900px;
margin-bottom:30px;
}

#intro {
float:left;
margin:6px 0px 20px 0px;
Height:100%;
width:402px;
}

#intro p, #productintrowrapper p {
color:#FFFFFF;
z-index:50;
margin:10px;
text-align:justify;
font-size:16px;
font-weight:bolder;
padding:8px;
margin-left:2px;
font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#productintrowrapper p {
color:#000000;
z-index:50;
margin:10px;
text-align:justify;
font-size:16px;
font-weight:bolder;
padding:8px;
margin-left:2px;
font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#pricewrapper p, #pricewrapperintro p {
z-index:50;
text-align:justify;
font-size:12px;
color:#290606;
padding:8px;
margin-left:2px;
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#pricewrapperintro strong {
color:#000000;
}



#intro a {
text-align:center;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
padding:3px;
margin:5px 0px 5px 0px;
font: 115% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#intro a:hover {
color:#000000;
}

#intromore {
z-index:10;
float:right;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
margin:-20px 0px 0px 0px;
font: 115% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#performance {
Height:100%;
background-image:url(../Rotrex/images/MainSite/bgmd.png);
background-repeat:repeat-y;
margin-left:-2px;
}

#performance p, # p {
margin:10px;
text-align:justify;
font-size:18px;
font-weight:bolder;
color:#290606;
padding:4px;
margin-left:20px;
}

#performance li, #partslistwrapper li {
list-style:none;
padding:5px;
font-size:12px;
font-weight:bolder;
margin-left:5px;
color:#000000;
}

#performance li strong {
color:#000000;
}

#intro h1, #pricewrapper h1, #intro h2, #pricewrapper h2 {
text-align:center;
font-size:16px;
color:#FFFFFF;
padding:5px;
font: 135% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

}

#intro h2 {
text-align:center;
font-size:12px;
color:#FFFFFF;
padding:3px;
margin:5px 0px 5px 0px;
font: 115% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

}

#productintrowrapper h4 {
text-align:center;
font-size:16px;
font-weight:bolder;
color:#c11b0e;
padding:20px;
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

}

#productintrowrapper h3 {
text-align:center;
font-size:12px;
font-weight:bolder;
color:#c11b0e;
padding:10px;
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

}

#productintrowrapper h5, #home-videoplayer h2 {
text-align:left;
font-size:12px;
font-weight:bolder;
color:#c11b0e;
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
padding:5px;
}

#home-videoplayer {
height:auto;
}

#latestnews {
z-index:10;
float:right;
margin:10px 0px 10px 0px;
Height:800px;
width:490px;
}

#latestnews object {
z-index:10;
}

#Homelinks {
float:right;
margin:20px 0px 30px 0px;
Height:100px;
width:400px;
padding-bottom:5px;
}

#Homelinks p {
margin-left:55px;
font-size:11px;
font-weight:bolder;
}

#homepageImage {
float:right;
margin:0px 0px 15px 35px;
Height:200px;
width:478px;	
}

#videolingo h6 {
clear:both;
height:100%;
Width:100%;
color:#FFFFFF;
font-size:16px;
margin-top:-25px;
margin-bottom:10px;
}

#footerHomelinks {
text-align:center;
color:#ffffff;
margin:5px 0px 30px 0px;
Height:50px;
width:480px;
padding-bottom:5px;
}

#footerHomelinks p {
color:#ffffff;
margin-left:60px;
margin-top:-15px;
font-size:11px;
font-weight:bolder;
font: 135% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#footerhomepageImage {
float:right;
margin:-30px 0px -35px 0px;
Height:200px;
width:478px;	
}

#producttitle {
margin:0px 0px 0px 0px;
Height:70px;
width:900px;
color:#fff;
font: 135% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#producttitle1 {
margin:0px 0px 0px 0px;
Height:50px;
color:#fff;
font: 135% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#producttitle p, #producttitle1 p {
text-align:center;
font-size:28px;
font-weight:bold;
padding:10px;
margin:0px 0px 0px 0px;
color:#fff;
font: 235% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

}

#producttitle h5, #producttitle1 h5 {
text-align:center;
font-size:18px;
font-weight:bold;
margin:-10px 0px 0px 0px;
color:#fff;
font: 135% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

}

#latestnewstitle {
float:right;
margin: 10px 0px 1px 8px;
Height:30px;
width:478px;
background-color:#c11b0e;
}

#latestnewstitle p {
text-align:left;
font-size:12px;
font-weight:bold;
color:#FFF;
padding:6px;
margin:0px 0px 0px 0px;
}

#warning {
clear:both;
float:right;
margin:0px 2px 0px 0px;
Height:122px;
width:307px;
}

#imagestitle {
clear:both;
float:right;
margin:-10px 0px 0px 0px;
Height:30px;
width:307px;
color:#ffffff
}

#imagestitle p {
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
text-align:center;
font-size:16px;
font-weight:bold;
color:#ffffff;
padding:6px;
margin:0px 0px 0px 0px;
}

#welcometitle {
z-index:22;
margin:5px 8px 0px 0px;
Height:30px;
width:406px;
}

#welcometitle p {
text-align:left;
font-size:12px;
font-weight:bold;
color:#000;
padding:6px;
margin:0px 0px 0px 0px;
}

#newsarticle_standard {
height:100px;
width:476px;
margin:5px 5px 5px 0;
border-color:#C33;
border-style:solid;
border-width:thin;
background-image:url(../Rotrex/images/MainSite/bgr_news.png);
}

#article_text_box {
height:80px;
width:344px;
margin-left:125px;
}

#article_text_box h1, #article_text_box h2 {
font-size:14px;
text-align:left;
color:#c11b0e;
height:24px;
width:350px;
}

#article_text_box h2 {
font-size:13px;
text-align:left;
color:#c11b0e;
height:24px;
width:350px;
padding-top:5px;
}


#article_text_box p {
font-size:12px;
text-align:justify;
margin-right:5px;
margin-left:3px;
}

#article_more_box {
font-size:10px;
font-weight:bold;
text-align:right;
color:#c11b0e;
margin:0px 5px 5px 128px;
height:20px;
width:334px;
}

#article_more_box a {
color:#c11b0e;
}

#article_more_box a:hover {
color:#290606;
}

#article_more_box p {
color:#c11b0e;
}

#article_image_box {
height:98px;
width:120px;
margin:0px;
margin-top:-103px;
margin-left:2px;
}

#newsarticle_main {
height:100%;
width:790px;
margin:10px 55px 30px 55px;
border-bottom-style:solid;
border-bottom-color:#c11b0e;
border-bottom-width:thin;
padding-bottom:20px;
}

#newsarticle_main p {
color:#ffffff;
margin:0;
padding:0;
font-size:10px;
}

#newsarticle_main a {
margin:0;
margin-right:30px;
padding:0;
font-size:9px;
font-weight:100;
}

#newsarticle_main a:hover {
margin:0;
margin-right:30px;
padding:0;
font-size:9px;
font-weight:800;
}

#videoplayerwrapper {
margin-top:20px;
height:400px;
}

#videoplayer {
clear:both;
width:auto;
height:auto;
float:left;
margin-top:0px;
border-color:#C33;
border-style:solid;
border-width:thin;
}

#videoplayer h1, #home-videoplayer h1, #supercharger-videoplayer h1, #videoplayer h2, #supercharger-videoplayer h2 {
float:left;
Height:30px;
width:886px;
background-color:#c11b0e;
text-align:left;
font-size:12px;
font-weight:bold;
color:#FFF;
padding:6px;
margin:0px 0px 0px 0px;
}

#partslistwrapper {
Height:100%;
width:900px;
background-image:url(../Rotrex/images/MainSite/bgmd.png);
background-repeat:repeat-y;
margin-left:-2px;
}

#partslisttitle {
float:left;
margin:0px 0px 0px 0px;
Height:30px;
width:581px;
background-image:url(../Rotrex/images/MainSite/titlebg.jpg);
}

#partslisttitle p {
text-align:left;
font-size:12px;
font-weight:bold;
color:#c11b0e;
padding:6px;
margin:0px 0px 0px 0px;
}

#productcontent {
z-index:50;
margin-top:30px;
Width:900px;
height:100%;
}

#pagecontent {
margin-top:10px;
Width:900px;
height:100%;
padding-bottom:20px;
}


#pagecontentleft {
float:left;
margin-top:10px;
Width:385px;
height:200px;
padding-bottom:20px;
padding-left:55px;
margin-right:10px;
}

#pagecontentleft p, 
#pagecontentleft h2, 
#pagecontentleft h4, 
#pagecontentleft strong, 
#pagecontentright p, 
#pagecontentright h2, 
#pagecontentrighth4, 
#pagecontentright strong {
color:#FFFFFF;
}

#pagecontentright {
float:right;
margin-top:10px;
Width:385px;
height:200px;
padding-bottom:20px;
padding-right:55px;
margin-left:10px;
}

#pagecontent h1, #mapcontent h1, #pagecontent h2, #mapcontent h2 {
color:#FFF;
background-color:#000;
margin-bottom:10px;
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

}

#pagecontent h3 {
color:#FFF;
background-color:#000;
margin-bottom:10px;
margin:10px 55px 10px 55px;
padding:8px;
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

}

#pagecontent h4 {
margin-top:30px;
color:#FFF;
background-color:#000;
margin-bottom:10px;
padding:2px;
font-size: 12px;
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

}

#pagecontent h6 {
margin-left:55px;	
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

}

#pagecontent p {
color:#FFF;
margin-bottom:10px;
text-align:justify;
font-size:12px;
color:#290606;
padding:8px;
font-weight:bold;
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

}

#pagecontent li {
margin-left:55px;
}

#pagecontent h2 {
color:#FFF;
margin-bottom:10px;
text-align:left;
font-size:12px;
color:#290606;
padding:15px;
padding-left:4px;
font-weight:bolder;
}

#pagecontent h5 {
color:#FFF;
margin-bottom:10px;
text-align:justify;
font-size:12px;
padding:10px 55px 5px 55px;
font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#pagecontent td, #HondaCivicTable td {
text-align:justify;
font-size:9px;
font-weight:bolder;
color:#fff;
padding:3px;
}

#HondaCivicTable td {
background-color:#821e1f;
}

#HondaCivicTable td a {
text-align:justify;
font-size:9px;
font-weight:bolder;
color:#fff;
padding:3px;
}

#pagecontent td a:hover, #HondaCivicTable td a:hover {
text-align:justify;
font-size:9px;
font-weight:bolder;
color:#b86666;
padding:3px;
}

#mapcontent {
clear:both;
Width:790px;
height:100%;
Padding: 10px 55px 10px 55px;
}

#imagewrapper {
clear:both;
float:right;
Width:310px;
height:100%;
padding:0px;
margin-right:-4px;
margin-top:5px;
color:#FFFFFF;
}

#imagewrapper a {
color:#FFFFFF;
font-size:14px;
}

#imagewrapper a:hover {
color:#990000;
font-size:14px;
}

#graph-imagewrapper {
clear:both;
float:right;
Width:310px;
height:538px;
padding:0px;
margin-right:-4px;
margin-top:10px;
}


#footer {
clear:both;
margin:auto;
margin-top:10px;
height:80px;
width:100%;
background-image:url(../Rotrex/images/MainSite/footerbg.jpg);
background-repeat:repeat-x;
padding-top:8px;
}

#footer p {
text-align:center;
font-size:10px;
font-weight:bolder;
font: 115% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin-bottom:12px;
}

#footer a {
text-align:center;
font-size:10px;
font-weight:bolder;
color:#FFFFFF;
font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#footer h4 {
margin-bottom:3px;
color:#c11b0e;
padding:10px;
text-align:center;
color:#FFFFFF;
font: 135% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#footer h6 {
margin-top:10px;
color:#333333;
text-align:right;
font-size:10px;
color:#FFFFFF;
font: 85% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#mapbox {
float:left;
margin:6px 0px 10px 0px;
Height:235px;
width:410px;
border-color:#c11b0e;
border-style:solid;
border-width:thin;
background-color:#CCC;
}

#maptitle {
z-index:22;
margin:5px 8px 0px 0px;
Height:30px;
width:412px;
background-color:#c11b0e;
}

#maptitle p {
text-align:left;
font-size:12px;
font-weight:bold;
color:#FFF;
padding:6px;
margin:0px 0px 0px 0px;
}


/* enlarge image styles     _______________________ */

.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
position:static;	
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
z-index: 110;
}

.ienlarger a:hover span { 
	display:block;
	top: 290px; /* means the pop-up's top is 50px away from thumb's top */
	left: 25px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 110;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 150px; /* enter desired thumb width here */
	height : auto;
}
  
/* enlarge image styles End _______________________ */

/* enlarge 2 image styles     _______________________ */

.ienlarger2 {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger2 a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger2 a:hover{ /* don't move this positioning to normal state */
position:static;	
}

.ienlarger2 span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger2 a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger2 img { /* leave or IE puts a border around links */
border-width: 0;
z-index: 110;
}

.ienlarger2 a:hover span { 
	display:block;
	top: 490px; /* means the pop-up's top is 50px away from thumb's top */
	left: 25px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 110;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 150px; /* enter desired thumb width here */
	height : auto;
}

  
/* enlarge 2 image styles End _______________________ */

/* enlarge 3 image styles     _______________________ */

.ienlarger3 {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger3 a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger3 a:hover{ /* don't move this positioning to normal state */
position:static;	
}

.ienlarger3 span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger3 a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger3 img { /* leave or IE puts a border around links */
border-width: 0;
z-index: 110;
}

.ienlarger3 a:hover span { 
	display:block;
	top: 690px; /* means the pop-up's top is 50px away from thumb's top */
	left: 25px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 110;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 150px; /* enter desired thumb width here */
	height : auto;
}

  
/* enlarge 3 image styles End _______________________ */


/* enlarge 4 image styles     _______________________ */

.ienlarger4 {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger4 a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger4 a:hover{ /* don't move this positioning to normal state */
position:static;	
}

.ienlarger4 span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger4 a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger4 img { /* leave or IE puts a border around links */
border-width: 0;
z-index: 110;
}

.ienlarger4 a:hover span { 
	display:block;
	top: 890px; /* means the pop-up's top is 50px away from thumb's top */
	left: 25px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 110;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 150px; /* enter desired thumb width here */
	height : auto;
}

  
/* enlarge 4 image styles End _______________________ */

/* enlarge 5 image styles     _______________________ */

.ienlarger5 {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger5 a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger5 a:hover{ /* don't move this positioning to normal state */
position:static;	
}

.ienlarger5 span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger5 a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger5 img { /* leave or IE puts a border around links */
border-width: 0;
z-index: 110;
}

.ienlarger5 a:hover span { 
	display:block;
	top: 1190px; /* means the pop-up's top is 50px away from thumb's top */
	left: 25px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 110;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 150px; /* enter desired thumb width here */
	height : auto;
}

  
/* enlarge 5 image styles End _______________________ */

/* enlarge 6 image styles     _______________________ */

.ienlarger6 {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger6 a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger6 a:hover{ /* don't move this positioning to normal state */
position:static;	
}

.ienlarger6 span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger6 a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger6 img { /* leave or IE puts a border around links */
border-width: 0;
z-index: 110;
}

.ienlarger6 a:hover span { 
	display:block;
	top: 1300px; /* means the pop-up's top is 50px away from thumb's top */
	left: 25px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 110;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 150px; /* enter desired thumb width here */
	height : auto;
}

  
/* enlarge 4 image styles End _______________________ */

#producttopbg {
background-image:url(../Rotrex/images/MainSite/bgtop.png);
background-repeat:no-repeat;
height:20px;
margin-left:-2px;
margin-top:30px;
}

#producttopbg2 {
background-image:url(../Rotrex/images/MainSite/bgtop.png);
background-repeat:no-repeat;
height:20px;
margin-left:-2px;
margin-top:-20px;
}

#productbtmbg {
background-image:url(../Rotrex/images/MainSite/bgbtm.png);
background-repeat:no-repeat;
height:20px;
margin-left:-2px;
margin-bottom:2px;
margin-top:-10px;
}

#productintrowrapper {
z-index:50;
height:100%;
width:580px;
margin-top:-2px;
margin-left:-2px;
background-image:url(../Rotrex/images/MainSite/bgmd.png);
background-repeat:repeat-y;
}

#pricetitle {
float:left;
margin:0px 0px 0px 0px;
Height:20px;
width:578px;
}

#pricetitle p {
text-align:left;
font-size:16px;
font-weight:bold;
color:#ffffff;
padding:6px;
margin:0px 0px 0px 0px;
width:578px;
}

#pricewrapper {
height:100px;
background-image:url(../Rotrex/images/MainSite/bgmd.png);
background-repeat:repeat-y;
margin-left:-2px;
width:580px;
}

#pricewrapperintro {
height:100%;
background-image:url(../Rotrex/images/MainSite/bgmd.png);
background-repeat:repeat-y;
margin-left:-2px;
width:580px;
color:#000000;
}

#pricewrapper h5 {
text-align:left;
font-size:12px;
font-weight:bold;
color:#000;
padding:6px;
margin:0px 0px 20px 0px;
width:578px;
}

#pricewrapper object {
margin-top:-30px;
}

#pricewrapper h5 {
text-align:left;
font-size:12px;
font-weight:bolder;
color:#c11b0e;
padding:10px;
}

#supercharger-videoplayer {
clear:both;
margin:0 auto;
Width:788px;
height:auto;
border-color:#C33;
border-style:solid;
border-width:thin;
}

#supercharger-videoplayerwrapper {
margin-top:30px;
margin-left:55px;
clear:both;
Width:790px;
height:400px;
}

#stages {
margin-left:55px;	
}

#superchargerpictures {
Margin:0px 55px 0px 55px;	
}

#superchargerpictures img {
margin:15px 5px 0 20px;	
}

#superchargerlink a {
margin-top:40px;
margin-left:300px;
font-size:12px;
font-weight:300;
}

#superchargerlink a:hover {
margin-top:40px;
margin-left:300px;
font-size:12px;
font-weight:800;
}

#HondaCivicTable {
Height:100%;
Width:304px;
margin-left:-8px;
color:#fff;
}

#HondaCivicTable strong {
color:#fff;
}

#HondaCivicTable tr {
color:#fff;
}

#HondaCivicTableIntro {
margin-left:87px;
Height:130px;
Width:100%;
Padding:5px;
}

<!-- Menu Styles ------------------------------------------------------------------------------------------------------------------------->


#navbar {
z-index:100;
height:15px;
width:600px;
padding:5px 0px 5px 0px;
}

.menu {
	margin-top:50px;
	margin-left:150px;
    border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bolder;
	}
.menu ul{
	margin-top:-35px;
	margin-left:155px;
	height:15px;
	list-style:none;
	padding-left:1px;
	padding-right:1px;
	font-size:12px;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background: url("../Rotrex/images/MainSite/menu/seperator.gif") bottom right no-repeat;
		color:#fff;
		display:block;
		font-weight:normal;
		line-height:15px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			color:#ffffff;
			}

		
	.menu li ul{
		background:#a5170c;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:auto;
		z-index:200;
		font-size:10px;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
	}
	
	.menu li ul li {
	padding:2px;
	}
	
		
	.menu li li {
		background:url('../Rotrex/images/MainSite/menu/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:100%;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:15px;
		font-size:11px;
		font-style:normal;
		margin:0px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#c11b0e url('../Rotrex/images/MainSite/menu/arrow1.png') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
	
			}
	.menu p{
		clear:left;
		}	
		
	.menu li ul li ul li a {
		display:block;
		height:15px;
		font-size:9px;
		font-style:normal;
		margin:0px;
		padding:0 0 7px 8px;
		text-align:left;
	}

	.menusuperchargers a {
	width:140px;
	}

	.menucar a { 
	width:150px;
	}
	
	.menubike a {
	width:132px;
	}
	
	.menucontact a {
	width:74px;
	}

<!-- Menu Styles ------------------------------------------------------------------------------------------------------------------------->


#price object {
position:absolute;
z-index:250;
}

#productlisttable {
padding: 10px 230px 10px 230px;
}

#bikeproductlisttable {
padding: 10px 330px 10px 330px;
}

#newsarticle_main p, #newsarticle_main h6, #pagecontent h6, productintrowrapper h6{
color:#000;
margin-left:-10px;
}

#pagecontentleft h2, #pagecontentright p, #mapcontent p {
color:#fff;
} 

#pagecontentright a {
margin-top:-10px;
}

#productcontent_300 {
z-index:50;
height:300px;
width:900px;
margin-top:10px;
margin-left:-2px;
padding:10px;
padding-bottom:0px;
background-image:url(../Rotrex/images/MainSite/content/Introbackground_900x300.jpg);
background-color:#000000;
}

#productcontent_500 {
z-index:50;
height:500px;
width:900px;
margin-top:10px;
margin-left:-2px;
padding:10px;
padding-bottom:0px;
background-image:url(../Rotrex/images/MainSite/content/Introbackground_900x500.jpg);
background-color:#000000;
}

#productcontent_450 {
z-index:50;
height:430px;
width:900px;
margin-top:10px;
margin-left:-2px;
padding:10px;
padding-bottom:0px;
background-image:url(../Rotrex/images/MainSite/content/Introbackground_900x450.jpg);
background-color:#000000;
}

productcontent_nobg {
z-index:50;
height:100%;
width:900px;
margin-top:10px;
margin-left:-2px;
padding:10px;
padding-bottom:0px;
}

#productcontent_300 p,
#productcontent_500 p,
#productcontent_450 p {
color:#FFF;
text-align:justify;
font-size:14px;
padding:5px;
padding-left:10px;
padding-right:10px;
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#productcontent_300 h5,
#productcontent_500 h5,
#productcontent_450 h5 {
color:#FFF;
text-align:justify;
font-size:18px;
padding:5px;
padding-left:235px;
padding-right:10px;
padding-top:40px;
margin-top:-40px;
margin-bottom:-30px;
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#productcontent_300 h2,
#productcontent_500 h2,
#productcontent_450 h2 {
color:#FFF;
text-align:justify;
font-size:14px;
padding:5px;
padding-left:40px;
padding-right:10px;
padding-top:40px;
margin-top:-40px;
margin-bottom:-30px;
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#imageslideshow {
float:left;
margin-top:-70px;
width:580px;
}

#powercontent {
float:right;
width:320px;
height:400px;
margin-top:-20px;
}

#powercontent p {
color:#FFF;
text-align:center;
font-size:14px;
padding:5px;
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#powercontent h5 {
color:#FFF;
text-align:center;
font-size:18px;
padding:5px;
margin-top:0px;
margin-bottom:10px;
font: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#powercontent img {
padding-left:20px;
}