@charset "utf-8";
/* CSS Document */

body, html {
	margin:0;
	padding:0;
	background:#ddd;
	color:#000;
}
body {
	min-width:800px;
	height: 100%;
}
html>body #wrap {
	height:100%;
} /* 100 % height */
#wrap {
	background:url(../images/greenbackground3.gif);
	margin:20px auto 20px auto;
	width:800px;
	min-height: 650px;
}
#header {
	background:#b58cb2;
	height: 353px;
	border-bottom: 2px solid black;

}
#header h1 {
	padding:5px;
	margin:0;
}

.topdiva {margin-top: 5px; z-index: 0;}
.bottomdiva {position: relative; z-index: 1;}

.bikemaiden {margin-left: 1px; margin-top: 5px; padding-bottom: 0px; position: relative; float: left;}
.toptitle {position: relative; float: left; margin: 8px 0 8px 20px;}
.toptitle2 {position: relative; float: left; margin: 8px 0 8px 285px;}
.subtitle {position: relative; float: right; margin-top: 35px; margin-right: 20px; }

.toptop {position: relative; clear: left;}

#main {
	position: relative;
	background:#9283be;
	float:right;
	width:513px;
	min-height: 300px;
	border-left: 3px solid black;
	border-right: 3px solid black;
	margin-right: 15px;
	margin-top: -212px;
	padding-bottom: 100px;
	z-index: 0;
}

.mac.ff3 #main {margin-right: 16px}
.mac.ff #main {margin-right: 15px}


.win.ie6 #main {margin-top: -217px; width: 513px; float: right; margin-right: 8px;}
.win.ie6 #sidebar {width: 266px;}


#main h1, #main h2, #main h3, #main p {
	padding:0 10px 0 20px;
	font-family: Candara, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#main h2 {
	margin: 5px 0 15px 0;
	font-size: 1.2em;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	clear: both;
}

#main h3 {
	margin: 5px 0 2px 0;
	font-size: 1.2em;
	line-height: 1.4;
	font-weight: bold;
	clear: both;
}

#main p {
	font-size: 1em;
	line-height: 1.2;
	margin-bottom: 0.5em;
}

#main p.image {text-align:center; margin-left: -20px; margin-top: 10px}
.inline {border: 2px solid #333;}

.inlineleft {
	clear: left;
	border: 2px solid #333;
	vertical-align:text-top;
	margin: 15px 10px 10px 20px;
	float: left;
	}

.inlineright {
	border: 2px solid #333;
	vertical-align: text-top;
	margin: 20px 20px 10px 10px; 
	float: right;
	}

#main div {margin-top: 5px; margin-bottom: 20px; padding-top: 10px; padding-left: 10px;}
#main p.imageleft {clear: right; margin-top: 12px; margin-left: 0;}
#main p.imageright {clear: left; margin-top: 12px; margin-right: 5px; padding-right: 5px;}
#main p.clearleft {clear:left;}

#main div.imageright p {padding-left:0px;}

/* CSS for sidebar */


#sidebar {
	float:left;
	min-height: 150px;
	width: 265px;
	margin-left: 0px;
	background: #fff;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	border-bottom: 3px solid black;
}


#sidebar ul {margin-top: 2px;}
#sidebar li {margin: 0 0 0 2px; border-bottom: 1px solid #ccc;}

#home a {height: 45px; width: 230px; display: block; background: url("../images/button_home_h.gif") top left no-repeat;}
#home a:link,#home a:visited {height: 45px; width: 240px; display: block; background: url("../images/button_home.gif") top left no-repeat;}
#home a:hover,#locator a:focus {text-decoration: none; height: 45px; width: 240px; display: block; background: url("../images/button_home_h.gif") top left no-repeat;}
#home a span {visibility: hidden}


#aboutus a {height: 45px; width: 240px; display: block; background: url("../images/button_aboutus_h.gif") top left no-repeat;}
#aboutus a:link, #aboutus a:visited {height: 45px; width: 240px; display: block; background: url("../images/button_aboutus.gif") top left no-repeat;}
#aboutus a:hover,#aboutus a:focus {text-decoration: none; height: 45px; width: 240px; display: block; background: url("../images/button_aboutus_h.gif") top left no-repeat;}
#aboutus a span {visibility: hidden}

#store a {height: 45px; width: 240px; display: block; background: url("../images/button_shoponline.gif") top left no-repeat;}
#store a:link, store a:visited {height: 45px; width: 240px; display: block; background: url("../images/button_shoponline.gif") top left no-repeat;}
#store a:hover,#store a:focus {text-decoration: none; height: 45px; width: 240px; display: block; background: url("../images/button_shoponline_h.gif") top left no-repeat;}
#store a span {visibility: hidden}

#wholesale a {height: 45px; width: 240px; display: block; background: url("../images/button_wholesale_h.gif") top left no-repeat;}
#wholesale a:link, #wholesale a:visited {height: 45px; width: 240px; display: block; background: url("../images/button_wholesale.gif") top left no-repeat;}
#wholesale a:hover,#wholesale a:focus {text-decoration: none; height: 45px; width: 240px; display: block; background: url("../images/button_wholesale_h.gif") top left no-repeat;}
#wholesale a span {visibility: hidden}

#locator a {height: 45px; width: 230px; display: block; background: url("../images/button_locator_h.gif") top left no-repeat;}
#locator a:link, #locator a:visited {height: 45px; width: 240px; display: block; background: url("../images/button_locator.gif") top left no-repeat;}
#locator a:hover,#locator a:focus {text-decoration: none; height: 45px; width: 240px; display: block; background: url("../images/button_locator_h.gif") top left no-repeat;}
#locator a span {visibility: hidden}

#faq a {height: 45px; width: 230px; display: block; background: url("../images/button_faq_h.gif") top left no-repeat;}
#faq a:link, #faq a:visited {height: 45px; width: 240px; display: block; background: url("../images/button_faq.gif") top left no-repeat;}
#faq a:hover,#faq a:focus {text-decoration: none; height: 45px; width: 240px; display: block; background: url("../images/button_faq_h.gif") top left no-repeat;}
#faq a span {visibility: hidden}


/* end CSS for sidebar nav */


#bikemaiden {
 	position: relative; 
	z-index: 0;
/*	float: left;
*/	margin-left: 1px;
	width: 239px;
}


#spacer {
	background:#d3b7cc;
	z-index: 1;
	width:554px;
	height: 242px;
	border-left: 3px solid black;
	border-right: 3px solid black;
	margin-left: -15px;
}

.footspan {clear: both}


/* Footer Box CSS */

#footer {
	background: transparent;
	clear:right;
}

#footer div {float: left}


#footlist {
	width:800px;
	display: block;
	background: #fff;
}

#footleft {
	width: 345px;
	float: left;
	padding: 15px 0 10px 55px;
	background: #fff;
	height: 90px;
}

#footright {
	width: 345px;
	margin-left: 0;
	float: right;
	padding: 15px 0 10px 55px;
	background: #fff;
	height: 90px;
}

#footleft h2, #footright h2 {margin-bottom: 5px;}

#footleft p, #footright p, #footleft li {margin-bottom: 3px;}

#footer h2 {
	font-family:  Candara, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000;
	font-weight: normal;
	text-decoration:none
}

#footer a, #footer p {
	font-family: Candara, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration:none
}

#footer a {color: #7F627C;}

#footer p {color: #000;}


#footer a:hover {
	font-family: Candara, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}


#bottom {
	clear: both;
	width: 800px;
	background: #eee;
	margin-top: 0;
	border-top: 1px dashed black;
	text-align: center;
}

/*
 #bottom a {margin-left: 75px; font-size: 1em;}
*/

#bottom a {text-align:center; font-size: 1em;}
#bottom a:hover {font-size: 1em;}

#bottom p {
//	margin-left: 50px;
	line-height: 30px;
}

#foot ul {
	width: 600px;
	display: inline-block;
	background: #fff;
	padding-left: 200px;
	line-height: 30px;
}
#foot li {
	width: 150px;
	display: inline;
	background: #fff;
	margin-right: 20px;
}
#foot li.a:hover {
	width:200px;
	display: inline-block;
	background-color: #d3b7cc;
}

/* End Footer CSS */

#images {
	padding: 10px;
	text-align:center
}
#images img {
	border: 1px solid #ddd;
	padding: 0px;
	margin-right: 0px;
}
img.front {
	height: 120px;
	width: 120px;
}
img.feature {
	height: 180px;
	width: 240px;
	margin-top: 40px;
	border: 3px solid black;
}
body {
	font-family: Candara, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2;
}

a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline
}

#main a:link {text-decoration: none;}

/*

#main p {
	margin-bottom: 7px;
}
#main div {
	margin-left: 12px;
	margin-right: 10px;
}

*/

#main h1 {clear: both; font-size: 1.1em; font-weight: bold; margin-bottom: 5px;}

.title {
	margin: 10px 10px 10px 22px;
}
.link {
	display: none;
}
.first {
	font-weight: bold
}




/* CSS for FAQ */

#faqlist li {
	margin-left: 12px;
	margin-bottom: 3px;
}
#faqlist ol {
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 10px;
	list-style-type: decimal;
}

#faqlist li a {text-decoration: none; background transparent;}

#faqanswers { padding-right: 10px}

#faqanswers h1 a { text-decoration: none;}

#faqanswers h1 {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#faqanswers p {
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 4px;
}

/* end CSS for FAQ */

/* CSS for store locator */

table #locator {margin: 0 20px;}
h3.state {font-style: italic; font-size: 1.1em; font-height: 1.3em; display: block; border-bottom: 1px solid black;}
.storename {font-weight: bold; margin-bottom: 0px; padding-bottom: 1px;}
.storeadd {margin-top: 1px; padding-top: 1px;}

/* end CSS for Store locator */

/* CSS for wholesale form */

div.row {
  clear: both;
  padding-top: 8px;
  }

div.row span.label {
  float: left;
  width: 150px;
  text-align: right;
  font-size: 1.1em;
  font-weight: bold;
  vertical-align: baseline;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  } 
  
div.row span.forms {
  float: right;
  width: 335px;
  text-align: right;
  } 
  
/* end CSS for wholesale form */