@charset "utf-8";
/*-------------------------------------------------------------
Style Sheet 

Version: 1.1
Author: Alternet Solutions
email: webmaster@alternetsolutions.co.uk
website: http://www.alternetsolutions.co.uk/

This style sheet is copyright Alternet Solutions Ltd
-------------------------------------------------------------*/

/*Body*/

body {
	margin: 50px 0 0 0;
	padding: 0;
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small; /*for compliant browsers*/
	text-align: center;
	font-family: "LT ERGO", Verdana, Arial, Helvetica, sans-serif;
	background: #e8dbb9; 
	}
html>body { /* be nice to Opera */
	font-size: small;
	}
body>#ds { /*Child selector to hide from IE6 as we want to avoid PNG fix which renders nav inoperable*/
	width: 980px;
	margin: 0 auto;
	background: url(images/ds.png) repeat-y;
	}
	
#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: #fffdeb;
	font-size: 105%;
    }

#top {
	width: 960px;
	float: left;
	}

#top .tag {
	padding: 50px 0 0 0;
	float: left;
	}
		
#top .logo {
	float: right;
	padding: 15px 20px 15px 0;
	}

#ferrariImg {
	float: left;
	width: 100%;
	height: 220px;
	}

/*H1 - H6*/

h1 {
	margin: 20px 0;
	padding: 0;
	font-size: 150%;
	font-family: "LT Ergo", "Goudy Old Style", Arial, Helvetica, sans-serif;
	color: #98002e;
	}

/*General*/

img {
	border: none;
	}
	
img.mini {
	padding: 5px 0px 0px 10px;
    }
	
.tag {
	font-size: 70%;
	}

.clear {
	clear: both;
	}

.bold {
	font-weight: bold;
	}

.red {
	color: #f00;
	}

.highlighted {
	font-family: "Garamond", Arial, Helvetica, sans-serif;
	}

a {
	color: #98002e;
	}

.bigRed {
	color: #98002e;
	font-size: 130%;
	}

.centre {
	text-align: center;
	}

.justify {
	text-align: justify;
	}

.italics {
	font-style: italic;
	}


/*Main Structure*/

#fullContent {
	width: 100%;
	float: left;
	line-height: 1.5em;
	}
	
#content {
	float: left;
	width: 70%;
	line-height: 1.5em;
	}

#sideBar {
	float: right;
	width: 240px;
	}
	
/*Gutters*/

.gutter {
	padding: 15px;
	}

#centreWrap {
	width: 760px;
	margin: 0 auto;
	}

/*Number Navigation for dynamic pages*/

.dirnavwrap {
	width: 80%;
	margin: 10px auto;
	}
	
ul.dirnav {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	}

.dirnav li {
	float: left;
	margin: 0;
	padding: 0 3px;
	}

.dirNavPageLink {
	color: #000;
	font-size: 100%;
	}

.dirNavCurrent {
	color: #f00;
	text-decoration: none;
	font-size: 105%;
	}

.dirnav img {
	border: none;
	}

.dirnav a:hover {
	color: #000;
	}

/*For Sale Page*/

.forSaleBox {
	margin-top: 10px;
	margin-right: 15px;
	padding: 5px;
	width: 760px;
	background: #ecead7;
	}

.forSaleBox h2 {
	margin: 0;
	font-size: 120%;
	color: #98002e;
	float: left;
	}

.forSaleBox a {
	color: #000;
	}

.forSaleBox p {
	margin: 2px 0;
	padding: 0;
	font-size: 90%;
	}

.forSaleBox p.moreInfo {
	float: right;
	}


.forSaleBox img.car {
	float: left;
	margin-right: 10px;
	border: 3px solid #000;
	}

ul.forSaleSpecsList {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.forSaleBox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/*Car-Details*/

#carDetails {
	width: 63%;
	float: left;
	}

#carDetailsSide {
	width: 35%;
	float: right;
	}

#carDetails .gutter {
	padding: 10px;
	}	

#carDetailsSide .gutter {
	padding: 0 10px;
	}

#carDetails #gallery {
	background: #303030;
	float: left;
	padding: 10px;
	}

#carDetails #thumbs {
	width: 210px;
	float: left;
	}

#carDetails #thumbs img {
	margin: 2px 1px;
	}

#mainImage {
	float: left;
	margin-top: 0px;
	}

#mainImage img {
	float: left;
	}

p#carDesc {
	text-align: justify;
	}

/*Ferrari Parts (new and used)*/

dl.usedPartsBox, dl.newPartsBox {
	width:100%;
	margin: 15px 0;
	padding: 0;
	float:left;
	}

dl.usedPartsBox:after, dl.newPartsBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

dl.usedPartsBox dt, dl.newPartsBox dt {
	margin: 0 0 .2em 0;
	font-size: 130%;
	color: #98002e;
	text-transform: capitalize;
	}

dl.usedPartsBox dt img, dl.newPartsBox dt img {
	float: left;
	margin: 0 5px 0 5px;
	padding: 0;
	border: 1px solid #333;
	}

dl.usedPartsBox dd, dl.newPartsBox dd {
	margin-top: 4px;
	margin-left: 110px;
	font-size: 100%;
	line-height: 1.5em;
	color: #000;
	text-align: justify;
	}

/*New "Parts" section Remove code above when parts are updated to one section*/

dl.parts {
	width: 100%;
	margin: 15px 0;
	padding: 0;
	}

dl.parts dt {
	margin: 0 0 .5em 0;
	font-size: 140%;
	color: #98002e;
	}

dl.parts dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	border: 1px solid #333;
	}

dl.parts dd {
	margin-left: 170px;
	line-height: 1.5em;
	}

#partDetails {
	width: 48%;
	float: left;
	}

#partDetailsSide {
	width: 50%;
	float: right;
	}

#partDetails .gutter {
	padding: 10px;
	}	

#partDetailsSide .gutter {
	padding: 0 10px;
	}

#partDetails #imageGallery {
	background: #303030;
	float: left;
	padding: 5px;
	}

#partDetails #thumbs {
	width: 420px;
	}

#partDetails img {
	margin: 2px 4px;
	float: left;
	}

p#partDesc {
	text-align: justify;
	}

/*Service Videos*/

#testdriveVideo {
	width: 320px;
	float: left;
	margin-top: 30px;
	}

#workshopVideo {
	width: 320px;
	float: right;
	margin-top: 30px;
	}

#testdriveVideo h1, #workshopVideo h1 {
	margin: 3px 0;
	text-align: center;
	}

.myVideo {
	width: 320px;
	height: 278px;
	position: relative;
	z-index: 1;
	float: left;
	margin: 0 5px;
	padding-bottom: 25px;
	}

/*Contact Us Form*/

#contactForm {
	float: left;
	width: 60%;
	}

#contactForm p {
	margin: 8px 0;
	}
	
.warning {
	font-style: italic;
    color: #f00;
	background-color: inherit;
	}
.success {
	color: #ff0000;
	font-size: 90%;
	}
	
#contactForm .formbox {
    width: 150px;
	border: 1px solid #ccc;
}
	
#contactForm label.label {
	float: left;
	width: 95px;
	font-size: 100%;
    color: #000;
}

#contactForm label.labelBlock {
	display: block;
	}

#contactForm textarea {
	width: 400px;
	height: 100px;
	border: 1px solid #ccc;	
	}
	
#contactForm input#send {
	color: #fff;
	padding: 3px;
	border: 1px solid #000;
	border-right: 1px solid #333;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	background: #98002e;
	}

p.spam {
	float: left;
	width: 100%;
	}

p.spam img {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	}

ul.contactDetails {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	}

.contactDetails li.boldTop {
	margin-top: 0px;
	font-weight: bold;
	}
	
.contactDetails li.bold {
	margin-top: 10px;
	font-weight: bold;
	}

.contactDetails li {
	margin: 0;
	padding: 0;
	}

#footContact {
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px 0;
	width: 960px;
	background: #98002e;
	}

#footContact p, #footContact a {
	margin: 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	}

span#fax, span#email {
	margin-left: 20px;
	}

/*Footer*/
	
#footer {
	width: 960px;
	margin: 0 auto;
	padding: 5px 0;
	background: #e8dbb9;
	}

#footer p {
	margin: 0;
    padding: 0;
    text-align: center;
	font-size: 85%;
	color: #666;
	}

#footer a {
	color: #666;
	text-decoration: none;
	}

/*****************Credits************************/

p#copyright {
	float: left;
	padding-left: 240px;
	font-size: 85%;
	}
		
span#credits {
	float: right;
	font-size: 85%;
	}


/* Hide from IE/Mac \*/
#footer { height: 1%; }
/* End hide from IE/Mac */

/* Hide from IE/Mac \*/
* html #footer { height: 1%; }
/* End hide from IE/Mac */

dl.usedPartsBox, dl.newPartsBox { display: inline-table; }

/* Hides from IE-Mac \*/
* html dl.usedPartsBox, * html dl.newPartsBox { height: 1%; }
dl.usedPartsBox, dl.newPartsBox { display: block; }
/* End hide from IE-Mac */

/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

* html .group { /* IE6 */
	height: 1%;
	}
*:first-child+html .group { /* IE7 */
	min-height: 1px;
	}
