/* Copyright Hyperactive Designs 2008 */
/* Yahoo Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* Style */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #000 url(images/bg-repeat.jpg) repeat-x;
	color:#FFF;
}
#wrapbg {
	background:url(images/bg.jpg) no-repeat top;
}
#wrap {
	margin: 0 auto;
	width: 940px;
}
#header {
	color: #666;
	width: 940px;
	clear: none;
	height:150px;
}
#header #keyword {
	line-height:20px;
	font-size:10px;
	color:#666;
	text-align:right;
}
#header .logo a {
	background:url(images/logo.gif) no-repeat;
	text-indent:-5000px;
	float:left;
	width:205px;
	height:108px;
}
#header .address  {
	background:url(images/phone.gif) no-repeat;
	text-indent:-5000px;
	float:right;
	width:331px;
	height:105px;
	margin-top:7px;
}

/* Nav */


#nav {
	width: 940px;
	height: 30px;
	font: bold 14px/30px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background:#ff3c00 url(images/nav-bg.gif) repeat-x top;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display:inline;
}
#nav li {
	display: inline;
}
#nav li a {
	text-decoration: none;
	padding: 0px 20px;
	display: block;
	float:left;
	color: #FFFFFF;
	list-style: none;
	border-right: solid #f53a00 1px;
	border-left: solid #ff7a19 1px;

}		
#nav li a:hover {
	background:#1e1e1e;
	border-right: solid #111 1px;
	border-left: solid #111 1px;
	color:#ffcc00;
}

/* Content */
#content {
	float: left;
	width: 710px;
	margin: 10px 10px 0 0;
	color: #fff;
}
#content p {
	margin-bottom:0.7em;
}
#content .headerimg {
	background:#333;
	margin-bottom:10px;
	position:relative;
}
#used_bike{
	height:				250px;
	width:				230px;
	background-color:	#ffffff;
	opacity:			0.8;
	position:			absolute;
	left:				10px;
	top:				10px;
}
#bike_content{
	height:				270px;
	width:				210px;
	position:			absolute;
	right:				0px;
	top:				0px;
	background-color:	#ffffff;
	opacity:			0.9;
	padding:10px;
	z-index: 20;
}
.bikebox{
	color:#222;
	float:left;
	font-size:10px;
}
#content .box {
	background-color:#FFF;
	color:#222;
	width:210px;
	padding:10px;
	margin:0 10px 10px 0;
	float:left;
	font-size:10px;
}
#content .box h2, 
#news h2,
.bikebox h2 {
	color:#ff5800;
	font-size:13px;
	text-transform:uppercase;
}
#content .boxend {
	margin:0 0 10px 0;
}
#content .content {
	background-color:#FFF;
	color:#222;
	padding:13px;
	margin-bottom:10px;
}

/* News */
#news {
	width: 200px;
	margin: 10px 0;
	float: left;
	font-size:11px;
	background-color:#000;
	padding:10px;
}
#news h3 a{
	color: #FFBA00;
	text-align: left;
	text-transform: uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 12px;
	text-decoration:none;
}
#news .date {
	color: #CCCCCC;
	text-align: right;
	padding-top: 1px;
	margin: 0px;
	padding-bottom: 4px;
	border-top: 1px solid #333;
	font: 10px Arial, Helvetica, sans-serif;
}
#news .newsitem {
	padding:12px 0 0;
}
#news p{
	margin-bottom:4px;
}



/* Footer */

#footer {
	clear: both;
	padding: 10px 0;
	font-size: 11px;
	color: #eee;
}
#footer .logo {
	float:right;
	margin:0 0 10px 10px;
}
#footer .footer {
	font-size:10px;
	color:#444;
	margin-top:10px;
}
#footer p {
	padding: 0 0 5px;
}
#footer a {
	text-decoration: none;
	color: #444;
}
#footer a:hover {
	text-decoration: underline;
	color:#666;
}




.clearfloat { /* class to fully contain float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* Global */
p {
	line-height:1.4em;
}
a {
	color:#0099cc;
}


h1, h2, h3, h4, h5 {
	margin-bottom:4px;
}

h1 {
	font-size:16px;
	font-weight:bold;
	color:#333;
}
h2 {
	font-size:14px;
	font-weight:bold;
	color:#333;
}
h4 {
	font-size:13px;
	color:#ff4000;
	font-weight:bold;
}
.right{
	text-align:			right;
	margin-top:			18px;
}
#news h2 a{
	font-size:			11px;
	text-decoration:	none;
}
.justify{
	text-align:			justify;
}
#news img{
	border:				1px solid #464646;
	padding:			1px;
	margin: 0 0 3px 3px;
	float:right;
}
.newsdate {
	font-size:11px;
	color:#ff4000;
	border-top:1px solid #ddd;
	margin-bottom:10px;
	padding-top:2px;
}
.IMAGE-border{
	border:				2px solid #bbb;
	margin:				6px;
	cursor:				pointer;
	padding: 1px;
}
.img-border{
	border:				1px solid #bbb;
	margin:				0 0 8px;
	cursor:				pointer;
	padding: 1px;
}
.gallery-border {
	border:1px solid #bbb;
	padding:1px;
	margin:0 5px 5px 0;
	cursor:pointer;
}
.bikes-imgborder{
	border:				1px solid #bbb;
	margin:				0 10px 8px 0;
	cursor:				pointer;
	padding: 1px;
}
.news-imgborder{
	border:				1px solid #bbb;
	margin:				0 0 10px 10px;
	cursor:				pointer;
	padding: 1px;
}
.bikes-imgborder2{
	border:				1px solid #bbb;
	margin:				1px 10px 1px 0;
	cursor:				pointer;
	padding: 1px;
}
.IMAGE-border2{
	border:				3px solid #d6d6d6;
	margin:				1px 4px;
	cursor:				pointer;
}
.IMAGE-border3{
	border:				1px solid #d6d6d6;
	padding:			1px;
	margin:				0 12px 0 0;
}
.PIC_FRAME{
	float:				left;
}
.bikeBackground{
	background-color:	#f4f4f4;
	border:				1px solid #eee;
	margin-bottom:		5px;
	padding:10px;
}
.details{
	margin:				0px;
}
.details .date, .date{
	font-size:11px;
	color:#999;
}
.details h4 {
	font-size:16px;
}
.description{
	margin-top:			10px;
}
.price{
	float:right;
	color:				#0099CC;
	font-size:			22px;
	font-weight:		bold;
}
.price2 {
	color:#0099cc;
	font-size:22px;
	font-weight:bold;
}
.actions{
	margin-top:			10px;
}
#navbar{
	padding:			6px;
	text-align:			center;
}
.navdiv{
	width:				16px;
	height:				16px;
	padding:			4px;
	font-family:		Arial, Helvetica, sans-serif;
	
}
.active{
	font-size:			18px;	
	font-weight:		bold;
	color:				#7a7a7a;
	cursor:				pointer;
}
.inactive{
	font-size:			18px;	
	font-weight:		bold;
	color:				#cacaca;
	cursor:				default;
}
.selected{
	border:				1px solid #CCC;
	color:#999;
	font-size:			12px;
	margin:				1px;
	padding:			4px;
	font-family:		Arial, Helvetica, sans-serif;
	cursor:				default;
}
.unselected{
	border:				0px solid #CCC;
	color:#999;
	padding:			4px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	margin:				1px;
	cursor:				pointer;
}
.spacer {
	background-color:#CCC;
	height:1px;
	font-size:1px;
	margin:15px 0;
}

/* Slideshow */

#slideshow {
    position:relative;
    height:290px;
}

#slideshow .IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}