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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/*...................... Media Surgery ............................
COLOURS:
lime Green : #B1EC04
medium Green : #869a47
dark Green : #4a8f50
*/
body { font-size: 75%; font-family: Tahoma, Arial, Helvetica, sans-serif;
background:#fff url(/images/background.jpg) 50% 0 no-repeat ;}
#wrapper { width:760px; margin:0 auto; }
#topper { height:300px; background: url(/images/bike.jpg) 100% 1px no-repeat ; position:relative; width:760px; }
#logo { margin-top:15px; float:left; }
#individually { position:absolute; top:132px; left:69px; }
#topper #road-nav { background:url(/images/background-nav-top.jpg) no-repeat; display:block; width:207px; height:120px; position: absolute; right:0; top:275px; }
a:link, a:visited { color:#B1EC04 }
p { padding:0.7em 0 0 0; }
/*...................... Latest Bikes ..............................*/
#bikes { float:left; clear:left; margin-top:42px; width:370px; display:none; }
#bikes ul { display:block; zoom:1; }
#bikes li { float:left; width:185px; }
#bikes ul a { color:#B1EC04; display:block; padding:3px 3px 3px 10px; }
#bikes ul a.selected { background: #a6a29e; color:#fff; cursor:default; margin-bottom:0pt; text-decoration:none; }
#bikes div { background: #3A3833 url(/images/background-latest-bikes.gif) no-repeat; border:2px solid #a6a29e;
width:286px; min-height:82px; clear:both; color:#fff; padding:5px 70px 0 10px; position:relative; }
/* #bikes div img { position:absolute; top:4px; right:4px; border:2px solid #fff; } */
#bikes div p { padding:6px 65px 0 0;}
#bikes div a.bike-more { position:relative; border:none; padding:4px 0 3px 5px; }
#bikes div a { }
#bikes div a { position:absolute; top:4px; right:4px; border:2px solid #fff; }
/*....................... Latest Track Day ...........................*/
#track-day { background-image:url(/images/background-latest-track-day.gif); float:right; margin:85px 0 0 0;
width:320px; height:39px; padding:3px 0 0 0; }
#track-day h3 { text-indent:-9999px;}
#track-day a { display:block; color: #fff; margin:5px 15px 0 0; padding-bottom:1px; float:right; text-decoration:none; border-bottom:1px solid #fff;}
#track-day span { color:#00FF00; }
/*....................... Latest News .................................*/
#latest-news { float:left; margin:20px 0 0 0; width: 500px; border-bottom:1px dotted #666; padding:0 0 15px 0; }
#latest-news a { background:#333; color:#B1EC04; font-size:0.9em; padding:2px; display:block; float:left; margin-top:3px;}
#latest-news h2 { float:left; font-size:1.2em; color:#666; margin:3px 0 0 0; }
#latest-news p { float:left; padding:4px 5px 5px 5px; }
/*........................ Main ........................................*/
#main { float:left; width:760px; background:transparent url(/images/background-main.jpg) 100% 0 repeat-y; }
/*....................... Navigation ...................................*/
#nav { background: url(/images/background-nav.jpg) 0 40px no-repeat; float:right; margin: -30px 0 0 0;
padding:40px 0 0 25px; position:relative; width:182px;}
#nav a { background:#222 url(../images/nav-links.gif) 0 60px; display:block; width:138px; color:#000; margin:4px 0 2px 0; padding:4px 0 4px 20px; font-weight:bold;}
#nav a:hover,
#nav a.lactive { background-position:0 0; color:#fff; }
#nav a.lactive { cursor:default; }
#nav #nav-contact { display:block; margin-bottom:75px;}
#nav h2 { background:#222 url(/images/nav-h2.gif); margin:4px 0 0 0; padding:4px 0 4px 20px;
width: 138px;}
#nav-accord h2.selected { background-position:0 -21px;}
#nav-accord ul { margin:0 0 7px 0; }
#nav-accord li a { font-size:12px; font-weight:normal; padding:3px 0 3px 10px; margin:5px 0 0 20px; width:117px; }
/*....................... Content ......................................*/
#content { width:500px; margin:30px 0 25px 0; float:left; }
#content a { color:#B1EC04; background-color:#535353; padding:2px; }
#content p { color:#006600; line-height:1.5em; }
#content h1 { color:#666; font-size:1.4em; padding:6px 0; }
#content h2 { padding:5px 0; }
/*........................ Content - Bikes For Sale ....................*/
#content-container { background-color:#CCC; padding:10px 10px 5px 10px; margin:10px 0 0 0; min-height:300px; }
.content-inner { background-color:#FFF; padding:15px; margin:0 0 10px 0; zoom:1; clear:right; }
.content-inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.content-inner h2,
.content-inner p { width:290px; float:left; clear:left; }
.content-inner h2 { margin-bottom:5px; }
.content-inner a.h2er { background-color:#666; font-size:1.2em; padding:2px ; width:100px; }
.content-inner span { color:#999;}
.content-inner p { padding-top:5px; }
.content-inner a.r-img { float:right; display:block; }
.content-inner img { border:3px solid #999; }
.content-inner img:hover{ border:3px solid #00CC00; }
#bikes-outer { background-color:#FFF; padding:10px; }
#bikes-outer ul { float:right; width:170px; }
#bikes-outer li { background:#fff url(../images/background-sprocket.gif) no-repeat 0 5px; font-size:0.8em;
padding: 0.7em 0 0.7em 20px ; color:#869a47;}
#bikes-left { float:left; width:250px;}
#content-images { clear:left; padding:10px 20px 0 0; width:250px; }
#content-images ul { width:auto; float:none; }
#content-images li { padding: 3px; background:none; display:block; float:left; }
#content-images img { border:3px solid #999; }
#content-images img:hover { border:3px solid #00CC00; }
#content-images:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*............................. Individual Pages ...........................*/
#testimonials { border:dotted 1px #CCC; padding:20px; font-family:Georgia, "Times New Roman", Times, serif;
font-weight:lighter; margin:15px; }
#testimonials p { width:300px; float:left;margin-left:2px; }
#testimonials a { float:right; margin-top:10px; }
#testimonials img { border:3px solid #999; margin-right:2px; }
#testimonials img:hover { border:3px solid #00CC00; }
#testimonials span { display:block; padding-top:10px; clear:both; text-align:right; color:#090; }
#content-container .see-all { background:#333 url(../images/background-link-see-all-links.gif) no-repeat; margin:10px 270px 0 0;
padding:3px 0 3px 30px; display:block; clear:both; color:#B1EC04;}
/*............................. Performance Parts list ............................*/
.performance-parts ul,
.reclaimed-parts ul { margin:0 0 0 20px; width:400px; padding:5px 0 0 0; clear:both; }
.performance-parts ul li,
.reclaimed-parts ul li { background:#fff url(../images/background-sprocket.gif) 0 2px no-repeat; clear:both;
padding:4px 0 4px 20px; }
.performance-parts a,
.reclaimed-parts a { float:none; background-color:#333; padding:2px; line-height:1.2em; }
.performance-parts .lightbox,
.reclaimed-parts .lightbox { background-color:#fff; float:right; }
.performance-parts h2,
.reclaimed-parts h2,
.performance-parts p,
.reclaimed-parts p { width:auto; }
.reclaimed-parts #content-container.content-container-rec2 p {float:left; width:300px; }
#content a.lightbox,
#content a.r-img { background-color:#FFF; } /*overrides grey background colour on links */
.content-inner li { padding:4px 0; }
/*................ Equipment ......................*/
#equipment { background-color:#FFF; padding:15px; margin:3px 0; zoom:1; clear:right; }
#equipment:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#equipment .see-all { background:#333 url(../images/background-link-see-all-links.gif) no-repeat; margin:10px 270px 0 0; }
.equipment a { float:left; width:200px; }
.equipment .content-inner p { width:445px; }
#content.equipment a.i-right1,
#content.equipment a.i-right2,
#content.equipment a.i-right3,
#content.equipment a.i-right4,
#content.equipment a.i-right5,
#content.equipment a.i-right6,
#content.equipment a.i-right7,
#content.equipment a.i-right8,
#content.equipment a.i-right9,
#content.equipment a.i-right10,
#content.equipment a.i-right11,
#content.equipment a.i-right12,
#content.equipment a.i-right13,
#content.equipment a.i-right14,
#content.equipment a.i-right15,
#content.equipment a.i-right16,
#content.equipment a.i-right17,
#content.equipment a.i-right18,
#content.equipment a.i-right19,
#content.equipment a.i-right20,
#content.equipment a.i-right21,
#content.equipment a.i-right22,
#content.equipment a.i-right23,
#content.equipment a.i-right24,
#content.equipment a.i-right25,
#content.equipment a.i-right26,
#content.equipment a.i-right27,
#content.equipment a.i-right28,
#content.equipment a.i-right29,
#content.equipment a.i-right30,
#content.equipment a.i-right31,
#content.equipment a.i-right32,
#content.equipment a.i-right33,
#content.equipment a.i-right34,
#content.equipment a.i-right35,
#content.equipment a.i-right35,
#content.equipment a.i-right36,
#content.equipment a.i-right37,
#content.equipment a.i-right38,
#content.equipment a.i-right39,
#content.equipment a.i-right40,
#content.equipment a.i-right41 { float:right; display:block; width:auto; background-color:#FFF; }
/*................ Gallery .........................*/
.gallery ul { margin:15px 0 0 35px; display:block; clear:both; width:405px; }
.gallery ul li { background:#fff url(../images/background-sprocket.gif) no-repeat 0 5px;
font-size:0.9em; padding: 0.7em 0 0.7em 20px ; color:#869a47; }
.gallery p { width:445px; }
.gallery #content-container .see-all { margin-top:30px; }
.gallery img { border:3px solid #999; }
.gallery img:hover { border:3px solid #00CC00; }
.gallery div#gallery-images { margin:10px 0 0 0 ; padding:0; }
/*................ News .............................*/
.news #content-container div { background-color:#fff; padding:20px;}
.news h1 { padding-bottom:20px; }
.news #content-container div a { background-color:#333; display:inline; padding:2px; }
.news #content-container div a.lightbox { background-color:#fff; }
.news a.lightbox img { border:3px solid #999; }
.news a.lightbox img:hover { border:3px solid #00CC00; }
.news #content-container div p { display:inline; padding:2px; }
.news #content-container #news-article p { display:block; padding:6px 0; }
.news p span { font-size:0.8em; font-style:italic; color:#333; }
.news #content-container .see-all { padding-left:35px; margin-top:15px; display:block; }
/*................... Events ......................*/
.events h1 { margin:10px 0; }
.events a.lightbox img { border:3px solid #999; }
.events a.lightbox img:hover { border:3px solid #00CC00; }
#content.events .see-all { background:#333 url(../images/background-link-see-all-links.gif) no-repeat;
margin:10px 270px 0 0; padding:3px 0 3px 30px; display:block; clear:both;
color:#B1EC04;padding-left:35px; margin-top:15px;
}
#content.events .content-inner p { width:auto; }
.events div#events-images { margin-top:10px; }
/*................. Knowledge Centre ..................*/
.knowledge #content-container div { background-color:#fff; padding:20px;}
.knowledge #content-container .see-all { padding-left:35px; margin:15px 210px 0 0; display:block; }
.knowledge ul li { background:#fff url(../images/background-sprocket.gif) no-repeat 0 5px;
font-size:0.9em; padding: 0.7em 0 0.7em 20px ; color:#869a47; }
/*...................................... Contact Us ......................................*/
.hiddenFields { display:none; height:0; }
.contact-us label { width:100px; display:block; margin-top:16px; padding:3px 0; color:#006600; }
.contact-us input,
.contact-us textarea { display:block; padding:2px; }
.submit_button { margin-top:5px;}
.LV_invalid { color:#FF0000; font-weight:bold; font-size:0.8em; }
.LV_valid { color:#009900; font-weight:bold; font-size:0.8em; }
.contact-us div { padding:20px; }
.contact-us div li { padding:5px; color:#006600; }
.contact-us div li span { color:#666; }
/*........................... Footer .....................................*/
#footer { clear:both; min-height:90px; background:#544f4a url(/images/background-footer.jpg) repeat-x; }
#footer div { width:760px; margin:0 auto; position:relative; padding:30px 0 0 0; }
#footer ul { padding:0; margin:0; max-width:500px;}
#footer li { padding:3px 0; color:#FFF;}
#footer li span { color:#CCC; }
#footer #valid { margin:10px 0 0 0; }
#footer #valid li { display:inline; }
#footer #valid a { background-color:#333; color:#B1EC04; font-size:0.8em; padding:2px 2px 0 2px; }
#footer #f-right { float:right; background:url(/images/background-footer-right.jpg) no-repeat; margin:-20px 0 0 0;
position:absolute; right:0; top:14px; width:196px; padding:45px 10px 0 0; text-align:right; }
li#footer-ms { background:transparent url(/images/footer-ms-logo.gif) 100% 1px no-repeat; margin:15px 0 0 0;
font-size:0.8em; font-weight:bold; padding:5px; }
#footer-ms a { padding:2px 25px 2px 0; text-align:right; color:#87b2ec; }
#footer-ms a span { color:#FFF; }