﻿
* { margin:0; padding:0; } option select { padding:0 3px; }

html {
	height:100%;
}

.req span, label span, .label span { color:#c00; }

.req, label span {
	font-size:12px;
}

.rideimg {
	width:580px;
}

body {
	height:100%;
   background:#2e2d99 url(../images/bg.gif) 0 0 repeat-x;
   color:#000;
   font-family:Arial,Helvetica,sans-serif;
   font-size:14px;
}

#container {
	background: url(../images/bg_sidebar.jpg) repeat-y 0 -39px;
	height:auto !important;
	height:100%;
	min-height:100%;
   position:relative;
	padding-left:228px;
   width:763px;
}

#container h1 {
   height:176px;
	margin-bottom:10px;
}

#container h1 a {
   background:url(../images/bg_header2.jpg) no-repeat -16px -1px;
   display:block;
   text-indent:-9999px;
   overflow:none;
   height:176px;
   border:0;
   text-decoration:none;
}

#container h1 a:hover { background:url(../images/bg_header2.jpg) no-repeat -16px -177px; }

#container #content {
	width:658px;
   clear:both;
   margin:0 52px 5px;
   padding-bottom:25px; 
	background:#fff url(../images/bg_content-bot.jpg) no-repeat left bottom;
}

#footer {
	height:45px;
	padding:0 53px;
}

#footer ul {
   margin:0 auto;
   list-style:none;
}

#footer ul li {
   display:block;
   float:right;
   font-size:12px;
   color:#fff;
   text-align:right;
}

#footer ul li.nav {
   text-align:left;
   font-size:12px;
}
#footer ul li.nav span {
   font-size:10px;
}

#footer ul li p {
   padding:5px 0;
}

#footer ul li a:link {
   color:#fff;
   font-size:10px;
}

#footer ul li a:visited {
   color:#ccc;
   font-size:10px;
}

#footer ul li a:hover {
   color:#eee;
   text-decoration:none;
   font-size:10px;
}

#footer ul li.nav {
	float:left;
}

#container #content #map {
   margin:10px auto 0;
   border:1px solid #ccc;
}

/* =NAV
================================================== */
#container #nav {
   width:682px;
	margin:0 40px;
   height:170px;
   list-style:none;
   background: url(../images/bg_content-top.jpg) no-repeat 12px bottom;
	position:relative;
}

#container #nav li {
   height:120px;
   display:block;
   float:left;
}

#container #nav li a {
   display:block;
   width:100%;
   height:100%;
   overflow:hidden;
   text-indent:-9999px;
}

#container #nav li a:hover {
   background-position:0 -120px !important;
}

#container #nav li.about { width:112px; }
   #container #nav li.about a:link,
   #container #nav li.about a:visited,
   #container #nav li.about a:active { background:url(../images/newnav_01.png) no-repeat 0 0; }
   
#container #nav li.news { width:99px; }
   #container #nav li.news a:link,
   #container #nav li.news a:visited,
   #container #nav li.news a:active { background:url(../images/newnav_02.png) no-repeat 0 0; }
   
#container #nav li.newrides { width:114px; }
   #container #nav li.newrides a:link,
   #container #nav li.newrides a:visited,
   #container #nav li.newrides a:active { background:url(../images/newnav_03.png) no-repeat 0 0; }

#container #nav li.used { width:119px; }
   #container #nav li.used a:link,
   #container #nav li.used a:visited,
   #container #nav li.used a:active { background:url(../images/newnav_04.png) no-repeat 0 0; }
   
#container #nav li.wanted { width:118px; }
   #container #nav li.wanted a:link,
   #container #nav li.wanted a:visited,
   #container #nav li.wanted a:active { background:url(../images/newnav_05.png) no-repeat 0 0; }
   
#container #nav li.list { width:120px; }
   #container #nav li.list a:link,
   #container #nav li.list a:visited,
   #container #nav li.list a:active { background:url(../images/newnav_06.png) no-repeat 0 0; }
   
#container ul#nav li#ridelist {
	position:absolute;
	right:15px;
	bottom:25px;
	float:none;
	height:26px;
	width:128px;
}

* html #container ul#nav li#ridelist {
	position:relative;
	float:right;
	bottom:auto;
}

* html #container #content {
	z-index:-1;
}

#container ul#nav li#ridelist a {
	background:url(../images/btn_viewlist.jpg) 0 0;
}

#container ul#nav li#ridelist a:hover  {
   background-position:0 -26px !important;
}
/* =CONTENT
===================================================== */

#container #content h2 {
   padding:5px 60px 5px;
	font-size:20px;
	height:20px;
   color:#039;
}

#container #content h3 {
   padding:5px 40px 0;
   color:#06c;
}

#container #content p.date {
   padding:0 70px 0 40px;
   color:#999;
   text-transform:uppercase;
   font-family:"Trebuchet MS", Trebuchet, sans-serif;
}

#container #content p.more {
   text-align:right;
}

#container #content p, #container #content ul, #container #content ol, #container #content dl {
   padding:5px 40px 0 40px;
}
#container #content ul, #container #content ol {
	padding:5px 55px 0 55px;
}

#container #content #map p, #container #content #map {
}

#container #content p.home {
	padding:5px 25px 0 25px;
	text-transform:capitalize;
}

#container #content #map p {
   padding:5px 0;
}

#container #content ul ul, #container #content ol ol {
   padding:5px 10px;
}

#container #content .newsbox {
   background:url(../images/news.jpg) no-repeat 20px bottom;
   padding:5px 0 15px;
}
/* =RIDE RESULTS
===================================================== */

#container #content table td {
	padding:3px;
	border-bottom:1px solid #ccf;
	border-right:1px solid #ccf;
}

#container #content table {
	width:618px;
	margin:0 20px;
}

#container #content table .top td {
	border-top:1px solid #ccf;
}

#container #content table td.nolborder {
	border-left:0 !important;
}

#container #content table.rides tr th:first-child, #container #content table.rides tr th.first {
	border-left:1px solid #039;
}

#container #content table.rides tr th {
	background:url(../images/input.jpg) repeat-x left bottom;
	border-top:1px solid #039;
	border-bottom:1px solid #039;
	border-right:1px solid #039;
}

#container #content table.rides th, #container #content table.rides td {
	padding:3px;
	margin:0;
	border-bottom:1px solid #ccf;
	border-right:1px solid #ccf;
}

#container #content table.rides tr td:first-child, #container #content table.rides tr td.first {
	border-left:1px solid #ccf;
}

#container #content table table {
	padding:0;
}

table .label {
	font-weight:bold;
}

#container #content table .label {
	width:150px;
	border-left:1px solid #ccf;
}

#container #content table .header {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding-top:15px;
	border:1px solid #ccf;
	border-top:0;
	border-bottom:2px solid #ccf;
	background:url(../images/input.jpg) repeat-x left bottom;
	color:#039;
}

#container #content table .first td {
	border-top:1px solid #ccf;
}

#container #content table tr.foot td {
	font-weight:bold;
	background:#fee;
	padding-top:10px;
}
#container #content table tr.foot td.right {
	text-align:right;
	padding-right:5px;
}

/* =SIDEBAR
===================================================== */

#sidebar {
	width:212px;
	position:absolute;
	left:0;
	top:-1px;
	background: url(../images/bg_sidebar.jpg) repeat-y 0 -39px;
}

#sidebar div {
	background:url(../images/bg_sidebar-top.jpg) right top no-repeat;
	padding:185px 0 0 9px;
}

#sidebar address {
	display:block;
	height:165px;
	background: url(../images/address.jpg) left top no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}

#sidebar fieldset {
	border:0;
	margin:10px 0 0 0;
	width:198px;
}

#sidebar label {
	display:block;
	width:159px;
	height:30px;
	background: url(../images/text_search.jpg) left top no-repeat;
	overflow:hidden;
	text-indent:-9999px;	
}

#sidebar news {
	display:block;
	width:159px;
	height:30px;
	background: url(../images/text_newsletter.jpg) left top no-repeat;
	overflow:hidden;
	text-indent:-9999px;	
}


#sidebar input {
   width:140px;
   background:#fff url(../images/input.jpg) bottom left repeat-x;
   padding:2px;
   border:1px solid #ccc;
}

#sidebar input#search_go {
   width:auto;
   background:none;
   padding:0;
   border:0;
	vertical-align:middle;
}

#sidebar .rides {
	padding-top:20px;
	margin:0;
}

#sidebar .rides li {
	display:block;
	list-style:none;
	width:100%;
}

#sidebar .rides .used_rides, #sidebar .rides .new_rides, #sidebar .rides .contact {
	display:block;
}

#sidebar .rides .used_rides {
	height:80px;
}

#sidebar .rides .new_rides {
	height:78px;
}

#sidebar .rides .led_lighting {
	height:81px;
}

#sidebar .rides .contact {
	height:114px;
}

#sidebar .rides li a {
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
}

#sidebar .rides .used_rides a {
	background:url(../images/btn_used.jpg) no-repeat 0 0;
}

#sidebar .rides .new_rides a {
	background:url(../images/btn_new.jpg) no-repeat 0 0;
}

#sidebar .rides .led_lighting a {
	background:url(../images/btn_led.jpg) no-repeat 0 0;
}

#sidebar .rides .contact a {
	background:url(../images/btn_contact.jpg) no-repeat 0 0;
}


#sidebar .rides .used_rides a:hover { background:url(../images/btn_used.jpg) no-repeat 0 -80px; }

#sidebar .rides .new_rides a:hover { background:url(../images/btn_new.jpg) no-repeat 0 -78px; }

#sidebar .rides .led_lighting a:hover { background:url(../images/btn_led.jpg) no-repeat 0 -81px; }

#sidebar .rides .contact a:hover { background:url(../images/btn_contact.jpg) no-repeat 0 -114px; }


/* =SIDEBAR2
===================================================== */

#container #content .sidebar {
   width:235px;
   padding:0 10px 10px;
   float:right;
   background:#fff;
   height:auto;
}

#container #content .sidebar dl {
   padding:5px 15px 20px;
}

#container #content .sidebar dt {
   font-weight:bold;
}

#container #content .sidebar dd {
   padding:0 5px 5px;
}

#container #content .sidebar dd p {
   padding:2px 0 5px;
}

#container #content .sidebar h3 {
   padding:5px 10px 0;
   color:#06c;
   font-size:16px;
	margin:0;
}

#container #content .sidebar p {
	padding:5px 10px 0 60px;
}

#container #content .sidebar .hpbutton { 
	width:173px;
	margin:10px 0 5px 40px;
	padding:0;
}

#container #content .sidebar .hpbutton li {
	list-style:none;
	display:block;
	width:173px;
	height:82px;
	margin:5px 0;
}

#container #content .sidebar .hpbutton li.onsale { height:90px; }

.hpbutton .newrides a {
	background:url(../images/btn_newrides.jpg) no-repeat;
}

.hpbutton .usedrides a {
	background:url(../images/btn_usedrides.jpg) no-repeat;
}

.hpbutton .onsale a {
	background:url(../images/btn_onsale.jpg) no-repeat;
}

.hpbutton li a {
	display:block;
	width:100%;
	height:100%;
	background-position:left top;
	text-indent:-9999px;
	overflow:hidden;
}

#container #content .sidebar .hpbutton li a:hover {
	background-position:left bottom;
}

/* =NEW RIDES
===================================================== */


#container #content .newriders {
	text-align:center;
	margin:0 70px;
}

#container #content .newriders ul {
	margin:0;
	padding:0;
	text-align:left;
	width:166px;
	padding-left:15px;
	float:left;
}

.img {
	float:right;
	margin:5px 30px 10px 10px;
	width:280px;
	height:215px;
	background:url(../images/sm-frame.gif) no-repeat 0 0;
	padding:8px 10px 10px 10px;
}

.fimg {
	float:right;
	margin:5px 30px 5px 5px;
	width:300px;
	height:233px;
}

/* =VIDEO / PIC FRAME
===================================================== */

#container #content #video {
	width:388px;
	height:307px;
	padding:11px 18px 16px 12px;
	margin:20px auto 0;
	background:url(../images/bg_videofit.jpg) no-repeat 0 0;
}
#container #content #video p {
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:255px;
	padding-top:50px;
	font-size:36px;
	text-align:center;
}

/* =CONTACT
===================================================== */

#container #content #contact {
   padding: 0 0 15px;
}

#container #content fieldset {
   padding:5px 0 0 40px;
   border:0;
   width:360px;
}

#container #content fieldset div {
   width: 165px;
   float:left;
   padding:2px 0 5px;
}

#container #content div.ride_name, #container #content div.manufacturer,
	#container #content div.year, #container #content div.price {
	clear:left;
	height:36px;
}

#container #content div.ride_type,#container #content div.request_type, #container #content div.class_type, #container #content div.model_type {
	width:190px;
	height:36px;
}

#container #content label {
   font-weight:bold;
   display:block;
}

#container #content fieldset#info input {
   width:155px;
   background:#fff url(../images/input.jpg) bottom left repeat-x;
   padding:2px;
   border:1px solid #ccc;
}

#container #content fieldset select {
   background: url(../images/input.jpg) bottom left repeat-x;
   border:1px solid #ccc;}

#container #content fieldset select option {
	background:#fff;
   padding:2px;

}

#container #content fieldset#info input#state {
   width:55px;
}

#container #content fieldset#info input#zip {
   width:90px;
}

#container #content fieldset#info div.state {
   width:65px;
}

#container #content fieldset#info div.zip {
   width:120px;
}

#container #content div.msg, #container #content div.description {
   width:325px;
}

#container #content textarea {
   width:318px;
   height:5em;
   background:#fff url(../images/msg.jpg) bottom left repeat-x;
   padding:2px;
   border:1px solid #ccc;
}

#container #content label span {
   color:#c00;
   padding:0 2px;
}

#container #content #submitit, #container #content .submit {
   text-align:center;
}

#container #content p.required {
   text-align:center;
   font-size:10px;
   width:370px;
}

#container #content p.required span {
   color:#c00;
}


/* =SELLRIDE form
===================================================== */

fieldset#vendor_info {
	clear:left;
}

fieldset#vendor_info input, fieldset#ride_info input {
   width:155px;
   background:#fff url(../images/input.jpg) bottom left repeat-x;
   padding:2px;
   border:1px solid #ccc;
}

#container #content fieldset#wantedride_info input {
	float:none;
   background:#fff url(../images/input.jpg) bottom left repeat-x;
   padding:2px;
   border:1px solid #ccc;
   width:318px;
}

#container #content fieldset#wantedride_info div{
   width:325px;
}

#container #content textarea {
   height:5em;
   background:#fff url(../images/msg.jpg) bottom left repeat-x;
   padding:2px;
   border:1px solid #ccc;
}
}

#container #content fieldset#upload div input {
	width:450px;
}

#container #content fieldset#upload div, fieldset#vendor_info {
	width:auto;
	float:none;
}

#container #content div.description {
	clear:both;
}

#container #content fieldset#ride_info .electrical {
	width:auto;
	clear:both;
}

#container #content fieldset#ride_info .electrical input {
	display:inline;
	width:4em;
}


/* =USED RIDES
===================================================== */

#container #content .used {
	text-align:center;
	margin:0 100px;
}

#container #content .used ul {
	text-align:left;
	width:33%;
	float:left;
	margin:0;
	padding:0;
	list-style:inside;
}

#container #content .used fieldset {
	padding:25px 0 0;
	margin:0;
	text-align:left;
	float:left;
	width:200px;
}

#container #content .used fieldset#userd {
	padding:25px 0 0;
	margin:0;
	clear:left;
	text-align:left;
}
 
#container #content .used #userd input {
   width:185px;
   background:#fff url(../images/input.jpg) bottom left repeat-x;
   padding:2px;
   border:1px solid #ccc;
	display:block;
	margin:0;
}

#container #content .used #userd label {
	margin:0;
	display:block;
	width:143px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/sub_searchrides.jpg) no-repeat 0 0;
}

#container #content .used .searchit {
	float:left;
	width:180px;
	padding:35px 0 0;
}


#container #content .used h3.browserides {
	background:url(../images/sub_browse.jpg) no-repeat center top;
}


/* =USED RIDES FORM
===================================================== */

.viewall a img {
	border:0;
}
#container #content .usedwrapper {
	padding:0 0 10px;
}

#error, .error {
	color:#c00;
	margin-bottom:15px;
}

.submit {
	text-align:right;
	padding:10px 50px;
	border-bottom:1px dotted #ccf;
}

div.noborder {
	border:0 !important;
}

div.noborder a img {
	border:0;
}

/* =SELLRIDEUPLOAD
===================================================== */
.thumb li {
	height:175px;
	width:125px;
	text-align:center;
	float:left;
	list-style:none;
}

.error {
	color:#c00;
}


/* =WANTEDRIDES
===================================================== */
dl dt { font-weight:bold; }
dl dd { margin:2px 10px 10px; }
#container #content dl dd p { margin:2px 0 3px; padding:0; }
dl dd p.ct {
	text-align:right;
	font-style:italic;
}


/* =HEADERS
===================================================== */

.hidetext {
	text-indent:-9999px;
	overflow:hidden;
	height:30px;
	padding:0;
	display:block;
}

a.moser, a.sbf, a.eos {
	text-indent:-9999px;
	overflow:hidden;
	height:23px;
	margin:2px 0 3px;
	padding:0;
	display:block;
}

a.moser {
	width:323px;
	background:url(../images/text_moser.jpg) no-repeat 0 0;
}

a.sbf {
	width:172px;
	height:25px;
	background:url(../images/text_visa.jpg) no-repeat 0 0;
}

a.eos {
	width:92px;
	background:url(../images/text_eos.jpg) no-repeat 0 0;
}

a.moser:hover, a.sbf:hover, a.eos:hover {
	background-position:left bottom;
}

h3.hidetext {
	margin:5px 0 0;
	height:25px;
}

.clear {
	clear:both;
}

h3.hidetext {
}

h2.welcome  {
	background:url(../images/head_welcome.jpg) no-repeat center 0;
}

h2.maint  {
	background:url(../images/head_maint.jpg) no-repeat 50px 0;
}

h2.about {
	background:url(../images/head_aboutus.jpg) no-repeat 50px 0;
}

h2.contact {
	background:url(../images/head_contactus.jpg) no-repeat 50px 0;
}

h2.maps {
	background:url(../images/head_maps.jpg) no-repeat 50px 0;
}

h2.newrides {
	background:url(../images/head_newrides.jpg) no-repeat 50px 0;
}

h2.usedrides {
	background:url(../images/head_usedrides.jpg) no-repeat 50px 0;
}

h2.wantedrides {
	background:url(../images/head_wantedrides.jpg) no-repeat 50px 0;
}

h2.news {
	background:url(../images/head_news.jpg) no-repeat 50px 0;
}

h2.sitemap {
	background:url(../images/head_sitemap.jpg) no-repeat 50px 0;
}

h2.list {
	background:url(../images/head_list.jpg) no-repeat 50px 0;
}

h2.ridelist {
	background:url(../images/head_ridelist.jpg) no-repeat 50px 0;
}

h2.submitlist {
	background:url(../images/head_submit.jpg) no-repeat 50px 0;
}

h2.moser {
	background:url(../images/head_moser.jpg) no-repeat 50px 0;
}

h2.eos {
	background:url(../images/head_eos.jpg) no-repeat 50px 0;
}

h2.sbf {
	background:url(../images/head_sbf.jpg) no-repeat 50px 0;
}

h2.sellride {
	background:url(../images/head_sellride.jpg) no-repeat 50px 0;
}

h3.staff {
	background:url(../images/sub_staff.jpg) no-repeat 40px 8px;
}

h3.browserides {
	background:url(../images/sub_browse.jpg) no-repeat 40px 8px;
}

h3.checkout {
	background:url(../images/sub_checkout.jpg) no-repeat 40px 8px;
}

h3.search {
	background:url(../images/sub_searchrides.jpg) no-repeat 40px 8px;
}

h3.method {
	background:url(../images/sub_contactmethod.jpg) no-repeat 0 0;
}

h3.upcoming {
	background:url(../images/sub_upcoming.jpg) no-repeat 40px 8px;
}


h3.include {
	background:url(../images/sub_ridesinclude.jpg) no-repeat 40px 4px;
}


h3.memberof {
	background:url(../images/sub_memberof.jpg) no-repeat 40px 8px;
}

h3.vendor {
	background:url(../images/sub_vendor.jpg) no-repeat 40px 8px;
	clear:both;
}

h3.pics {
	background:url(../images/sub_pics.jpg) no-repeat 40px 8px;
	clear:both;
}

.index {
	text-align:center;
	font-weight:bold;
	font-size:16px;
}