/*RESET*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
body {
	line-height: 1.5;
	background: #fff;
}
/* Tables still need 'cellspacing="0"' in the markup. */

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: none;
	padding: 0;
	margin: 0;
}
/*Code for the roll overs on the images*/

a.rollover:hover img {
	filter:alpha(opacity=40);
	-moz-opacity:.80;
	opacity:.80;
}
.highlightit img {
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}
.highlightit:hover img {
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}
/*Code for news*/

.ContentSummaryMore {
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-read-article.jpg) no-repeat 0px 3px;
	font-weight: lighter;
	width: 118px;
	height: 16px;
	padding: 5px 4px 5px 8px;
	margin-left: -8px;
	margin-bottom: 10px;
}
.ContentSummaryMore:hover {
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-read-article.jpg) no-repeat -130px 3px;
	font-weight: lighter;
	width: 118px;
	height: 16px;
	padding: 5px 4px 5px 8px;
	margin-left: -8px;
	margin-bottom: 10px;
}
.ContentSummaryDate {
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
	font-weight:bold;
	font-size: 10px;
}
.NewsItemBackButton {
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-return-to-list.jpg) no-repeat 0px 3px;
	font-weight: lighter;
	width: 118px;
	height: 16px;
	padding: 5px 4px 5px 8px;
	margin-bottom: 10px;
}
.NewsItemBackButton:hover {
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-return-to-list.jpg) no-repeat -130px 3px;
	font-weight: lighter;
	width: 118px;
	height: 16px;
	padding: 5px 4px 5px 8px;
	margin-bottom: 10px;
}





/* -------------------------------------------------------------- 
   
   typography.css

-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 0.7em;
		background-color:transparent;
}


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color: #FFF; 
  font-family: Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 { 
  color: #111; 
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { color: #FFF; font-weight: bold; margin-top: 3px;}

h1 { font-size: 1.4em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.3em; margin-bottom: 0.75em; }
h3 { font-size: 1.1em; line-height: 1; margin-bottom: 0em; }
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


.box h2 {
	margin-bottom: 5px;
	border-bottom: 1px solid #fff;
}
#sidebar h2 {
	margin-bottom: 5px;
	border-bottom: none;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #3366CC;}
a           { color: #fff; text-decoration: none; margin: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; width: auto;}
th      { font-weight: bold; }

th, td   { 
	vertical-align: top;
	padding: 1px 1px 1px 0; }
	
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


a.navBtn {
	font-weight: lighter;
	width: 118px;
	height: 16px;
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-background.png) no-repeat 0px 3px;
	padding: 5px 4px 5px 8px;
	color: #fff;
	display: block;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-right: 10px;
}
a.navBtn:visited {
	font-weight: lighter;
	width: 118px;
	height: 16px;
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-background.png) no-repeat 0px 3px;
	padding: 5px 4px 5px 8px;
	color: #fff;
	display: block;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.navBtn:hover {
	font-weight: lighter;
	width: 118px;
	height: 16px;
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-background.png) no-repeat -130px 3px;
	padding: 5px 4px 5px 8px;
	color: #fff;
	text-decoration: none;
	display: block;
	cursor: pointer;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.navBtn:active {
	font-weight: lighter;
	width: 118px;
	height: 16px;
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-background.png) no-repeat 0px 3px;
	padding: 5px 4px 5px 8px;
	color: #fff;
	display: block;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.navBtnLong {
	font-weight: lighter;
	width: 178px;
	height: 16px;
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-background-long.png) no-repeat 0px 3px;
	padding: 5px 4px 5px 8px;
	color: #fff;
	display: block;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-right: 10px;
}
a.navBtnLong:visited {
	font-weight: lighter;
	width: 178px;
	height: 16px;
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-background-long.png) no-repeat 0px 3px;
	padding: 5px 4px 5px 8px;
	color: #fff;
	display: block;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.navBtnLong:hover {
	font-weight: lighter;
	width: 178px;
	height: 16px;
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-background-long.png) no-repeat -190px 3px;
	padding: 5px 4px 5px 8px;
	color: #fff;
	text-decoration: none;
	display: block;
	cursor: pointer;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.navBtnLong:active {
	font-weight: lighter;
	width: 178px;
	height: 16px;
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-background-long.png) no-repeat 0px 3px;
	padding: 5px 4px 5px 8px;
	color: #fff;
	display: block;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.navBtnShort {
	font-weight: lighter;
	width: 78px;
	height: 16px;
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-background-short.png) no-repeat 0px 3px;
	padding: 5px 5px 5px 7px;
	color: #fff;
	display: block;
	clear: none;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.navBtnShort:visited {
	font-weight: lighter;
	width: 78px;
	height: 16px;
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-background-short.png) no-repeat 0px 3px;
	padding: 5px 5px 5px 7px;
	color: #fff;
	display: block;
	clear: none;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.navBtnShort:hover {
	font-weight: lighter;
	width: 88px;
	width: 78px;
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-background-short.png) no-repeat -90px 3px;
	padding: 5px 5px 5px 7px;
	color: #fff;
	text-decoration: none;
	display: block;
	clear: none;
	cursor: pointer;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.navBtnShort:active {
	font-weight: lighter;
	width: 78px;
	height: 16px;
	background: url(http://www.ongar-motorcycles.co.uk/2008/images/btn-background-short.png) no-repeat 0px 3px;
	padding: 5px 5px 5px 7px;
	color: #fff;
	display: block;
	clear: none;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#mainContent span.navBtn {
	font-weight: lighter;
	width: 157px;
	height: 18px;
	background: #ccc url(http://www.ongar-motorcycles.co.uk/2008/images/btn-background.png) no-repeat 0px 0px;
	padding: 5px 5px 5px 7px;
	color: #fff;
	display: block;
	clear: none;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mainContent span.navBtn:hover {
	background: #ccc url(http://www.ongar-motorcycles.co.uk/2008/images/btn-background.png) no-repeat -169px 0px;
	cursor: pointer;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* -------------------------------------------------------------- 
   
   main.css
   * Editable styles.

-------------------------------------------------------------- */
body {
	margin: 0;
}
.container {
	margin-bottom: 10px;
}
.headerleft {
	height: 60px;
	text-align: left;
	clear: left;
}
.headerleft img {
	margin: 10px 5px;
}
.headerright {
	height: 60px;
	text-align: right;
	clear: right;
}
.headerright img {
	margin: 10px 5px;
}
#navigation {
	height: 2.5em;
}
#mainNavVertical div {
	border: solid #223d70 1px;
}
#mainNavVertical ul {
	margin: 0;
	background: #000066 url(../../images/nav-bkgd.jpg) top left no-repeat;
}
#mainNavVertical li {
	list-style: none;
	display: block;
	margin-bottom: 0;
	border-bottom: solid #223d70 1px;
}
#mainNavVertical li.last {
	border-bottom: none;
}
#mainNavVertical a {
	text-align: left;
	display: block;
	text-decoration: none;
	height: 1.5em;
	padding: 5px;
	color: #FFF;
	width: auto;
	background: url(../../images/nav-arrow.gif) center right no-repeat;
	font-weight: bold;
}
#mainNavVertical a span {
	display: block;
	background: url(../../images/nav-arw.png) no-repeat right center;
}
#mainNavVertical a:hover {
	background-color: #152553;
}
#latestUsedBikes {
	background: #000066 url(../../images/nav-bkgd.jpg) top left no-repeat;
}
#latestUsedBikes img {
	border: 2px solid #FFF;
	margin: 3px 0;
}
#mainBanner {
	background: #000116 url(../../images/bike-bkgd.jpg) top left no-repeat;
	margin-bottom: 10px;
}
#mainBannerSpacer {
	height: 280px;
}
/*THE FOLLOWING STYLES CReATE THE BANNERS FOR THE NEW BIKES RANGE*/

#mainBannerAmerica {
	background: #000116 url(../../images/bike-bkgd-america.jpg) top left no-repeat;
	margin-bottom: 10px;
}
#mainBannerBonneville {
	background: #000116 url(../../images/bike-bkgd-bonneville.jpg) top left no-repeat;
	margin-bottom: 10px;
}
#mainBannerBonnevilleT100 {
	background: #000116 url(../../images/bike-bkgd-bonnevillet100.jpg) top left no-repeat;
	margin-bottom: 10px;
}
#mainBannerDaytona675 {
	background: #000116 url(../../images/bike-bkgd-daytona675.jpg) top left no-repeat;
	margin-bottom: 10px;
}
#mainBannerRocketIII {
	background: #000116 url(../../images/bike-bkgd-rocketiii.jpg) top left no-repeat;
	margin-bottom: 10px;
}
#mainBannerRocketIIITouring {
	background: #000116 url(../../images/bike-bkgd-rocketiiitouring.jpg) top left no-repeat;
	margin-bottom: 10px;
}
#mainBannerRocketIIIClassic {
	background: #000116 url(../../images/bike-bkgd-rocketiiiclassic.jpg) top left no-repeat;
	margin-bottom: 10px;
}
#mainBannerScrambler {
	background: #000116 url(../../images/bike-bkgd-scrambler.jpg) top left no-repeat;
	margin-bottom: 10px;
}
#mainBannerSpeedmaster {
	background: #000116 url(../../images/bike-bkgd-speedmaster.jpg) top left no-repeat;
	margin-bottom: 10px;
}
#mainBannerSpeedTriple {
	background: #000116 url(../../images/bike-bkgd-speedtriple.jpg) top left no-repeat;
	margin-bottom: 10px;
}
#mainBannerSprintST {
	background: #000116 url(../../images/bike-bkgd-sprintst.jpg) top left no-repeat;
	margin-bottom: 10px;
}
#mainBannerStreetTriple {
	background: #000116 url(../../images/bike-bkgd-streettriple.jpg) top left no-repeat;
	margin-bottom: 10px;
}
#mainBannerThruxton {
	background: #000116 url(../../images/bike-bkgd-thruxton.jpg) top left no-repeat;
	margin-bottom: 10px;
}
#mainBannerTiger {
	background: #000116 url(../../images/bike-bkgd-tiger.jpg) top left no-repeat;
	margin-bottom: 10px;
}
/*********************************/

.specCols h3 {
	clear: left;
	color: #417cc5;
	padding: 1em 0 .2em 0;
}
.specCols dl dt {
	float: left;
	width: 120px;
	clear: left;
	font-weight: bold;
}
.specCols dl dd {
	display: block;
	float: left;
	width: 269px;
}
.transparency {
	background: transparent url(../../images/welcome-bkgd.png) top left repeat-x;
}
.movieholder {
	width: 210px;
	height: 69px;
	border: solid #223d70 1px;
	margin: 0 0 5px -1px;
	position: relative;
}
.movieholder a.navBtnLong {
	position: absolute;
	z-index: 10;
	margin: 40px 0 0 6px;
}
.movie {
	width: 210px;
	height: 69px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	text-align: center;
}
.moviefile {
	width: 210px;
	height: 69px;
}
#movies img.border {
	margin-bottom: 5px;
}
.banner {
	margin: 0;
}
#footer {
	color: #FFF;
}
#footer p {
	padding: 1.5em;
	margin: 0;
}
#usedBikeResults img {
	border: 3px solid #FFF;
	margin-right: 5px;
}
.usedBikeZoom {
	margin-top: -29px;
}
#viewUsedBike img {
	border: 3px solid #FFF;
}
#sidebar img {
	border: 3px solid #FFF;
}
.highlightit img {
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}
.highlightit:hover img {
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.6;
}
#mapContainer {
	width: 100%;
	border: solid 3px #fff;
	color: #000;
	padding: 0;
	margin: 0;
}
#MYmap {
	width: auto;
	height: 400px;
	color: #000;
}
#MYmap a {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
#directions {
	background: #fff;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	color: #000;
	overflow: hidden;
}
#directions a {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
.newBikeColor {
	width: 40%;
	padding: 0 7% 20px 3%;
	height: auto;
	text-align: center;
	clear: none;
	float: left;
}
.newBikeColor img {
	clear: both;
	margin-bottom: 5px;
	border: solid #fff 3px;
}
.ContentSummaryTitle {
	font-weight: bold;
	display: block;
	width: auto;
	padding: 0;
	margin-left: -8px;
}
.ContentSummaryImage {
	margin-left: 10px;
}
.ContentSummarySummary {
	display: block;
	margin-left: -8px;
}