@charset "utf-8";

/* Booking Scotland - CSS Document */











/* =================================



Global



================================= */



body {

	background: #101f52 url(/images/site-bg.png) repeat-x;

	padding: 0;

	margin: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 16px;

	color: #666666;

}

h1, h2, h3, h4, ul, li {

	margin: 0;

	padding: 0;

}

ul {

	list-style: none;

}

p {

	margin: 5px 0 10px 0;

	padding: 0;

}

.clear {

	clear: both;

}

.body a {

	line-height: 16px;

	color: #666666;

	font-weight : bold;

	text-decoration: none;

}

.body a:hover {

	line-height: 16px;

	color: #666666;

	font-weight : bold;

}

a img {

	border: none;

}

/* BANNER ADS */

#bannerAdWrapper {

	width: 904px;

	margin: 0 auto;

}

#bannerAd {

	float: left;

	width: 126px;

	margin: 10px 0 0 0;

	position: relative;

}

.adBannerImg {

	position: absolute;

	left: 8px;

	z-index: 1;

	margin-bottom: 10px;

}

/* site */

#siteWrapper {

	width: 764px;

	float: left;

	background: #fff;

}

#countryOptions {

	position: absolute;

	top: 70px;

	left: 557px;

	background: url(/images/lang-bg1.png) no-repeat;

	padding-top: 5px;

}

#countryOptions span {

	display: block;

	width: 188px;

	background: url(/images/lang-bg2.png) bottom no-repeat;

	padding: 0px 0 5px 10px;

}

#countryOptions ul li {

	float: left;

	display: block;

	width: 85px;

	margin-right: 5px;

}

#countryOptions a {

	text-decoration: none;

	color: #fff;

	display: block;

}

#countryOptions a:hover {

	color: #bacef2;

}

/* =================================



Header



================================= */



#headerWrapper {

	background: #506db1 url(/images/header-bg.jpg) no-repeat;

	height: 79px;

	margin-bottom: 1px;

	position: relative;

}

#headerTitle {

	text-indent: -9999px;

	background: url(/images/bookingTitle.png) no-repeat 115px 13px;

	height: 70px;

}

#bannerWrap {

	padding-bottom: 25px;

	background:url(/images/bannerBase.jpg) bottom no-repeat;

}

#langSelector {

	position: absolute;

	top: 45px;

	left: 595px;

}

#langSelector a {

	display: block;

	width: 160px;

	height: 21px;

	text-indent: -9999px;

}

#closeCountryLinkShow {

	background: url(/images/language.png) no-repeat;

}

#closeCountryLinkHide {

	background: url(/images/languageClose.png) no-repeat;

}

/* =================================



Main Nav



================================= */



#mainNav {

	padding: 0;

	margin: 0 0 25px 0;

}

#mainNav ul {

	height: 43px;

	background: url(/images/nav.png);

	margin: 0;

	padding: 0;

	position: relative;

}

#mainNav ul li {

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	top: 0;

}

#mainNav ul li, #mainNav a {

	height: 43px;

	display: block;

}

#mainNav ul li a {

	text-indent: -9999px;

	text-decoration: none;

}

/* setting up the button sizes */



#home { left: 0; width: 48px; }

#to { 	left: 48px; width: 72px; }

#info { left: 119px; width: 62px; }

#around { left: 181px; width: 95px; }

#guide { left: 276px; width: 77px; }

#fact { left: 353px; width: 63px; }

#newsletter { left: 416px; width: 75px; }

#advice { left: 491px; width: 119px; }

#whatson { left: 610px; width: 71px; }

#contactus { left: 681px; width: 84px; }



/* setting up the rollover areas */

#home a:hover { background: transparent url(/images/nav.png) 0 -42px no-repeat; }

#to a:hover { background: transparent url(/images/nav.png) -48px -42px no-repeat; }

#info a:hover { background: transparent url(/images/nav.png) -119px -42px no-repeat; }

#around a:hover { background: transparent url(/images/nav.png) -181px -42px no-repeat; }

#guide a:hover { background: transparent url(/images/nav.png) -276px -42px no-repeat; }

#fact a:hover { background: transparent url(/images/nav.png) -353px -42px no-repeat; }

#newsletter a:hover { background: transparent url(/images/nav.png) -416px -42px no-repeat; }

#advice a:hover { background: transparent url(/images/nav.png) -491px -42px no-repeat; }

#whatson a:hover { background: transparent url(/images/nav.png) -610px -42px no-repeat; }

#contactus a:hover { background: transparent url(/images/nav.png) -681px -42px no-repeat; }

/* ====== YOU ARE HERE ========= */



body#sectionhome #home { background: transparent url(/images/nav.png) 0 -42px no-repeat; } 

body#sectionto #to { background: transparent url(/images/nav.png) -48px -42px no-repeat; }

body#sectioninfo #info { background: transparent url(/images/nav.png) -119px -42px no-repeat; }

body#sectionaround #around { background: transparent url(/images/nav.png) -181px -42px no-repeat; }

body#sectionguide #guide { background: transparent url(/images/nav.png) -276px -42px no-repeat; }

body#sectionfact #fact { background: transparent url(/images/nav.png) -353px -42px no-repeat; }

body#sectionnewsletter #newsletter { background: transparent url(/images/nav.png) -416px -42px no-repeat; }

body#sectionadvice #advice { background: transparent url(/images/nav.png) -491px -42px no-repeat; }

body#sectionwhatson #whatson { background: transparent url(/images/nav.png) -610px -42px no-repeat; }

body#sectioncontactus #contactus { background: transparent url(/images/nav.png) -681px -42px no-repeat; 



}

/* DROP DOWN NAV styles */



.subNavIndicator {

	background: url(/images/subnav-indicator.png) right no-repeat;

}

#mainNav ul li ul {

	position: absolute;

	left: -999em;

	width: 10em;

	background: none;

}

#mainNav li li {

	position: relative;

	margin: 0;

	padding: 0;

	height: auto;

}

#mainNav li li a {

	text-indent: 0!important;

	height: auto;

	display: block;

	width: 10em;

	background: #dce7f3;

	border-bottom: 1px solid #c3cbd6;

	border-top: 1px solid #f7ffff;

	padding: 5px;

	color: #254171;

}

#mainNav li li a:hover {

	background: #bdd0e7;

}

#mainNav ul li:hover ul {

	left: auto!important;

}

#mainNav ul li:hover ul, #mainNav ul li.sfHover ul, #mainNav li li:hover ul, #mainNav li li.sfHover ul {

	background: none;

	padding-bottom: 1px; /* this fixes the bug in ie7 */

	left: auto;

}

#mainNav li:hover ul, #mainNav li.sfhover ul,  #mainNav li li:hover ul, #mainNav li li.sfhover ul {

	left: auto;

	z-index: 999;

}

#mainNav li:hover ul.subNavLeft, #mainNav li.sfhover ul.subNavLeft {

	background: none;

	right: 11px;

	z-index: 999;

}

* html #mainNav li:hover ul.subNavLeft, * html #mainNav li.sfhover ul.subNavLeft {

	background: none;

	right: 2px;

	z-index: 999;

}



/* ==== side navigation ====== */



.sideNavHeader, .sideNavHeaderRed {

	background: #97acca url(/images/sidenav-header-blue.png) no-repeat;

	padding: 5px 2px 5px 8px;

	color: #2a476d;

	font-weight: bold;

	font-size: 0.9em;

}

.sideNavHeaderRed {

	background: #97acca url(/images/sidenav-header-red.png) no-repeat;

	color: #614149;

}

.sideNav, .redSideNav {

	background: url(/images/sidenav-footer.png) bottom;

	margin-bottom: 10px;

	padding-bottom: 5px;

}

.sideNav li {

	height: auto;

	background: #dce7f3;

	border-bottom: 1px solid #c3cbd6;

	border-top: 1px solid #fff;

}

.sideNav li a {

	display: block;

	padding: 5px 1px 5px 8px;

	color: #2a476d;

	text-decoration: none;

}

.sideNav li:last-child, .redSideNav li:last-child {

	border-bottom: none;

}

.sideNav li a:hover {

	background: #e5eef8;

}

.sideNav li.sideNavSelected {

	background: #e5eef8;

}

/* red version of side nav for newsletter page */



.redSideNav {

	background: url(/images/sidenav-footer-red.png) bottom;

	margin-bottom: 10px;

	padding-bottom: 5px;

}

.redSideNav li {

	height: auto;

	background: #efdfe4;

	border-bottom: 1px solid #d8c8cc;

	border-top: 1px solid #fff;

}

.redSideNav li a {

	display: block;

	padding: 5px 1px 5px 8px;

	color: #563b58;

	text-decoration: none;

}

.redSideNav li a:hover {

	background: #f6e7eb;

}

.redSideNav li.sideNavSelected {

	background: #f6e7eb;

}

/* =================================



Newsletter



================================= */



.introImgWrapper {

	/*	position: relative;  - disabled because of the z-index problem */

	float: right;

	margin: 0 0 3px 10px;

	padding: 0;

}

/* setting up the white corners */

/*

span.tl {

	position:absolute;

	top:0;

	left: 0;

	background: url(/images/white-corners.png) top left no-repeat;

	width: 7px;

	height: 7px;

}

span.tr{

	position:absolute;

	top: 0;

	right: 0;

	background: url(/images/white-corners.png) top right no-repeat;

	width: 7px;

	height: 7px;



}

span.bl {

	position:absolute;

	bottom:0px;

	left: 0;

	background: url(/images/white-corners.png) bottom left no-repeat;

	width: 7px;

	height: 7px;

}

span.br{

	position:absolute;

	bottom: 0;

	right: 0;

	background: url(/images/white-corners.png) bottom right no-repeat;

	width: 7px;

	height: 7px;

}



* html span.bl { bottom: -1px; }

* html span.br{ bottom: -1px; }



*/





/* ==   CLASS newsTitle for newsletter  == */







.newsTitle {

	background: url(/images/news-tab.png) right bottom no-repeat;

	width: 100%;

	min-height: 32px;

	border-bottom: 2px solid #89a4ba;

	margin: 15px 0;

}

.newsTitle h3 {

	display: inline;

	padding: 0;

	margin: 0 5px 0 0;

	float: left;

	background: #89a4ba url(/images/news-tab-title-bg.png) left top no-repeat;

	padding-left:10px;

	font-size: 1.2em;

	min-height: 32px;

}

.newsTitle h3 span {

	display: block;

	background: url(/images/news-tab-title-bg.png) right top no-repeat;

	color: #fff;

	padding: 8px 10px 8px 0;

}

/* ==   ID newsTitle for itinerary  == */



#newsTitle {

	background: url(/images/news-tab.png) right bottom no-repeat;

	width: 100%;

	min-height: 32px;

	border-bottom: 2px solid #89a4ba;

	margin: 15px 0;

}

#newsTitle h3 {

	display: inline;

	padding: 0;

	margin: 0 5px 0 0;

	float: left;

	background: #89a4ba url(/images/news-tab-title-bg.png) left top no-repeat;

	padding-left:10px;

	font-size: 1.2em;

	min-height: 32px;

}

#newsTitle h3 span {

	display: block;

	background: url(/images/news-tab-title-bg.png) right top no-repeat;

	color: #fff;

}

#newsTitle h3:hover {

	background: url(/images/news-tab-title-bg-on.png) left top no-repeat;

}

#newsTitle h3 span:hover {

	background: url(/images/news-tab-title-bg-on.png) right top no-repeat;

}

#newsTitle h3 a {

	color: #fff;

	text-decoration: none;

	display: block;

	padding: 8px 10px 8px 0;

}

h3.tabOn {

	background: url(/images/news-tab-title-bg-on.png) left top no-repeat!important;

}

h3.tabOn span {

	background: url(/images/news-tab-title-bg-on.png) right top no-repeat!important;

}

/* homecoming version of the title - with little tab on right */



.homeComing {

	

	padding-right: 10%;

	width: 90%;

}

.homeComing h3 {

	background: #89a4ba url(/images/news-tab-title-bg-hc.png) left top no-repeat!important;

}

.homeComing h3 span {

	background: url(/images/news-tab-title-bg-hc.png) right top no-repeat!important

}

.newsItemWrapper {

	clear: left;

	background: #f3fafb;

	padding: 8px;

	border: 1px solid #e5eaeb;

	margin-bottom: 15px;

	font-size: 0.9em;

	color: #333;

	line-height: 1.2em;

}

.newsletterImg {

	float: left;

	position: relative;

	margin: 0 10px 3px 0;

	padding: 5px;

	background: #fff;

	border: 1px solid #e7f2f4;

}

.newTag {

	position: absolute;

	z-index: 999;

	top: 0;

	left: 0;

	width: 42px;

	height: 42px;

	background: url(/images/new-tag.png) no-repeat;

}

.newsItemWrapper ul {

	margin: 10px 25px 10px 25px;

	line-height: 1.5em;

	border-left: 2px dotted #89a4ba;

	border-right: 2px dotted #89a4ba;

	padding: 5px 8px;

	background: #ecf3f4;

	list-style: circle;

	list-style-position:inside;

}

.newsItemWrapper a {

	color: #5bb0c1;

	font-weight: bold;

}

.newsItemWrapper a:hover {

	color: #366e85;

}

.contactInfo {

	line-height: 1.6em;

}

/* =================================



foreign home - block style



================================= */



#fullWidthWrapper {

	padding-left: 20px;

}

/*







ul#blockUnits li{

	float: left;

	width: 222px;

	background: #e7f2f4;

	margin: 5px 22px 5px 0;

	font-size: 0.9em;

	line-height: 1.2em;

	border-bottom: 1px solid #dbeaed;

	min-height: 210px

}

* html ul#blockUnits li{

	height: 210px

}

ul#blockUnits li:hover {

	border-bottom: 1px solid #bfd5d9;

	background: #d8e8eb;

}

#blockUnits h2 {

	margin: 0;

	background: #859cbe url(/images/block-title-bg.png) no-repeat top left;

	color: #fff;

	font-size: 1.2em;

}

#blockUnits h2 a{

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-decoration: none;

	display: block;

	padding: 5px 15px 5px 10px;

}

#blockUnits h2:hover {

	margin: 0;

	background: #5f78a5 url(/images/block-title-bg.png) no-repeat top right;

	color: #fff;

	font-size: 1.2em;

}

ul#blockUnits p{

	padding: 0px 7px 0px 10px;

}

#blockUnits a p{

	color: #222;

	display: block;

	text-decoration: none;	

}

*/



/* new blocks */

.blockUnits {

	/*	background: url(/images/blocks-bg.png) repeat-y; */

	margin-bottom: 15px;

	padding: 0;

}

.blockUnits ul li {

	float: left;

	width: 222px;

	background: #e7f2f4;

	margin: 0 22px 0 0;

	font-size: 0.9em;

	line-height: 1.2em;

	border-bottom: 1px solid #e7f2f4;

	min-height: 280px

}

* html .blockUnits ul li {

	height: 280px

}

.blockUnits ul li:hover {

	border-bottom: 1px solid #bfd5d9;

	background: #d8e8eb;

}

.blockUnits h3 {

	margin: 0;

	background: #859cbe url(/images/block-title-bg.png) no-repeat top left;

	color: #fff;

	font-size: 1.2em;

}

.blockUnits h3 a {

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-decoration: none;

	display: block;

	padding: 5px 15px 5px 10px;

}

.blockUnits h3:hover {

	margin: 0;

	background: #5f78a5 url(/images/block-title-bg.png) no-repeat top right;

	color: #fff;

	font-size: 1.2em;

}

.blockUnits ul p {

	padding: 0px 7px 0px 10px;

}

.blockUnits a p {

	color: #222;

	display: block;

	text-decoration: none;

}

/* =================================



Main content



================================= */



/* left col */



#minorCol {

	float:right;

	padding-right: 15px;

	width: 155px;

}

ul#featureLinks li {

	margin-bottom: 10px;

}

.specialFeature {

	position:relative;

	background: #e5edf5 url(/images/special-feature-bg.png) repeat-x;

	/*	padding: 5px 5px 5px 50px; */



	font-size: 1em;

	margin: 0;

	border-bottom: 1px solid #d0dbe6;

}

.specialFeature a {

	font-weight: bold;

	text-decoration: none;

	color: #336699;

}

.specialFeature a:hover {

	color: #6699cc;

}

.specialFeature a span {

	font-weight: normal;

	font-size: 0.8em;

}

/* removed after change to download item



.specialFeature img {



	position: absolute;



	top: 10px;



	left: 25px;



}*/



* html .specialFeature img {

	left: -25px;

}

#getReader {

	border-top: 1px solid #fff;

	padding: 5px 5px;

	background: #e5edf5;

	text-align: center;

	font-size: 0.8em;

	line-height: 1em;

}

/* right col */



#intro ul {

	list-style: inside!important;

	list-style-type: disc;

}

#intro ul li {

	padding-bottom: 10px!important;

	padding-left: 5px!important;

}



#majorCol {

	float: right;

	padding-right: 15px;

	width: 565px;

}

.inlineLeft {

	margin: 5px 10px 5px 0px;

	float: left;

}

.inlineRight {

	margin: 5px 0px 5px 10px;

	float: right;

}

h2, h3, h6 {

	color: #415ea5;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: normal;

	font-size: 2.2em;

	margin: 3px 0 15px 0;

}

h3 {

	margin: 15px 0 5px 0;

	font-size: 1.3em;

	font-weight: bold;

}

h4 {

	font-size: 1.2em;

}

.imgOutline:hover {

	border-color: #747fbc;

}

.featureItem {

	clear:both;

	margin: 10px 0 0 0;

}

a.link {

	background: url(/images/arrows-link.png) right no-repeat;

	padding-right: 10px;

}

.imgOutline {

	float: left;

	margin: 0 10px 5px 0;

	border: 1px solid #c0cce2;

	padding: 2px;

}

/* =================================



itinerary advice



================================= */



.halfColLeft, .halfColRight {

	float: left;

	margin-bottom: 15px;

	width: 270px;

	margin-right: 10px;

}

.halfColRight {

	margin: none;

}

.itineraryItem {

	width: 170px;

	margin-right: 10px;

	float: left;

	position: relative;

	/* 	clear: both; */



	padding: 8px 8px 8px 85px;

	border-left: 1px solid #efefef;

	border-bottom: 1px solid #efefef;

	font-size: 0.9em;

	color: #222;

	min-height: 150px;

}

* html .itineraryItem {

	height: 150px;

}

.itineraryItem:hover {

	background: #e7f2f4;

	border-bottom: 1px solid #bcd0d4;

}

.itinImg {

	position: absolute;

	top: 9px;

	left: 9px;

	float: left;

	width: 64px;

	margin: 0 10px 3px 0;

	background: #e7f2f4;

	border: 1px solid #e7f2f4;

}

.itinImg:hover {

	background: #fff;

	border: 1px solid #bcd0d4;

	color: #bcd0d4;

}

.itinImg img {

	padding: 5px;

	background: #fff;

}

.itinDuration {

	color: #93c1ca;

	padding: 2px 1px;

	text-transform: uppercase;

	text-align: center;

	font-size: 0.9em;

}

.itinDuration span {

	font-size: 1.8em;

	font-weight: bold;

}

a.bulletLink {

	padding-left: 15px;

	background: url(/images/bullet-link.png) left no-repeat;

	color: #5bb0c1;

	font-weight: bold;

	text-decoration: none;

}

a.bulletLink:hover {

	text-decoration: underline;

}

/* =================================



Footer



================================= */



#footer {

	clear: both;

	margin-top: 25px;

	background: url(/images/footer.gif) no-repeat;

	height: 32px;

}

/* =================================



Exisiting sites from old site



================================= */



.smallBody {

	border-top: 1px dashed #ccc;

	background: url(/images/blue-grad.png) repeat-x;

	padding: 10px;

	font-size: 0.9em;

	line-height: 1.3em;

	color: #333;

}

.smallBody a {

	color: #336699;

	font-weight : bold;

}

.smallBody a:hover {

	color: #6699CC;

	font-weight : bold;

}

.smallBody a:active {

	color: #CC99CC;

	font-weight : bold;

}

.articleTitle {

	font-size: 16px;

	font-style: italic;

	font-weight: bold;

	color: #777;

}

.blueSubhead {

	font-size: 15px;

	font-style: italic;

	font-weight: bold;

	color: 336699;

	line-height: normal;

}

.blueSubhead a {

	color: 336699;

}

.blueSubhead a:hover {

	color: 6699CC;

	line-height: normal;

}

.smallBodyGrey {

	font-size: 11px;

	line-height: 17pt;

	color: 6699CC;

	font-style: normal;

	font-weight: normal;

}

.formHeadings {

	font-size: 12px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #333;

}

.smallGrey {

	font-size: 10px;

	line-height: normal;

	color: #666666;

	font-style: normal;

	font-weight: normal;

}

.hand {

	cursor: pointer;

}

.bigGrey {

	font-size: 24px;

	font-weight: bold;

	color: #999;

}

.redBig {

	font-size: 15px;

	font-weight: bold;

	color: #CC3333;

}

.blueNav, .blueNav a {

	font-size: 11px;

	color: #336699;

}

.blueNav a:hover {

	color: #BF6DC9;

}

/* PDFs */



/* PDFs link */





.pdf_link {

	margin: 5px 0 10px 15px;

}

.translations {

	margin: 5px 0 0 10px;

	font-size: 0.9em;

}

.flag {

	margin-left: 10px;

}

.pdf_section_right {

	margin-top: 17px;

}

.pdf_section_right table {

	margin-top: 8px;

}

.pdf_icon {

	padding-top: 4px;

	vertical-align: top;

}

.pdf_text {

	font-size: 0.85em;

}

.pdf_text a {

	text-decoration: none;

	color: #666;

	font-weight: bold;

}

/* Sky ads */



.skyAd {

	position :absolute;

	top :0;

	left :775px;

}

.white_page {

	background-image: none!important;

	background-color: #fff;

}

/* newsletter subscribe */



#formWrapper {

	background:	#f4f7fb url(/images/form-bg.png) repeat-x;

	border-top: 1px solid #bbccde;

	padding: 10px;

	margin: 10px 0;

}

#formWrapper table {

	width: 70%;

	margin: 0 auto;

}

#formWrapper td {

	padding: 5px;

}

#formWrapper input {

	width: 250px;

}

#formWrapper input.submitButton {

	width: auto;

}

/* language link */

#languageLink {

	float: right;

	padding-left: 5px;

	font-size: 0.8em;

	color: #aaa;

	border-left: 1px dotted #bbb;

	margin: 7px 0;

}

#pdfsLink {

	float: left;

	padding-left: 30px;

	font-size: 0.8em;

	color: #aaa;

	margin: 7px 0;

	height: 17px;

	background: url(/images/pdficon_small.gif) no-repeat;

}

.pdfsLink {

	float: left;

	padding-left: 35px;

	padding-top: 5px;

	font-size: 1.0em;

	color: #aaa;

	margin: 7px 0;

	height: 24px;

	background: url(/images/pdf-24.png) no-repeat;

}