/* CSS Document */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, legend, label, fieldset, input, blockquote, th, td {
	margin: 0;
	padding: 0;
}


body {
	font: 70%/170% "Trebuchet MS", Trebuchet, arial, sans-serif; 
	background: #fff url(../images/index-bg.jpg) top center repeat-x;
	margin: 0px; padding:0px;
	color:#666;
}

.clear { clear:both;}

a {border:0px;} 

a {outline:0px;}

ol, li {list-style-type:none;}

a:link { color:#999; padding: 0px; margin:0px;  text-decoration: underline;}
a:visited { color:#999; border-bottom:1px solid #006699; text-decoration: none; padding: 0px; margin:0px; text-decoration: none;}
a:hover { color:#CCC; border-bottom:1px solid #999; text-decoration: none; }
a:active { text-decoration: none;}

#main-contatiner { width:100%; margin: 0px auto 0px auto; padding:0px; background: url(../images/index-container-rpt-silver.png) top left repeat-x;}
/*#header-contatiner { width:100%; height:185px; margin: 0px auto 0px auto; padding:0px; background:url(../images/header-repeat.jpg) top left repeat-x; }*/
#header { width: 936px; height:217px; margin: 0px auto 0px auto; padding:0px 0px 0px 0px; }
#header-top { width: 936px; height:42px; margin: 0px auto 0px auto; padding:0px 0px 0px 0px; float:left;}
#header-middle { width: 936px; height:20px; margin: 0px auto 0px auto; padding:3px 0px 0px 0px;  float:left; text-align:center;}
#header-bottom { width: 936px; height:152px; margin: 0px auto 0px auto; padding:0px 0px 0px 0px; float:left;}
#header-left { width: 388px; height:152px; margin: 0px; padding:0px 0px 0px 0px; float:right; }
#header-right { width: 548px; height:152px; margin: 0px; padding:0px 0px 0px 0px; float:left; background: url(../images/browse.png) top left no-repeat; }

#browselist  {
float: left;
list-style: none;
margin: 28px 0px 0px 0px; padding: 0px;
height: 114px; width: 542px;
display: inline; overflow: hidden;
}

#browselist li {
margin: 0px;  padding: 0px;
display: inline; list-style-type: none;
text-indent:-9999px;
}

#browselist  a {
float: left;
padding: 0px; height: 114px;
overflow: hidden;
}


.kawasaki-browse a {width: 135px; height:112px; background:url(../images/browse-kawasaki.png) top left no-repeat;}
.suzuki-browse a {width: 135px; height:112px; background:url(../images/browse-suzuki.png) top left no-repeat;}
.honda-browse a {width: 135px; height:112px; background: url(../images/browse-honda1.png) top left no-repeat; }
.sym-browse a {width: 136px; height:112px; background:url(../images/browse-sym.png) top left no-repeat;}


.tweet {display:none;}

#header-left h1.usedtitle { width: 388px; height:152px; margin: 15px auto 0px auto; padding:0px; background:url(../images/used-direct-logo.png) 50% center no-repeat; text-indent:-9999px;}



#navigation { width: 936px; height:46px; margin: 0px auto 10px auto; padding:0px; background:url(../images/nav-used-bg.png) top left no-repeat; }

#nav-wrap { width: 936px; height:46px; margin: 0px auto 0px auto; padding:0px 0px 10px 0px; }


#nav  {
float: left;
list-style: none;
margin: 0px; padding: 15px 0px;
height: 31px; width: 936px;
display: inline; overflow: hidden;
*height: 35px;  *padding:11px 0px;
}

#nav li {
margin: 0px; padding: 0px;
display: inline; list-style-type: none;
text-align:center;
font-size:125%;

}
#nav a {
color:#FFFFFF;
float:left;
height:46px;
margin:0 0 0 18px;
padding:0;
text-align:center;
text-decoration:none;
}

#nav a:hover {
color:#000000;
}

#nav a:active, #nav a.selected {
color:#000000;
}

.home a  {
width: 93px;

}

.kawasaki a  {
width: 63px;
}
#used #navigation #nav .used a {
color:#000000;
}

.suzuki a  {
width: 90px;
}

.honda a  {
width: 60px;
}

.sinnis a  {
width: 93px;
}

.used a  {
width: 73px;
}

.shop a  {
width: 93px;
text-align:center;
}
.service a  {
width: 85px;
text-align:center;
}
.about a  {
width: 93px;
}

.bikehire a  {
width: 73px;
}
.contact a  {
width: 93px;
}
#content { width: 966px; margin: 0px auto 0px auto; padding:0px; background: url(../images/stage-bg.png) top left repeat-x ; }


#used #index-wrap { width: 926px; margin: 0px auto; padding:5px; }
#used #content-left{ width: 197px; margin: 0px auto; padding:0px; float:left; }
#used #content-left h2 { width: 197px;  height:59px; margin: 10px auto 0px; padding:0px; float:left; text-indent:-9999px; background:url(../images/h2-used.gif) top left no-repeat;}
#used #content-right{ width: 714px; margin: 0px auto; padding:5px; float:left; }

#column-left { padding:0px;margin:10px 12px 0px 0px; float:left; width:290px;}
#column-center { padding:0px; margin:10px 12px 0px 0px; float:left; width:290px; }
#connect-list  {
	list-style: none;
	margin: 0px; padding: 0px;
	width:287px; 
	display: block; 
	border:0px;

}

#connect-list li {
	margin: 0px;  padding: 0px;
	display: inline; list-style-type: none;
	text-indent:-9999px;
	height:56px;
	border:0px;
}

#connect-list a {
	float: left;
	padding: 0px; 	width:287px;
	overflow: hidden;
	height:56px;
	border:0px;
}

#connect-list a:hover {
	background-position: -287px 0px;
	border:0px;
}

#connect-list a:active, #connect-list a.selected {
	background-position: -482px 0px;
	border:0px;
}


.connect-contact a  {
	width:287px; height:56px;
	background:url(../images/connect-contact.gif);
	border:0px;
}

.connect-about a  {
	width:287px; height:56px;
	background: url(../images/connect-about.gif) top left no-repeat;
	border:0px;
}

.connect-find a  {
	width:287px; height:56px;
	background: url(../images/connect-find.gif) top left no-repeat;
	border:0px;
}


#column-center h2 { padding:0px; margin:0px; height:52px; float:left; width:290px; background: url(../images/h2-welcome.gif) top left no-repeat; text-indent:-9999px;}
#column-right { padding:0px; margin:10px 0px 0px 0px; float:left; width:290px;}

.clear {clear:both;}

.adlist { padding:0px; margin:0px; }
.adlist li { padding:0px; margin:5px 0px 10px 0px;}
.adlist img a {border:0px; outline:0px;}

#footer-wrap { width: 936px; margin: 0px; padding:0px; margin:0px auto; background: #696969 url(../images/used-footer-rpt.gif) top left repeat-x;}
.footer-item { float:left; padding:20px 5px 30px 35px; margin:0px;}
.footer-item h3 { font-size:90%; color:#696969; margin:0px 0px 5px 0px; text-transform: uppercase;  }

.footer_list { color:#eee; margin:0px; padding:0px; line-height:1.8em;  display:block; }
.footer_list li { margin:0px; padding:0px; line-height:1.8em; display:block;}
.footer_list a { margin:0px; padding:0px; line-height:1.8em; }

.footer_list a:link { color:#eee; padding: 0px 0px 0px 0px; margin:0px; border-bottom: 1px solid #696969; text-decoration: none;}
.footer_list a:visited { color:#eee; padding: 0px 0px 0px 0px; margin:0px; border-bottom: 1px solid #696969; text-decoration: none;}
.footer_list a:hover { color:#fff; text-decoration: none; border-bottom: 1px solid #fff; }
.footer_list a:active { text-decoration: none;}

.enter  {
width: 77px; height: 22px;
padding:0px; margin:5px;
float:left;
text-indent:-9999px;
}

.enter a {
background:url(../images/submit-button.gif) no-repeat top left;
width: 77px; height: 22px;
padding:0px; margin:0px;
float:left;
background-position: -77px 0px;
}

.enter a:hover {
background-position: 0px 0px;
background:url(../images/submit-button.gif) no-repeat top left;
}


img {border:0px; outline:0px;}
img a {border:0px; outline:0px;}


ul.tabNavigation  {
list-style: none;
margin: 43px 0px 0px 0px; padding: 0px;
height:26px; width:700px; 
display: inline; overflow: hidden;
float:left;
}

ul.tabNavigation li {
margin: 0px;  padding: 0px;
display: inline; list-style-type: none;
text-indent:-9999px;
}

ul.tabNavigation a {
float: left;
padding: 0px; height: 26px;
overflow: hidden;
}

				
.welcome a {
				  background:url(../images/li-welcome-used.gif) top left no-repeat;
				  height:26px; width:95px; 
                }
				
.viewused a {
				  background:url(../images/li-view-used.gif) top left no-repeat;
				  height:26px; width:95px; 
                }
#used #newsletter_signup .textarea {
	border: 1px solid #999;
}
#used .button-newsletter-signup, #used .quote-button {
	background: url('../images/submit-button.gif') no-repeat right top;
	color: #fff; font-size: 0.1em; /*to partially hide button text in ie6*/
	border: 1px solid #999;
}
.details a {
				  background:url(../images/details-silver.gif) top left no-repeat;
				  height:26px; width:95px; 
                }

.viewbikes a { /*view bikes*/
				  background:url(../images/li-view-used.gif) top left no-repeat;
				  height:26px; width:95px; 
                }
					
.quote a {
				  background:url(../images/quote-silver.gif) top left no-repeat;
				  height:26px; width:95px; 
                }
.enquire a {
				  background:url(../images/li-enquire-silver.jpg) top left no-repeat;
				  height:26px; width:95px; 
                }
				
.accessories a {
				  background:url(../images/li-accessories.gif) top left no-repeat;
				  height:26px; width:95px; 
                }



h3.quality-check{
	display: block;
	width: 480px;
	height: 20px;
	text-indent: -999em;
	background: #fff url('../images/h3-qualitycheck.gif') no-repeat 0 0;
	margin: 10px 0 10px 0;
}
h3.hpi-check{
	display: block;
	width: 480px;
	height: 20px;
	text-indent: -999em;
	background: #fff url('../images/h3-hpicheck.gif') no-repeat 0 0;
	margin: 10px 0 10px 0;
}

.bike-selectlist select {
	border: 1px solid #ccc;
}
/****** Dropdown Menus *******/
#used ul.topnav {
	list-style: none;
	padding: 1px 0px 0px 0px;
	margin: 0;
	float: left;
	width: 920px;
	font-size: 1.2em;
}
#used ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 16.5px 0 18px;
	font-weight: bold;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
#used ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
#used .topnav { 
	color:#FFFFFF;
	float:left;
	height:46px;
	margin:0 0 0 0px;
	padding:0;
	text-align:center;
	text-decoration:none;
}

#used .topnav a:hover {
	color:#000;
}

#used .topnav a:active, .topnav a.selected {
	color:#000;
}
#used ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	margin: 4px 0px 0px 0px;

	background: url('../images/subnav_btn.gif') no-repeat center top;
}
#used ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
#used ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 33px;
	background: #152737;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #7e7e7e;
	text-align: left;

}
#used ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 0px solid #7e7e7e; /*--Create bevel effect--*/
	border-bottom: 1px solid #7e7e7e; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
	
}
#used ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #b1b1b1 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;

}
#used ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #7e7e7e url(dropdown_linkbg.gif) no-repeat 10px center;
	color: #ffffff;
}