body, html {
	margin: 0;
	padding: 0;
	background: #fff;
}

img {
	display: block;
	border: 0;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
	background: url(../images/wrapper-bg.png)
}

a:focus {
	-moz-outline-style:none;
}

a {
	border: 0;
	color: #cc0000;
}

.clear {
	clear: left;
	height: 1%;
}

.clear-both {
	clear: both;
	height: 1%;
}

hr {
	display: none;
}

strong {
	font-weight: bold;
	color: #333;
}

sup {
	font-size: 50% !important;
	padding-left: 4px;
}

p.style1 {
	color: #cc0000;
	font-weight: bold;
}

/* ================ header elements ================ */

#header {
	width: 950px;
	margin: 0 20px;
	height: 86px;
}

h3#honda {
	float: left;
	width: 190px;
	height: 86px;
	background: url(../images/header-logo-honda.png) no-repeat 0 0;
	margin: 0 !important;
	padding: 0 !important;
	text-indent: -9999px;
}

h3#motoselect {
	float: right;
	width: 200px;
	height: 86px;
	background: url(../images/header-logo-farnham.png) no-repeat 0 0;
	margin: 0 !important;
	padding: 0 !important;
	text-indent: -9999px;
}

#hd-center {
	margin: 0 200px;
	height: 86px;
	text-align: right;
}

#hd-center p {
	padding-top: 16px;
	font-size: 14px;
	line-height: 23px;
}

#contact-number {
	float: right;
	width: 223px;
	border-left: 1px solid #888;
	margin: 10px 0 0 14px;
	padding: 7px 0 2px 13px;
	font-size: 27px;
	line-height: 30px;
	text-align: left;
}





/* ================= top navigation elements ================ */

ul#nav {
	clear: left;
	margin: 0 20px;
	padding: 0 0 0 10px;
	list-style: none;
	background: #cc0000;
	width: 940px;
	height: 32px;
}

ul#nav li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

ul#nav li a {
	float: left;
	display: block;
	padding:  0 20px;
	line-height: 32px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	/*border-right: 1px dotted #fff;*/
	background: url(../images/topnav-dotted-partition.gif) no-repeat 100% 50%;
}

ul#nav li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #ff2f1f;
}

#last {
	background-image: none !important;
}


/* ============== main banner elements and backgrounds ================= */

h2#main-banner {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
}



/* supersports & naked bike headers */

h2#main-banner-cbr1000rr {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/cbr1000rr.jpg) no-repeat 50% 0;
}

h2#main-banner-cb1000r {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/cb1000r.jpg) no-repeat 50% 0;
}

h2#main-banner-cbf1000 {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/cbf1000.jpg) no-repeat 50% 0;
}


h2#main-banner-cbr600rr {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/cbr600rr.jpg) no-repeat 50% 0;
}

h2#main-banner-cb600f {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/cb600f-hornet.jpg) no-repeat 50% 0;
}

h2#main-banner-cbf600 {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/cbf600s-2.jpg) no-repeat 50% 0;
}


/* touring and custom bike headers */

h2#main-banner-gl1800 {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/gl1800.jpg) no-repeat 50% 0;
}

h2#main-banner-st1300 {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/st1300.jpg) no-repeat 50% 0;
}

h2#main-banner-xl1000 {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/xl1000.jpg) no-repeat 50% 0;
}

h2#main-banner-xl700v {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/xl700v-2.jpg) no-repeat 50% 0;
}

h2#main-banner-vfr800 {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/vfr800.jpg) no-repeat 50% 0;
}

h2#main-banner-vt750 {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/vt750-2.jpg) no-repeat 50% 0;
}

h2#main-banner-nt700 {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/nt700.jpg) no-repeat 50% 0;
}

h2#main-banner-dn01 {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/dn01.jpg) no-repeat 50% 0;
}



/* scooters and 125 bike headers */

h2#main-banner-sh300i {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/sh300i.jpg) no-repeat 50% 0;
}

h2#main-banner-cbf125 {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/cbf125.jpg) no-repeat 50% 0;
}

h2#main-banner-cbr125r {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/cbr125r.jpg) no-repeat 50% 0;
}

h2#main-banner-xl125 {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/xl125v.jpg) no-repeat 50% 0;
}

h2#main-banner-swing125 {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/fes125.jpg) no-repeat 50% 0;
}

h2#main-banner-lead110 {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/lead110.jpg) no-repeat 50% 0;
}

h2#main-banner-sh125i {
	clear: left;
	margin: 0 20px;
	padding: 0;
	width: 950px;
	height: 205px;
	text-indent: -9999px;
	background: url(../images/main-banners/sh125i.jpg) no-repeat 50% 0;
}





/* =============== main body elements =============== */

#bd {
	clear: left;
	width: 950px;
	margin: 0 20px;
	position: relative;
}

#bd h4 {
	padding: 20px 20px 0;
	color: #cc0000;
	font-family: "Helvetica Neue", Tahoma, Sans serif;
	font-weight: lighter;
	font-size: 210%;
}

#bd p {
	padding: 7px 15px;
	font-size: 100%;
	line-height: 1.4em;
}

#bd-header {
	width: 950px;
	height: 46px;
	background: url(../images/bd-header-bg.png) no-repeat 20px 0;
}

a.page-top {
	clear: both;
	margin-left: 210px;
	width: 120px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	border: 0;
	background: url(../images/pagetop-button.png) no-repeat 0 0;
}

a.page-top:hover {
	background: url(../images/pagetop-button-over.png) no-repeat 0 0;
}

/* ======== finally the end of the content ======== */

#content-finish {
	clear: both;
	width: 910px;
	margin: 14px 0 0 40px;
	/*background: #aaa;*/
	border-bottom: 1px solid #aaa !important;
}



/* ============ left column elements ============= */

#left-column {
	float: left; 
	width: 190px;
	margin-right: 20px;
	/*padding-top: 20px;*/
	margin-top: 4px;
}

#left-column h4 {
	clear: left;
	background: #ccc;	
	float: left;
	margin: 4px 0 0 20px;
	padding: 0;
	width: 170px;
}

#left-column h4 a {
	/*float: left;*/
	display: block;
	/*width: 170px;*/
	text-indent: -9999px;

}


/* ============== Honda promotions ============== */


h4#brave-the-elements a {height: 118px; background: url(../images/hondapromo-bravetheelements.png) no-repeat 0 0;}
h4#nows-the-time a {height: 135px; background: url(../images/hondapromo-nowsthetime.jpg) no-repeat 0 0;}
h4#ready a {height: 118px; background: url(../images/hondapromo-ready.jpg) no-repeat 0 0;}
h4#healthy a {height: 118px; background: url(../images/hondapromo-healthy.jpg) no-repeat 0 0;}
h4#newmodels a {height: 118px; background: url(../images/hondapromo-newbikes10.jpg) no-repeat 0 0;}
h4#cbf125 a {height: 118px; background: url(../images/hondapromo-cbf125.jpg) no-repeat 0 0;}
h4#v4 a {height: 118px; background: url(../images/hondapromo-vfr.jpg) no-repeat 0 0;}
h4#testride a {height: 118px; background: url(../images/hondapromo-testride.jpg) no-repeat 0 0;}

/* New Promotions 14/4/09 */

h4#years a {height: 118px; background: url(../images/hondapromo-geton.jpg) no-repeat 0 0;}
h4#streetsahead a {height: 118px; background: url(../images/streetsahead.jpg) no-repeat 0 0;}
h4#topbox a {height: 118px; background: url(../images/hondapromo-elements.jpg) no-repeat 0 0;}
h4#freedom a {height: 118px; background: url(../images/freedom.jpg) no-repeat 0 0;}
h4#desire a {height: 118px; background: url(../images/desire.jpg) no-repeat 0 0;}


/* ============= right column elements =========== */

#right-column {
	float: right;
	width: 320px;
	height: 500px;
	margin-left: 20px;
	/*padding-top: 20px;*/
}



/* right column banners */

.showroom {margin-top:5px;}

#right-column h4 {
	width: 300px;
	clear: left;
	margin: 4px 0 0;
	padding: 0;
	/*float: left;*/
}

#fireblade-banner a {
	display: block;
	width: 300px;	
	height: 166px;	
	text-indent: -9999px;
	background: url(../images/rbanner-cbr1000rr.jpg) no-repeat 0 0;
}

#cb1000r-banner a {
	display: block;
	width: 300px;
	height: 213px;	
	text-indent: -9999px;
	background: url(../images/rbanner-cb1000r.jpg) no-repeat 0 0;
}


/* ================= opening times  ========================= */

table#times  {
width:300px;
font-family:arial;
font-size:1em;
border:1px solid black;
color:#fff;
background: url(../images/table_background.jpg) no-repeat 0 0;
text-align:center;
margin:10px 0 0 0;
}

#times th {
line-height:1.75em;
font-weight:strong;
text-align:center;
font-size:16px;
font-weight: bold;
}

#times th strong {
	color: red;
}

#times td {
/*border:1px solid #333;*/
padding:1px;
}


/* ================ footer elements =============== */

#ft {
	width: 950px;
	margin: 0 auto;
	background: url(../images/wrapper-bg.png) repeat-y 0 0;
	height: 60px;
	line-height: 60px;
	text-align: right;
	padding-right: 40px;
	color: #bbb;
}

#address {
	float: left;
	width: 600px;
	height: 60px;
	line-height: 60px;
	text-align: left;
	margin-left: 40px;
	font-size: 120%;
	color: #888;
} 

#bf a {
	color: #bbb;
	text-decoration: none;
}

#bf a:hover {
	color: #666;
	text-decoration: underline;
}



/* ============== bike page elements ============== */


#bd-models-header {
	width: 950px;
	height: 0px;
	/*background: url(../images/bd-header-bg.png) no-repeat 20px 0;*/
}

#models {
	float: right;
	width: 720px;
	margin-right: 20px;
}

#models2 {
	float: right;
	width: 720px;
	margin-right: 20px;
	margin-top: 4px;
}

#models h4, p#intro-message strong {
	padding-left: 0 !important;
	font-size: 24px;
}

p#intro-message strong {
	color: #CC0000;
	font-family: "Helvetica Neue",Tahoma,Sans serif;
	font-weight: normal !important;
}

#models p {
	padding-left: 0 !important;
}

#models table td {
	color: #666 !important;
	padding: 3px;
}

ul#newbikes-nav {
	width: 720px;
	position: relative;
	clear: left;
	list-style: none;
}

ul#newbikes-nav li {
	list-style: none;
	width: 240px;
	float: left;
	margin: 0;
	padding: 0;
}

ul#newbikes-nav li a {
	float: left;
	width: 240px;
	line-height: 40px;
	text-decoration: none;
	color: #ddd;
	background: #000;
	text-align: center;
	font-size: 130%;
}

ul#newbikes-nav li a:hover {
	color: #fff;
	background: #111;
}

ul#newbikes-nav li ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#newbikes-nav li ul li {
	list-style: none;
	width: 240px;
	clear: left;
	margin: 0;
	padding: 0;
}

ul#newbikes-nav li ul li a {
	display: block;
	background: #fff !important;
	border-bottom: 1px solid #eee;
	color: #666;
}

ul#newbikes-nav li ul li a:hover {
	color: #fff;
	background: #ee0000 !important;
}


/* ====== by slide navigation styles for flowing vertical accordion elements ======= */

#verticaltextmenu,
ul.bsm{
	margin: 0px auto;
	border:1px solid #B0B0B0;
	list-style-type: none;
}

ul.bsm li{
	border-left:2px solid #FFFFFF;
}

ul.bsm li.first,
#verticaltextmenu div.first{
	border-style: none;
}

ul.vertical li,
div.vertical div{
	border-top: 2px solid #ffffff;
	border-left-style: none;
}

#showroom_type_tabs_box {
	width: 720px;
	height: 81px;
	margin: 4px 0 0 0;
	position: relative;
}


ul#showroom_type_toptab {
	list-style: none;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #333;
	width: 720px;
	height: 40px;
	overflow: hidden;
}

ul#showroom_type_toptab li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul#showroom_type_toptab li a {
	float: left;
	width: 240px;
	line-height: 40px;
	text-decoration: none;
	color: #ddd;
	text-align: center;
	font-size: 130%;
}

ul#showroom_type_toptab li a:hover {
	color: #fff;
	background: #111;
}

ul#showroom_type_toptab li#active-category a {
	background: #000;
	color: #fff;
}

ul#showroom_type_bottomtab {
	list-style: none;
	clear: left;
	margin: 0;
	padding: 0;
	width: 720px;
	height: 40px;
	background: url(../images/modelrange-menu-shade.png) repeat-x 0 0 #fff;
	border-bottom: 1px solid #ece5c2;
	
}

ul#showroom_type_bottomtab li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#showroom_type_bottomtab li a {
	float: left;
	display: block;
	width: auto !important;
	line-height: 26px !important;
	margin: 0;
	padding: 10px 10px 0;
	text-decoration: none;
	color: #333;
	font-size: 90%;
	background: none;
	border-bottom: 4px solid #fff;
	font-weight: bold;
}

ul#showroom_type_bottomtab li a:hover {
	border-color: #ece5c2;
}

#active-model {
	color: #fff !important;
	background: #ee0000 !important;
	border-color: #ee0000 !important;
}


/* ============= models page layout elements ============== */


#model-header {
	clear: left;
	float: right;
	width: 720px;
	margin: 60px 0 0;
	position: relative;
	padding-bottom: 10px;
}

#model-header h2 {
	font-size: 300%;
	font-weight: normal;
	float: right;
	/*margin: 10px 0 0 !important;*/
	padding: 0 !important;
	width: 280px !important;
	color: #ee0000;
}

#model-header dl {
	float: right;
	clear: right;
	width: 280px !important;
	color: #ee0000;
}

#model-header dt {
	float: right;
	clear: right;
	width: 280px !important;
	color: #ee0000;
	margin: 8px 0;
	font-size: 145%;
}

#model-header dd {
	float: right;
	clear: right;
	width: 280px !important;
	color: #ee0000;
}

#model-shown {
	clear: left;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 90% !important;
	color: #ccc;
}

#introduction-block {
	clear: right;
	border-top: 1px solid #ece5c2;
	border-bottom: 1px solid #ece5c2;	
	text-align: right;
	padding: 20px 0 20px;
}

#introduction-block a {
	text-decoration: none;
	color: #333;
}

#introduction-block a:hover {
	text-decoration: none;
	color: #333;
}

p#intro-message {
	float: left;
	width: 240px;
	padding: 0 10px 0 0 !important;
	margin-right: 24px;	
	border-right: 1px solid #ece5c2;
	text-align: left;
	color: #333 !important;
	/*font-weight: normal;*/
}

.intro {
	width :400px;
	float:right;
}

#sales-details {
	clear: none !important;
	padding: 0;
	text-align: left;
	font-size: 90%;
}

#sales-details strong {
	font-size: 100%;
	color: #ee0000;
	font-weight: normal !important;
}

#sales-details p {
	padding: 0 10px 10px !important;
}


ul.model-features {
	clear: left;
	margin: 0 5px;
	padding: 0;
	list-style: none;
}

ul.model-features li {
	padding: 5px 0 0 20px;
	background: url(../images/model-features-bullet.png) no-repeat 0 5px;
	color: #666;
}

.table_row_grey {
	background: #ccc;
}

/* ================== basic page information ================ */

#info {
	width:600px; 
	padding-left:12px; 
	padding-top:10px;
}

#info h5 {
	font-size:150%;
	color:#c00;
	padding:10px 0 5px 0; 
}

#info p {
	padding:5px 0 5px 0; 
}

#info a:link {color:#f00; text-decoration:underline; }
#info v:link {color:#f00;  text-decoration:underline; }
#info a:hover {color:#000;  text-decoration:none; }





/* ================== contact form elements ================ */


#contact_form {
	clear: left;
	/*border: 1px solid #ccc;*/
	/*background: #fff;*/
}

#contact_form ol {
	clear: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#contact_form ol li {
	clear: left;
	/*display: inline;*/
	margin: 0;
	padding: 5px 0;
}

#contact_form ol li label {
	float: left;
	/*display: block;*/
	width: 140px;
	text-align: right;
	padding: 3px 5px 0 0;
}

#contact_form ol li input {
	float: left;
	width:194px;
	margin: 0;
	border: 1px solid #ccc;
	padding: 3px;
}

#contact_form ol li textarea {
	width: 194px;
	height: 100px;
	padding: 3px;
	margin: 0;
	border: 1px solid #ccc;
	font-family: inherit;
	font-size: inherit;
}

#input#verification_code {
	width: 165px !important;
	margin-left: 140px!important;
}

input#submit {
	width: 80px !important;
}

/* ===================== news events styles ========================= */


#content_right_intro {
	background-color: #d1d1d1;
	float: left;
	width: 688px;
	border-left: 1px solid #fff;
}

#content_right_intro h2 {
	color: #fff;
	font-family: helvetica neue, helvetica, tahoma, sans serif;
	font-size: 21px;
	font-weight: 400;
	background-color: #9ad4d9;
	width: 628px;
	margin: 0;
	padding: 9px 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#content_right_intro p {
	margin: 20px 30px;
	width: 628px;
	font-size: 13px;
	color: #333;
}

* html #content_right_intro p {
	display: inline;
}

#content_home_news {
	float: left;
	display: block;
	clear: left;
	background: #fff;
	width: 689px;
}

#content_home_news h2 {
	float: left;
	display: block;
	width: 628px;
	color: #fff;
	font-family: helvetica neue, helvetica, tahoma, sans serif;
	font-size: 21px;
	font-weight: 400;
	background: url(images/home_news_header.gif) no-repeat 100% 100% #fc9027;
	margin: 0;
	padding: 9px 30px;	
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

#content_home_news_scroller {
	float: left;
	display: block;
	margin: 10px 5px;
	width: 669px;
	height: 300px;
	overflow: auto;
}

.home_news_item {
	float: left;
	display: block;
	width: 632px;
	margin: 0 9px 10px 9px;
	background: url(images/news_item_bg.jpg) no-repeat 0 0;
}

* html .home_news_item {
	margin: 0 0 10px 3px;
}

.home_news_item h4 {
	float: left;
	display: block;
	padding: 10px 0 4px 0;
	width: 620px;
	border-bottom: 1px solid #666;
	margin: 0 6px;
	font-size: 14px;
	font-weight: 600;
	color: #666;
}

* html .home_news_item h4 {
	margin: 0 3px;
}

.home_news_item h4 span {
	font-size: 11px;
	font-weight: 500;
}

.home_news_item p {
	float: left;
	display: block;
	margin: 10px;
	font-size: 12px;
}

* html .home_news_item p {
	margin: 5px;
}

.news_image {
	margin: 0 10px 10px 10px;
	border: 1px solid #ccc;
}

* html .news_image {
	margin: 0 5px 10px 5px;
}

ul.homeList {
	font-size :110%;
	line-height: 1.4em;
	padding: 15px;
}

ul.homeList li {
	margin-bottom: 5px;
	background: url("../images/red-point.gif") no-repeat scroll 0 7px transparent;
	padding-left: 13px;
}