@charset "UTF-8";
/* CSS Document */
/* 	
Title: 		Master CSS file for Safari Drive Website 2008
Author:		Ian Nielsen
Company: 	Isis Creative Marketing Ltd
Date: 		27 October 2008
Version: 	1.0 
Comments:
*/

/* Redefined HTML Tags */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #f0f0f0;
	background-image: url(../images/css/pageBg.gif);
	background-repeat: repeat-y;
	background-position: center;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
a {
	color: #993300;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* End redefined HTML tags */

/* Main Layout Styles */
#outerWrapper {
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 10px;
	background-color: #FFFFFF;
}
#pageBanner {
	width: 1000px;
	height: 90px;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	background-image: url(../images/css/bannerBg.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	color: fbeec0;
}
#pageNav {
	width: 1000px;
	height: 20px;
	position: relative;
	top: 4px;
	left: 0px;
	background-color: #FFFFFF;
	background-image: url(../images/css/menuBg.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
#mainPageImage {
	width: 1000px;
	position: relative;
	top: 8px;
	left: 0px;
	clear: both;
}
#pageBody {
	clear: both;
	width: 990px;
	position: relative;
	left: 10px;
	top: 13px;
}
#pageBodyText {
	float: left;
	min-height: 400px;
}
#pageBodyText img {
	float: none;
	margin-left: 10px;
	margin-bottom: 5px;
}

#pageBodyText .photoBank {
	float: left;
	margin-top: 30px;
	padding-right: 20px;
	width: 450px;
	border-right: 1px solid #cccccc;
}

#pageBodyText .photoBank img {
	display: block;
	float: left;
	clear: left;
	margin-left: 0px;
	margin-bottom: 10px;
}

#pageBodyText .photoBankAlt {
	display: inline;
	float: right;
	padding-top: 10px;
	padding-left: 20px;
	/*border-left: 1px solid #cccccc;*/
}

#pageBodyText .photoBankAlt img {
	display: block;
	float: left;
	clear: left;
	margin-left: 0px;
	margin-bottom: 10px;
}

#pageBodyText .itineraryInfo {
	float: right;
	width: 270px;
	padding-right: 10px;
	margin-left: 10px;
	overflow: hidden;
}

#breadCrumbs {
	font-size: 11px;
	color: #999999;
	padding-bottom: 15px;
	position: relative;
	top: 0px;
}
#pageFooter {
	clear: left;
	display: block;
	float: left;
	width: 980px;
	height: 45px;
	color: #666666;
	font-size: 11px;
	padding: 40px 10px 0px 10px;
	margin: 0px;
}
#pageFooter #leftFooter {
	display: inline;
	float: left;
	line-height: 45px;
	width: 310px;
}
#pageFooter #midFooter {
	display: inline;
	position: relative;
	left: 20px;
	float: left;
	line-height: 45px;
}
#pageFooter #rightFooter {
	display: inline;
	float: right;
	line-height: 45px;
}
/* End Main Layout Styles */

/* Navigation Styles */
#subNav {
	display: block;
	float: right;
	width: 524px; /*435px*/
	height: 19px;
	position: relative;
	top: 60px;
	overflow: hidden;
	font-size: 11px;
}
#subNav ul {
	display: block;
	width: 306px /*217px*/;
	height: 19px;
	float: left;
	margin: 0px;
	padding: 0px 5px 0px 7px;
	list-style: none;
}
#subNav ul li {
	display: block;
	float: left;
	line-height: 18px;
}
#subNav .searchText {
	border: none;
	width: 125px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fffeff;
	margin: 3px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
	display: block;
	float: left;
}
#subNav .searchBtn {
	display: block;
	float: left;
	margin: 0px 0px 0px 8px;
	padding: 0px;
}
#pageNav ul {
	width: 980px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 12px;
	list-style: none;
	float: left;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}
#pageNav ul li {
	display: block;
	float: left;
	line-height: 20px;
	margin: 0px 44px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#pageNav ul li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
#pageNav ul li a:hover {
	color: #cccccc;
}
#leftNav {
	display: block;
	float: left;
	width: 210px;
	position: relative;
	top: 15px;
	font-size: 11px;
}
#leftNav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 210px;
	float: left;
}
#leftNav ul li {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	border-bottom: 1px solid #f0f0f0;
	line-height: 16px;
}
#leftNav a {
	display: block;
	color: #666666;
	padding-left: 12px;
}
#leftNav a.subMenu {
	color: #666666;
	padding-left: 24px;
}
#leftNav a.subMenuOn {
	color: #666666;
	padding-left: 24px;
	background-image: url(../images/css/leftNavBg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#leftNav a.menuOn {
	background-image: url(../images/css/leftNavBg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#leftNav a:hover, #leftNav a.menuOn:hover, #leftNav a.subMenuOn:hover, #leftNav a.subMenu:hover {
	text-decoration: none;
	color: #993300;
}
/* End Navigation Styles */
	
/* Callout Styles */
.callOut {
	width: 260px;
	margin: 0px 0px 5px 5px;
	float: left;
	display: inline;
	position: inherit;
	top: 0px;
}
.callOutTitle {
	width: 250px;
	height: 23px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(../images/css/callOutTitleBg.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
.callOut .callOutTitle h3 {
	display: inline;
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	line-height: 23px;
	overflow: hidden;
}
.callOutText {
	width: 240px;
	background-image: url(../images/css/callOutBg.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	font-size: 11px;
	padding: 0px 10px 5px 10px;
}
.callOutText h4 {
	color: #993300;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: -5px;
}
.callOutText h5 {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: -5px;
}
.callOutText p {
	margin: 10px 0px 0px 0px;
}

.callOutText p strong {
	color: #AB3300;
}
.callOutText .photoBank {
	float: right;
	padding-top: 10px;
	padding-left: 5px;
}
.callOutText .photoBank img {
	display: block;
	float: left;
	clear: left;
	margin-bottom: 5px;
	border: 1px solid #ba9d5b;
}
.callOutText ul {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
.callOutText li {
	list-style: none;
	background-image: url(../images/css/bulletArrow.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px 0px 8px 20px;
	margin: 0px;
}
.callOutText li strong {
	color: #993300;
	font-weight: normal;
	text-transform: uppercase;
}
.callOutFooter {
	width: 260px;
	min-height: 10px;
	background-image: url(../images/css/callOutFooter.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px;
	padding: 0px;
}
#pageBodyText .infoBox {
	display: table;
	width: 500px;
	margin: 5px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	background-image: url(../images/css/infoBoxFullHeaderBg.jpg);
	background-repeat: no-repeat;
}
#pageBodyText .infoBoxfooter {
	display: block;
	clear: left;
	width:100%;
	height: 10px;
	background-image: url(../images/css/infoBoxFullFooterBg.jpg);
	background-repeat: no-repeat;
}
#pageBodyText .infoBoxImage {
	display: block;
	position: static;
	width: 140px;
}
#pageBodyText .infoBoxImage img {
	float: left;
	width: 135px;
	height: 85px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
#pageBodyText .infoBoxText {
	display: block;
	width: 340px;
	margin-left: 160px;
}
#pageBodyText .infoBoxText h2 {
	color: #993300;
	font-weight: bold;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	clear: none;
}
/*img.altImg {float: left; clear: both;}*/


.routeMap, .compass {
	width: 230px;
	padding-left: 30px;
	background-image: url(../images/css/callOutTitleBg_RouteMap.jpg);
}

.routeMap, .itin {
	width: 200px;
	padding-left: 60px;
	background-image: url(../images/css/maps-and-itineraries.jpg);
}



.routeMap, .compass {
	width: 230px;
	padding-left: 30px;
	background-image: url(../images/css/callOutTitleBg_RouteMap.jpg);
}
.photoGallery, .camera {
	width: 230px;
	padding-left: 30px;
	background-image: url(../images/css/callOutTitleBg_Gallery.jpg)
}
.spotlight {
	width: 230px;
	padding-left: 30px;
	background-image: url(../images/css/callOutTitleBg_Spotlight.jpg);
}
.news, .rss {
	width: 230px;
	padding-left: 30px;
	background-image: url(../images/css/callOutTitleBg_News.jpg);
}
.landRover {
	width: 230px;
	padding-left: 30px;
	background-image: url(../images/css/callOutTitleBg_LandRover.jpg);
}
.pound, .offer {
	width: 230px;
	padding-left: 30px;
	background-image: url(../images/css/callOutTitleBg_Pound.jpg);
}
/* End Callout Styles */

/* Font styles */
#pageBody p, #pageBody li {
	line-height: 13px;
}
#pageBody h1 {
	color: #993300;
	font-weight: normal;
	font-size: 20px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#pageBody h2 {
	font-weight: normal;
	font-size: 16px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	clear: left;
}
#pageBodyText h3 {
	font-weight: bold;
	font-size: 12px;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: left;
}
#pageBodyText h3.alt {
	font-weight: bold;
	font-size: 14px;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: left;
	color: #993300;
}

#pageBodyText p, #pageBodyText li {
	line-height: 17px;
}
#pageBodyText p {
	margin: 10px 0px 0px 0px;
}
/* end font styles */

/* hyperlink styles */
#pageFooter a {
	color: #666666;
	text-decoration: none;
}
#pageFooter a:hover {
	text-decoration: underline;
}
.newsItemsList a {
	color: #666666;
}
a.moreBtn {
	display: block;
	width: 72px;
	height: 15px;
	overflow: hidden;
	text-indent: -900em;
	background-image: url(../images/css/btnMore.jpg);
	background-repeat: no-repeat;
}
a.moreBtnAlt {
	display: block;
	width: 72px;
	height: 15px;
	overflow: hidden;
	text-indent: -900em;
	background-image: url(../images/css/btnMoreGreyBg.jpg);
	background-repeat: no-repeat;
}
.callOutFooter a.moreBtn {
	float: right;
	position: relative;
	top: -12px;
	margin-right: 10px;
	overflow: hidden;
	margin-bottom: -10px;
	padding: 0px;
}
.infoBox a.moreBtnAlt {
	float: right;
	position: relative;
	top: -12px;
	margin-right: 10px;
	overflow: hidden;
	margin-bottom: -10px;
	padding: 0px;
}
#breadCrumbs a {
	color: #999999;
}
/* end hyperlink styles */

/* Image Styles */
#pageBanner img, #pageBanner a img {
	border: none;
	clear: none;
	float: left;
}
#subNav a {
	color: #fffeff /*FFFFFF*/;
	text-decoration: none;
}
#subNav a:hover {
	text-decoration: underline;
}
/* End image styles */

/* Modifier styles */
/*#pageBodyText.homePage {width: 440px; margin-right: 20px;}*/
#pageBody.noMenu #pageBodyText {
	width: 440px;
	margin-right: 20px;
}
#pageBody.withMenu {
	width: 790px;
	float: left;
	clear: none;
	top: 20px
}
#pageBody.withMenu #pageBodyText {
	width: 495px;
	margin-right: 20px;
}


.disclaimer {
	font-size: 10px;
	font-style: italic;
	color: #999999;
	line-height: 12px;
}

#pageBody.withMenu #pageBodyText.oneColumn {
	width: 770px;
	margin-right: 20px;
}

#pageBodyText img.altImg {
	float: left;
	clear: none;
}

#pageBodyText img.altImg2 {
	float: left;
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	clear: both;
}

.upper {
	text-transform: uppercase;
}
/* End modifier styles */


.formRow {
	display: block;
	float: left;
	margin: 5px 0px 5px 0px;
}

.defaultForm {
	padding-top: 15px;
	}
	
label {
	display: block;
	float: left;
	clear: left;
	width: 180px;
	line-height: 18px;
	text-align: left;
	font-weight: bold;
	padding: 0px 10px 4px 0px;
	min-height: 20px;
}

.defaultForm h1, .defaultForm h2, .defaultForm p {clear: both;}
.defaultForm h2 {color: #993300; line-height: 40px;}

fieldset {border: none; padding: 0px; margin: 0px;}

.map {padding: 10px 0px 15px 0px;}


table.newsItems td {
	padding-bottom: 10px;
	}
	
.journal {
	width: 530px;
	background: transparent url(../images/journal/journalHeader.jpg) no-repeat scroll left top;
	padding: 29px 0 0 0;
	overflow: hidden;
	position: relative;
	left: -5px;
	}
	
.itineraryPage .journal {
	background: transparent url(../images/journal/itineraryHeader.jpg) no-repeat scroll left top;
	}
	
.journalInner {
	width: 530px;
	background: transparent url(../images/journal/journalFooter.jpg) no-repeat scroll left bottom;
	padding: 0 0 49px 0;
	overflow: hidden;
	display: block;
	}
	
.itineraryPage .journalInner {
	background: transparent url(../images/journal/itineraryFooter.jpg) no-repeat scroll left bottom;
	}
	
.journalBody {
	width: 425px;
	background: transparent url(../images/journal/journalBody.jpg) repeat-Y scroll left top;
	overflow: hidden;
	display: block;
	min-height: 580px;
	padding: 0 40px 0 65px;
	}
	
.diaryPage .journalBody {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	}
	
.itineraryPage .journalBody {
	background: transparent url(../images/journal/itineraryBody.jpg) repeat-Y scroll left top;
	}
	
#journalNav {
/*	width: 101px;
	float: right;
	margin-right: -18px;*/
	margin-left:404px;
	margin-top:-17px;
	position:absolute;
	width:101px;
	}
	
#journalNav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	}
	
#journalNav li span {
	display: block;
	width: 69px;
	padding: 6px 10px 7px 15px;
	margin: 0 0 0 6px;
	background: transparent url(../images/journal/tabBgOff.png) no-repeat scroll right bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
#journalNav li span.firstItem {
	display: block;
	width: 69px;
	padding: 12px 10px 7px 15px;
	margin: 0 0 0 6px;
	background: transparent url(../images/journal/tabBgOff.png) no-repeat scroll right bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
#journalNav li span.lastItem {
	background: transparent url(../images/journal/tabBgOffLastItem.png) no-repeat scroll right bottom;
	}
	
#journalNav li.selected span {
	display: block;
	width: 70px;
	padding: 12px 10px 7px 21px;
	margin: 0;
	background: transparent url(../images/journal/tabBgOn.png) no-repeat scroll right bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: -6px;
	}
	
#journalNav li.selected span.firstItem {
	display: block;
	width: 69px;
	padding: 12px 10px 7px 22px;
	margin: 0;
	background: transparent url(../images/journal/tabBgOn.png) no-repeat scroll right bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
#journalNav li.selected span.lastItem {
	background: transparent url(../images/journal/tabBgOnLastItem.png) no-repeat scroll right bottom;
	}
	
#journalNav a {
	color: #666;
	text-transform: uppercase;
	}
	
#journalNav a:hover, #journalNav .selected a {
	color: #993300;
	text-decoration: none;
	}
	
#itineraryDetails {
	width: 325px;
	margin-top: -20px;
	}	
	
.diaryPage .firstItem,
.itineraryPage .firstItem {
	margin-top: 104px;
	}
	
.diaryPage #pageBodyText .journalBody h3 {
	/*font-size: larger;*/
	font-size: 15px;
	color: #993300;
	}
	
.itineraryPage #pageBodyText .journalBody h3 {
	color: #993300;
	font-size: 14px;
	font-weight: normal;
	}
	
.itineraryPage #pageBodyText .journalBody h4 {
	color: #993300;
	font-size: 12px;
	font-weight: normal;
	margin: 30px 0 0 0;
	padding: 0;
	}
	
#lbGallery {
	background: transparent url(../images/journal/galeryBg.jpg) no-repeat scroll left top;
	width: 260px;
	float: right;
	overflow: hidden;
	margin-bottom: 10px;
	}
	
#itineraryDetails #lbGallery {
	background: none;
	width: 100%;
	float: none;
	overflow: hidden;
	margin-bottom: 10px;
	}
	
#lbGallery .mainImage {
	padding: 45px 51px 70px 48px;
	width: 158px;
	height: 152px;
	overflow: hidden;
	}

#lbGallery .lbThumbnail {
	width: 40px;
	height: 42px;
	padding: 4px 10px 10px 7px;
	background: transparent url(../images/journal/galeryThumbnailBg.jpg) no-repeat scroll left top;
	float: left;
	margin-right: 6px;
	}
	
#itineraryDetails #lbGallery .lbThumbnail {
	width: 40px;
	height: 42px;
	padding: 5px 10px 10px 9px;
	background: transparent url(../images/journal/galeryThumbnailBgItinerary.jpg) no-repeat scroll left top;
	float: left;
	margin-right: 2px;
	}
	
#lbGallery .lbThumbnail img {
	border: none;
	}
	
#lbGallery p {
	font-size: 9px;
	clear: left;
	width: 100%;
	text-align: center;
	padding-top: 8px;
	}
	
#itineraryDetails #lbGallery p {
	text-align: left;
	}
	
#lbGalleryThumbnails {
	padding-left: 36px;
	padding-right: 20px;
	}
	
#itineraryDetails #lbGalleryThumbnails {
	padding: 10px 0 0 0;
	}
	
	
	
	
a img {
	border: none;
	}
	
.mapLink {
	font-size: 10px;
	}