/* VS styles for 2009 face lift */

/* ========================
=======   IE resets =======
======================== */

html, body, div, span, applet, object, iframe,  p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, u, i, center,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}

/* ==========================
=============================
========================== */

body{
	background: #fff url(http://images.highlandexplorertours.com/Images/VisitScotland/shadow-bg.gif) no-repeat top;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #5f6061;
}


h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color: #706a9e;
}
h2 {
	font-size: 1.7em;
	font-weight: normal;
	padding-bottom: 10px;
}
a {
	color: #706a9e;	
	text-decoration: none;
}
a:hover {
	color: #870150;
	text-decoration: underline;
}
.hideMe {
	display: none;
}

/* ======================
FOR WHITE LABEL
====================== */
#contentArea {
	margin: 15px 10px;
}



/* ======================
HEADER
======================= */

#header {
	position: relative;
	background: #1c1666 url(http://images.highlandexplorertours.com/Images/VisitScotland/header-bg.jpg) no-repeat bottom;
	height: 93px;
	color: #fff;
}

h1#homeVsLogo {
	text-indent: -9999px;
	background: url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-com-logo.png) 5px 10px no-repeat;
	width: 356px;
	height: 86px;
	display: block;
}

/*  ========================  
NAV
========================== */
#maiNnav	{
	padding: 0;
	margin: 0;
}
#mainNav ul	{
	height: 40px;
	background: url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-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: 40px;
	display: block;
}
#mainNav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
}

/* setting up the button sizes */
#home {left: 0; width: 86px;}
#exploreScotland {left: 86px; width: 141px;}
#accommodation{left: 227px; width: 141px;}
#inspireMe {left: 368px; width: 107px;}
#whatToSeeAndDo {left: 475px; width: 145px;}
#travel {left: 620px; width: 76px;}
#allAboutScotland {left: 696px; width: 164px;}

/* setting up the rollover areas */
#home a:hover {background: transparent url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-nav.png) 0 -40px no-repeat;}
#exploreScotland a:hover {background: transparent url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-nav.png) -86px -40px no-repeat;}
#accommodation a:hover {background: transparent url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-nav.png) -227px -40px no-repeat;}
#inspireMe a:hover {background: transparent url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-nav.png) -368px -40px no-repeat;}
#whatToSeeAndDo a:hover {background: transparent url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-nav.png) -475px -40px no-repeat;}
#travel a:hover {background: transparent url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-nav.png) -620px -40px no-repeat;}
#allAboutScotland a:hover {background: transparent url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-nav.png) -696px -40px no-repeat;}

/* ====== YOU ARE HERE ========= */
body#sectionHome #home {background: transparent url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-nav.png) 0 -80px no-repeat;}
body#sectionExploreScotland #exploreScotland {background: transparent url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-nav.png) -86px -80px no-repeat;}
body#sectionAccommodation #accommodation {background: transparent url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-nav.png) -227px -80px no-repeat;}
body#sectionInspireMe #inspireMe {background: transparent url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-nav.png) -368px -80px no-repeat;}
body#sectionWhatToSeeAndDo #whatToSeeAndDo {background: transparent url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-nav.png) -475px -80px no-repeat;}
body#sectionTravel  #travel {background: transparent url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-nav.png) -620px -80px no-repeat;}
body#sectionAllAboutScotland #allAboutScotland {background: transparent url(http://images.highlandexplorertours.com/Images/VisitScotland/visit-scotland-nav.png) -696px -80px no-repeat;}

/* ====================================================== */




/*  ========================  
Footer
========================== */
#footer {
	clear: both;
	background: #1c1666 url(http://images.highlandexplorertours.com/Images/VisitScotland/footer-top.png) no-repeat;
	color: #fff;
	padding: 5px 15px 0 15px;
	font-size: 0.85em;
	min-height: 50px;
	
}
* html #footer { height: 45px;}
#footerLogo {
	float: left;
	margin: 10px 15px 0 0;
	width: 207px;
	height: 22px;
	padding-top: 5px;
}
* html #footerLogo { margin-top: 5px;}

ul#usefulLinks {
	position: relative;
	float: left;
	padding: 0;
	margin: 10px 0 5px 0;
	list-style: none;
	width: 590px;

}
ul#businessLinks {
	position: relative;
	float: left;
	padding: 0;
	margin: 0px 0 10px 0;
	list-style: none;
	width: 590px;
}
#footer ul li {
	display: block;
	margin-bottom: 4px;
	float: left;
	padding: 0 10px;
	border-left: 1px solid #3a3483;	
}
#footer ul li:first-child {
	border-left: none;
}
#footer ul li a{
	color: #c4aada;
}
#footer ul li a:hover {
	color: #fff;
}

ul#businessLinks li a{ color: #a67dc8; }
ul#businessLinks li a:hover { color: #cab3dc; }



/* lower footer */
#lowerFooter {
	color: #fff;
	background: #484197 url(http://images.highlandexplorertours.com/Images/VisitScotland/lower-footer-bg.png) no-repeat;
	padding: 1px 0 15px 15px;
}
ul#footerNav {
	padding: 0;
	margin: 20px 0 0 0;
}
ul#footerNav a {
	color: #fff;
}
ul#footerNav li {
	display: inline;
	float: left;
	padding: 0 30px 0 0;
	font-weight: bold;
}
ul#footerNav ul { /* sub footer nav */
	padding: 0;
	margin: 0;
	list-style: none;
	margin-top: 5px;
	font-size: 0.85em;
}
ul#footerNav ul li {
	display: block;
	float: none;
	font-weight: normal;
	padding: 2px 0;
}
ul#footerNav ul li a {
	color: #cac7da;
}
ul#footerNav ul li a:hover {
	color: #fff;
}

#copyright {
	text-align: right;
	padding: 10px 20px 5px 20px;
	font-size: 0.85em;
}


/* ====================
wrapper changes
====================== */
#wrapper {
	margin: 0 auto;	
	width: 860px;
	background: #fff;
}
#bannerAd {
	float: left;
	width: 120px;
	margin: 0 0 0 9px;
}

/*Tidy op spacing */

div#highlights {
	margin-top:10px;
}

div#highlights img{
	margin-bottom:10px;
}

table#booking_prices td{
	padding-top: 10px;
	padding-bottom: 10px;
}

ul li{
	font-weight:bold;
}

/* thumbnail styles */
#thumbnails {
	width: 573px;
	margin-left: -1px;
	min-height:215px;
	}
#thumbnails dl {
	float: left;
	width: 190px;
	border-left: 1px solid #FFFFFF;
	margin-bottom: 1px;
	}
#thumbnails dt a {
	padding: 4px;
	background-color: #d8e2e5;
	font-weight: bold;
	font-size: 0.8em;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	color: #005ead;
	}
#thumbnails dt a:hover {
	background-color: #DDECF0;
	text-decoration: none;
	color: #000000;
	}
#thumbnails dd {
	width: 190px;
	height: 190px;
}



.seperator h4 {
	background-color:#BECBCF;
	clear:both;
	font-size:0.9em;
	font-weight:normal;
	height:1%;
	color:#005EAD;
	font-family:Arial,Helvetica,sans-serif;
    text-decoration:none;
	padding:0.5em 15px;
}

