@charset "utf-8";
body {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background-color: #E2E2E2;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
}

/* Main container div */
#container {
	width: 978px;
	background-color: #E2E2E2;
	margin: 0 auto; /* center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* [ General styles ] */
a:link { 
	color: #069;
	text-decoration: none;
}
a:visited { 
	color: #069;
	text-decoration: none;
}
a:hover { 
	color: #069;
	text-decoration: underline;
}
a:active { 
	color: #F00;
	text-decoration: none;
}
a img {
	border: 0 none;
}
h1 {
	margin: 0 0 15px 0;
	font-size: 18px;
	color: #E3001B;
	font-weight: bold;
	text-decoration: none;
}
h2 {
	margin: 0 0 15px 0;
	font-size: 16px;
	color: #E3001B;
	font-weight: bold;
	text-decoration: none;
}
h3 {
	margin: 0;
	font-size: 15px;
	color: #E3001B;
	font-weight: bold;
	text-decoration: none;
}
h4 {
	margin: 0;
	font-size: 14px;
	color: #E3001B;
	font-weight: bold;
	text-decoration: none;
}
h5 {
	margin: 5px 0;
	padding: 0;
	font-size: 13px;
	color: #E3001B;
	font-weight: bold;
	text-decoration: none;
}
h6 { /* Used for titles in sidebar panels */
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #E3001B;
	font-weight: bold;
	text-decoration: none;
	line-height: 27px;
	vertical-align: middle;
}
p, ul ,ol {
	font-size: 12px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

/* [ Header ] */
#header {
	padding: 0 14px;
	margin: 0;
}
#header-top {
	width: 950px;
	height: 26px;
	padding: 0;
	margin: 0;
	background-color: #000;
}
#header-top p {
	line-height: 26px;
	padding: 0 5px 0 0;
	margin: 0;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	text-align: right;
}
#header-main {
	width: 950px;
	height: 160px;
	padding: 0;
	margin: 0;
}
#header-left {
	float: left;
	width: 260px;
	height: 160px;
	padding: 0;
	margin: 0;
}

#header-left img {
	margin: 0 0 0 33px;
	border: none;
}

#header-right {
	float: right;
	width: 690px;
	height: 160px;
	padding: 0;
	margin: 0;
}

#header-right-r1 {
	width: 686px;
	height: 69px;
	padding: 0;
	margin: 0;
}
#header-right-r1-left {
	float: left;
	width: 500px;
	height: 69px;
	padding: 0;
	margin: 0;
}
#header-right-r1-left h3#StoreName {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	float: left;
	width: 448px;
	line-height: 64px;
	margin: 0;
	padding: 0;
	font-size: 24px;
	color: #FFF;
	font-weight: bold;
	font-style: oblique;
	text-decoration: none;
}
#header-right-r1-left img {
	float: right;
	margin: 5px 15px 0 0;
	cursor: pointer;
}
#header-right-r1-right {
	float: left;
	width: 175px;
	height: 69px;
	padding: 0;
	margin: 0;
}
#header-right-r1-right p#miniNav {
	padding: 0;
	margin: 5px 0 0 0;
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}
#header-right-r1-right p#miniNav a {
	color: #FFF;
	text-decoration: none;
}
#header-right-r1-right p#miniNav a:hover {
	color: #FFF;
	text-decoration: underline;
}

body#bikes a#bikes, body#watercraft a#watercraft, body#harley a#harley, body#accessories a#accessories, body#spares a#spares, body#service a#service, body#finance a#finance, body#contact a#contact{
	color:#ed1c24;
}





/* Navigation menu links */
#nav-menu {
	float: left;
	width: 690px;
	height: 80px;
	padding: 0;
	margin: 11px 0 0 0;
}
#nav-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#nav-menu li {
	float: left;
	display: block;
	height: 80px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#nav-menu li a {
	height: 80px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color:#000;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#nav-menu li a:hover {
	text-decoration: underline;
}
#nav-menu li a:hover img {
	text-decoration: none;
}
#nav-menu ul #navSelected a {
	font-size: 11px;
	color:#FFE715;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#nav-menu li img {
	margin: 0;
	border: 0;
	text-decoration:none;
}


/* [ Main Content ] */
.blockContent{
	padding:10px 0 10px 0;
}
#mainContentWrapper {
	float: left;
	margin: 15px 0 0 14px;
	padding: 0;
}
/* [ Sidebar ] */
.left{
	float:left;
	width:200px;
}
.leftSidebar {
	float: left;
	width: 190px;
	padding-left:10px;
	margin: 0;
	margin-bottom: 10px;
	text-align: left;
	background:url(side_outline.gif) repeat-y top right;
}
.leftSidebar .sB{
	padding: 0;
	background:url(side_outline_top.gif) no-repeat;
}
.leftSidebar .sB .sB {
	padding: 5px 0;
	background:url(side_outline_bot.gif) no-repeat left bottom;
}
.leftSidebar ul {
	text-decoration:none;
	padding:0;
	margin-top:0;
	list-style:none;
}

.sB ul li a {
  border-top: 1px solid #C8C8C8;
  display: block;
  padding: 0.5em 1em 0.5em 1.5em;
  position: relative;
}

.sB ul li a:hover {
  background: none repeat scroll 0 0 #CCCCCC;
}

.leftSidebar ul a {
  color: #000000;
  line-height: 1;
  margin-top: 0;
  padding-left: 15px;
  padding-top: 0;
}

.sB h3 {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 10px 10px 2px;
  text-decoration: none;
}


.sB img{ border:0; padding:0; text-decoration:none;}
.findPeterStevens{
		padding-left:10px;
}

/* [ Start Shopping ] */

.startshopping{
	width:190px; margin:-5px 0 13px 10px;
}
.startshoppinghoz{
	width: 720px;
	height: 45px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.startshopping div{
	width:185px;
	height:45px;
	margin: 5px 0 5px 0;
}
.startshoppinghoz div{
	float:left;	
	width:185px;
	height:45px;
	margin: 0 5px 0 5px;
}
.startshopping div a, .startshoppinghoz div a{
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:16px;
	text-decoration:none;
	width:185px;
	height:40px;
	display:block;
	padding-top:5px;
}
.roadstartshopping{
	background: url(/images/button_start_shopping_road.png) no-repeat;
	padding-right: 5px;
	text-align:right;
	}
.dirtstartshopping{
	background: url(/images/button_start_shopping_dirt.png) no-repeat;
	padding-left: 5px;
	text-align:left;
	}
.casualstartshopping{
	background: url(/images/button_start_shopping_clothing.png) no-repeat;
	padding-left: 5px;
	text-align:left;
	}	
.generalstartshopping{
	background: url(/images/button_start_shopping_acc.png) no-repeat;
	padding-right: 5px;
	text-align:right;
	}

.findPeterStevens img{
		border:0;
}
#rightSideBar {
	float: right;
	width: 98px;
	padding: 0;
	margin: 0;
	text-align: center;
}

#mainContent {
	float: left;
/*	width: 752px;*/
	margin: 0;
	padding: 0;
}

#mainContentTwoColumn {
	float: left;
	width: 940px;
	margin: 0 0 0 10px;
	padding: 0;
}

#contentLeft {
	float: left;
	width: 725px;
	margin: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 15px;
}
#contentLeftTwoColumn {
	float: left;
	width: 830px;
	margin: 0;
	padding: 0;
}

#homeText {
	margin: 0;
	padding: 0;
}

#rightLogos {
	text-align: center;
}
#rightLogos img {
	margin: 10px 0;
}

/* [ Footer ] */
#footer-top {
	height: 4px;
	padding: 0;
	margin: 0;
	background-color: #E3001B;
}
#footer {
	height: 110px;
	padding: 0 14px;
	margin: 10px 0;
	background-color: #007944;
	background-image: url(/documents/footer-bg.gif);
	 background-repeat: no-repeat;
}
#footer-left {
	float: left;
	width: 612px;
	margin: 0;
	padding: 0;
}
#footer-left p#footer-links {
	width: 700px;
	margin: 8px 0 0 10px;
	padding: 0;
	font-size: 10px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}
#footer-left p#footer-links a {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}
#footer-left p#footer-links a:hover {
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;
}
#footer-left p#footer-copyright {
	width: 700px;
	margin: 50px 0 0 10px;
	padding: 0;
	font-size: 10px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}
#footer-left p#footer-copyright a {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}
#footer-left p#footer-copyright a:hover {
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;
}

#footer-right {
	float: right;
	width: 338px;
	height: 92px;
	margin: 0;
	padding: 0;
	position:relative
}
#footer-right .pic {
	position:absolute;
	right: 10px;
	top: 15px;
	border: none;
}
.socialLinks{ 
	height: 40px;
	margin-top: 10px;
	width: 80px;
}
.socialLinks a img {
	border: 0 none;	
}

/*=-=-=-=-=-=-=- CONTENT FORMATTING =-=-=-=-=-=*/
.content {
	font-size: 11px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.content a { }
.content a:hover { }
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.greencontainer{
	width:622px;
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
}
.greenBox{
	margin:0;
}
.greenBox + .greenBox{
	margin:0 6px;
}
.greenBox + .greenBox + .greenBox{
	margin:0;
}
.outlineBox .oB .oB {
	padding: 10px;
	background:url(outline_bot.gif) no-repeat left bottom;
}
.outlineBox {
	width: 725px;
	margin:0 auto 10px auto;
	background:url(outline.gif);
}
.outlineBox h1{
	padding: 4px;
}
.outlineBox .oB{
	background:url(outline_top.gif) no-repeat;
}
.newsFlash{
	width: 705px;
	height:15px;
	padding:10px;
	margin:0 auto 10px auto;
	background:url(newsFlash.gif);
}
.newsFlash a{
	color:#F00;
	font-size: 16px;
	font-weight:bold;
}
.addresses {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	margin-bottom:10px;
}
.addressesMain {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	margin-bottom:10px;
	width:250px;
	float:right;
}
.addresses h2 {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.addresses p {
	margin: 0;
	padding: 0;
}
p.addressSelected {
	margin: 3px 0 0 0;
	padding: 0 5px 5px 5px;
	border-bottom: 1px solid #007944;
	border-left: 1px solid #007944;
}
.contentSmall {
	font-size: 10px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.contentSmall a {
	color:#F00;
	}
.contentSmall a:hover { }

form * {
	margin-bottom:5px;
}
.usedbox{
	margin: 0 auto;
	width:670px;
	text-align:center;
	}
.Pics{
	width:330px;
	float:right;
	background:none;
}
.Pics img{
	margin:3px;
}
.first{
	text-align:right;
}
td h4{
	text-align:left;
}
td{
	text-align:left;
}
.btTxtsubmit{
	display:block;
	margin-right: 2px;
	margin-left:auto;
	margin-top:-30px;
	
}
.fieldcheckbox{
	margin-top:8px;
	float:left;
}
.lams{
	height:30px;
	background:#CCC;
	width:115px;
	line-height:28px;
}
.lams img{
	float:left;
}
.accessimgPad{margin: 15px;}

.brandsTable img{
	padding-left:5px;
	padding-right:5px;
	border:0 none;
}
.brandsTable H2{
	font-size:16px;
}

.siteMap td { border-top:#666 solid 2px;}
.siteMap td td { border-top:none;}
.siteMap table {width:100%;}

.alt {background:#F7F7F7;}
th{ border-bottom:1px solid #DDDDDD;}

/* ===========  Form Formatting ===============================================================================
   ==========================================================================================
   ==========================================================================================
   */
#enquiry_form input.disabled, #acc_enquiry_form input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

#enquiry_form input.required, #enquiry_form textarea.required, #acc_enquiry_form input.required, #acc_enquiry_form textarea.required {
	border: 1px solid #00A8E6;
}
#enquiry_form input.validation-failed, #enquiry_form textarea.validation-failed, #acc_enquiry_form input.validation-failed, #acc_enquiry_form textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
#enquiry_form input.validation-passed, #enquiry_form textarea.validation-passed, #acc_enquiry_form input.validation-passed, #acc_enquiry_form textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

#enquiry_form .validation-advice, #acc_enquiry_form .validation-advice {
	margin:2px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	width: 183px;
}

#enquiry_form .custom-advice, #acc_enquiry_form .custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}

fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
fieldset{padding-bottom:10px;}
#enquiry_form {margin-left: 20px; width:420px; position:relative;}
legend{ margin-left:10px;}
dl {padding:0; margin:0;}
dd {padding:0; margin:0;}
textarea {width:392px; border: 1px solid #666;}
#acc_enquiry_form .clearwidth, #enquiry_form .clearwidth{width:13px; margin-left:5px; margin-right:0px; border:none;}
#fileUpload{margin-left:10px; width:230px; border: 1px solid #666;}
#acc_enquiry_form input, #enquiry_form input{width:188px; border: 1px solid #666;}
#enquiry_form .button, #acc_enquiry_form .button{width:90px; line-height:20px; background:url(/documents/button_tile.gif) center left repeat-x; margin-left:10px; margin-top:5px;}
.thanks{
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFF;
background-color:#F00;
padding:3px;
margin:3px;
display:inline;
}
select{width:188px; border: 1px solid #666;}
.oddLabel {
	font-weight: bold;
}
.abso{
	display:block;
	position:relative;
	float:left;
	margin-left:10px;
}
.absoR{
	display:block;
	position:relative;
	float:left;
	margin-left:10px;
}
.rowWrap{ position:relative;}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.groupWrap{
	padding:0;
	margin:5px;
	width:200px;
	float:left;
}
.groupWrapWide{
	padding:0;
	margin:5px;
	width:200px;
	float:left;
}
.groupWrapComment{
	padding:0;
	margin:5px;
	width:280px;
	float:left;
}
#acc_enquiry_form{
	width:640px	
}
#acc_enquiry_form label{
	font-size:80%;
	font-weight:normal;
}
.tile li {
	float:left;
	width:25%;

}
/* ==================================|
	|		Sign Up Form			 |
	==================================
*/	
input.mce_inline_error{
	background: #FFB2B2;
}
.mce_inline_error {
  float: none;
  font-weight: bold;
  margin: 0;
  padding: 0em 0em 0.5em;
  width: 55%;
  z-index: 1;
}
	
#mc_embed_signup form label {
	font-size:80%;	
}
.indicate-required, .note-required {
	color:#900;
	font-weight:bold;
	font-size:80%;	
}
#mc_embed_signup form input {
	width: 80%;
	height: 25px;
}

	
/* ===========  Featured Product Formatting ===============================================================================
   ==========================================================================================
   ==========================================================================================
   */
   
/* Home page Featured Products */
.featureWrapper {
	float: left;
	width: 172px;
	height: 248px;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
}
.f1 {
	margin-right: 12px;
}
.f2 {
	margin-right: 12px;
}
.f3 {
	margin-right: 12px;
}
.f4 {

}
.featureTitle {
	width: 172px;
	height: 17px;
	padding: 0;
	margin: 0;
}
.featureMain {
	width: 172px;
	height: 211px;
	padding: 5px 0 0 0;
	margin: 0;
}
.featureFooter {
	width: 172px;
	height: 12px;
	padding: 0;
	margin: 0;
}

.featureImageWrapper {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
}
.featureImage {
	margin: 0;
	padding: 0;
	border: none;
}
.featureName {
	width: 162px;
	height: 46px;
	margin: 5px 5px 0 5px;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.featureName a {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.featureName a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.featureName a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.featurePrice {
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #E3001B;
	text-decoration: none;
}
.featureWasPrice {
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #999;
	text-decoration: line-through;
}
.featurePrice select {
	margin: 5px 0 0 0;
	padding: 0;
}


/*=-=-=-=-=-=-=-=-Tyre format =-=-=-=-=-=*/
.right{float:right;}
.was {font-weight:bold}
.price {font-weight:bold; font-size: 130%; color:#C00}
.save {font:italic bold}


/*=-=-=-=-=-=Careers-=-=-=-=-=-==-=-=*/
.contact{width: 35%; float: left; margin: 10px}
.job {width:60%; float:left}

/*=-=-=-=-=-=-=-=-=-=-=Newsletter Sign Up image=-=-=-=-=-=-=-=-=-*/
.newsletter{
	position: fixed; width: 190px; height: 45px; bottom: 0px; left: 100px;
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		/*width: 520px;*/
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/
/*  =========================================================|
	|		Slideshow										 |
	=========================================================|
*/	
#demos { position: relative; width: 725px; height: 245px; overflow:hidden; border:solid 1px #CCC; margin-bottom:10px; }

#slideshow { border:#999999 1px solid; position:absolute; right: 0; top: 0; }

#slideshow img.activeSlide { border:#999999 1px solid }

#nav { width: 170px; margin: 0px; padding:0px; position:relative;}

#nav li { 
  background: url(/slides/slider_bg_tile.png) repeat scroll left top transparent;
  display: table;
  height: 49px;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
} 

#nav li.activeSlide { background: url(/slides/arrow_60px.png) right top no-repeat; position:relative; z-index: 10; height:48px; border: 0 none; padding-bottom:1px; }

#nav a { padding: 5px 10px 5px 5px; display: table-cell; text-decoration:none; color:#000; font-family:Arial, Helvetica, sans-serif;  height:38px; width: 175px; vertical-align:middle; font-size:14px}

#nav a.activeSlide { color: #800; }

#nav a:focus { outline: none; }

#nav img { border: none; display: block }

/*  =========================================================|
	|		Search											 |
	=========================================================|
*/	
#search_submit{
background: url("/includes/search/buttonback.gif") repeat-x scroll 0 0 transparent;
border: 1px solid #940000;
color: #FFFFFF;
cursor: pointer;
float: right;
font-weight: bold;
padding: 6px 10px 6px 25px;
text-transform: uppercase;
}

#sbi{
background: none repeat scroll 0 0 #F0F0F0;
border-color: #000000 #CCCCCC #CCCCCC #000000;
border-style: solid;
border-width: 1px;
padding: 8px;
width: 173px;
}

.side-search{
margin: -5px 0 13px 10px;
width: 190px;
}