@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

p, li {line-height:1.4}
a {text-decoration:none;font-weight:bold;color:#003992}
img {border:0}
strong {color:#003992}

.lgrey, .lgrey a {color:#7f7f7f; font-weight: normal}
.lgrey a {padding-right:3px}
.blue, .lgrey a:hover {color:#003992}
.black {color:#000}

.fleft {float:left}
.fright {float:right}
.cleft {clear:left}
.cright {clear:right}
.righted {text-align:right}
.lefted {text-align:left}
.centered {text-align:center}

#bluebar {
	position: absolute;
	left: 0;
	top: 180px;
	background: url(../images/bluebar-bg.png) 0 0 repeat-x;
	height: 35px;
	width: 100%;
	z-index: -99;
}

#map {
	position: absolute;
	left: 0;
	top: 215px;
	background: url(../images/map.png) 0 0 repeat-x;
	height: 340px;
	width: 100%;
	z-index: -99;
	border-bottom: 1px solid #E0E0E0;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
	position: relative;
}

#google_translate_element {
	position: absolute;
	left: 0;
	top: 0;
}

/*#### HEADER ####*/
#header {
	position: relative;
	height: 148px;
}

.head-youtube {
	position: absolute;
	top: -13px;
	right: 230px;
}

#strapline {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	font-weight: normal;
	line-height: 1;
	font-size: 1.9em;
	margin-bottom: 17px;
}

#nos {
	position: absolute;
	right: 1%;
	top: -13px;
	text-align: right;
}

.topnos {
	font-size: 1.3em;
	line-height: 1;
	margin: 3px 3px 5px;
	background: url(../images/wee-orange-arrow.png) 0 50% no-repeat;
	width: 103%;
}

#skype {padding-left: 15px}
#skypeicon {margin-right:100px;margin-top:-2px}

/*#### NAV ####*/
#home .home, #about .about, #nabout .about, #products .products, #news .news, #parts .parts, #contact .contact, #gallery .gallery {
	background: #f6f6f6;
	border-top: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	color: #7f7f7f;
	margin-top: -3px;
}

/*#### INDEX CONTENT ####*/
#mainpic {
	width: 775px;
	height: 298px;
	background: url(../images/border-shadow.png) 100% 100% no-repeat;
	float: left;
	position: relative;
}

h1#mptl {
	position: absolute;
	bottom: 8px;
	left: 0;
	width: 748px;
	padding-left: 20px;
	height: 46px;
	line-height: 46px;
	background: url(../images/mph1-bg.png);
	z-index: 99;
	margin: 0;
	text-shadow: #fff 1px 1px 0;
}

/*#prodmenu {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	width: 175px;
}

#prodmenu li {
	background: url(../images/border-shadow.png) 100% 100% no-repeat;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 50px;
}

#prodmenu li#kmcli {height:58px}

.prodlink, #kmclink {
	width: 153px;
	height: 42px;
	background: #003992 url(../images/wee-white-arrow.png) 8px 16px no-repeat;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
	font-size: 1.1em;
	padding-left: 20px;
}
#kmclink {height:52px}

.prodlink:hover {
	color: #d7d7d7;
	background: #003992 url(../images/wee-grey-arrow.png) 8px 14px no-repeat;
}

#kmclink {background:none;height:50px;padding:0}*/

#prodmenu {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	width: 175px;
}

#prodmenu li {
	background: url(../images/border-shadow.png) 100% 100% no-repeat;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 54px;
}

#prodmenu li#kmcli {height:79px}

.prodlink, #kmclink {
	width: 153px;
	height: 46px;
	background: #003992 url(../images/wee-white-arrow.png) 8px 50% no-repeat;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
	font-size: 1.2em;
	padding-left: 20px;
}
#kmclink {height:82px}

.prodlink:hover {
	color: #d7d7d7;
	background: #003992 url(../images/wee-grey-arrow.png) 8px 45% no-repeat;
}

#kmclink {background:none;height:50px;padding:0}

h2 {text-transform: uppercase}

#tempbanner {
background:none repeat scroll 0 0 #003992;
clear:both;
height:40px;
line-height:40px;
text-align:center;
/*font-size:1.3em;*/
font-size:1em;
}
#tempbanner a {color:#fff}

#dealersnews {
border-bottom:1px solid #E0E0E0;
clear:both;
font-size:2em;
margin-bottom:0;
height:55px;
}

#dealerswanted {
padding-bottom:10px;
padding-top:10px;
padding-left: 10px;
text-transform: capitalize;
width: 330px;
margin:0;
}

#rmdealers {margin-top:19px}

#index-left {
	float: left;
	clear: left;
	width: 370px;
	padding: 0 58px 0 43px;
	margin-top: 0;
}

#index-centre {
	float: left;
	width: 205px;
	margin-top: 0;
}

#index-right {
	float: right;
	width: 232px;
	padding-top: 20px;
}

#index-left, #index-centre, #index-right {margin-bottom:30px}

#becomeadealer p {
	padding: 20px;
}

#subForm {margin-top:7px;margin-right:10px}

#subForm label {
	font-size: 12px;
	position: relative;
	left: 145px;
}
#hhjudk-hhjudk {width:150px}

#dealer-login {
	margin-left: 40px;
	margin-top: 10px;
	position: relative;
	left: 40px;
}

/*#### INTERNALS ####*/
#intmain, #intmain-c {
	width: 920px;
	padding: 20px 20px 0;
	margin-top: 20px;
	position: relative;
}

#imtbg {
	border: 1px solid #e0e0e0;
	border-bottom: none;
	height: 317px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: -88;
}

#imbbg {
	background: url(../images/imb-bg.png) 0 0 no-repeat;
	position: absolute;
	left: 0;
	top: 317px;
	width: 962px;
	height: 300px;
	z-index: -99;
}

#intmain h1, #intmain p {margin-right: 215px}
#intmain-c h1, #intmain-c p {margin-right: 0}

#intmain h1, #intmain-c h1 {
	margin-top: 0;
	color: #003992;
	text-transform: uppercase;
	font-weight: normal;
	text-align: left;
}

#imul {
	padding: 0 0 0 40px;
	margin-right: 215px;
}

#imul li {
	margin-bottom: 10px;
}

.prodpic {
	width: 307px;
	height: 233px;
	float: left;
	margin: 0 32px 20px;
	position: relative;
	background: url(../images/border-shadow.png) 100% 100% no-repeat;
}

#single-gallery {
	margin-right: 305px;
}

#intmain .prodpic p {
	clear: both;
	margin-right: 0;
	margin-top: 0;
}

.ppv {height:257px;margin-bottom:30px}

.pagepic {margin:0 40px 20px 20px}

.pplinked {position:relative;width:300px;height:225px;margin:0 20px 20px 20px}

h2.pph2 {
	position: absolute;
	bottom: 8px;
	left: 0;
	width: 300px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	background: url(../images/mph1-bg.png);
	z-index: 99;
	margin: 0;
	text-shadow: #fff 1px 1px 0;
	color: #003992;
}

h2.pph2 a {
	display: block;
	width: 300px;
	height: 30px;
	color: #003992;
}

.pplinked h2.pph2 {bottom:0}

h2.vidgall {
	text-transform: none;
	color: #003992;
	border-bottom: 1px solid #666;
	font-size: 1.1em;
	padding-bottom: 5px;
	margin-left: 20px;
	margin-right: 216px;
}

#sidebar {width:175px;margin-bottom:30px}

ul#oul {
	padding: 10px 10px 10px 20px;
	background: #f6f6f6;
	margin: 0;
	list-style-image: url(../images/wee-red-arrow.png);
	border: 1px solid #e0e0e0;
	border-top: none;
}

ul#oul li {
	margin-bottom: 10px;
}

h3#options, #widgetsul h2 {
	color: #d33;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.3em;
	margin-bottom: 0;
	background: #f7f7f7;
	padding-top: 10px;
	border: 1px solid #e0e0e0;
	border-bottom: none;
}

.ablist {list-style:none}

h2.prod-subhead {
	text-transform: none;
	font-size: 1.3em;
}

#clickforgall {font-size:1.3em}

.popupimg {
	width: 300px;
	padding: 3px;
	background: #e6e6e6;
	border: 1px solid #d5d5d5;
}

.gallerylink, .videolink {
	background: url(../images/gallery-icon.png) no-repeat scroll 0 50% transparent;
	display: block;
	line-height: 32px;
	margin: 0 auto;
	padding-left: 34px;
	text-align: center;
	width: 86px;
}
.videolink {background:url(../images/video-icon.png) no-repeat scroll 0 50% transparent;margin:3px auto 0}

/*#### CONTACT ####*/
#contact-left {
	width: 350px;
	margin-bottom: 40px;
}

#contact-right {
	width: 530px;
}
#contact-left ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.box {margin-bottom: 10px}
.error {color: #f33;font-weight: bold}
.box input, .box textarea {width:350px}
.hotr {display:none}

#gmap {
	width: 530px;
	height: 440px;
}

/*#### FOOTER ####*/
#footer {
	clear: both;
	background: #003992;
	overflow: auto;
	color: #fff;
	font-size: 0.9em;
}

#footer p {padding:10px 10px 20px;margin:0}
#footer a, #footer strong {color:#fff}


/*#### WORDPRESS ####*/
h2.headline {
	margin-bottom: 0;
}

p.postmetadata {margin-bottom:30px}

li.widget, li.widget li {
	list-style: none;
}

li.widget li a {color:#000}
li.widget li a:hover {color:#003992}

li.widget ul {
	padding: 0;
	margin: 10px 0;
}

li.widget li {
	padding: 0;
	margin: 0 0 10px;
	list-style-image: url(../images/wee-red-arrow.png);
}

#widgetsul {
	padding: 10px 10px 10px 20px;
	background: #f6f6f6;
	margin: 0 0 40px;
	list-style-image: url(../images/wee-red-arrow.png);
	border: 1px solid #e0e0e0;
}

#widgetsul h2 {border:0}


/****** SUPERFISH *****/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:		99;
	position: 		relative;
}
.sf-menu {
	height:	42px;
	margin-bottom: 23px;
	font-family: 'BebasNeueRegular', Arial, sans-serif;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	font-family: Arial, Helvetica, sans-serif;
	width:			220px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	line-height:	1.2;
}
.sf-menu a {
	display:		block;
	position:		relative;
	font-size:		20px;
	text-transform: capitalize;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu a {
	padding: 6px 28px 3px;
	text-decoration:none;
	font-weight: normal;
	font-size: 25px;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li ul {
	border-top: none;
	margin-left: -1px;
	margin-top: 3px;
}
.sf-menu li {
	margin-top: 6px;
}
.sf-menu li li {
/*	background: url(../images/menubg.png) repeat;	*/
	background: #2655A1;
	padding-top: 0;
	margin-top: 1px;
	width: 220px;
}
.sf-menu li li a {
	font-size: 1.2em;
	display: block;
	width: 170px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
}
.sf-menu li li li {
	margin-left: 3px;
	margin-top: -3px;
	margin-bottom: 4px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:		#d7d7d7;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}


.sf-menu li ul li a.hassub:hover {
	background: url(../images/wee-white-arrow2.png) 95% 50% no-repeat;
	cursor: default;
}


a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
/*.sf-shadow ul {
	background:	url('../images/shadow.png') 102% 102% no-repeat;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}*/

/*#### WORDPRESS STYLES ####*/
#news .sf-menu a, #nabout .sf-menu a {	}

#news .sf-menu li ul li a, #nabout .sf-menu li ul li a {}



/****** FACEBOX ******/
#facebox .b {
  background:url(../images/facebox/b.png);
}

#facebox .tl {
  background:url(../images/facebox/tl.png);
}

#facebox .tr {
  background:url(../images/facebox/tr.png);
}

#facebox .bl {
  background:url(../images/facebox/bl.png);
}

#facebox .br {
  background:url(../images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999;
  text-align: left;
}

#facebox li {
	margin-bottom: 10px;
}

#facebox strong {
	color: #003992;
}

#facebox h3 {
	color: #003992;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox table.fbti {
	border-collapse: separate;
	border-spacing: 5px;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 600px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox img.prodimg {
	margin: 5px;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/**/
.col1 {
	margin-right: 215px;
}

/**/
.directions {
	clear: both;
	padding-top: 0px;
}

.directions h2, .directions h3 {
	color: #003992;
}