/* 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:none;} 

a {outline:0px;}

/*ol, li {list-style:none;}*/
li {
	list-style: none;
}

a:link { color:#006699; padding: 0px; margin:0px;  text-decoration: underline;}
a:visited { color:#006699; border-bottom:1px solid #006699; text-decoration: none; padding: 0px; margin:0px; text-decoration: none;}
a:hover { color:#999; 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.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; overflow: hidden;}
#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; }
.sinnis-browse a {width: 135px; height:112px; background:url(../images/browse-sinnis.png) top left no-repeat;}

.tweet {display:none;}

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

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

#navigation { width: 936px; height:46px; margin: 0px auto 10px auto; padding:0px; background:url(../images/header-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 {
float: left;
margin: 0px;  padding: 0px; 
height: 46px;
color:#fff;
text-decoration:none;
text-align:center;
}

#nav a:hover {
color:#00adef;
}

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

.home a  {
width: 93px;
}

.kawasaki a  {
width: 93px;
}

#about #navigation #nav .about a, #contact #navigation #nav .contact a, #bikehire #navigation #nav .bikehire a, #home #navigation #nav .home a {
color:#00adef;
}

.suzuki a  {
width: 93px;
}

.honda a  {
width: 93px;
}

.sinnis a  {
width: 93px;
}

.used a  {
width: 93px;
}

.shop a  {
width: 93px;
}

.about a  {
width: 93px;
}

.bikehire a  {
width: 93px;
}

.contact a  {
width: 93px;
}

#contact #navigation #nav .contact a {
background-position: 0 -46px;
}

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

#home #index-wrap { width: 896px; margin: 0px auto; padding:20px; }
#home #feature-panel { width: 896px; height:257px; margin: 0px auto; }
#home #feature-panel-left { width: 595px; height:257px; margin: 0px auto; float:left;}
#home #feature-panel-right { width: 286px; height:257px; margin: 0px 0px 0px 15px; float:left;}

#about #index-wrap { width: 926px; margin: 0px auto; padding:5px; }
#about #content-left{ width: 197px; margin: 0px auto; padding:0px; float:left; }
#about #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;}
#about #content-right{ width: 714px; margin: 0px auto; padding:5px; float:left; }

#contact #index-wrap { width: 926px; margin: 0px auto; padding:5px; }
#contact #content-left{ width: 197px; margin: 0px auto; padding:0px; float:left; }
#contact #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;}
#contact #content-right{ width: 714px; margin: 0px auto; padding:5px; float:left; }

#terms #index-wrap { width: 926px; margin: 0px auto; padding:5px; }
#terms #content-left{ width: 197px; margin: 0px auto; padding:0px; float:left; }
#terms #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;}
#terms #content-right{ width: 714px; margin: 0px auto; padding:5px; float:left; }

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

#news #index-wrap { width: 926px; margin: 0px auto; padding:5px; }
#news #content-left{ width: 197px; margin: 0px auto; padding:0px; float:left; }
#news #content-left h2 { width: 197px;  height:59px; margin: 10px auto 0px; padding:0px; float:left; text-indent:-9999px; }
#news #content-right{ width: 714px; margin: 0px auto; padding:5px; float:left; }

#about #content-right p { margin: 0px; padding:0px 20px 20px 20px;  }
#about #content-right h3 { line-height:1.4em; font-size:130%; color:#006699; margin: 0px; padding:0px 20px 20px 20px;  }
/*
#contact #content-right p { margin: 0px; padding:0px 20px 20px 20px;  }
#contact #content-right h3 { line-height:1.4em; font-size:130%; color:#006699; margin: 0px; padding:0px 20px 20px 20px;  }
*/
#terms #content-right p { margin: 0; padding:0 20px 10px 20px;  }
#terms #content-right ul { margin: 0; padding:0 20px 5px 30px; }
#terms #content-right ul li {list-style: disc; margin-left: 15px;}
#terms #content-right ol { margin: 0px; padding:0px 20px 5px 30px;   }
#terms #content-right ol li {list-style: lower-alpha;  margin-left: 15px; }
#terms #content-right h2 { font-size:1.3em; color:#069; margin: 0; padding:0 20px 10px 20px;  }
#terms #content-right h3 { font-size:1.2em; color:#069; margin: 0; padding:0 20px 5px 20px;  }
#terms #content-right h4 { font-size:1.1em; color:#069; margin: 0; padding:0 20px 5px 20px;  }

#news #content-right p { margin: 0; padding:0 20px 10px 20px;  }
#news #content-right ul { margin: 0; padding:0 20px 5px 30px; }
#news #content-right ul li {list-style: disc; margin-left: 15px;}
#news #content-right ol { margin: 0px; padding:0px 20px 5px 30px;   }
#news #content-right ol li {list-style: lower-alpha;  margin-left: 15px; }
#news #content-right h2 { font-size:1.3em; color:#069; margin: 0; padding:0 20px 10px 20px;  }
#news #content-right h3 { font-size:1.2em; color:#069; margin: 0; padding:0 20px 5px 20px;  }
#news #content-right h4 { font-size:1.1em; color:#069; margin: 0; padding:0 20px 5px 20px;  }

#content-right h2.aboutus {height:140px; width:704px; background:  url(../images/h2-about.jpg) top left no-repeat; text-indent:-9999px; margin:0px 0px 0px 12px; padding:0px;}
#content-right h2.contactus {height:140px; width:704px; background: url(../images/h2-contact.jpg) top left no-repeat; text-indent:-9999px;  margin:0px 0px 0px 12px; padding:0px;}
#terms #content-right h2.tcs {height:140px; width:704px; background: url(../images/h2-hire-terms.jpg) top left no-repeat; text-indent:-9999px;  margin:0px 0px 0px 12px; padding:0px;}
#terms #content-right h2.wtc {height:140px; width:704px; background: url(../images/h2-site-terms.jpg) top left no-repeat; text-indent:-9999px;  margin:0px 0px 0px 12px; padding:0px;}
#terms #content-right h2.wpp {height:140px; width:704px; background: url(../images/h2-privacy.jpg) top left no-repeat; text-indent:-9999px;  margin:0px 0px 0px 12px; padding:0px;}
#news #content-right h2.news {height:140px; width:704px; background: url(../images/h2-latest-news.jpg) top left no-repeat; text-indent:-9999px;  margin:0px 0px 0px 12px; padding:0px;}




#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: 0px 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;
}
.connect-news a  {
	width:287px; height:56px;
	background: url(../images/connect-news.jpg) top left no-repeat;
	border:0px;
}
div.connect-facebook  {
	width:287px; height:100px;
}

#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: #274157 url(../images/footer-repeat.jpg) top left repeat-x;}
.footer-item { float:left; padding:20px 5px 30px 35px; margin:0px;}
.footer-item h3 { font-size:90%; color:#00adef; margin:0px 0px 5px 0px; text-transform: uppercase;  }

.footer_list { 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:#999; padding: 0px 0px 0px 0px; margin:0px; border-bottom: 1px solid #006699;text-decoration: none;}
.footer_list a:visited { color:#999; padding: 0px 0px 0px 0px; margin:0px; border-bottom: 1px solid #006699;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;
}

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-hire.gif) top left no-repeat;
				  height:26px; width:95px; 
                }
				
.viewhire a {
				  background:url(../images/li-hire-welcome.gif) top left no-repeat;
				  height:26px; width:95px; 
                }
				

               /* ul.tabNavigation li a {
                    padding: 3px 5px;
                    background-color: #ccc;
                    color: #000;
                    text-decoration: none;
                }*/

                ul.tabNavigation li a.selected,
                ul.tabNavigation li a:hover {
                    background-position:0px -26px;
                }
                
                ul.tabNavigation li a:focus {
                        outline: 0;
                }

                .tabs {
                        padding: 20px 15px 20px 15px;
                        margin-top: 0px;
                        /*border: 1px solid #eee;*/
						float:left;
                }
                
               .tabs h2 {
                        margin: 7px 0px 7px 0px;
                }

                #first {
                     padding: 8px 15px 20px 15px;
                        margin-top: 0px;
                        /*border: 1px solid #eee;*/
						float:left;
						 border: 1px solid #eee;
                }

                #second {
                     padding: 8px 15px 20px 15px;
                        margin-top: 0px;
                        /*border: 1px solid #eee;*/
						float:left;
						 border: 1px solid #eee;
                }
				#third {
                     padding: 8px 15px 20px 15px;
                        margin-top: 0px;
                        /*border: 1px solid #eee;*/
						float:left;
						 border: 1px solid #eee;
                }
 .waste {
                        min-height: 1000px;
                }





a:hover {border:none;} 
a:visited {border:none;} 

/*Text replacement*/
.h3-contact-us {
	display: block;
	width: 87px;
	height: 15px;
	text-indent: -999em;
	background: #fff url('../images/h3-contact-us.png') no-repeat 0 0;
	margin: 0 0 10px 0;
}
.h3-opening-times {
	display: block;
	width: 115px;
	height: 19px;
	text-indent: -999em;
	background: #fff url('../images/h3-opening-times.png') no-repeat 0 0;
	margin: 15px 0 10px 0;
}
.h3-submit-an-enquiry {
	display: block;
	width: 142px;
	height: 19px;
	text-indent: -999em;
	background: #fff url('../images/h3-submit-an-enquiry.png') no-repeat 0 0;
	margin: 0 0 10px 0;
}
.h3-thankyou-for-your-enquiry {
	display: block;
	width: 204px;
	height: 19px;
	text-indent: -999em;
	background: #fff url('../images/h3-thankyou-for-your-enquiry.png') no-repeat 0 0;
	margin: 0 0 10px 0;
}
h3.delivery-collection {
	display: block;
	width: 480px;
	height: 23px;
	text-indent: -999em;
	background: #fff url('../images/h3-delivery.gif') no-repeat 0 0;
	margin: 10px 0 10px 0;
}
h3.learner-riders {
	display: block;
	width: 480px;
	height: 20px;
	text-indent: -999em;
	background: #fff url('../images/h3-learnerriders.gif') no-repeat 0 0;
	margin: 10px 0 10px 0;
}
h3.european-hire {
	display: block;
	width: 480px;
	height: 22px;
	text-indent: -999em;
	background: #fff url('../images/h3-europeanhire.gif') no-repeat 0 0;
	margin: 10px 0 10px 0;
}
h3.tv-and-film{
	display: block;
	width: 480px;
	height: 20px;
	text-indent: -999em;
	background: #fff url('../images/h3-tvfilm.gif') no-repeat 0 0;
	margin: 10px 0 10px 0;
}
.label-your-email-address {
	display: block;
	width: 115px;
	height: 12px;
	text-indent: -999em;
	background: #fff url('../images/label-your-email-address.png') no-repeat 0 0;
	margin: 5px 0 5px 0;
}
.label-your-name {
	display: block;
	width: 65px;
	height: 12px;
	text-indent: -999em;
	background: #fff url('../images/label-your-name.png') no-repeat 0 0;
	margin: 5px 0 5px 0;
}
.label-your-enquiry {
	display: block;
	width: 76px;
	height: 15px;
	text-indent: -999em;
	background: #fff url('../images/label-your-enquiry.png') no-repeat 0 0;
	margin: 5px 0 5px 0;
}
.label-your-telephone-number {
	display: block;
	width: 142px;
	height: 15px;
	text-indent: -999em;
	background: #fff url('../images/label-your-telephone-number.png') no-repeat 0 0;
	margin: 5px 0 5px 0;
}
.button-contact-submit {
	display: block;
	width: 95px;
	height: 39px;
	text-indent: -999em;
	background: #fff url('../images/button-contact-submit.png') no-repeat 0 0;
	cursor: pointer;
	border: none;
	outline: none;
	margin: 10px 0 10px 0;
	color: #fff; font-size: 0.1em; /*to partially hide button text in ie6*/
}
.button-newsletter-signup {
	display: block;
	width: 77px;
	height: 22px;
	text-indent: -999em;
	background: url('../images/submit-button.gif') no-repeat -77px 0;
	color: #fff; font-size: 0.1em; /*to partially hide button text in ie6*/
	cursor: pointer;
	border: none;
	outline: none;
}
.button-newsletter-signup {
	background: url('../images/submit-button.gif') no-repeat 0 0;
	color: #fff; font-size: 0.1em; /*to partially hide button text in ie6*/
}
#home #newsletter_signup .textarea,
#bikehire #newsletter_signup .textarea,
#about #newsletter_signup .textarea,
#contact #newsletter_signup .textarea,
#terms #newsletter_signup .textarea,
#news #newsletter_signup .textarea {
	border: 1px solid #253f55;
}
#home .button-newsletter-signup, #home .quote-button,
#bikehire .button-newsletter-signup, #bikehire .quote-button,
#about .button-newsletter-signup, #about .quote-button,
#contact .button-newsletter-signup, #contact .quote-button,
#terms .button-newsletter-signup, #terms .quote-button,
#news .button-newsletter-signup, #news .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 #253f55;
}
.details a {
	background:url(../images/li-hire-welcome.gif) top left no-repeat;
	height:26px; width:95px; 
}
.quote a {
	background:url(../images/li-pricing-suz.gif) top left no-repeat;
	height:26px; width:95px; 
}
.enquire a {
	background:url(../images/li-enquire-blue.jpg) top left no-repeat;
	height:26px; width:95px; 
}
.pricing a {
	background:url(../images/li-pricing-suz.gif) top left no-repeat;
	height:26px; width:95px; 
}				
.accessories a {
	background:url(../images/li-accessories-suz.gif) top left no-repeat;
	height:26px; width:95px; 
}
.bike-selectlist select {
	border: 1px solid #00334C;
}

ul#ticker01 li {color: #ffffff;}

#servicing {float: left;}