/* CSS Document */

* {
text-decoration: none;
vertical-align: top;
}



/* body */

body {
background: url(../graphics/layout/back.jpg);
color: #08105A;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
margin: 0;
text-align: center;
}

	img {
	border: none;
	}
	
	.b {
	font-weight: bold;
	}
	
	.smalltext {
	font-size: .9em;
	}
	
	.float_right {
	float : right;
	margin : 0 0 10px 15px;
	}
		
	.blue {
	color: #00B4FF;
	font-weight: bold;
	}
	
	.red {
	color: #DF002C;
	}



/* wrapper */

#wrapper {
background: #fff url(../graphics/layout/wrapper.jpg) 0 0 repeat-y;
border-left: 1px solid #000;
border-right: 1px solid #000;
margin: auto;
position: relative;
text-align: left;
width: 900px;
}



/* top navigation */

p#nav {
border-bottom: 1px solid #fff;
color: #8EFF01;
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 158px 5px 6px 205px;
text-transform: uppercase;
}

	p#nav span#access {
	float: right;
	}

	p#nav a {
	color: #000;
	margin: 0 10px 0 0;
	}
	
		p#nav span#access a {
		background: #fff;
		border: 1px solid #000;
		margin: 0;
		padding: 0 4px;
		}
	
		p#nav a:hover {
		color: #194484;
		}



/* left */

#left {
background: #FAE427;
float: left;
padding: 86px 0 0;
width: 180px;
}

	#left p {
	background: #00B4FF url(../graphics/layout/blue-cheq.gif) repeat-y;
	border-bottom: 1px solid #fff;
	color: #061252;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 5px 5px 4px 40px;
	}
	
		#left p.header {
		background: #FAE427 url(../graphics/layout/yellow-cheq.gif) repeat-y;
		text-transform: uppercase;
		}
		
		#left p.border {
		border-top: 1px solid #fff;
		}
		
		#left a {
		color: #fff;
		}
		
			#left a:hover {
			color: #000;
			}



/* content */

#content {
float: right;
font-size: 1.2em;
padding: 0 0 20px;
width: 720px;
}

	#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content ul  {
	line-height: 1.5em;
	margin: 0;
	padding: 8px 20px;
	}
	
		#content p#trail {
		background: #FAE427;
		border-left: 1px solid #fff;
		color: #000;
		font-style: italic;
		font-weight: bold;
		padding: 4px 10px;
		text-transform: uppercase;
		}
		
			#content p#trail a, #content p.yellow {
			color: #1A4383l;
			}
		
			#content p.yellow {
			background: #FAE427;
			border-left: 1px solid #fff;
			border-top: 1px solid #fff;
			line-height: 1.6em;
			font-style: italic;
			font-weight: bold;
			padding: 4px 10px;
			}
	
		#content .large {
		font-size: 1.2em;
		}
	
		#content ul {
		padding : 8px 50px;
		}
	
		#content h1, #content h2, #content h3, #content h4, #content h5, #content h6  {
		color: #00B4FF;
		font-size: 1.2em;
		}
	
			#content h1#home  {
			color: #08105A;
			letter-spacing: -1px;
			text-transform: uppercase;
			}
			
		#content p.banner {
		margin: 0;
		padding: 20px 20px 8px;
		}
			
	#content a {
	color: #00B4FF;
	}
	
		#content a:hover {
		color: #000;
		text-decoration: underline;
		}



/* footer */

p#footer {
background: #184483;
color: #fff;
font-size: 1.1em;
margin: 0;
padding: 5px 8px;
}

	#footer a {
	color: #fff;
	margin: 0 2px;
	}
	


/* logo */

#logo {
background: url(../graphics/layout/logo.png) no-repeat;
* background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/layout/logo.png', sizingMethod='scale');
height: 121px;
position: absolute;
top: 154px;
left: 6px;
width: 171px;
z-index: 1000;
}



/* table */

table {
border-collapse: collapse;
margin: 8px 20px;
padding: 0;
border: none;
}

	table p {
	margin: 0;
	padding: 0 10px 10px;
	}
	
	table.usedBike {
	border: 2px solid #00B4FF;
	margin: 0 50px 20px;
	}




/* bike ranges */

#bikeBox {
margin: 0 20px;
}

#bikeBox p {
float: left;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 10px;
padding: 2px;
text-align: center;
}



/* newbikes */

#newbikes {
padding: 20px 20px 10px;
}

#hometext {
padding: 12px 12px;
}

	#newbikes p, #hometext p {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	}
	
		#newbikes p.nomargin, #hometext p.nomargin {
		margin: 0 0 10px 0;
		}
	
	#hometext .marquee {
	float: left;
	background: url(../graphics/cms/original/home-marquee.jpg) no-repeat;
	height: 127px;
	width: 342px;
	margin: 0px 10px 0 0px;
	padding: 40px 0 0 0;
	}
	
		#hometext .marquee marquee {
		height: 112px;
		font-weight: bold;
		font-style: italic;
		margin: 0 10px 0 16px;
		padding: 0;
		text-align: left;
		}




/* news ticker */

#newsTicker {
background: url(../graphics/layout/news.jpg) 12px 0 repeat-y;
margin: 10px 0 0;
padding: 0 12px;
}

#newsTicker2 {
background: url(../graphics/layout/news-top.jpg) no-repeat;
}

#newsTicker3 {
background: url(../graphics/layout/news-bottom.jpg) 0 100% no-repeat;
padding: 50px 0 25px 25px;
}

	#newsTicker3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
		#newsTicker3 ul li {
		float: left;
		margin: 0 17px 25px 0;
		text-align: justify;
		width: 308px;
		}
		
			#newsTicker3 ul li a {
			font-weight: bold;
			}



/* fixes */

p#nav,
#main,
#bikeBox,
#newbikes,
#hometext,
#newsTicker3 ul {
height: 1%;
}

	html>body p#nav,
	html>body #main,
	html>body #bikeBox,
	html>body #newbikes,
	html>body #hometext,
	html>body #newsTicker3 ul {
	height: auto;
	overflow: auto;
	}
	
/* News */

div.navigation {
float: left;
display: block;
width: 500px;
margin: 5px;
}

div.alignleft {
float: left;
display: block;
margin: 5px;
padding: 0;
width: 240px;
}

div.alignright {
float: right;
display: block;
margin: 5px;
padding: 0;
width: 240px;
text-align: right;
}

div.post {
clear: left;
}

div.post small {
display: block;
margin: 10px 20px;
}

#content div.post p.alt {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #eee;
margin: 8px 20px;
padding: 0;
}

#sidebar {
float: right;
display: block;
width: 180px;
margin: 10px;
border: 3px double #ccc;
background-color: #00B4FF;
}

#sidebar p.shead {
background:#FAE427 url(../graphics/layout/yellow-cheq.gif) repeat-y scroll 0 0;
text-transform:uppercase;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
color:#061252;
font-style:italic;
font-weight:bold;
margin:0;
padding:5px 5px 4px 40px;
}

#sidebar p.slink {
background: #00B4FF url(../graphics/layout/blue-cheq.gif) repeat-y scroll 0 0;
border-bottom:1px solid #FFFFFF;
color:#061252;
font-style:italic;
font-weight:bold;
margin:0;
padding:5px 5px 4px 40px;
}

#sidebar p.slink a {
color: #fff;
text-decoration: none;
}

#sidebar p.slink a:hover {
color: #000;
}

#sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}

#sidebar ul li {
margin: 5px 0 5px 5px;
padding: 0;
}

#sidebar input#s {
width: 100px;
}

#sidebar h2 {
margin: 5px 0px;
padding: 0;
}

#sidebar form {
margin: 5px 0;
padding: 0;
text-align: center;
}

#sidebar input, #sidebar select {
width: 160px;
}

#sidebar input#searchsubmit {
width: auto;
}

#sidebar p {
color: #fff;
margin: 5px;
padding: 0;
}

#sidebar a {
color: #000;
text-decoration: underline;
}



/* Newsletter. */

#newsletter {
background: #eee;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin: 0 20px;
width: 680px;
}

	#newsletter td {
	padding: 5px 10px;
	}

	#newsletter td input {
	width: 200px;
	}