/* reset */
h1, h2, h3, ul, li{ margin:0; padding:0;  }
body{font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif}

/* genral layout */ 
#content, #package{ margin-bottom:40px; overflow:hidden;  }

/* header */
#header{ padding:0 10px; height:199px; background-image:url("../img/header.jpg"); background-position:top center; background-repeat:no-repeat; position:relative; }
#header #branding{}
#header #branding a{ display:block;}
#header #branding a img{ display:block;}
#header #branding #logo{ margin:17px 0 0 19px; }
#header #branding #blurb{ margin:34px 0 0 20px; }
#header #email-link{ position:absolute; width:282px; height:28px; top:152px; left:671px; z-index:4px;  display:block; }

/* menu */
#header .menu, #header .menu li{ list-style-image:none; list-style-position:none; list-style-type:none;  }
#header .menu{ overflow:hidden; float:right; margin:0 11px 5px 0; }
#header .menu li{ float:left; background-repeat:no-repeat; }
#header .menu li a{ display:block; position:relative; height:51px;  background-repeat:no-repeat; background-color:#000; color:#fff; text-align:center; font-size:14px; cursor:pointer;  }
#header .menu li a:hover{ color:#e80000; cursor:pointer; }
#header .menu li a span{ position:absolute; width:10px; height:56px; display:block; top:0px; left:0px;  background-repeat:no-repeat; cursor:pointer;  }

#header .menu-two{ position:relative; top:-5px; clear:both; }
#header .menu-two{ width:350px; }

#header .menu li #special-offers{ width:177px; }
#header .menu li #special-offers span{ width:177px; background-image:url('/img/menu/off/special_offers.png'); }
#header .menu li #special-offers:hover span, #header .menu #on #special-offers span{ width:177px; background-image:url('/img/menu/on/special_offers.png'); }

#header .menu li #race-viewing{ width:150px; }
#header .menu li #race-viewing span{ width:150px;  background-image:url('/img/menu/off/race_viewing.png');  }
#header .menu li #race-viewing:hover span, #header .menu #on #race-viewing-end span{ width:150px;  background-image:url('/img/menu/on/race_viewing.png');  }

#header .menu li #race-viewing-end{ width:182px; }
#header .menu li #race-viewing-end span{ width:182px;  background-image:url('/img/menu/off/race_viewing_end.png');  }
#header .menu li #race-viewing-end:hover span, #header .menu #on #race-viewing-end span{ width:182px;  background-image:url('/img/menu/on/race_viewing_end.png');  }

#header .menu li #accommodation{ width:183px; }
#header .menu li #accommodation span{ width:183px;  background-image:url('/img/menu/off/accommodation.png');  }
#header .menu li #accommodation:hover span, #header .menu #on #accommodation span{ width:183px;  background-image:url('/img/menu/on/accommodation.png');  }

#header .menu li #packages{ width:128px; }
#header .menu li #packages span{ width:128px;   background-image:url('/img/menu/off/packages.png');   }
#header .menu li #packages:hover span, #header .menu #on #packages span{ width:128px;   background-image:url('/img/menu/on/packages.png');   }

#header .menu li #british{ width:178px; height:37px;  }
#header .menu li #british span{ width:220px; background-image:url('/img/menu/off/british_new.png'); background-position:-3px 0; }
#header .menu li #british:hover span, #header .menu #on #british span{ width:220px; background-image:url('/img/menu/on/british_new.png'); }

#header .menu li #silverstone{ width:162px; height:37px;  }
#header .menu li #silverstone span{ width:220px; background-image:url('/img/menu/off/silverstone.png'); }
#header .menu li #silverstone:hover span, #header .menu #on #silverstone span{ width:220px; background-image:url('/img/menu/on/silverstone.png'); }

/* content */
#content .info-box{ background-color:#1f1f1f; background-image:url('../img/info-box/bg.jpg'); background-repeat:repeat-x; margin:0; width:320px; color:#fff; }
#content .info-box .header-frame{ display:block; background-image:url('../img/info-box/header.png'); height:27px; }
#content .info-box .footer-frame{ display:block; background-image:url('../img/info-box/footer.png'); height:25px; }
#content .info-box .details{ background-image:url('../img/info-box/body.png'); background-repeat:repeat-y; }
#content .info-box .header-frame, #content .info-box .footer-frame, #content .info-box .details{ width:320px; position:relative; }
#content .info-box .details .wrapper{ margin:0 20px;  }

/*package box */
#content .package .details{ min-height:465px; }
#content .package .details .package-name{ margin:0 0 0 0; font-weight:normal; text-shadow: 2px 2px 2px #000; min-height:39px; }
#content .package .details .package-location{ font-size:14px; margin:-7px 0 5px 0; text-shadow: 2px 2px 2px #000; font-weight:normal; }
#content .package .details .features{ margin:-2px 0 5px 15px; }
#content .package .details .features li{ list-style-type:disc; list-style-position:outside; font-size:13px; line-height:17px; }

#content .package .price{ position:absolute; bottom:25px; left:25px; z-index:3; font-size:16px; text-shadow: 2px 2px 2px #000; display:block;  }
#content .package .more{  position:absolute; bottom:20px; right:15px; z-index:5; display:block; width:115px; height:39px; background-image:url('../img/more.png'); }
#content .package .more:hover{ background-image:url('../img/more-over.png'); }

#content .hotel .price{ position:absolute; bottom:25px; left:25px; z-index:3; font-size:16px; text-shadow: 2px 2px 2px #000; display:block;  }


/* hotel box */
#content .hotel .details{ min-height:465px; }
#content .hotel .details .price{ float:left; font-size:16px; text-shadow: 2px 2px 2px #000; display:block; margin:10px 0 0 0;  }
#content .hotel .details .info{ height:142px;}
#content .hotel .details .hotel-location{ font-size:14px; margin:-7px 0 5px 0; text-shadow: 2px 2px 2px #000; font-weight:normal; }


/* race view box */
#content .race-view .details{ min-height:445px; }
#content .race-view .price{ position:absolute; bottom:25px; left:25px; z-index:3; font-size:16px; text-shadow: 2px 2px 2px #000; display:block;  }

#content .race-view .details .info{ height:122px; margin-left:13px;}
#content .race-view .details .addh2{ height:148px; }
#content .race-view .details .addh3{ height:141px; }
#content .race-view .details .addh2andh3{ height:122px; }
#content .race-view .details .info li{  list-style-type:disc; list-style-position:outside; font-size:13px; line-height:17px; }
#content .race-view .details .race-view-location{ font-size:14px; margin:-7px 0 5px 0; text-shadow: 2px 2px 2px #000; font-weight:normal; }

.race-view-name{ font-size:22px; }


/* package view */
#package { background-image:url('../img/package-view/body.jpg'); background-color:#000000; overflow:hidden; background-repeat:repeat-y; color:#fff; width:980px; }

#package #photo{ margin-left:20px; margin-right:0;}
#package #details{ margin-right:20px; margin-left:0;}

#package #package-inner{ background-image:url('../img/package-view/header.jpg');  overflow:hidden; background-repeat:no-repeat; padding:10px;  }
#package #package-footer{ background-image:url('../img/package-view/footer.jpg'); background-position:bottom left;  overflow:hidden; background-repeat:no-repeat; height:60px; margin:0; width:980px; }
#public-accommodation #package #package-footer, #public-race_viewing #package #package-footer, #public-silverstone #package #package-footer{ height:25px; }
#package #package-footer ul{ margin:0 34px; padding:10px; text-align:center; border-top:solid 1px #eee;   }
#package #package-footer ul li{ display:inline; text-align:center;}
#package #package-footer ul li a{ color:#eee; text-decoration:none; }
#package #package-footer ul li a:hover{ color:#fff; text-decoration:underline; }
#package #package-footer ul #on a, #package #package-footer ul #on a:hover{ text-decoration:none; color:#999; cursor:default; }

#package .wrapper{ padding:10px; }

#package #title #name, #package #title #from{ font-weight:normal; display:block; }
#package #title #name{ float:left; font-size:30px; width:600px; }
#package #title #from{ float:right; margin-right:10px; margin-top:6px; font-size:26px; color:#ebebeb; width:300px; text-align:right; }

#break{ border-bottom:solid 1px #fff; clear:both; margin:0 60px 0 20px; width:910px; }

#package p, #package h3, #package li, #package ul{ margin:0; padding:0;}
#package p{ margin-bottom:10px;}

#package #details{ color:#ededed; font-size:13px;  }
#package #details h3{ font-size:16px; }

#package .options, #race-viewing-text ul{ background-color:#151515; overflow:hidden; margin-bottom:10px; padding:10px 0 5px; background-image:url('../img/package-view/options-bg.jpg'); background-repeat:repeat-x;  }
#package .options li, #race-viewing-text ul li{ padding:0 10px 5px; display:block; overflow:hidden; font-size:14px; }
#package .options li .price{ display:block; float:right; color:#fff;}


#package .also{ margin:0 0 10px 13px; list-style-image:disk; list-style-position:outside; list-style-type:disk;}

#package .gallery{ position:relative; height:342px; margin:20px 0 0 0; }
#package .gallery img{ position:absolute; top:0px; left:0px;}
#package .info{ position:absolute; bottom:1px; left:0px; height:25px; background-image:url('../img/controls-bg.png'); width:440px; color:#000; }
#package .info .slideshow-title{ display:block; float:left; margin:3px 0 0 10px; text-transform:capitalize; width:290px; }
#package .info .slideshow-controls{ display:block; float:right; margin:3px 10px 0 0; }
#package .info .slideshow-controls a{ text-decoration:none; color:#111; }
#package .info .slideshow-controls span{ color:#999; }
#package .no-paragraph-above{ margin-top:10px;}

#package .important{ color:#f1ea1d; }
#package .six-fix{ height:1px; line-height:1px; }


#package .deal-row{ margin:0 24px 20px 21px; border-bottom:solid 1px #fff; overflow:hidden; clear:both;  }
#package .six-fix{ width:100%; display:block; clear:both;}
#package-footer .six-fix{ background-color:#fff; }
#package .deal-row .preivew-image{ float:left; margin:0 18px 20px 0; width:280px;}
#package .deal-row .details{ float:left;  width:600px; }
#package .deal-row .race-view-location{ font-size:14px; font-weight:normal; margin:-5px 0 5px 2px;  text-shadow:2px 2px 2px #000000; }
#package .deal-row p{ margin-left:2px;}
#package .deal-row ul{ margin:0 0 20px 15px; }
#package .first-deal-row{ margin-top:22px;} 
#package .last-deal-row{ margin-bottom:-5px; border-bottom:none; }

.details a{ color:#fff; }
.details a:hover{ color:#db0202; }

#british-pano img{ margin:10px; margin-bottom:0; padding:0 0 9px 0;  border-bottom:solid 1px #fff; }



/* sliverstone */
#silverstone_page{ min-height:325px; margin:20px; margin-bottom:0; }
#silverstone_page .event{ border-bottom:1px solid #fff; padding-bottom:20px; margin-bottom:20px; }
#silverstone_page .last{ border:none; margin-bottom:0; padding-bottom:0; }


#silverstone_page .image_holder{ float:left; margin:3px 20px 0 0; width:280px; }
#silverstone_page .image_holder img{ display:block; margin:0 0 10px 0; }
#silverstone_page .details{ float:left; width:580px; }


.limited strong{ display:block; float:left; background-color:#df2726; padding:2px 5px; font-size:11px; margin:3px 0 0 0; }


.price_table .row .limited{ width:297px; float:left; }
.price_table .row .price{ width:100px; float:left; text-align:right; }

#silverstone_page p{ width:617px; }


#silverstone_page table{ margin:10px 0; border-top:solid 1px #fff; }
#silverstone_page table tr{ border:solid 1px #fff; border-top:none; }
#silverstone_page table tr td{ padding:6px 10px; }

#silverstone_page .titles{ font-weight:bold; }
.price{ text-align:right; }