@charset "UTF-8";
/************************************************************************************************
																	Eric Meyer's CSS Reset
								http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 99%;
	font-family: Arial;
	/* margin: 0;*/
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1.2;
}
ol, ul {
	margin-left: 25px;
}

:focus {
	outline: 1px #c0c dotted;
}

/************************************************************************************************
																	MAIN BODY LAYOUT STYLES
************************************************************************************************/
body {
	background:#000000;
	background-position:center top;
	background-repeat:repeat-y;
	margin: 0px auto;
}
.topContainerFixed{
	left: 0;
	top: 0;
	width: 100%;
	position: fixed;
	z-index: 1000;
	height: 175px;
	background:url(../images/FixedBackground.png) repeat-x top left;
}
.topCenterContainer {
	margin: 0px auto;
	width: 1000px;
	position:relative;
	height: 100px;

}
.mainBodyContainer {
	margin: 0px auto;
	position:relative;
	top: 175px;
	width: 1000px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top:0px;
	background-image:url(../images/centreBackgroundMain.jpg);
	background-repeat: repeat-y;
}
.mainBodyContainerUpg {
	background-image:url(../images/centreBackgroundMainUpg.png);
	background-repeat: repeat-y;
}
.mainBodyBackgroundClothing {
	background-image:url(../images/centreBackground.jpg);
	background-repeat: repeat-y;
}
.mainBodyBackNone {
	background-image: none;
	background-color:#FFFFFF;
}
.mainBodyContainer:after {
	content:".";
	clear: both;
	display:block;
	visibility:hidden;
	margin: 0px;
	padding: 0px;
}

/************************************************************************************************
																TOP FIXED NAVIGATION STYLES
************************************************************************************************/
.topNav {
	margin: 0px auto;
	width: 1000px;
	position:relative;
	background-color:#000000;
	padding-bottom:5px;
	padding-top: 5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#D5D5D5;
	font-weight:normal;
	height: 20px;
}
.topNav .topMenu {
	width: 400px;
	float:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding-top:3px;
	letter-spacing: .5px;
	text-transform:uppercase;
}
.topNav ul {
	margin:0px;
	padding: 0px;
}
.topNav li {
	display:block;
	float:left;
	padding-right: 10px;
}
.topNav a, .topNav a:link {
	color:#D3D3D3;
	text-decoration:none;
}
.topNav a:hover {
	color:#FFFFFF;
}
.topBasket {
	width: 490px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: right;
	text-align:right;
	display:block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

/************************************************************************************************
																			P&H LOGO
************************************************************************************************/
.logo {
	display: block;
	float:left;
	width: 240px;
	height: 105px;
	position: relative;
	margin-bottom: 5px;
}
.logo span {
	
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 3px;
	font-weight:bold;
	font-style:italic;
	font-stretch:extra-condensed;
	font-size:11px;
	color: #3E4E82;
	display:inline;
	float:left;
	margin-bottom: 2px;
}

/************************************************************************************************
																			ART LOGO
************************************************************************************************/
.artPanel {
	float: left;
	width: 220px;
	padding-top: 10px;
}

span.art {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#000000;
	text-align:right;
	font-style:italic;
	width: 200px;
	float:left;
	clear:both;
}
span.art a, span.art a:link {
	color: #000000;
	text-decoration:none;
}
span.art a:hover {
	color: #FFFF00;
	text-decoration:underline;
}

/************************************************************************************************
																	LEFT AND RIGHT COLUMNS
************************************************************************************************/
.leftColumn {
	float:left;
	display: block;
	width: 690px;
	background-color:#FFFFFF;
	min-height: 300px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:10px;
	padding-bottom: 20px;
}
.leftColumnClothing {
	float:left;
	display: block;
	width: 790px;
	background-color:#FFFFFF;
	min-height: 300px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:10px;
	padding-bottom: 20px;
}
.leftColumnProducts {
	width: 790px;
	padding-left:10px;

}
.leftColumn p.mainText {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:680px;
	float:left;
	margin-left: 10px;
}

.rightColumn {
	float:left;
	display: block;
	width: 300px;
	background-color:#AAB7D2;
	min-height: 500px;
}
.rightColumnUpg {
	width: 300px;
	text-align:center;
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	background: none;

}
.rightColumnClothing {
	float:left;
	display: block;
	width: 200px;
	background-color:#AAB7D2;
	min-height: 500px;
	overflow:hidden;
}

/************************************************************************************************
														LIST OF LINKS AT BOTTOM OF EACH PAGE
************************************************************************************************/
.bottomLinks {
	width: 980px;
	display:block;
	padding: 10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999999;
	border-top: 2px solid #cccccc;
	margin: 170px auto;
	position:relative;
	background-color: #FFFFFF;
}
.bottomLinks:after {
	content:".";
	clear: both;
	display:block;
	visibility:hidden;
}
.section {
	width: 180px;
	float:left;
	display:block;
	padding-left: 15px;
}

.seperator {
	float: left;
	width: 1px;
	margin-top: 10px;
	height: 120px;
	background-color:#aaaaaa;
	position:relative;
	left: -20px;
}
.bmTitle {
	color: #666666;
	font-size: 11px;
	letter-spacing:2px;
	text-transform: uppercase;
	width: 180px;
}
.bmContent ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.bmContent li {
	line-height: 120%;
	width: 180px;
}


.bmContent a, .bmContent a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform:uppercase;
	letter-spacing: .5px;
	color:#999999;
	text-decoration:none
}
.bmContent a:hover {
	color: #000000;
	text-decoration:underline;
}

/************************************************************************************************
															HOME PAGE NESLETTER FORM
************************************************************************************************/
#nlemail {
	width: 280px;
	border: 1px solid #999999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	padding:5px;
}
#nlmake {
	width: 200px;
	border: 1px solid #999999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	padding:5px;
}
#nlmodel {
	width: 200px;
	border: 1px solid #999999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	padding:5px;
}

/************************************************************************************************
																RIGHT COLUMN PANELS
************************************************************************************************/
.sectionContainer {
	width: 280px;
	padding:10px;
	float:left;
	display:block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:center;
}
.sectionContainer img {
	text-align: center;
}

/************************************************************************************************
																ONLINE SHOWROOM PANEL STYLES
************************************************************************************************/
.showroomContainerHeader {
	margin: 0px auto;
	width: 925px;
	position: relative;
	
}
.showRoomLogo {
	background:url(../images/showroomHeader.jpg) no-repeat;
	height: 210px;
}
.showroomBodyContainer {
	margin: 0px auto;
	margin-bottom: 0px;
	width: 925px;
	padding-bottom: 20px;
	padding-top:20px;
	background-color: #000000;
	color:#FFFFFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	
}

/************************************************************************************************
																HOME PAGE EXPANDABLE TEXT
************************************************************************************************/
.expandable{
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 13px;
		margin-right: 10px;
		display:block;
		background-color: #F7FAE9;
		float:left;
		border: 1px solid #999999;
}
.expandable p {
	padding: 20px;
	line-height:120%;
}
.expandable a {

}	

/************************************************************************************************
												MODAL WINDOW FOR CLOTHING SITE WHEN ON TEST
************************************************************************************************/
#modal {
	z-index: 1010; 
	border:3px solid white; 
	background-color:#333333;
	width: 500px;
	
	padding:25px; 
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif; 
	color: white;
	text-align:left;
	line-height:140%; 
	display:none;
}

/************************************************************************************************
																	STAFF MEMBER STYLES
************************************************************************************************/
.teamMember {
	width: 220px;
	float: left;

	margin-left: 5px;
	display: block;
	margin-bottom: 5px;
	text-align: center;
}
.teamMemberHeader {
	width: 220px;
	display:block;
	float: left;
	height:30px;
	padding-top:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;

	color:#000000;
	line-height: 90%;

}
.teamMemberHeader span {
	float: left;
	display:block;
	float:left;
	font-size:10px;
	color: #000000;
	font-weight:normal;
	text-align:center;
	width: 220px;
}
.teamMemberFooter {
	width: 220px;
	display: block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;

}
.teamMember img {
	width: 220px;

}

/************************************************************************************************
																	INSURANCE PAGE STYLES
************************************************************************************************/
.insCompany {
	display:block;
	float: left;
	width: 400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#990000;
}
.insQuote {
	display:block;
	float: left;
	width: 200px;
	
}
.insLink {
	display:block;
	float: left;
	width: 200px;
	
}
.insContainer {
	width: 680px;
	display:block;
	float:left;
	margin-bottom:10px;
	background-color:#CAD7FF;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.insLink a, insLink a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0000FF;
}
.insLink a:hover {
	color:#FFCC00;
}
.insBanner {
	float: right;
	display:block;
	width: 350px;
}
.insBanner img {
	width: 340px;
}

/************************************************************************************************
																		PARTS RETURN FORM
************************************************************************************************/
.returnCallFormTop {
	width: 665px;
	float: left;
	display:block;
	height: 25px;
	background-image:url(../images/partsFormTop.png);
	background-position:top center;
	background-repeat:no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
}
.returnCallForm {
	width: 645px;
	float:left;
	display:block;
	background-color: #99a7bc;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	pading-bottom: 10px;
	min-height: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
.title {
	width: 230px;
	
	display:block;
	float:left;
	padding-left: 20px;
	padding-top:5px;
	margin-bottom: 5px;
}
.title p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.formItem {
	float: left;
	width: 300px;
	display:block;
	
	margin-bottom: 5px;
}
input#contactNumber{
	width: 200px;
}
input#registrationNumber{
	width: 150px;
}
input#submit {
	text-align: center;
	margin-top: 5px;
	clear: both;
	float:none;
}
textarea#partsReq {
	height: 100px
}
.returnCallForm input, .returnCallForm textarea {
	width: 350px;
	height: 25px;
	border:1px solid #000000;
	background-color: white;
}

/************************************************************************************************
																		LEFT COLUMN HEADINGS
************************************************************************************************/
.heading {
	float: left;
	display: block;
	text-align:center;
	padding-bottom: 5px;
	padding-top: 8px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	width: 680px;
	text-align:right;
	border-bottom: #000000 2px solid;
	margin-bottom: 5px;
	clear:both;
}
.headingAdjust {
	width: 900px;
	margin-left:50px;
}
.headingAdjustClothing {
	width: 780px;
}
.heading h2, .heading h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	display: inline;
}
.heading h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	display: inline;
}
.heading img {
	height: 30px;
}
.heading span{
	display:block;
	float:left;
}

/************************************************************************************************
																	FACEBOOK / TWITTER PANEL
************************************************************************************************/
.followUs {
	width: 300px;
	float:left;
	display:block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
}
.followUs span {
	float:left;
	width: 280px;
	padding-left:10px;
	padding-right: 10px;
	text-transform:uppercase;
	letter-spacing:.5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.followUsCont {
	width: 150px;
	padding-top: 5px;
	float:left;
	text-align:center;
	margin-bottom:10px;
}

/************************************************************************************************
																PAGE HEADER TITLES & IMAGES
************************************************************************************************/
.topContentMainContainer {
	display: block;
	float:right;
	width: 530px;
	height: 110px;
}


.partsHeader {
	
	background-image:url(../images/sectionHeaders/PartsSectionImage.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.clothingHeader {

	background-image:url(../images/sectionHeaders/onePieceSectionImage.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.trainingHeader {
	
	background-image:url(../images/sectionHeaders/trainingSectionHeader.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.aboutUsHeader {
	
	background-image:url(../images/sectionHeaders/aboutUsSectionImage.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.bsbtvHeader {
	
	background-image:url(../images/sectionHeaders/bdbtvHeader.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.insuranceHeader {
	
	background-image:url(../images/sectionHeaders/insuranceSectionHeader.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.contactUsHeader {
	
	background-image:url(../images/sectionHeaders/contactUsSectionHeader.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.newBikesHeader {
	
	background-image:url(../images/sectionHeaders/newBikeSectionImage.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.usedBikesHeader {
	
	background-image:url(../images/sectionHeaders/usedBikeSectionImage.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.linksHeader {
	
	background-image:url(../images/sectionHeaders/linksSectionHeader.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.newsHeader {
	
	background-image:url(../images/sectionHeaders/newsSectionHeader.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.demosHeader {
	
	background-image:url(../images/sectionHeaders/demonstratorSectionImage.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.serviceHeader {
	
	background-image:url(../images/sectionHeaders/serviceSectionImage.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.dwfHeader {
	
	background-image:url(../images/sectionHeaders/dwfSectionImage.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.ktmtvHeader {
	
	background-image:url(../images/sectionHeaders/ktmtvHeader.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.yamtvHeader {
	
	background-image:url(../images/sectionHeaders/yamahatvHeader.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}
.clothingHeader h1,.partsHeader h1, .aboutUsHeader h1, .newBikesHeader h1, .usedBikesHeader h1, .contactUsHeader h1, .insuranceHeader h1, .linksHeader h1, .newsHeader h1, .trainingHeader h1, .demosHeader h1, .serviceHeader h1, .dwfHeader h1, .bsbtvHeader h1, .ktmtvHeader h1, .yamtvHeader h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	text-align:right;
	padding-right:20px;
	padding-top: 69px;
	display:block;
	color:#000000;
	margin: 0px;
}

/************************************************************************************************
																	SSL CERTIFICATE STYLES
************************************************************************************************/
.ssl {
	float:left;
	display: block;
	width: 400px;
	text-align:center;
	margin-top:5px;
	margin-bottom: 5px;
	text-align:right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ssl img {
	width: 130px;
	margin-bottom:5px;
}

/************************************************************************************************
									HOME PAGE ADVERT HEADERS WITH MINI FACEBOOK/TWTTER STYLES
************************************************************************************************/
.advertheader {
	float: left;
	display:block;
	width:680px;
	padding-bottom: 5px;
	
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	font-style:italic;
}
.advertheader h1,.advertheader h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	font-style:italic;
	width: 650px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}
span.facebook {
	width: 18px;
	height: 18px;
	background:url(../images/facebook-ico.gif) no-repeat top left;
	float: right;
	margin-right: 5px;
	display:block;
}
span.twitter {
	width: 18px;
	height: 18px;
	background:url(../images/twitter-ico.gif) no-repeat top left;
	float: right;
	display:block;
	margin-right: 5px;
}

/************************************************************************************************
																RIGHT COLUMN PANEL HEADERS
************************************************************************************************/
.sectionTitle {
	float: left;
	display:block;
	width:290px;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	height: 2px;
	text-transform: uppercase;
	text-align:left;
	padding-left:10px;
	margin-bottom: 2px;
	margin-top: 2px;
	overflow:hidden;
}

.sectionTitle span {
	
	display:block;
	float: left;
	padding-top:5px;
	
}

/************************************************************************************************
																	CONTACT US PAGE STYLES
************************************************************************************************/
.mapRight{
	float: right;
	width: 300px;
	display:block;
	font-size:16px;
}
.contactUsText {
	float:left;
	display: block;
	width: 370px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:120%;
	margin-top: 5px;
}


/************************************************************************************************
																	LINKS SECTION STYLES
************************************************************************************************/
.linkSection {
	float:left;
	width: 300px;
	margin-right:20px;
	display:block;
	font-size:16px;
}
.linkSection p{
	font-weight:bold;
}
.linkSection a, .linkSection a:link {
	color: #000099;
}
.linkSection a:hover{
	color: #FFFF00;
}

/************************************************************************************************
																			NEWS PAGE STYLES
************************************************************************************************/
.newsItemContainer {
	width: 680px;
	float:left;
	display:block;
	margin-left: 10px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 2px ridge #999999;
}
.newsItemHeader {
	width: 520px;
	float:left;
	display:block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style:italic;
	color:#000066;
	padding-bottom:10px;
	font-weight:bold;
}
.newsItemHeader a, .newsItemHeader a:link{
	color: #000066;
}
.newsItemHeader a:hover{
	color: #FF0000;
}
.newsItemImage {
	float:left;
	width: 300px;
	margin-right:10px;
	display:block;
	background:#000000;
	padding-bottom: 5px;
	color:#FFFFFF;
	text-align:center;
}
.newsItemThumb {
	float:left;
	width: 100px;
	margin-right:10px;
	display:block;
}
.newsItemStory {
	width: 680px;
	display:block;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #000000;
	line-height: 130%;
}

.newsItemThumbStory span{
	font-size:11px;
	color:#990000;
	font-style:italic;
	text-align:right;
}
.newsItemThumbStory {
	width: 520px;
	display:block;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #000000;
	line-height: 130%;
}
.newsItemStory a, .newsItemStory a:link{
	color: #000066;
}
.newsItemStory a:hover{
	color: #FF0000;
}
.newsDate {
	display:block;
	margin-bottom: 5px;
	font-size:11px;
	float:left;
	width: 680px;
	color:#990000;
	font-style:italic;
	text-align:right;
}
.eventHolder {
	float: left;
	width: 290px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom:4px;
	
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.eventTitle {
	margin: 0px auto;
	font-size:13px;
	font-weight:bold;
	color:#000099;
}
.eventTitle a, .eventTitle a:link {

	text-decoration: none;
	color:#0000CC;
}
.eventTitle a:hover {
	color: #990033;
}
.eventTitle span {
	font-size: 10px;
	color:#990000;
	text-align:right;
	clear:both;
	float:right;
	width:290px;
	font-weight:normal;
	text-transform:uppercase;
}
.eventText {
	float: left;
	width: 290px;
	font-size: 11px;
	font-weight:normal;
}
/************************************************************************************************
															RELATED ARTICLES FOR NEWS PAGE
************************************************************************************************/
.relatedArticles {
	width: 680px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	float:left;
	color:#999999;
	line-height:150%;
	margin-top: 10px;
	border-top: 2px dashed #CCCCCC;
	padding-top:10px;
}
.relatedArticles span {
	font-size: 13px;
	font-weight:bold;
	color:#666666;
	width: 680px;
	float: left;
	clear:right;
	display:block;
}
.relatedArticles a, .relatedArticles a:link {
	color: #999999;
	text-decoration:none;
}
.relatedArticles a:hover {
	color: #333333;
	text-decoration:underline;
}

/************************************************************************************************
																		DEMO PAGE STYLES
************************************************************************************************/
.demoContainer {
	display: block;
	float: left;
	width: 220px;
	margin-right: 5px;
	margin-top: 10px;
}
.demoImage {
	display: block;
	float:left;
	width: 220px;

}
.demoImage img{
	width: 220px;
	border:#FF9900 1px solid;
}
.demoTitle {
	display: block;
	float:left;
	width: 220px;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	padding-top:5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom:5px;
	text-align:center;
}

/************************************************************************************************
																		SURVEY STYLES
************************************************************************************************/
span.small {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FF0000;
}
#name, #email {
	width: 250px;
	border:1px solid #000000;
}


.formSeperator {
	width: 640px;
	
	padding-bottom: 8px;
	display:block;
	float:left;
}

textarea {
	width: 600px;
	height: 75px;
}

/* Z-index of #mask must lower than #boxes .window */  
#mask {  
  position:absolute;  
  z-index:90000;  
  background-color:#000;  
  display:none;  
}  
    
.window {  
  position:absolute;  
  width:480px;  
  height:488px;  
  display:none;  
  z-index:99999; 
  overflow: hidden;
}  
  
  
/* Customize your modal window here, you can add background image too */  
#boxes #dialog {  
  width:630px;   
  height:350px;
  background: url(../images/surveyBackground.png) no-repeat top left;
  padding-left:40px;
  padding-right:30px;
  padding-top:120px;
  padding-bottom:20px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 190%;
	color: #000000;
} 	

.clothingBrands {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin: 0px;
	padding: 0px;
	display:inline;
}

.newsletterSignup {
	width: 650px;
	border: 1px solid #000000;
	min-height: 40px;
	float:left;
	margin-left: 10px;
	margin-top: 20px;
	padding: 10px;
}
.newsletterSignup span {
	width: 300px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size:14px;
	top: -25px;
	left: 30px;
	position:relative;
	display: block;
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.newsletterSignup td {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 200%;
	color:#000000;
	padding-top: 5px;
	padding-bottom: 5px;
}

.feedbackLink {
	width: 680px;
	margin-left: 10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	float:left;
	margin-top:15px;
}

/************************************************************************************************
																	PAGE NAVIGATION STYLES
************************************************************************************************/
.pageLinks {
	width: 680px;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:10px;
	margin-top: 10px;
}
.pageLinks a, .pageLinks a:link {
	color:#000099;
	text-decoration:none;
}
.pageLinks a:hover {
	color: #990000;
	text-decoration:underline;
}
.pageLinks span {
	font-size: 15px;
	color: #0000CC;
	font-weight: bold;
}
/************************************************************************************************
																		NEWS TICKER STYLES
************************************************************************************************/
.ticker {
		position: relative; /* So we can absolute the .items */
		width: 300px;
		height: 150px;
		overflow: hidden;
}
.items {
	position: absolute;
	top: 200px;
	margin: 10px;
}
.headingNews {
	float: left;
	padding-bottom:5px;
	width: 290px;
	
}
.headingNews a, .headingNews a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#0000CC;
	text-decoration:none;
}
.headingNews a:hover {
	color: #990000;
	text-decoration:underline;
}
.textNews img {
	float: left;
	margin-right:10px;
}
.textNews {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;

	color:#000000;
	padding-right:5px;
	width: 290px;
	float:left;
}
.textNews span {
	
	float:left;
	font-size:9px;
	color:#990000;
	padding-top:5px;
	clear:right;
}
.latestNewsHeader {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	width: 290px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	position: relative;

	clear:both;
	text-align:center;
}

/************************************************************************************************
																RELATED PRODUCTS CLOTHING
************************************************************************************************/
.relProduct {
	float: left;
	width: 290px;
	clear:both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
}

/************************************************************************************************
																			UPGRADE KITS
************************************************************************************************/
.upgrade{
	width: 340px;
	height: 300px;
	float: left;
	margin-right:5px;
}
.upgrade125 {
	background: url(../images/upgrade125.jpg) no-repeat top left;
}
.upgrade125above {
	background: url(../images/upgrade125above.jpg) no-repeat top left;
}
.upgradeSports {
	background: url(../images/upgradeSports.jpg) no-repeat top left;
}
.upgradeTouring {
	background: url(../images/upgradeTouring.jpg) no-repeat top left;
}
.upgradeTitle {
	width: 160px;
	padding-left: 180px;
	padding-bottom: 20px;
	padding-top: 20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	float:left;
	font-weight:bold;
}

.upgradeContent {
	width: 320px;
	padding: 10px;
	font-size:24px;
	text-align: right;
}
.upgradeContent span {
	font-size: 12px;
	width: 200px;
	
	text-decoration:line-through;
}
.upgradeContent ul {
	font-size: 15px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:120%;
}
.upgradeSaving {
	width: 110px;
	padding-left:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 60px;
	height: 180px;
	font-size:24px;
	font-weight:bold;
	text-align:left;
}
.securityUpgrade {
	width: 300px;
	background: url(../images/securityUpgradeBackground.png) no-repeat center center;
	height: 190px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#000000;
	text-align:left;
}
.secUpgtitle {
	width: 290px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFFFFF;
	margin-top:35px;
	text-align:center;
}
.secUpgradeTitle {
	width: 300px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	padding-top: 18px;
}
.secUpgContent {
	width: 170px;
	float:left;
	padding-left: 10px;
}
.secUpgPrice {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#FFFFFF;
	float:right;
	width: 95px;
	text-align:right;
	padding-top: 70px;
	padding-right:15px;
}
.secUpgPrice span {
	font-size: 12px;
}

/************************************************************************************************
																		UPGRADE KITS PANEL
************************************************************************************************/
.upgradeKits {
		background: url(../images/upgadeKitBackground.png) top left no-repeat;
		font-family:Arial, Helvetica, sans-serif;
		width: 270px;
		padding: 15px;
		height:240px;
		margin-left: 5px;
		margin-top: 5px;
		font-size:14px;
		float:left;
		overflow:hidden;
	}
.upgradeKits a, .upgradeKits a:link {
width: 270px;
float:left;
	font-size: 16px;
	text-align:center;
	color:#0000CC;
	
}
.upgradeKits a:hover {
	color: #990000;
}
	.upgradeKits span {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size:22px;
		color:#000099;
		line-height:200%;
		text-align:center;
		font-weight:bolder;
		width: 290px;
	}
	
	
/************************************************************************************************
																		CODA PANELS STYLES
************************************************************************************************/		
/* Most common stuff you'll need to change */

.coda-slider-wrapper { padding: 20px 0 }
.coda-slider { background: #ebebeb }

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 680px } 

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 680px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }

/* Tab nav */
.coda-nav ul li a.current { background: #39c }

/* Panel padding */
.coda-slider .panel-wrapper { padding: 5px }

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul { clear: both; display: block; margin: 0; padding:0 ; overflow: hidden }
.coda-nav ul li { display: inline; font-size:99%; }
.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

/************************************************************************************************
																INDIVIDUAL PANEL EXTENTIONS
************************************************************************************************/
.panel1 {
	height: 241px;
	background:url(../images/dealImages/fpVictoryExhaust.jpg) no-repeat top left;
}
.panel2 {
	height: 241px;
	background:url(../images/dealImages/fpMonster696.jpg) no-repeat top left;
}
.panel3 {
	height: 241px;
	background:url(../images/dealImages/fpOrangeOpenDays.jpg) no-repeat top left;
}
.panel4 {
	height: 241px;
	background:url(../images/dealImages/fpYBR125FreeInsurance.jpg) no-repeat top left;
}

.panel1 h1 {
	width: 550px;
	display:block;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	clear:both;
	color:#FFFFFF;
	text-transform:uppercase;
	padding-left: 130px;
}
.panel1 .victorySub {
	width: 550px;
	display:block;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	clear:both;
	color:#FFFFFF;
	margin-top: 0px;
	text-transform:uppercase;
	padding-left: 130px;
}
.panel1 .victoryMain {
	width: 390px;
	display:block;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	clear:both;
	color:#FFFFFF;
	line-height: 150%;
	padding-left: 10px;
	margin-top:10px;
}
.panel1 p {
	clear: both;
	margin: 0;
	margin-top: 80px;
	width: 250px;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
}
.panel2 h2 {
	width: 410px;
	display:block;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	font-style:italic;
	text-transform:uppercase;
	padding-left: 250px;
	font-weight:normal;
	margin-top: 10px;

}
.panel2 p {
	
}
.panel2 a, .panel2 a:link {
	width: 410px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	color: #FFFFFF;
	font-size:14px;
	text-transform:uppercase;
	padding-left: 250px;
	margin: 0px;
}
.panel2 a:hover {
	color: #FFFF00;
}
.panel3 h2 {
	width: 670px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size:24px;
	text-align:right;
}
.panel3 p {
	margin: 0;
	clear: both;

	width: 185px;
	float:left;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding-left:280px;
}
.panel4 h2{
	float: right;
	width: 350px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-right:10px;
	margin-top:70px;
	text-align:right;
	clear:both;
}
div.panel4Content{
	width: 350px;
	margin-right:10px;
	float:right;
	clear:both;
}
div.panel4Price {
	float:left;
	width: 150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:right;
	font-weight:bold;
	padding-right:10px;
	padding-top: 10px;
}
div.panel4Upgrades{
	float: left;
	width: 190px;
	font-size:14px;
	font-weight:bold;
	margin-top: 5px;
}
div.panel4Normally {
	float: right;
	width: 250px;
	font-size:14px;
	clear:both;
	padding-right: 10px;
	
}

	
/************************************************************************************************
																	COLLAPSABLE ARCHIVE NEWS
************************************************************************************************/
	ul#collapser {
	padding:0;
	list-style:none;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 25px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
}
	#collapser ul { margin: 0; padding: 0; }
	#collapser ul li { margin: 5px 0 5px 25px; padding: 0; list-style: none; }
	#collapser  a, #collapser a:link {
		text-decoration: none;
		color: #000066;
		font-weight: normal;
	}
	#collapser a:hover {
		text-decoration: underline;
		color:#990000;
	}
	#collapser .jqcNode { font-weight: normal; color: #000066;  }
	#collapser .jqcNode:hover { color: #990000; }
	
	.cats ul 
	{ 
		margin: 0;
		padding:0;
		list-style:none;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:13px;
	}
	.cats li { color: black; list-style:none;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:13px;}
	.cats a, .cats a:link { color:#000066; text-decoration:none;}
	.cats a:hover {color:#990000; text-decoration:underline;}
	
/************************************************************************************************
																				MISC STYLES
************************************************************************************************/
.newsletter {
	float:left;
	display: block;
	width: 300px;
	text-align:center;
	margin-top:5px;
	margin-bottom: 5px;
}
/*.newsletter img {
	width: 290px;
}*/
.newsletterInner div.surveyComplete {
	color: #FF0000;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:14px;
}
.debug {
	font-size: 10px;
}
.text {
	float:left;
	display: block;
	width: 680px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:150%;
}
.horizontalPhotos {
	width: 680px;
	float:left;
	margin-left:10px;	
	display:block;
	margin-top: 20px;
	margin-bottom:20px; 
}
.horizontalText {
	float: left;
	display: block;
	width: 680px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:150%;
	margin-left:10px;
}

.pageSubHeader {
	width: auto;
	padding: 20px;
	margin-bottom:10px;
	margin-right: 10px;
	float: left;
	display: block;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #F7FAE9;
	border: 1px solid #999999;
}

.pageSubHeader span{
	display:block;
	font-size:12px;
	font-weight:normal;
}
.pageSubHeader a, .pageSubHeader a:link{

	color:#000099;
}
.pageSubHeader a:hover{
	color:#990000;
}
.splitCell {
	float: left;
	width: 45%;
	padding-left: 15px;
}
.trainingPhotos {
	width: 200px;
	display:block;
	float:left;
	margin-left: 10px;
}
.trainingPhotos img{
	width: 195px;
	margin-bottom: 10px;
	margin-top: 10px;
	border:1px solid #0000CC;
}
.trainingText{
	width:450px;
	display:block;
	float:left;
	margin-left:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
}
.testimonial{
	display:block;
	margin-bottom:10px;
	border-bottom:2px dashed #666666;
}
.error404 a, .error404 a:link{
	color: #0000CC;
}
.error404 a:hover {
	color:#FF0000;
}

.servPoster {
	background:url(../images/SERVPOSTER_000.jpg) no-repeat top left #FFFFFF;
	text-align: right;
	height: 132px;
	width: 650px;
	display:block;
	margin: 0px auto;
	float: left;
	padding: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	
	font-size:22px;
	text-transform:uppercase;
}
.servPics {
	width: 50%;
	display:table-cell;
	float:left;
	text-align:center;
}

.player {
	width:620px;
	padding-left:60px;
	height: 350px;
	float:left;
	display:block;
}
.player2 {
	width:640px;
	padding-left:40px;
	height: 370px;
	float:left;
	display:block;
}
.welcomeImage {
	left: -10px;
	position:relative;
}
.partLogos {
	padding-left: 5px;
	float:left;
}
.partLogos img {
	float:left;
	width: 80px;
	padding-left:5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border:1px solid #000000;
	margin: 2px;
}

.printBikePageContainer {
	display: none;
}
.addthis_toolbox{
	float: left;
	width: 185px;
	padding-left: 500px;
}