#bikes { width: 645px;}
#bikes h1,h2,h3,h4,ul,li { margin: 0px; padding: 0px; list-style: none; display: block; position:relative; float: none; } 
#bikes > h1 { font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; display: block; width:100%; text-align: center; }

#bikes > a { position: relative; z-index: 99; font: 12px Arial, Helvetica, sans-serif; width:auto; text-align: left; }
#bikes > a:hover { color: #000; text-decoration: underline; }
#bikes > img { display: block; position:relative; max-width: 600px; margin: 5px auto 5px auto; padding: 5px; border: solid 1px #CCC; border-bottom: groove 3px #CCC; }
#bikes > span { clear: both; font: 12px Arial, Helvetica, sans-serif; display: block; height: auto; width: 99.5%; text-align:left; float: none; padding-bottom: 10px; line-height: 1.5; }
#bikes > span > b { font-size: larger; }
#bikes > ul#listing { width:100%; height:auto; float: none; }
#bikes > ul#listing > li { width:100%;  height:auto; }
#bikes > ul#listing > li > a { padding: 5px 5px; margin: 5px 0px; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; width: 98.5%;
						font-weight: bold; border-top: solid 1px #AAA; border-bottom: 1px solid #AAA; background-image:url(http://www.sjbmw.com/_modules/bikes/images/main_header_bgd.gif); display: block; }
#bikes > ul#listing > li > a:hover { background-color:#FFF; color:#000; }
#bikes > ul#listing > li > a.open { background-image:url(http://www.sjbmw.com/_modules/bikes/images/main_header_bgd.gif); color:#000; }
#bikes > ul#listing > li > a.open:hover { background-color:#EEE; color:#000; }

#bikes > ul#listing > li#photos > div { padding: 5px; border: solid 1px #CCC; width: 550px; margin: auto; }
#bikes > ul#listing > li#photos > div > img {border: 0px none; padding: 0px; margin:0px auto; width: 59px; float:left; position:relative; }
#bikes > ul#listing > li#photos > div:after { content: ""; height: 0px; display: block; clear: both; }

#bikes > ul#listing > li#features > ul > li:after { content: ""; height: 0px; display: block; clear: both; }
#bikes > ul#listing > li#features > ul > li > img { margin: 5px; padding: 5px; border: solid 1px #CCC; float: left; height: 70px; }
#bikes > ul#listing > li#features > ul > li > div { float: left; width: 550px; }
#bikes > ul#listing > li#features > ul > li > div > h3 { font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; display: block;  }
#bikes > ul#listing > li#features > ul > li > div > span { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; display: block; float: left; min-height: 74px; }

#bikes > ul#listing > li#specs > ul > li > h2 { padding: 5px 5px; margin: 5px 0px; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; width: 98.5%; 
						font-weight: bold; border-top: solid 1px #AAA; border-bottom: groove 3px #AAA; background-color: #50566d; color:#FFF; display: block; }

#bikes > ul#listing > li#specs > ul > li > ul > li:first-child { padding: 0px 5px;  border: none;  }
#bikes > ul#listing > li#specs > ul > li > ul > li { padding: 5px 5px; width: 98.5%; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; border-top: solid 1px #CCC;  }
#bikes > ul#listing > li#specs > ul > li > ul > li > h4 { font-size: 13px; }

#bikes > ul#listing > li#sale > div > h2 { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; }
#bikes > ul#listing > li#sale > div.details { width: 180px; float:left; margin: 20px 20px 0 0; border-right: dotted 1px #999; padding-right: 10px; }
#bikes > ul#listing > li#sale > div.details > h3 { clear: both; display: block; float: left; padding: 5px; width: 50px; font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase;}
#bikes > ul#listing > li#sale > div.details > span { display: block; float: left; padding: 6px 0 4px 0; width: 115px; font: 12px Arial, Helvetica, sans-serif;  }
#bikes > ul#listing > li#sale > div.contact { width: 400px; float:left; margin: 20px 0 0 0;}
#bikes > ul#listing > li#sale > div.contact > h2 { margin-bottom: 5px; padding-bottom: 5px; }
#bikes > ul#listing > li#sale > div.contact > p { font: 12px Arial, Helvetica, sans-serif; line-height: 1.5; }
#bikes > ul#listing > li#sale > div.contact > p > a { font-weight: bold; text-decoration: underline; }
#bikes > ul#listing > li#sale > div.contact > p > a:hover { color: #000; text-decoration: none; }

#bikes > ul#listings > li > h2 { padding: 5px 5px; margin: 5px 0px; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; width: 665px; 
						font-weight: bold; border-top: solid 1px #AAA; border-bottom: groove 3px #AAA; background-color:#CCC }
#bikes > ul#listings > li > ul > li { padding: 5px 5px; width: 600px; margin: 5px 0px; font: 12px Arial, Helvetica, sans-serif; border-top: solid 1px #CCC; }
#bikes > ul#listings > li > ul > li:first-child { padding: 0px 5px;  border: none;  }
#bikes > ul#listings > li > ul > li > a { display: block; width: 100%; height: auto; }
#bikes > ul#listings > li > ul > li > a:hover { color: #000; }
#bikes > ul#listings > li > ul > li > a:after { content: ""; height: 0px; display: block; clear: both; }
#bikes > ul#listings > li > ul > li > a > img { display: block; width: 150px; border: none; float: left; margin-right: 5px; }
#bikes > ul#listings > li > ul > li > a > div.name { width: 100px; height: auto; float: left; }
#bikes > ul#listings > li > ul > li > a > div.name h3, 
#bikes > ul#listings > li > ul > li > a > div.name span { float: right; width: auto; clear: right; text-align:right; } 
#bikes > ul#listings > li > ul > li > a > div.name h3 { font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; } 
#bikes > ul#listings > li > ul > li > a > div.name span { font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; color:#999; } 
#bikes > ul#listings > li > ul > li > a > div.name span.sold { color:#F00; font-weight: bold; }

/* NEW STYLES */
.BikeLinks{ float:left; width:auto; margin-top: 20px; }
.BikeInfo, .BikePrice, .BikePriceSold{display:block;background-position: top left;background-repeat:no-repeat;width: 100px;height: 40px;text-align:center;font-size:16px;font-weight:bold;padding-top: 8px;margin-left: 10px;}
.BikeInfo:visited, .BikePrice:visited, .BikePriceSold:visited {color:#FFF;}
.BikeInfo{color:#FFF; background-image:url(images/bluebtn.png);}
.BikePrice{color:#000; background-image:url(images/graybtn.png);}
.BikePriceSold{color:#FFF; background-image:url(images/redbtn.png);}
.BikeInfo:hover{color: #FFF; font-weight:bolder; }
.BikePrice:hover{color: #777; cursor: default; }
.BikePriceSold:hover{color: #FFF; cursor: default; }

#Content {float: right; width: 674px; height: auto; margin: 3px 18px 10px 0px;}
#BikesHeader {position: relative;float: left;width: 674px;height: 89px;font-family: Arial, Helvetica, sans-serif;background-image: url(../global/images/main_top.jpg);background-repeat: no-repeat;}
#BikesHeader > h5 {position: absolute; top: 35px; left: 120px; padding: 0px; margin: 0px; font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 24px; color: #FFF; font-weight: normal; }
.ModelsHeader {display: block; width: 640px; height: 28px; padding: 5px 0px 0px 5px; background-color:#DDD; border-bottom: 1px solid #666; font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px; color: #111; font-weight: bold; text-transform:uppercase; }
#BikesMain {float: left;width: 644px;height: auto;padding: 15px;background-image: url(../global/images/main_mid.jpg);background-repeat: repeat-y;font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 1.5;	}
#BikesFooter {float: left;width: 674px;height: 3px;background-image: url(../global/images/main_bot.jpg);background-repeat: no-repeat;}

.Header {font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px; color: #000; font-weight: bold; }
.Description {float: left; width: 350px; padding-top: 5px; font-size: 12px;}
.PictureFrame {border-top: 1px solid #DDD; border-right: 1px solid #999; border-bottom: 1px solid #888; border-left: 1px solid #CCC; float: left; margin: 10px 10px 10px 0px; width: auto; height: auto;}
.Picture {width: 150px; border: 5px solid #FFF; margin: 0px; background-color:#FFF; padding: 1px;}

.BikePictureFrame {border-top: 1px solid #DDD; border-right: 1px solid #999; border-bottom: 1px solid #888; border-left: 1px solid #CCC; float: left; margin: 10px 10px 10px 0px; width: auto; height: auto;}
.BikePicture { border: 10px solid #FFF; margin: 0px; background-color:#FFF; padding: 1px;}

/* PDF */
.PdfHeader {float: left; padding: 15px 0 5px 0; margin: 15px 0px; width: 670px; border-bottom: 1px solid #CCC; font-family:"Trebuchet MS", Arial, sans-serif; font-size: 14px; font-weight: bold;  color: #000; text-transform: uppercase; }
.PdfBox, .PdfBoxOn {
	float: left;
	padding: 5px;
	margin: 5px;
	width: 94px;
	height: 108px;
	text-align:center;
	vertical-align:bottom;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.PdfBox {background-image: url(../../_images/buttons/hover_box_pdf.gif);}
.PdfBoxOn {background-image: url(../../_images/buttons/hover_box_pdf_on.gif);}

.PdfBoxTxt { margin-top: 65px; font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; text-transform:uppercase; color: #000; }