﻿@charset "UTF-8";

/* Production Bikes
----------------------------- */

/* overwrite */
#Container { background: #000;}
#Contents { clear: both; width: 900px; margin: 35px auto 0 auto; padding: 0; background: #fff; border-top: 8px solid #252525;}
#mainContents { padding-left: 0;}
#mainContents h2,
#mainContents h3,
#mainContetns .leftmargin0 { margin-left: 0;}

/* common */
.section { clear: both; padding: 25px 35px; font-size: 91%;}
.section h2 { margin: 0 0 18px 0;; padding: 0;}
.section li img { vertical-align: top;}
ul.thumbnail { margin: 0 auto; padding: 0; text-align: center;}
ul.thumbnail li { float: left; list-style: none; width: 192px; margin: 0; padding: 0; text-align: center;}
ul.thumbnail li img { margin: 4px 6px;}



/* mainImage
------------------- */
#mainImage { margin: 20px 0 34px 0; padding: 0 34px;}
#mainImage p { margin: 0; padding: 0;}
#mainImage .text { width: 490px; margin-left: 34px; color: #555555; font-size: 91%; line-height: 1.8;}

#type5 #mainImage { background: #fff url(../img/type5_image.jpg) no-repeat left top;}
#type7 #mainImage { background: #fff url(../img/type7_image.jpg) no-repeat left top;}
#type8 #mainImage { background: #fff url(../img/type8_image.jpg) no-repeat left top;}
#type9 #mainImage { background: #fff url(../img/type9_image.jpg) no-repeat left top;}
#type5 h1 { padding: 155px 0 76px 650px;}
#type7 h1 { padding: 215px 0 76px 650px;}
#type8 h1 { padding: 215px 0 76px 650px;}
#type9 h1 { padding: 215px 0 76px 650px;}



/* Angle View
------------------- */
#angle { background: #3b3b3b;}
#type5 #angle .thumbnail,
#type7 #angle .thumbnail,
#type8 #angle .thumbnail,
#type9 #angle .thumbnail
 { width: 770px;}


/* colours
------------------- */
#colours { background: #fff; color: #535353;}
#colours li img { border: 1px solid #b3b3b3;}
#type5 #colours .thumbnail { width: 585px;}
#type7 #colours .thumbnail { width: 188px;}
#type8 #colours .thumbnail { width: 188px;}
#type9 #colours .thumbnail { width: 188px;}


/* Key Features
------------------- */
#features {}
#type5 #features { background-color: #fbcd63; color: #535353;}
#type7 #features { background-color: #d9d7b5; color: #535353;}
#type8 #features { background-color: #c5cbbb; color: #535353;}
#type9 #features { background-color: #b58f84; color: #535353;}

#features dl { margin-bottom: 15px;}
#features dd { text-align: justify;}
#features .column4 { clear: both; padding-left: 17px;}
#features .column4 dl { float: left; width: 180px; padding-left: 15px;}
#features .column4 dd { padding: 5px 8px;}

#features .single { clear: both; padding-left: 32px;}
#features .single dt { float: left; width: 210px; text-align: center;}
#features .single dd { margin-left: 230px; width: 530px;}
#features li { list-style-type: square;}



/* Comparison
------------------- */
#comparison { background: #fff;}
#comparison h2 { text-align: center;}
#comparison table { width: 660px; margin: 0 auto; border-collapse: separate; border-spacing: 0px; border-top: 1px solid #999; border-bottom: 1px solid #999;}
#comparison th,
#comparison td { width: 20%; padding: 4px 8px; line-height: 1.4;}
#comparison th { background: #000000; color: #fff; border: 1px solid #535353;}
#comparison td { color: #535353; border: 1px solid #d3d3d3; border-left: none; text-align: right;}
#comparison a { color: #4d4d4d;}



/* Gallery
------------------- */
#gallery { padding: 0; background: #3b3b3b;}
#gallery h2 { padding: 25px 0 5px 0; text-align: center;}
#gallery p { padding-bottom: 20px; text-align: center;}




/* footer
------------------- */
#footer { margin-top: 25px; padding: 10px; background: #656565; color: #fff; font-size: 90%;}



/* clearfix
------------------- */
.thumbnail,
#features .column4,
#features .single { display:inline-block;}
.thumbnail:after,
#features .column4:after,
#features .single:after { display:block; clear:both; visibility:hidden; height:0; content:".";}
/* Mac IE5 filter \*/
* html .thumbnail,
* html #features .column4,
* html #features .single { height:1px;}
.thumbnail,
#features .column4,
#features .single { display:block;}
/* End Mac IE5 filter */

