@charset "UTF-8";

/* NOTE
	This is the SCREEN stylesheet for the Grand Tour website
	classed up
*/

/* RESET */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
a img{border: 0;}
fieldset { border: 0; margin: 0; padding: 0;}

/* BODY STYLES */
body { background-image: url(../images/background-element.gif); background-repeat: repeat; font:62.5%/1.2 Georgia, "Times New Roman", Times, serif; text-align: center;}
.clearer {clear:both;}
/* CLEARFIX */
div:after {clear:both; content: ""; display:block; height:0; visibility:hidden;}

/* HIDE */
.hidden {position:absolute; left:0px; top:-10000px; width:0px; height:0px; overflow:hidden;}

/* CONTAINERS */
#wrapper { font-size:1.2em; height:auto !important; height:100%; margin:27px auto; min-height:100%; padding:0 0px; position:relative; text-align:left; width:990px; 
text-align: left;}
#header { background:#FFF; float:left; width:990px; height:180px; background-image: url(../images/2010_Car.jpg); background-position: 695px 20px; background-repeat: no-repeat; }
#contentArea { background:#FFF; float:left; width:990px; margin:18px auto; text-align: left;}
#textContent { float:left; width:990px; }
div.textContent { float:left; margin:18px auto; width:990px; }
div.textContentLeft{ float:left; display:inline; margin:0px 0 18px 44px; width:211px;}
div.textContentMid{ float:left; display: inline; margin:0px 0px 18px 0; width:424px;}
div.textContentMidWide{ float:left; display: inline; margin:0px 0px 18px 0; width:697px; }
div.textContentRight{ float:right; display: inline; margin:7px 32px 18px 20px; width: 223px;}
div.textContent .textContent .textContentRight {margin-right: 48px; }
div.textContent .textContent .textContentRight p {text-align: right;}
div.textContent .textContent>.textContentRight {margin-right: 32px;}
div.textContent .textContent .textContentRight ul{margin-right: 0px;}
div.textContentRight .textContentRight{ margin:0;}
div.textContentMidWide .textContentRight{ float:right; display: inline; margin:7px 0px 18px 0px;}
div.textContentWideRight { float:left; display: inline; margin:0; width:697px;}
div.textContentWideRight .textContentMid{ float:left; display: inline; margin:0; width:358px; text-align: left;}
/*div.textContentWideRight .textContentMid p{ margin:0; padding: 0; }*/
div.bigPicture { float: left;margin: 8px 0 0 0; }
div.imageBar { float: left;margin: 0px 0 18px 0; }

/* ========= TEXT STYLES ========= */
h1{ color: #A5A5A5; margin: 0 0 10px 0; text-transform: uppercase;}
h2{ color: #A5A5A5; margin: 0 0 5px 0; text-transform: uppercase;}
h1.replaceHeader{ color: #A5A5A5; margin: 0 0 10px 0; text-transform: uppercase;}
h2.replaceHeader{ color: #A5A5A5; margin: 0 0 5px 0; text-transform: uppercase;}
.textContentMid p { line-height: 1.5; padding-bottom: 20px;}
.textContentMidWide p { line-height: 1.5; padding-bottom: 20px; max-width: 480px; }
.textContentRight ul { list-style-type: none; margin: 0 37px 0 0px; width: 203px;  }
div.textContentRight .textContentRight ul { float: left; display: inline; list-style-type: none; margin: 0 0 0 15px; width: 203px;  }
.textContentRight ul li{ margin: 0 0 15px 0; padding: 0; font-size: .85em;}
.textContentRight p { display: inline; float: right; clear:both; margin: 0 0px 18px 0;}

.hotel_links:link, .hotel_links:visited { color: #990000;  text-decoration: none;}
.hotel_links:hover { color: #990000; text-decoration: underline;}
.textContentLeft a img{display: inline; float: left; }
.textContentLeft p img{display: inline; float: right; margin:7px 18px 0 0; }
h3.replace {float: left; width: 220px; margin: 0 0 10px 0;}
h3.replaceR {float: right; width: 120px; margin: 0 0 10px 0;}

a:link{color: #990000;text-decoration: none;}
a:hover, a:active{color: #990000; text-decoration: underline;}
a:visited{color:#666;}

.csc-sitemap ul li{ list-style-type: none; margin-bottom: 10px;}

/* ========= IMAGE REPLACEMENT ========= */
/* STANDARD IMAGE REPLACEMENT */
.replace {position:relative; overflow:hidden;}
.replace em, .replace a {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat;}
.sIFR-flash {visibility:visible !important; margin:0; padding:0;}
.sIFR-replaced, .sIFR-ignore {visibility:visible !important;}
.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none;}
.sIFR-active .replaceHeader {visibility:hidden; font-family:Arial; line-height:1em; font-size:3.1em;}

/* HEADER */
#mainLogo { margin-top: 36px; }

/* NAVIGATION */
ul#mainNavigation { font-size:12px; list-style-type: none; margin: 61px 0 0 39px; padding:0; width: 900px;}
ul#mainNavigation li { float: left; height: 33px; display: inline; padding: 0px 12px 0 12px; margin: 0; position: relative;}
ul#mainNavigation li a {float: left; display: block; overflow: hidden; position: relative; margin-top: 20px; padding: 0; color:#666666; text-transform: uppercase; font-weight: bold;}
ul#mainNavigation li a em { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
/* hover states */
ul#mainNavigation li a:hover em { background-position:0px -13px;}
ul#mainNavigation li.selected a:hover em {background-position:0px -13px;}
ul#mainNavigation a#item12,
ul#mainNavigation a#item12 em {	width: 63px;background-image:url(../images/nav/history.jpg);}
ul#mainNavigation a#item11,
ul#mainNavigation a#item11 em {	width: 49px;background-image:url(../images/nav/route.jpg);}
ul#mainNavigation a#item10,
ul#mainNavigation a#item10 em {	width: 53px;background-image:url(../images/nav/hotels.jpg);}
ul#mainNavigation a#item9,
ul#mainNavigation a#item9 em {	width: 102px;background-image:url(../images/nav/competition.jpg);}
ul#mainNavigation a#item8,
ul#mainNavigation a#item8 em {	width: 37px;background-image:url(../images/nav/cars.jpg);}
ul#mainNavigation a#item7,
ul#mainNavigation a#item7 em {	width: 75px;background-image:url(../images/nav/charities.jpg);}
ul#mainNavigation a#item22,
ul#mainNavigation a#item22 em {	width: 16px;background-image:url(../images/nav/pr.jpg);}
ul#mainNavigation a#item5,
ul#mainNavigation a#item5 em {	width: 74px;background-image:url(../images/nav/partners.jpg);}
ul#mainNavigation a#item4,
ul#mainNavigation a#item4 em {	width: 102px;background-image:url(../images/nav/to_take_part.jpg);}
ul#mainNavigation li.selected {font-weight: bold; background-image:url(../images/flagRO.jpg); background-position:4px 0; background-repeat:no-repeat;}
ul#mainNavigation li.spc { float: left; margin: 0; padding: 0; background-image:url(../images/divider.png); background-position:right 21px; background-repeat:no-repeat; float: left;  height:33px;  width:4px;}

#footerMenu ul { float: left; padding: 0; margin: 0; width: 497px; list-style-type: none;}
#footerMenu ul li { float: left; font-size: 1.05em; list-style-type: none; margin: 0; padding: 0;}
#footerMenu ul li.spc { width: 8px; border-left: 1px #666 solid;}
#footerMenu ul li a { padding: 0 8px 0 0;}
#footerMenu ul li a:link, #footerMenu ul li a:visited { color: #666; text-decoration: none;}
#footerMenu ul li a:hover, #footerMenu ul li a:active { color: #666; text-decoration: underline;}

ul#watchUs { list-style-type: none; margin:0px;}
ul#watchUs li { float: left; display:inline; margin:0px 20px 0px 0px; }

/* SEARCH FORM */
#searchForm { float:right; padding:0; width:180px;  }
#searchForm p {float:left; margin:3px 0 0 5px; display:inline; color:#1878DF;}
#searchForm fieldset {float:left;}
#searchForm .searchBox {margin-right:0px;}
#searchForm input, textarea {float:left; border-style: solid; border-width: 1px 0 1px 1px;border-color: #666; color: #666; font-size: 1.1em; height: 16px; width: 125px; padding: 1px; }
* html #searchForm input, * html #searchForm textarea { height: 17px; }
#searchForm input.replaceSubmit { height: auto; height: 20px; width: 42px; background-color: #990000; color: white; font-weight: bold; border-width: 1px; border-color: #990000; }
#searchForm a.replaceSubmit { position: relative; float: left; width: 43px; height: 20px; overflow: hidden;}
#searchForm a.replaceSubmit em { position: absolute; width: 100%; height: 100%; display: block; background: url(../images/go.jpg) 0 0 no-repeat; top:0; left:0; z-index:1; cursor: pointer;}

/* CONTACT FORM */
#contactForm .leftColumn { float: left; width: 205px; border-right: 1px solid #666;}
#contactForm .rightColumn { width: 205px; float: left; margin-left: 12px;}
#contactForm .submitBox{width: 223px; float: left; margin-left: 257px;}
#contactForm label { margin-bottom: 1px; display: block; font-size: .85em;}
#contactForm label em{ font-style: normal; clear: both; display: block; font-weight: normal; color: #990000;}
#contactForm .leftColumn input ,#contactForm .rightColumn input { width: 190px; padding: 1px; border: 1px solid #666;; }
#contactForm textarea { height: 113px; width: 229px; margin-bottom: 8px;}

/* submit button */
#contactForm input.submitButton { height: auto; height: 20px; width: 66px; margin-left: 89px;}
#contactForm a.submitButton { position: relative; float: left; width: 66px; height: 15px; margin: 8px 0 18px 89px; overflow: hidden;}
#contactForm a.submitButton em { position: absolute; width: 100%; height: 100%; display: block; background: url(../images/submit.jpg) 0 0 no-repeat; top:0; left:0; z-index:1; cursor: pointer;}

/* SPONSORS */
#sponsors { clear: both; color: #666; display: inline; float: left; width: 990px;}
#sponsorLogos { float: left; margin-left: 54px; width: 600px;}
#sponsorLogos ul{list-style-type: none; margin: 0; padding: 0 0 5px 0; width: 600px; }
#sponsorLogos ul li { float: left; }
#sponsorLogos ul li a {	overflow: hidden;}
li#edmiston a { width:82px; height:42px; margin-right: 29px; margin-top: 10px;}
li#bluebird a { width:63px; height:42px; margin-right: 29px; margin-top: 10px;}
li#scottDunn a { width:82px; height:42px; margin-right: 29px; margin-top: 10px;}
li#ecurie a { width:43px; height: 14px; margin-right: 29px; margin-top: 27px;}
li#octane a { width:99px; height: 14px; margin-right: 29px; margin-top: 27px;}
li#lovells a { width:42px; height: 52px; margin-top: 0px;}
li#hoganlovells a { width:42px; height: 42px; margin-top: 0px;}

#edmiston a, #edmiston em { display: block; top: 0pt; left: 0pt; z-index: 1; width: 100%; height: 100%; overflow: hidden; background:url(../images/edmiston.jpg) 0 0 no-repeat; }
#bluebird a, #bluebird em {display: block; top: 0pt; left: 0pt; z-index: 1; width: 100%; height: 100%; overflow: hidden;background:url(../images/bluebird.jpg) 0 0  no-repeat;cursor: pointer;}
#scottDunn a, #scottDunn em { display: block; top: 0pt; left: 0pt; z-index: 1; width: 100%; height: 100%; overflow: hidden; background:url(../images/scott_dunn.jpg) 0 0 no-repeat;cursor: pointer;}
#ecurie a, #ecurie em { display: block; top: 0pt; left: 0pt; z-index: 1; width: 100%; height: 100%; overflow: hidden; background:url(../images/E25_home_page.png) 0 0 no-repeat;cursor: pointer;}
#octane a, #octane em { display: block; top: 0pt; left: 0pt; z-index: 1; width: 100%; height: 100%; overflow: hidden; background:url(../images/Octane_Black_logo.jpg) 0 0 no-repeat;cursor: pointer;}
#lovells a, #lovells em { display: block; top: 0pt; left: 0pt; z-index: 1; width: 100%; height: 100%; overflow: hidden; background:url(../images/lovellsLogo_small.jpg) 0 0 no-repeat;cursor: pointer;}
#hoganlovells a, #hoganlovells em { display: block; top: 0pt; left: 0pt; z-index: 1; width: 100%; height: 100%; overflow: hidden; background:url(../images/HoganLovells-smallLogo.jpg) 0 0 no-repeat;cursor: pointer;}
#sponsorGTO { float: right; text-align: right; width: 113px;padding: 0px 31px 0px 0;}

/* LOGIN */
#loginForm{ clear: both; float: left; width: 167px; margin: 36px 0 0 0; background-color: #E9E2E6; }
#loginForm h2 { width: 167px; height: 20px; margin: 0 0 18px; color: White; background-color: #595A5A; }

#loginForm label { margin: 1px 0 0 10px;}
#loginForm input { padding: 1px; margin: 0 0 8px 10px; width: 142px; border: 1px solid #CCC; color: #666; }
#loginForm input.submitButton { height: auto; height: 20px; width: 66px; margin-left: 93px;}
#loginForm a.submitButton { position: relative; float: left; width: 66px; height: 15px; margin: 8px 0 18px 89px; overflow: hidden;}
#loginForm a.submitButton em { position: absolute; width: 100%; height: 100%; display: block; background: url(../images/submit.jpg) 0 0 no-repeat; top:0; left:0; z-index:1; cursor: pointer;}

/* MAP LEGEND */
#mapLegend{ clear: both; float: left; width: 167px; margin: 36px 0 0 0; padding: 0 0 20px 0; background-color: #E9E2E6; }
#mapLegend h2 { width: 167px; height: 20px; margin: 0 0 18px; color: White; background-color: #595A5A; }
#mapLegend dl { display: block; margin: 0 0 20px 0; padding: 0;}
#mapLegend dt { float: left; width: 37px; height: 40px; border-width: 1px 0 1px 1px; border-color: #CCC; border-style: solid; margin-left:10px; padding: 4px;}
#mapLegend dd { float: left; width: 90px; height: 40px; border: 1px #CCC solid; padding: 4px; }

/* ADD/EDIT MARKER FORM */
#markerPost{ clear: both; float: left; width: 167px; margin: 36px 0 0 0; background-color: #E9E2E6; }
#markerPost h2 { width: 167px; height: 20px; margin: 0 0 18px; color: White; background-color: #595A5A; }
#markerPost p { width: 147px; margin: 5px 0 5px 10px;}
#markerPost label { clear: both; display: block; margin: 5px 0 0 10px; width: 167px; }
#markerPost input{ clear: both; display: block; padding: 1px; margin: 0 0 8px 10px; width: 142px; border: 1px solid #CCC; color: #666; }
#markerPost input.hide{visibility: hidden;}
#markerPost input.submitButton { height: auto; height: 20px; width: 66px; margin-left: 93px;}
#markerPost a.submitButton { position: relative; float: left; width: 66px; height: 15px; margin: 8px 0 18px 89px; overflow: hidden;}
#markerPost a.submitButton em { position: absolute; width: 100%; height: 100%; display: block; background: url(../images/submit.jpg) 0 0 no-repeat; top:0; left:0; z-index:1; cursor: pointer;}
#markerPost textarea { padding: 1px; margin: 0 0 8px 10px; width: 142px; height: 40px; border: 1px solid #CCC; color: #666; }

.SI-FILES-STYLIZED label.filecabinet{
	width: 39px;
	height: 15px;
	background: url(../../../typo3conf/ext/gt_markers/res/search.jpg) 0 0 no-repeat;
	display: block;
	overflow: hidden;
	cursor: pointer;
}

.SI-FILES-STYLIZED label.filecabinet input.file
{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/* SUBSCRIBE */
#newsletterSubscribe{ float: right; width: 167px; margin: 18px 35px 0 40px; background-color: #E9E2E6; }
div.textContentRight>#newsletterSubscribe{ float: right; width: 167px; margin: 18px 15px 0 40px; background-color: #E9E2E6; }

#newsletterSubscribe h2 { width: 167px; height: 24px; margin: 0 0 18px 0; font-size: 14px; color: White; background-color: #595A5A; }
#newsletterSubscribe label { margin: 1px 0 0 5px;}
#newsletterSubscribe input { padding: 1px; margin: 0 0 8px 5px; width: 153px; border: 1px solid #CCC; color: #666; }
#newsletterSubscribe input.replaceSubmit { height: auto; height: 20px; width: 66px; margin-left: 99px;background-color: #990000; color: white; font-weight: bold; border-width: 1px; border-color: #990000;}
#newsletterSubscribe a.replaceSubmit { position: relative; float: left; width: 66px; height: 15px; margin: 8px 0 18px 93px; overflow: hidden;}
#newsletterSubscribe a.replaceSubmit em { position: absolute; width: 100%; height: 100%; display: block; background: url(../images/submit.jpg) 0 0 no-repeat; top:0; left:0; z-index:1; cursor: pointer;}
#newsletterSubscribe .info{margin: 0 10px 10px 10px;}
#newsletterSubscribe img{margin: 0 76px 5px 76px;}

/* RIGHT IMAGE LIST */
ul.rightImageList {list-style-type:none; margin:0px 0 11px 0; width:579px; }
ul.rightImageList li {overflow:hidden; margin-top:11px; float:left; border-top: solid 1px #999; }
ul.rightImageList p {padding-bottom: 0; }
ul.rightImageList .image {float:left;margin:11px 0 0px;}
ul.rightImageList .image img {display:block;}
ul.rightImageList .textArea {float:left; width:380px; display:inline;  }
ul.rightImageList .textArea p { width:360px; padding: 0px; margin: 0;}
ul.rightImageList .textArea h2 {line-height:1em; margin:11px 0 7px; font-size:1.9em; font-weight:normal;}
ul.rightImageList .textArea h2 a { text-decoration:none; }
ul.rightImageList .textArea h2 a:hover {color:#FFF !important; }

/* CHARITIES */
ul.charities {list-style:none; margin:0;}
ul.charities li {overflow:auto; margin-bottom:10px; float:left; clear:both; width:470px; border-top: solid 1px #999;}
ul.charities .image {float:left; width: 140px; margin-top: 10px;}
ul.charities .textArea {float:left; margin-left:20px; width:310px; margin-top: 10px; display:inline;}
ul.charities .textArea h2 {line-height:1em; margin:0 0 7px; font-size:1.1em; font-weight: bold;}
ul.charities .textArea h2 a {text-decoration:none; color:Black;}

/* FOOTER */
#footer { border-top-width: 1px; border-top-style: solid; border-top-color: #999999; clear: both; color: #666; display: inline; float: left; font-size: 0.9em; letter-spacing: 0.7px; margin: 0px 0 10px 0; padding: 0; width: 990px;}
#footerMenu { float: left; padding-top: 10px; padding-bottom: 10px; margin-left: 54px; width: 497px;}
#footerCopy { float: right; padding: 10px 32px 10px 0; text-align: right; width: 398px;}

/* ======= THICKBOX ====== CSS breaks a bit here*/
#TB_window {
  font: 1.2em Georgia, "Times New Roman", Times, serif;
  color: #333333;
}
#TB_secondLine {
  font: 1.2em Georgia, "Times New Roman", Times, serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:1000;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 1020;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent h2{
  font-size: 1.6em;
  margin-top: 5px;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent .textContentMid{
  width: 345px;
}

#TB_ajaxContent p{
  width: 345px;
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}