@import url("reset.css");

/* main tags */

body { background: url(../images/core/bg.jpg) #000000 center top no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif;  }

body#order { background-color: #c1c1c1; padding-left: 60px; background-image: none; padding-top: 50px; }
body#order p { font-size: 0.8em; }

h1 { font-size: 1.5em; margin-bottom: 10px; }
h2 { font-size: 1.0em; margin-bottom: 10px; }
h3,h4,h5,h6 { font-size: 1.0em; color:#333;}

.message { float: left; width: 100%; }
.message ul{ margin:10px 0 10px 30px; list-style: disc;  }
.message ul li{ list-style: disc; font-size: 0.8em; line-height: 1.6em;  }
.message ol{ margin:10px 0 10px 30px; list-style: decimal;  }
.message ol li{ list-style: decimal;  font-size: 0.8em; line-height: 1.6em; }

.left { float:left; }
.right{ float:right; }
.clear { display:block; clear: both; }
.dark { color: #999999; }
.limage { float: left; margin-right: 10px; margin-bottom: 10px; border: 2px solid #9f6614; }
.rimage { float: right; margin-left: 10px; margin-bottom: 10px; border: 2px solid #9f6614; }

a.download { clear: both; min-height:20px; _height:20px; display: block; padding:0 0 0 50px; background: url(../images/icon-file.gif) no-repeat 20px 0; font-size: 0.8em; color: #FFFFFF;}
a.pdf { background-image: url(../images/icon-pdf.gif); background-repeat: no-repeat; background-position: 20px 0; }
a.doc { background-image: url(../images/icon-word.gif); background-repeat: no-repeat; background-position: 20px 0; }

.gallery { width: 100%; clear: both; float: left; padding-top: 10px; margin-bottom: 10px; }
.gallery a { display: block; margin-right: 0px; border: 1px; margin-right: 3px; width: 100px; float: left; }

.order { height: 14px; width: 131px; background: url(../images/core/order.gif) no-repeat 0 0; border: 0px !important; float: left; display: block!important; font-size: 0px; line-height: 0px;  }
.order:hover { background-position: 0 -14px; border: 0px; }

h2.latest-news { width: 162px; height: 15px; background: url(../images/core/h2-news.gif); display: block; text-indent: -9999px; }

#page-about_us a.thickbox img { float: right; margin-right: 0px; }
#page-merchandise a.thickbox img { float:left; }
#page-bikes a.thickbox img { float:left; }
#page-news_detail a.thickbox img { float:left; }

		a.thickbox { border: 2px solid #59595c; } 
		a.thickbox:hover { border: 2px solid #9f6614; } 
							
/* containers */

#container { margin: 0 auto 0 auto; width: 1000px;  }
#header{ width: 1000px; height: 325px; float: left; }
#header img { margin-top: 93px; }
	
	#main-wrapper { width: 1000px; float: left; background: url(../images/core/bg-rpt.jpg) repeat-y; } 
	#main{ width: 1000px; float: left; background: url(../images/core/bg-bottom.jpg) bottom no-repeat; position: relative;  }
	
		#mainLeft { width: 250px; float: left;  padding-left: 60px; position: relative; border: 0px solid red; clear: both; padding-bottom: 200px;  }
		#address { width: 250px;  background-image: url(../images/core/sheild.gif); float:left; text-align: center; padding-top: 60px; background-repeat: no-repeat; margin-bottom: 0; border:0px solid red;   clear: both;}
		#address p { font-size: 0.8em; line-height: 1.0em; margin-bottom: 8px; color: #FFFFFF; }
		#address a { color: #FFFFFF; }
		#address a:hover { color: #9f6614;  }
		
		#mainRight{ width: 655px;  float: left; background: url(../images/core/bg-mainr.gif) 0 0 no-repeat; border: 0px solid red; padding-bottom: 150px; }
	
		#page-index #content { padding-left: 20px; padding-top: 20px; width: 428px; float: left; margin-bottom: 50px; padding-right: 0px; }
		#mailing-list p { font-size: 0.8em; margin-bottom: 10px; line-height: 1.4em; text-align: center; color: #000000; }
		#mailing-list { text-align: center; float: left; border: 0px solid; clear: both; padding-top: 70px; }
		
		#content { padding-left: 20px; padding-top: 20px; float: left; padding-right: 80px; width: 555px; }
		#content p { font-size: 0.8em; margin-bottom: 10px; line-height: 1.4em; }
		#content a { color: #9f6614; text-decoration: none; }
		#content a:hover { text-decoration: underline; }

		#current-news { width: 160px; height: 400px; float: right; padding-left: 20px; padding-top: 70px; padding-right: 20px; }
		#current-news img { border: 3px solid #c1c1c1; margin-bottom: 10px; }
		#current-news p { font-size: 0.7em; line-height: 1.4em; margin-bottom: 10px; }
		#current-news a { color: #9f6614; text-decoration: none; }
		#current-news a:hover { text-decoration: underline; }		
	
		#footer{ width: 1000px; height: 100px; float: left; clear: both;  }
		#footer p { font-size: 0.8em; color: #ffffff ; line-height: 1.4em; margin-bottom: 10px; padding-left: 80px; float: left; }
		#footer a { color: #FFFFFF; }
		#footer img { margin-right: 40px; }
	
		#map { float: left; padding-bottom: 50px; border: 0px solid red; }
	
		ul#affiliates { width: 250px; position: absolute; bottom: 42px; left: 60px; clear: bot; }
		ul#affiliates li { float: left; width: 50%; }
	
		ul.news-list {  }
		ul.news-list img { float: left; margin-right: 10px; }
		ul.news-list li { padding-bottom: 10px; border-bottom: 0px solid #000000; display:block; padding-top: 10px; min-height:155px; _height:155px; }

		ul#merchandise, ul#bike-listing {}
		ul#merchandise img { float:right; }
		ul#merchandise li.merchandise-item, ul#bike-listing li.bike-item {display:block; min-height:250px; _height:250px; margin:0 0 10px 0; padding:0 0 35px 0; background: url(../images/core/arrow.gif) repeat-x bottom left; }

		.download-container	{clear:both; margin: 0 0 10px 0;}
		.order-container {clear:both; margin:0 0 0 0;}
	
/* navigation */

ul#nav{ width: 250px; height: 240px; float: left; display: block; }


#nav li.home { float: left; width: 250px; height: 44px; }
#nav li.news { float: left; width: 250px; height: 36px; }
#nav li.about-us { float: left; width: 250px; height: 43px; }
#nav li.product { float: left; width: 250px; height: 37px; }
#nav li.bikes { float: left; width: 250px; height: 40px; }
#nav li.contact-us { float: left; width: 250px; height: 40px; }

#nav li.home a { width: 250px; height: 44px; display: block; background-image: url(../images/core/nav_01.gif); text-indent: -9999px; }
#nav li.news a { width: 250px; height: 36px; display: block; background-image: url(../images/core/nav_02.gif); text-indent: -9999px; }
#nav li.about-us a { width: 250px; height: 43px; display: block; background-image: url(../images/core/nav_03.gif); text-indent: -9999px; }
#nav li.product a { width: 250px; height: 37px; display: block; background-image: url(../images/core/nav_04.gif); text-indent: -9999px; }
#nav li.bikes a { width: 250px; height: 40px; display: block; background-image: url(../images/core/nav_05.gif); text-indent: -9999px; }
#nav li.contact-us a { width: 250px; height: 40px; display: block; background-image: url(../images/core/nav_06.gif); text-indent: -9999px; }

#nav li.home a:hover { background-position: 0 -44px; }
#nav li.news a:hover { background-position: 0 -36px; }
#nav li.about-us a:hover { background-position: 0 -43px; }
#nav li.product a:hover { background-position: 0 -37px; }
#nav li.bikes a:hover { background-position: 0 -40px; }
#nav li.contact-us a:hover { background-position: 0 -40px; }

#page-index li.home a { background-position: 0 -44px; }
#page-news li.news a, #page-news_detail li.news a { background-position: 0 -36px; }
#page-about_us li.about-us a { background-position: 0 -43px; }
#page-merchandise li.product a { background-position: 0 -37px; }
#page-bikes li.bikes a { background-position: 0 -40px; }
#page-contact_us li.contact-us a { background-position: 0 -40px; }

/* form */

#form-holder { width: 360px; float: left; }

.form { margin-top: 10px; float: left; display: block; width: 360px;   }
.form li { margin-bottom: 5px; width: 100%; clear: both; } 
.form label  { display: inline-block; width: 130px; vertical-align: top; float: left; padding-left: 10px; font-size: 0.8em; margin-top: 3px; padding-bottom: 10px;}

textarea { width: 200px; border: 1px solid; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;  }
input { border: 1px solid #000000; font-family: Verdana, Arial, Helvetica, sans-serif; height: 20px; }

.baseform span.attention {color: #ff0000; font-weight: bold;}
.baseform label.error {
  float: none;
  display: block;
  color: #ff0000;
	margin-left: 135px;
	margin-top: 5px;
  width: auto;
	font-size: 0.7em;
}
#mailing-list form { width: 150px; margin: 0 auto 0 auto; }
#mailing-list label  { display: inline-block; vertical-align: top; float: left; padding-left: 2px; font-size: 0.8em; margin-top: 3px; }
#mailing-list input { border: 1px solid #000000; font-family: Verdana, Arial, Helvetica, sans-serif; height: 20px; margin-bottom: 3px; padding-left: 2px; padding-top: 2px; }
#mailing-list button { border: 1px solid #000000; font-family: Verdana, Arial, Helvetica, sans-serif; height: 20px; margin-bottom: 3px; margin-right: 0px; }
#mailing-list #checkbox { margin-right: 0px; border: 0px !important; }

#mailing-list span.attention {color: #ff0000; font-weight: bold;}
#mailing-list label.error {
  float: none;
  display: block;
  color: #ff0000;
	margin-left: 135px;
	margin-top: 5px;
  width: auto;
	font-size: 0.7em;
}