/* 
 * BASICS
 */

h1 { color: #fff000; font-weight: normal; font-size: 24px; font-family: "Times New Roman", Times, serif; line-height: normal; padding-bottom: 15px}
h2 { color: #83755a; font-weight: bold; font-size: 13px; line-height: normal; padding-bottom: 15px; margin-top: 25px}
h3 { color: #703132; font-weight: normal; font-size: 15px; line-height: normal; text-transform:uppercase}
h4 { color: #d78400; font-weight: bold; font-size: 16px; line-height: normal;}
h5 { color: #83755a; font-weight: bold; font-size: 20px; line-height: normal; padding-top: 15px;}
 
a { color: #4b8dc9; text-decoration: none;}
a:hover { color: #621111; text-decoration: none;}
a.triangle{ text-decoration: none; background: url('../images/bullet-arrow.gif') left no-repeat; padding-left: 10px; font-weight: normal;}
a.triangle:hover{ text-decoration: underline;}

ul li{ margin-bottom: 5px;}
ul li.green{ margin-bottom: 5px;}
ol li{ list-style: decimal; margin-bottom: 5px;}

p{ margin-top: 10px; padding: 0 0 15px 0;}
p img{padding: 5px;}

.header{font-size: 20px;font-weight: bold;}
.subheader{font-size: 16px;font-weight: bold;}
.hidden{display:none;}
.date{ font-size: 11px; color: #9a9a9a;}


/* 
 * Main Navigation
 */
#nav-top { background: url(../images/structure/nav-top.png) top left no-repeat; display: block; width: 151px; height:13px; font-size: 0px }
#nav-bot { background: url(../images/structure/nav-bot.png) top left no-repeat; display: block; width: 151px; height:17px; font-size: 0px }
#navigation { width: 151px; float: left}
#mainNav { background: url(../images/structure/nav-rep.png) top left repeat-y; width: 151px; float: left;}
#mainNav .main{ margin-top: 0; padding: 0; list-style: none;}
#mainNav ul {margin:0 0 0 5px; padding:0;}
#mainNav li { margin:0; padding:0; list-style: none;}
#mainNav a { float: left; padding: 13px 0 0 0; overflow: hidden; font-weight: bold; text-align: center; color: #000; line-height: 12px; text-transform: uppercase}
#mainNav a:hover { background-position: 0 -38px; text-decoration: none}
#mainNav .selected{ background-position: 0 -38px;}
#mainNav .selecteddouble{ background-position: 0 -38px; padding: 7px 0 0 0; overflow: hidden; height: 31px;}
#mainNav .double { padding: 7px 0 0 0; overflow: hidden; height: 31px;}
#mainNav .height { height: 25px}
#subnav a{ background-image: none !important; background: #eae8e3 !important; min-height: 5px !important; width: 124px !important; border: 1px #000 solid; padding: 5px 0 5px 0}
#subnav a:hover { background: #703132 !important; color: #fff}
#subnav .doublesub { padding: 7px 0 7px 0}
#doublecolumn { width: 300px !important}
#doublecolumn li { float: left;}

#nav-button a { width: 136px; background: url('../images/buttons/nav-button.png') top left no-repeat;}

#nav-social { color: #fff; font-size: 11px; line-height: 12px}
#nav-social p{ text-align: center !important; width: 145px}
#nav-social a:hover{ background-position: 0 0px}
#facebook a{ background: url(../images/buttons/nav-facebook.gif) top left no-repeat; width: 38px; height: 38px; text-indent: -99999em; margin: 0 10px 0 32px}
#twitter a{ background: url(../images/buttons/nav-twitter.gif) top left no-repeat; width: 38px; height: 38px; text-indent: -99999em}

#nav-email { background: url(../images/buttons/nav-email.gif) top left no-repeat; width: 130px; padding: 5px 0 0 3px; height: 23px; display: block; margin: 15px 0 5px 7px}
	.email { border: 0px; width: 125px; color: #b4b1a2; font-weight: bold}

#nav-text-bot { margin-top: 10px; padding-bottom: 0px; margin-bottom:5px}

/*
 * Google Search
 */


#cse-search { float: left; margin: 35px 0 20px 0}
.gsc-clear-button { display: none}
table.gsc-search-box td {float:right; clear: both !important; padding-right: 52px; margin-top: 5px}
.search-button { float:right; clear: both !important; padding-right: 12px;}
.gsc-input { width: 131px !important; margin-left: 2px}



/* 
 * Home Items 
 */

#home-content { width: 514px; text-align: center}
#home-content ul { margin-bottom: 10px; display: block}
#home-content p { text-align: left}
#home-content li { padding: 10px 0 5px 0 !important; clear: both; border-top: none !important; border-bottom: 1px solid;}
.home-title { font-weight: bold; font-size: 13px; color: #000;}
.home-item img { display: block; clear:both}
.home-date { height:20px; display: block; font-size: 10px; font-weight: bold}


/* 
 * Layout / Formatting
 */
 
#header { width: 1043px; height: 38px; background: url(../images/structure/header.png) top left no-repeat; display: block; margin: 25px auto 0;}

#wrapper{ width: 981px; margin: 0 auto; background: url(../images/structure/bg-rep.png) repeat-y; position: relative; padding: 0 31px 0 31px}
 
body{ background: url('../images/structure/bg.jpg') repeat-x #000; color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;}

#hd { position: relative; background:url('../images/structure/header-bg.jpg') top left no-repeat; height: 173px;}
#title a{ background: url(../images/structure/title.jpg) top left no-repeat; width: 741px; height: 173px; display: block; text-indent: -99999em; float: left}

#topNav { position: absolute; right: 0; top: 25px;}

#container{ width: 1043px; padding-bottom: 0;}

#center { background: url(../images/structure/center.png) top left repeat-y; width: 577px; height: 777px; margin-left: 153px; margin-top: 5px;}

#center-sm { height: 757px; width: 537px; overflow-y: scroll; padding:14px 15px 0 20px;}
#center-sm ul{ margin: 0px; padding: 0px}
#center-sm li{ list-style: none; margin: 0px; padding: 0px}

#featured-home { float: right; margin-right: 70px}
#featured-home ul { margin-top: 10px}
#featured-home li { font-size: 10px; line-height: 11px; margin-bottom: 15px}
#featured-home img{ padding-bottom: 10px}
.featured-bikes { list-style: none; margin: 0px; padding: 0px}
.feature-title { font-weight: bold;}
#featured-cont { width: 196px; height: 757px; position: absolute; padding:10px 15px 0 10px; overflow-y: scroll; overflow-x: hidden}
#featured-top { background: url(../images/structure/featured-top.png) top left no-repeat; display: block; width: 227px; height:11px; }
#featured-rep { background: url(../images/structure/featured-rep.png) top left repeat-y; width: 227px; height: 744px }
#featured-bot { background: url(../images/structure/featured-bot.png) top left no-repeat; display: block; width: 227px; height:20px;}


#weather { position: relative; float: left; margin-left: -7px}
.weatherone {height:96px; margin:5px 0 0 30px; position:absolute;}
.weathertwo{height:102px; position:absolute;  margin:70px 0 0 0; z-index:1;}
.weathertwo img{ display: none}
.wbx-gw-wrapper { display: none}

.sharethis { width: 158px; height: 22px; padding: 7px 0 0 15px; margin: -19px 27px 0 0; background: url(../images/structure/sharethis-bg.png) top left no-repeat; float: right}


/* 
 * Layout / Secondary Pages
 */

#content { float: right; margin-right: 57px;  }
#content-top { background: url(../images/structure/content-top.png) top left no-repeat; display: block; width: 826px; height:12px; font-size: 0px }
#content-rep { background: url(../images/structure/content-rep.png) top left repeat-y; display: block; width: 826px; min-height: 747px; margin-top: -1px; margin-bottom: -1px }
#content-bot { background: url(../images/structure/content-bot.png) top left no-repeat; display: block; width: 826px; height:18px; }

#content-left { float: left; width: 460px; text-align: center; font-size: 14px; line-height: 21px; padding: 0 20px 20px 20px}
#content-left p{ text-align: left !important; width: 440px; padding-left: 10px}
#content-left td.left { width: 25%; text-align: left; font-size: 13px}
#content-left td.center { width: 50%; text-align: left; font-size: 13px}
#content-left td.right { width: 25%; text-align: left; font-size: 13px}
	.rides { padding-top: 25px !important}
	.rides p{ text-align: center !important}
	
#content-right { float: left; width: 304px; padding: 25px 20px 0 0; text-align: center }
#content-right img { margin-bottom: 10px}

#content-middle { width: 750px; text-align: left; font-size: 12px; line-height: 30px; padding: 0 20px 20px 20px}
#content-middle p{ text-align: left !important; line-height: 21px;}
	
#coming-soon { width: 100%; padding-top: 70px; text-align: center}

#fitting-left { width: 291px; float: left;}
#fitting-copy { width: 244px; height: 609px; overflow-y: scroll; overflow-x: hidden;; padding: 10px 15px 10px 25px}
	.caps { text-transform: uppercase; font-weight: bold}
	.fit-images { margin-bottom: 20px}
#fitting-copybg { background: url(../images/content/fitting-bg.jpg) top left no-repeat; width: 291px; height: 641px}
#fitting-right { width: 435px; float: left; margin: 15px 0 0 30px; font-size: 12px; text-align: center; color: #611011}
#fitting-right .bold { font-size: 16px; font-weight: bold}

#services-main { position: relative; min-height: 900px}
#services { width: 207px; float: left; margin: 0px 0 20px 50px; font-weight: bold}
#services h1 { margin-top: 20px; padding-bottom: 5px}
#services td.title { width: 100%;}
#services td.left { width: 60%}
#services td.right { width: 40%; text-align: right}
#services td.details { width: 100%; color: #703132; font-size: 12px; font-weight: normal}
#services td.center { text-align: center; font-size: 9px; color: #703132;; font-weight: normal; padding-top: 15px}
#services ul{ padding-left: 20px; line-height: 13px; margin-top: 0px; margin-bottom: 0px}
#service-img { position: absolute; bottom: 10px; left: 40px}

#listing { padding: 30px 0 0 60px}
#breadcrumb { padding-bottom: 15px}
#products-bg { background: url(../images/structure/product-bg.jpg) top left no-repeat; height: 607px; width: 699px; display: block  }
#products { height: 581px; width: 622px; padding: 10px 20px 8px 50px; overflow-y: scroll; display: block  }
#products tr{ margin-bottom: 20px; display: block;}
	.product-img { width: 184px; height: 144px;  background: #fff; text-align: center; vertical-align: top}
	.product-img img {border: 1px solid #000;}
	.product-desc { padding: 0 0 0 20px; font-size: 13px; width: 370px}

#specials-header { padding-top: 20px;}
#specials-bg { background: url(../images/structure/specials-bg.jpg) top left no-repeat; width: 768px; height: 607px; display: block; margin: 20px 0 0 30px}
#spacials-cat { width: 706px; height: 581px; padding: 10px 20px 8px 35px; display: block; overflow-y: scroll}
#spacials-cat tr{ margin-bottom: 20px; display: block;}
	.special-img {}
	.special-desc { padding-left: 20px}

.employment-form h5 { color: #6F3031; border-bottom: 1px solid #6F3031; font-size: 16px; margin-bottom: 15px}
.employment { width: 125px; text-align: left; float: left}

/* 
 * Contact form
 */

#errors { width: 745px; margin: 0 auto; background: #e38181; border: 1px solid #c02121; -moz-border-radius: 5px; padding: 5px 5px 5px 10px}

#contact-form { background: url(../images/structure/contact-form.jpg) top left no-repeat; width: 216px; height: 495px; padding-top: 15px }

#contact-left { background: url(../images/structure/contact-left.jpg) top left no-repeat; width: 493px; height: 614px; float: left; margin: 25px 0 0 35px; padding: 20px 0 0 0; text-align: center; line-height: 30px}
#contact-map { margin: 20px 0 15px 0}
#contact-van { float: right; margin: -80px 20px -15px 0; width: 447px; height: 179px; background: url(../images/content/contact-van.png) top left no-repeat;}
#contact-right { width: 216px; float: left; margin: 25px 0 0 25px;}

.contactdesc {width:187px; margin: 0 0 0 18px;}
.contactdesc p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; margin: 0 !important}
.contactdesc h1{font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; font-size:14px; color:#000000; line-height:13px; }


form.contact label {width: 175px; margin-left: 10px;}
form.contact label.long, form.contact p.label {margin-left: 0px; width: 50px;}
form.contact label span {color: #900;}
form.contact input, form.contact textarea, form.contact select {margin: 5px 0 0 18px;width: 170px;}
form.contact textarea {width: 175px; height: 70px}
form.contact p.desc {margin-left: 18px;}
form.contact .checks label {margin-left: 18px;}
form.contact .checks input {margin-left: 18px; }

* html form.contact .checks input { margin-left: 18px; }
* html form.contact .checks label { margin-left: 18px; height: 1em;}

form.contact {margin:0 0 0 0;}
form.contact label {float: left;text-align: left;padding-top:10px;padding-left: 10px;font-weight: bold;font-size: 11px;font-family:Verdana, Arial, Helvetica, sans-serif; }


/* 
 * Layout / Footer
 */

#ft{ background:  url(../images/structure/footer.png) top left no-repeat; padding-left: 0; width: 1043px; height: 50px; display: block; margin: 0 auto; padding-bottom: 30px}



/*
 * Search
 */
 
 
 .gsc-input { float: left !important; width: 250px !important}
 #content-rep .gsc-search-button { float: right  !important; margin-top: -15px !important}
 
 .cse .gsc-control-cse, .gsc-control-cse { background-color: #E2E1DA !important}
 
 .email-button
 
 input.email-button {
margin-left:2px;
}

.cse input..email-button, input.email-button {
-moz-border-radius:2px 2px 2px 2px;
background-color:#CECECE;
border:1px outset #666666;
color:#000000;
font-family:inherit;
text-shadow:0 1px 2px #FFFFFF;
}