/* CSS Document */
/* Haggis Adventures - Visit Scotland (Jan 09) */


@import url(js/fancybox/jquery.fancybox-1.2.6.css);

/* general */



.textCenter{
	text-align: center;	
	}

#mainContent #haggisHeader {
	width: 209px;
	height: 72px;
	position: relative;
	}
#mainContent #haggisHeader span {
	
	background: url("http://images.highlandexplorertours.com/Images/vs_haggis/haggisLogo.gif") 0 0 no-repeat;
	position: absolute;
	padding: 10px 30px 10px 0px;
	width: 100%;
	height: 100%;
	}	
#mainContent ul{
	margin: 30px 0px 10px 0px;
	}
#mainContent ul li{
	list-style-image:url("http://images.highlandexplorertours.com/Images/vs_haggis/star.gif");
	padding: 0px 20px 0px 0px;
	margin: 10px 0px 10px 30px;	
	}
	
	
/* structure */
#mainContent #column1{
	float: left;
	width: 550px;
	}
	
#mainContent #column2{
	float: right;
	width: 215px;
	margin: 0px 25px 40px 0px;
	}
	


/* landingPage */
.landingPage{
	background: url("http://images.highlandexplorertours.com/Images/vs_haggis/polariod_top.png") 520px 40px no-repeat;	
	padding: 40px 340px 50px 20px;
	}
	
.landingPage ul#pageNav{
	margin: 50px 0px 10px 20px;
	}
	
.landingPage ul#pageNav li{
	list-style-type: none;
	list-style-image: none;
	display: inline;
	margin: 0px 40px 10px 10px;
	padding: 0px;
	}


	


/* tourPage */
	
.tourPage{
	background: url("http://images.highlandexplorertours.com/Images/vs_haggis/group.png") 20px 138px no-repeat;
	padding: 40px 20px 50px 20px;	
	min-height: 610px;
	}
	
.tourPage p#tagLine{	
	margin-top: 0px;
	margin-left: 222px;
	margin-bottom: -20px;
	color: #706A9E;
	font-weight: bold;
	}
.tourPage #contentIntro{
	margin: 380px 0px 0px 20px;
	}

.tourPage #contentIntro p, .tourPage #contentIntro a{
	color: #666;
	/*background-color: rgba(255,255,255,0.9);*/
	background: url("http://images.highlandexplorertours.com/Images/vs_haggis/semiOpaque85.png") 0 0 ;
	padding: 6px 10px 6px 10px;
	}

 .tourPage #contentIntro a{
	 position: relative;
	 top: 6px;
	 margin-top: 8px;
 	font-weight: bold;
	text-decoration: underline;
	padding-right: 20px;
	}
 
.tourPage #contentIntro a:hover{
	color: #900; 
	}
 
#slickbox{
	float: left;
	padding: 20px 25px 0px 25px;	
	}

/*
#column1 .contentChunk h4{
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 12px 10px;
	color: #666;
	background:url("http://images.highlandexplorertours.com/Images/vs_haggis/lftColHeading_bg.png") 0 0 no-repeat;
	}
*/

.tourPage h3{
	margin-top: -80px;
	margin-left: 220px;
	font-size: 30px;
	}

	
	
/* tourInfo (times/prices and route) box */	
	
#tourInfo{
	clear: both;
	float: left;
	width: 820px;
	position: relative;
	top: 40px;
	/*
	background: #EEEFEF url("http://images.highlandexplorertours.com/Images/vs_haggis/smallPhoto.jpg") 10px 56px no-repeat;
	*/
	background-color: #EEEFEF; 
	padding: 0px 0px 25px 0px;
	border: 1px solid #D7D9D9;
	
	}
#tourInfo h4{
	font-size: 14px;
	margin: 0px 0px 20px 0px;
	padding: 5px 10px 12px 10px;
	color: #666;
	background:url("http://images.highlandexplorertours.com/Images/vs_haggis/btmChunkHeading_bg.png") 0 0 no-repeat;
	}
	
#tourInfo h5{
	background-color: #D7D9DA;
	padding: 5px 20px 5px 10px;
	margin-bottom: 20px;
	font-size: 13px;	
	}	
	
#tourInfo img{
	float: left;
	border: 5px solid #BEC2C2;
	margin-left: 20px;
}

#tourInfo #timeCosts{
	width: 270px;
	margin: 0px 0px 0px 20px;
	float: left;
}

#tourInfo ul#tourTimes{	
	background: url("http://images.highlandexplorertours.com/Images/vs_haggis/clock.gif") 0px 0px no-repeat;
	padding: 5px 0px 25px 70px;
	margin: 0px 0px 0px 0px;
	}
	
#tourInfo ul#tourTimes li{
	margin: 0px 0px 8px 0px;
	padding:0px;
	list-style-image: none !important;	
	}
	
#tourInfo #tourCosts{ /* altered due to the markup produced by the CMS */
	background: url("http://images.highlandexplorertours.com/Images/vs_haggis/pound.gif") 0px 0px no-repeat;
	padding: 0px 0px 10px 70px;
	}
	
#tourInfo #tourCosts .intro{ /* the class name given to the cost div by the CMS */
	margin: 5px 0px 10px 0px;
	}

#tourInfo #tourRoute{
	width: 230px;
	float: left;
	margin: 0px 0px 0px 20px;
	}
#tourInfo #tourRoute img{
	margin-left: 30px;

	}
#tourRoute p.textCenter{
	display: block;	
	padding: 10px 10px 5px 10px;
}

/*	


	
#tourInfo ul{
	margin: 0px;
	padding-left: 40px;	
	}
	
#tourInfo li{
	margin: 0;
	padding:0px;
	list-style-image: none !important;	
	}
	
#tourInfo h4{
	margin-bottom: 20px !important; 	
	}
	
#tourInfo h5{
	background-color: #D7D9DA;
	padding: 5px 20px 5px 10px;
	margin: 0px 10px 0px 260px;
	font-size: 13px;	
	}
	
#tourRoute{
	width: 215px;
	background-color: red;
	float: right;	
	}
*/
/* tourPage nav */

.tourPage ul#pageNav{
	width: 560px;
	float: right;
	background-color: #EEEFEF;
	padding: 10px 20px 10px 20px;
	margin-bottom: 50px;
	border: 1px solid #D7D9D9;
	}

.tourPage ul#pageNav li{
	display: inline;
	padding: 0px;
	margin: 0px 40px 0px 0px;
	}
	
.tourPage ul#pageNav li a{
	color: #666;
	font-weight: bold;
	}
	
#bookNow{
	position: relative;
	clear: both;
	width: 190px;
	/* background-color: rgba(255, 255, 255, 0.6); */
	background: url("http://images.highlandexplorertours.com/Images/vs_haggis/semiOpaque75.png") 0 0 ;
	padding: 10px 15px 25px 10px;
	margin: -30px 70px 10px 0px;
	}
	
#bookNow a{
	font-size: 14px;
	padding-right: 110px;
	color: #000;
	line-height: 1.5em;
	}
	
#bookNow a img{
	position: absolute;
	top: 20px;
	left: 105px;
	}
	
.tourPage #book{
	clear: both;
	display: block;
	font-size: 18px;
	padding: 75px 10px 5px 0px;
	}
	
#mainContent p#introText{
	color:#706A9E;
	font-weight: bold;
	}
	
#mainContent p{
	line-height: 1.5em;	
	margin: 15px 0px 8px 0px;
	}

#mainContent sup{
	color: #F00;	
	}

#column2 .contentChunk h4{
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 12px 10px 15px 10px;
	color: #666;
	background:url("http://images.highlandexplorertours.com/Images/vs_haggis/rtColHeading_bg.png") 0 0 no-repeat;
	}
	
#column2 .contentChunk{
	/*background-color: rgba(238,238,239,0.7);*/
	background: url("http://images.highlandexplorertours.com/Images/vs_haggis/semiOpaque75.png") 0 0 ;
	padding: 0px;
	border: 1px solid #D7D9D9;
	margin-top: 20px;
	}
	
#column2 .contentChunk img{
	display: block;
	margin: 0 auto;
	border: 1px solid #D7D9D9;
	}
	
#column2 .contentChunk ul{
	margin: 0px;
	padding: 0px 20px 0px 20px;
	}

#footer{
	margin-top: 10px;
	clear: both;
	}