@charset "utf-8";
/* CSS Document */

body {
	background: #005087 url(../Images/bg_full.jpg) no-repeat scroll center top;
	margin: 12px 0px 0px;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#Container /* Whole Page Container */ {
	width: 986px;
	margin: 0 auto;
	text-align: left;
/*	background: #000116;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
#SiteContentHome /* Background image tile */ {
	width: 986px;
	height: 800px;
	margin: 0 auto;
	background: url(../Images/BGTile.jpg) no-repeat scroll center 104px;
	position:relative;
}
#SiteContent /* Background image tile */ {
	width: 986px;
	margin: 0 auto;
	background: #000000 url(../Images/BGTile.jpg) no-repeat scroll center 104px;
	position:relative;

}
#Header {
	padding: 0 0px; /* Header Container */
	background: url(../Images/HeaderBanner.jpg);
	height: 104px;
	width: 986px;
}
#header-address{
	margin: 82px 0px 0px 15px;
	padding: 0px;
	position: relative;
}
#Navigation {
	padding: 0; /* Main page content container */
	float:left;
	width:205px;
	position:absolute;
	left:0px;
	top:104px;
	background: url(../Assets/nav-bg.jpg);
	height: 390px;
	}
	
#navigation-left {
	height: 355px;
	width: 150px;
	padding-top: 35px;
	padding-left: 15px;
}

#nav-sub-heading {
	color: #FFFFFF;
	text-transform: uppercase;
	height: 22px;
	vertical-align: middle;
	text-align:left;
	padding-left: 5px;
	width: 169px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
}

a.nav, a.nav:link, a.nav:visited {
	display:block;
	width:150px;
	height:17px;
	background:url(IMAGES/navigation-background.gif) no-repeat scroll left bottom;
	text-align:left;
	text-decoration:none;
	color:#FFFFFF;
	overflow: hidden;
	padding-left: 15px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	font-variant: normal;
}

a.nav:hover {
	color:#FFFF33;
	background:url(IMAGES/navigation-background-over.gif);
} 

/* Banner div to sit next to the main page of content. */

#SkyScraper {
	width:180px;
	float:right;
	margin-right:6px;
	margin-top: 8px;
	margin-bottom: 10px;
}


#PageContent {
	padding: 5px;
	margin: 0px 185px 0px 203px;

}

#PageContentWide {
	padding: 5px;
	margin: 0px 5px 0px 203px;

}


#FooterHome {
	padding: 0; /* Footer Container */
	background: url(../Images/FooterBanner.jpg) no-repeat scroll right center;
	height: 198px;
	width: 986px;
	position:absolute;
	top:720px;
	margin: 0px;
}

#footer-address{
	float: left;
	padding: 2px 5px 0px 15px;
	margin: 12px 0px 0px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
}


#Footer {
	padding: 0 0px; /* Footer Container */
	background: url(../Images/FooterBanner-old.jpg) no-repeat scroll right center;
	height: 116px;
	width: 986px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Hyperlink Code */

a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #005087;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

/* SP Hyperlink Code */

a.SP:link{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a.SP:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
a.SP:hover {
	text-decoration: none;
	color: #005087;
	font-weight: bold;
	background: #FFFFFF;
}
a.SP:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}


/*Code for the roll overs on the images*/

.highlightit img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1.0;
	-khtml-opacity: 1.0;
}

.highlightit:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}

/* Code for the liquid rounded corners*/

#LiquidRound {
	width:580px;
	margin:0px;
	background: url(../images/leftside.gif) repeat-y left top;
	float: left;
	padding:0px;
}

/* Code for the liquid rounded corners*/

#LiquidRoundWide {
	width:100%;
	margin:0px;
	background: url(../images/leftside.gif) repeat-y left top;
	float: left;
	padding:0px;
}

/* Code for the home page banner elements*/

#FlashBanner1 {
	padding-left: 3px;
	padding-top: 3px;
}
#FlashBanner2 {
	position:absolute;
	padding-left:3px;
	padding-top: 10px;
}
#ImageBanner3 {
	position:absolute;
	padding-left: 0px;
	padding-top: 10px;
	margin-left:261px;
}
#ImageBanner4 {
	position:absolute;
	padding-left: 0px;
	padding-top: 10px;
	margin-left:518px;
}




.RoundTop {
	width:100%;
	height:40px;
	background:url(../images/top.gif) no-repeat left top;
}
.RoundTop span {
	display:block;
	position:relative;
	height:40px;
	background:url(../images/top-right.gif) no-repeat right top;
}
.RoundContent {
	position:relative;
	background: url(../images/rightside.gif) repeat-y right top;
	padding: 20px;
	margin:-1px 0 -40px;
}
.RoundBottom {
	width:100%;
	height:40px;
	background:url(../images/bottom.gif) no-repeat left bottom;
	margin-top: 40px;

}
.RoundBottom span {
	display:block;
	position:relative;
	height:40px;
	background:url(../images/bottom-right.gif) no-repeat right top;

}

#PageHeadings{
	font-size: 14px;
	font-weight: bold;
	color: #3366cc;
	padding: 0px;
	height: 25px;
	margin: 0px;
	position: absolute;
	top: 8px;
	left: 10px;
	width: 540px;
}

.PageHeader{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	width:540px;
}



.text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.BikeHeading{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
}

.BikeText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
	border-bottom: 1px dashed #425166;
}

.BikeDisplaytable{
	margin: 2px;
	border: 1px ridge #425166;
}

.SPBikeDisplaytable{
	margin: 2px;
	border: 1px ridge #425166;
}

.SPBikeDisplaytable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
	border-bottom: 1px dashed #425166;
}

.SPHeading{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
}


/* New Bikes CSS Code*/

#NewBikeDescription{
	padding: 8px;
}

#NewBikeSpec{
	padding: 8px;
}

#NewBikeCat{
	padding-bottom: 8px;
}

#NewBikeColours{
	padding-bottom: 8px;
}

.SpecTable{
	padding:0px;
	margin: 0px;
	width: 685px;
}
 
.SpecTable td{
	padding: 3px;
	border-bottom: 1px dashed #00385E;
}

.SpecHeader{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding:5px;
}

#LatestUsed{
	width:180px;
	height:220px;
	background: url(../Images/UsedHolder.jpg);
	padding-top: 10px;
	padding-left: 20px;
	display:block;

}

.LatestUsedText {
	font-size: 9px;
	color: #FFFFFF;
	padding:1px;
}
.LatestUsedHeading {
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
	padding:1px;
}
.LatestUsedImage {
	padding:1px 4px 1px 1px;
}

#NewsletterBanner{
	width: 580px;
	float: left;
	margin: 10px 4px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 13px;
	margin: 0px;
	padding: 0px;
}