/*---------------------------------------------------------------------------------------
  
                        Website: DDP
                        Author: Bitmedia
                        Created: February 2009
  
---------------------------------------------------------------------------------------*/


/*
    Basics
    Typography - moved to external css file
    Layout
    Content
    Page Groups
    Navigation
    Form Styles
    Misc
	Headers
*/



/*---------------------------------------------------------------------------------------
   Basics
---------------------------------------------------------------------------------------*/

/* Default and Common CSS styles */
@import "default.css";
@import "common.css";


/* Body */
body	{ background: url('../images/bg.png') #002857 repeat-y top center; min-width: 900px;}



/*---------------------------------------------------------------------------------------
   Layout 
---------------------------------------------------------------------------------------*/

/* Container */
#pageContainer { width: 900px; margin: 0 auto; overflow: hidden; position: relative; background: url('../images/bg-content.png') #002857 repeat-y top left;}

/* Header */
/* img#logo { margin: 0 0 0 100px; float: left}*/
img#logo { position: absolute; top: 0; left: 40px;}
/* #header { float: right; width: 334px; padding: 31px 60px 0 0;} */
#header { float: right; width: 651px; padding: 31px 60px 0 0;}	
#contactinfo { float: right; width: 350px;}
p#telephone { float: right; display: block; width: 323px; height: 14px; background: url('../images/telephone.jpg') no-repeat top right; text-indent: -9999px; margin: 0;}
p#email {float: right;  margin-top: 8px;}
p#email a { display: block; width: 268px; height: 20px; background: url('../images/email.gif') no-repeat top left; text-indent: -9999px;}
p#email a:hover { background-position: top right;}

/* Content */
#content { float: right; width:723px; margin: 10px 55px 0 0; padding: 10px 0 0 0; border-top: 1px solid #405e81; font-size: 0.9em; line-height: 1.4em; }
	* html #content { display: inline;}

/* Footer */
#footer { float: right; width:723px; margin: 10px 55px 0 0; padding: 0 0 20px 0; border-top: 1px solid #405e81;}



/*---------------------------------------------------------------------------------------
   Content 
---------------------------------------------------------------------------------------*/
#sideImg { float: right; width: 229px; margin-left: 10px;}
#sideImg img { border: 1px solid #405e81; padding: 3px; margin-bottom: 15px;}

/*---------------------------------------------------------------------------------------
   Page Groups (includes typography for groups)
---------------------------------------------------------------------------------------*/

/* Testimonials */
.testimonial {margin-bottom:1em;}

/* Course Dates */
#coursePg {margin-bottom:1em;}
.course {margin-bottom:1em;}
.courseDate {color:#e66832;}
.courseTitle {margin-left:35px;}
.courseDetails {margin-left:35px;}
.courseDetails a {text-decoration:none;}

/*---------------------------------------------------------------------------------------
   Navigation
---------------------------------------------------------------------------------------*/
/* Top Nav */
.topMenu ul { float: right; margin: 0; padding: 0; list-style: none; width: 630px; }
.topMenu ul li { float: left; display: inline; margin: 0; padding: 0; position: relative;}
.topMenu ul li a {float: left; height: 37px; text-indent: -9999px; outline: 0;}
.topMenu ul li a.about-ddp-link { width:94px; background: url('../images/about-ddp.jpg') no-repeat;}
.topMenu ul li a.dates-booking-link { width:148px; background: url('../images/nav-datesandbookings.gif') no-repeat;}
.topMenu ul li a.courses-link { width:78px; background: url('../images/nav-courses.gif') no-repeat;}
.topMenu ul li a.testimonials-link { width:110px; background: url('../images/nav-testimonials.gif') no-repeat;}
.topMenu ul li a.contact-link { width:82px; background: url('../images/nav-contact.gif') no-repeat;}
.topMenu ul li a.home-link { width:63px; background: url('../images/nav/home.gif') no-repeat;}
.topMenu ul li a.links-link { width:54px; background: url('../images/nav/links.gif') no-repeat;}  
.topMenu ul li a:hover { background-position: bottom left !important;}
.topMenu ul li.selected a { background-position: bottom left !important;}
.topMenu ul li ul	{ width: 310px; display: none; position: absolute; top: 100%; left: -23px; background: #e97f36; padding: 5px 10px 5px;}
.topMenu ul li ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; padding-bottom: 3px;}
.topMenu ul li ul li a	{ border-right: none; width: 100%; display: inline-block; text-indent: 0; color: #fff; text-decoration: none; font-size: .9em; height: auto;} 
.topMenu ul li ul li a:hover { color: #002857;}
.topMenu ul li:hover ul { display:block; }


/* Main Nav */
ul#mainNav { width: 726px; float: right; margin: 20px 0 0 0; padding: 0 55px 0 0; list-style: none;}
ul#mainNav li { float: left; display: inline; padding: 0; margin: 0;}
ul#mainNav li a { overflow: hidden; float: left; text-indent: -9999px; width: 232px; height: 179px; margin-right: 15px;}
body.home ul#mainNav li a { margin-right: 18px;}
ul#mainNav li a.nav-warwick { background: url('../images/nav-warwicknew.jpg') no-repeat; }
ul#mainNav li a.nav-4x4 { background: url('../images/nav-4x4.jpg') no-repeat; }
ul#mainNav li a.nav-youngdrivers { background: url('../images/nav-youngdrivers.jpg') no-repeat; margin-right: 0;}

ul#mainNav li a.nav-perfcarcourse { background: url('../images/nav-performancecar.jpg') no-repeat; width: 475px;}
ul#mainNav li a.nav-gift { background: url('../images/nav-giftvouchers.jpg') no-repeat; width: 227px; margin-right: 0 !important;}

/* Home Nav */
ul#homeNav { list-style: none; margin: 0; padding: 15px 0; overflow: hidden;}
ul#homeNav li { float: left; display: inline; margin: 0; padding: 0;}
ul#homeNav li a { display: block; width: 117px; height: 173px; text-indent: -9999px; overflow: hidden; margin-left: 3px;}
ul#homeNav li.first a { margin-left: 0; }
ul#homeNav li#nav-hidden { margin-left: 0; display: none; }
ul#homeNav li#nav-mototcycle a { background: url('../images/homenav-motorcycle.jpg') no-repeat; }
ul#homeNav li#nav-newdriver a { background: url('../images/homenav-newdriver.jpg') no-repeat; }
ul#homeNav li#nav-advancedperformance a { background: url('../images/homenav-advancedperformance.jpg') no-repeat; }
ul#homeNav li#nav-trackday a { background: url('../images/homenav-trackday.jpg') no-repeat; }
ul#homeNav li#nav-suvcontrol a { background: url('../images/homenav-suvcontrol.jpg') no-repeat; }
ul#homeNav li#nav-carcontrol a { background: url('../images/homenav-carcontrol.jpg') no-repeat; }

/* Minor Nav */
div#footer ul { margin: 0; padding: 0; list-style: none;}
div#footer ul li { float: left; display: inline; margin: 0; padding: 0 5px;}
div#footer ul li.last { background: none;}
div#footer ul li a {float: left; text-decoration: none; background: transparent; font-size: .8em;}
div#footer ul li a:hover { text-decoration: underline;}
div#footer ul li a.selected {}
ul#termsUL { margin: 0; padding: 0; list-style: none;}
ul#termsUL li { float: left; display: inline; margin: 0; padding: 0 5px;}
ul#termsUL li.last { background: none;}
ul#termsUL li a {float: left; text-decoration: none; background: transparent; font-size: .8em;}
ul#termsUL li a:hover { text-decoration: underline;}
ul#termsUL li a.selected {}

/*---------------------------------------------------------------------------------------
   Forms
---------------------------------------------------------------------------------------*/

.formDivider {width:100%;border-bottom:1px solid #e66832;margin-bottom:10px;margin-top:10px;float:left;}
.subHeader { color:#e66832; margin-bottom:20px;float:left;width:100%;}
.subHeader2 { margin-bottom:20px;float:left;width:100%;}
.textHeader { color:#e66832; margin-bottom:20px;float:left; font-size:140%; font-weight:bold;width:100%;}

#bookingForm { width:445px; margin-top:1em;}
.orange  { color:#e66832; }

/* Contact Form */
#formSurround {float: left; width:400px;}

/*---------------------------------------------------------------------------------------
   Misc.
---------------------------------------------------------------------------------------*/

/* Error Page */
body.errorPage {}
body.errorPage p#errorMessage { padding: 100px 0; text-align: center;}

/*---------------------------------------------------------------------------------------
   Headers
---------------------------------------------------------------------------------------*/
h1 { float: left; display: block; width:60px; text-indent: -9999px; margin: 12px 0 0 6px;}
* html h1 { display: inline;}

h1#head { height:190px; background: url('../images/head-about.gif') no-repeat;margin-top:160px;}
body.about-ddp h1#head { height:190px; background: url('../images/head-about.gif') no-repeat;}
body.dates-booking h1#head { height:295px; background: url('../images/head-datesandbookings.gif') no-repeat;}
body.contact h1#head { height:190px; background: url('../images/head-contact.gif') no-repeat;}
body.testimonials h1#head { height:231px; background: url('../images/head-testimonials.gif') no-repeat;}
body.courses h1#head { height:231px; background: url('../images/head-courses.gif') no-repeat;}
body.home h1#head { height:158px; background: url('../images/head-home.gif') no-repeat;}
body.links h1#head { height:248px; background: url('../images/head-links.gif') no-repeat;}
body.warwick h1#head { height:198px; background: url('../images/head-warwick.gif') no-repeat;}
body.performance h1#head { height:248px; background: url('../images/head-performance.gif') no-repeat;}
body.nurburgring h1#head { height:239px; background: url('../images/nav/head-nurburgring.gif') no-repeat;}
body.fourxfour h1#head { height:245px; background: url('../images/head-4x4.gif') no-repeat;}
body.youngdrivers h1#head { height:255px; background: url('../images/head-youngdrivers.gif') no-repeat;}
body.coursesPage h1#head { height:187px; background: url('../images/head-courses.gif') no-repeat;}