body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000; min-width: 1024px; text-align: center; background-position: center; background-color: #fff; }

a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

a:link, a:visited { text-decoration: underline; color: #666; }
a:hover, a:active, a:focus { text-decoration: none; color: #666;}

* { margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6 { font-family: Verdana, Arial, Helvetica, sans-serif; }

h1 { font-size: 2.6em; margin: 0 0 10px 0; }
h2 { font-size: 1.8em; margin: 0 }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }

p { padding-bottom: 20px; font-size: 1.2em; line-height: 1.3em;}

ul {list-style: none; font-size: 1.2em; line-height: 1.3em;padding: 0 0 5px 0; }
li { font-size: 1.2em; color: red; }

.clear {clear:both;}
.clearleft {clear:left;}
.left {float:left;}
.right {float:right; text-align: right;}

.sale {
	color: red;
	font-weight: bold;
}

/* _____________________ */

#wrapper { width: 850px; margin: 0 auto; text-align: left; }

#header { margin: 0px 0 10px 0; padding: 15px 0 10px 0; border-bottom: 2px dotted #999; }

#logo h1 {float: left; position:absolute; background:url(../images/global/logo/logo.jpg) no-repeat; text-indent:-5000px; outline:none; text-decoration:none; display:block; height:60px; width:200px; margin: 0; padding: 0;  }
#logo p a {float: left; position:absolute; background:url(../images/global/logo/logo.jpg) no-repeat; text-indent:-5000px; outline:none; text-decoration:none; display:block; height:60px; width:200px; margin: 0; padding: 0;  }
#logo p {margin: 0; padding: 0;  }


#tagline { float: right; position: relative; text-decoration:none; height:60px; width: 309px; margin: 0; padding: 0; color: #000; }
#tagline span { position: absolute; width: 100%; height: 100%; background: url(../images/global/title/live_the_ride.jpg) no-repeat;}

#content {float: left; width: 850px; margin: 25px 0 0 0;}
#content .intro { font-size: 1.8em;  }
#content .bold { font-weight: bold; padding: 0 0 5px 0;}
#content .nopadding { padding: 0 0 10px 0;}

#content ul { margin: 0 0 10px 00; padding: 0;  }
#content li {color: #000000; font-size: 1.1em; background: url(../images/bullets/bullet-reddot.gif) 0 6px no-repeat; padding: 0 0 10px 10px; }
#content p { font-size: 1.2em ; }
#mbuk-logo  { float:left; margin: 0 20px 0 0; }
#bikemagic-value  { float:left; margin: 0 10px 0 0; }
#what-bike  { float:left; margin: 0 10px 0 0; }
#content h2.hometitle { position: relative; text-decoration:none; height:30px; width:592px; margin: 10px 0 10px 0; padding: 0; }
#content h2 span { position: absolute; width: 100%; height: 100%; background: url(../images/global/title/title.gif) no-repeat;}
.red-error { color:#E00B3B;}
#reserve-now-panel { width: 400px; float:left; border-right: 1px dotted #E0E0E0; padding: 0 20px 0 0; }
#content h3 { font-size: 2.5em; font-weight: normal; margin: 0 0 12px 0; color:#E00B3B; }
#eregister-panel { width: 360px; float:left; padding: 0 0 0 35px; }
#eregister-panel p { padding: 0 0 10px 0; }

.bike-spec-box { width: 100%; margin: 20px 0 0 0;  float:left; }

#content img { margin: 0 0 45px 0; float:left;  }
#content img {float: left; margin: 0 15px 0 0; }
.bike-spec-box h2 { padding: 25px 40px 0 0;}
.bike-spec-box p { padding: 10px 40px 0px 0;}

#highlight {  background-color:#E0E0E0; padding: 10px 10px 5px 10px; margin-bottom: 20px;}
#highlight p { padding-bottom: 5px; }

#highlight a { font-size: 1.6em; font-weight: bold; color:#E00B3B; text-decoration: underline;  } 
#highlight a:hover { text-decoration: none;  }

#content #bike_img { clear:both; margin: 0 0 25px 0; float:left;  }
#content #bike_img img {float: left; margin: 0 15px 0 0; }
#content #bike_img .last-img {float: left; margin: 0;  }
.black-box { width: 190px; float:left; margin: 0 15px 0 0; background: #000; color: #FFF; padding: 5px;}
.black-box.last { margin: 0; }
#content #bike_img p {padding: 0; margin:0;  text-align: center; }


/* forms
---------------------------------------*/

input, textarea {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2px;
	font-size: 1.4em;
}

input.form_txtfldshort { width: 50px;  }
input.form_txtfldmed { width: 240px;  }
input.form_txtfldlong { width: 280px; }

select.textfield_4 { width: 240px; font-size: 1.4em; }
select.textfield_3 { width: 120px; font-size: 1.4em; }
select.textfield_2 { width: 70px; font-size: 1.4em; }
select.textfield_1 { width: 50px;  font-size: 1.4em; }

textarea { margin: 2px 0 0px 0; width: 80%; height: 120px; }
textarea.textarea_1 { margin: 2px 0 0px 0; width: 350px; height: 120px; }

input:focus {background:#FFC; }
input.checkbox { border: 0; margin: 0 5px 0 0; }
input.submit { 	border: 0; }


label.form_labels {width: 142px; float:left; padding: 0px 10px 0px 10px; margin: 5px 0px 5px 0px;text-align: right; }
label.form_labels_doubleline {width: 142px; float:left; padding: 0px 10px 0px 10px; margin: 15px 0px 5px 0px;text-align: right; }
.form_support_text { margin: 5px 0px 5px 162px; font-size:.9em; }
.labels_error { color: #f00; font-weight:bold;  }
.form_error { color: #f00; 	border-top: 2px solid #f00;	border-left: 2px solid #f00; border-bottom: 1px solid #f00;	border-right: 1px solid #f00; }

fieldset { margin: .5em 0 2em 0; padding: 1em; border: 1px solid #ccc;  position:relative; }
legend { font-size: 1.6em; padding: 0 5px 0 5px; color: #999; background-color:#FFFFFF;  }

.small_text { position:relative; font-size: .9em; font-style:italic; padding: 0 0 0 5px;}


input.textbox {
	float: left;
	clear: left;
	font-size: 1.4em;
	color: #666;
	width: 16em;
	border: 1px solid #666;
	padding: 0.3em;
	margin: 0 0 10px 0;
}

input#submit {
	float: left;
	clear: left;
	width: 10em;
	margin: 0;
}

#footer {font-size: 0.8em; margin: 25px 0 20px 0; padding: 5px 0 0 0; border-top: 2px dotted #999; }

#footer-logo { clear:both; width: 100%; }
#footer-logo img { padding-right: 10px; }
#validate_error p { color: red; padding: 0; margin: 0; }



#mainnav { clear: both; padding: 0; } 
#mainnav ul { float:left; list-style: none; }
#mainnav li { float: left; border: 1px solid #CCC; margin: 0; padding: 4px 18px 4px 18px; margin: 0 8px 0 0; }
#mainnav li.last { margin: 0;}
#mainnav li.red {background: #E00B3B; }
#mainnav li a:link, #mainnav li a:visited { text-decoration: none; margin: 0; padding: 0; height:1%; } /* Zoom is used to stop double padding in IE6 and below. */
#mainnav li a:hover, #mainnav li a:active { text-decoration: underline;  }
#mainnav .red a:link, #mainnav .red a:visited { color:#FFFFFF; } /* Zoom is used to stop double padding in IE6 and below. */
#mainnav .red a:hover, #mainnav .red a:active { text-decoration: underline; }

#mainnav .onState { background: #999; color:#FFFFFF }
#mainnav .onState a:link, #mainnav .onState a:visited { color:#FFFFFF; } /* Zoom is used to stop double padding in IE6 and below. */
#mainnav .onState a:hover, #mainnav .onState a:active { text-decoration: underline; }