/* 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/black-bg.jpg) top center repeat-x;
	margin: 0px; padding:0px;
	color:#666;
}

.clear { clear:both;}

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

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

a:link { color:#ee3f11; padding: 0px; margin:0px;  text-decoration: underline;}
a:visited { color:#ee3f11; border-bottom:1px solid #355e1d; 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/sinnis-rept.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; }
.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: 15px auto 0px auto; padding:0px; background:url(../images/motorcycles-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-bg-sinnis.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:#ff3300;
}

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

.home a  {
width: 93px;

}

.kawasaki a  {
width: 63px;
}
#sinnis #navigation #nav .sinnis a {
color:#ff3300;
}

.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 ; }

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

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

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

				
.details a {
				  background:url(../images/li-details-sinnis.gif) top left no-repeat;
				  height:26px; width:95px; 
                }
				
.quote a {
				  background:url(../images/li-quote-sinnis.gif) top left no-repeat;
				  height:26px; width:95px; 
                }
.enquire a {
				  background:url(../images/li-enquire-sinnis.gif) top left no-repeat;
				  height:26px; width:95px; 
                }
					
.accessories a {
				  background:url(../images/li-accessories-sinnis.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;
                }


.callnow { margin: -230px 34px 40px 465px;; width:236px; height:103px; z-index:3000; background:url(../images/call-now-button-1.png) top left no-repeat; text-indent:-9999px; position:relative; top:280px;} 

#sinnis #newsletter_signup .textarea {
	border: 1px solid #ee3f11;
}
#sinnis .button-newsletter-signup, #sinnis .quote-button {
	background: url('../images/button-newsletter-submit-orange.gif') no-repeat 0 0;
	color: #fff; font-size: 0.1em; /*to partially hide button text in ie6*/
}

.bike-selectlist select {
	border: 1px solid #ee3f11;
}

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

/****** Dropdown Menus *******/
ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 920px;
	background: #222;
	font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
.topnav { 
	color:#FFFFFF;
float:left;
height:46px;
margin:0 0 0 18px;
padding:0;
text-align:center;
text-decoration:none;
}

.topnav a:hover {
color:#00adef;
}

.topnav a:active, .topnav a.selected {
color:#00adef;
}
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;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}