/* CSS Document */

body {
	background-color: #000000;
	background-image: url(../images/back_slice.gif);
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

#wrap{
	margin:0px auto;
	width:780px;
	}

#page{
	position:relative;
	width:780px;
	margin:20px 0px 20px 0px;
	padding:10px 0px 10px 0px;
	background-color:#ffffff;
}

/*
COLOURS, ALIGNMENT, SPACING ELEMENTS
*********************************************************************************************************/

.clear { 
	clear:both; 
	height:1px;
}

.clear_trim { 
	clear:both; 
	width:760px;
	height:10px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#00617C;
	border-top: 1px solid #ffffff;
}

.trim {
	width:760px;
	height:10px;
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	background-color:#00617C;	
}

.trim_white {
	width:210px;
	height:1px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;	
}

.green01 {
	color:#00617C;
}
.green02 {
	color:#337C9F;
}
.green03 {
	color:#A1BBBB;
}

.left {
	text-align:left;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}



/*
HTML ELEMENTS
*********************************************************************************************************/
p {
	margin:0px 20px 0px 20px;
	padding:0px 0px 10px 0px;
	font-size: 70%;
	color:#ffffff;
	line-height:150%;
}

h1 {
	margin:10px 20px 10px 20px;
	padding:0px 0px 0px 0px;
	font-size: 160%;
	font-weight:normal;
	color:#ffffff;
}

h2 {
	margin:0px 20px 0px 20px;
	padding:5px 0px 5px 0px;
	font-size: 100%;
	font-weight:normal;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	margin:0px 20px 5px 20px;
	padding:5px 0px 5px 0px;
	font-size: 80%;
	color:#ffffff;
}

a {
	color:#ffffff;
	text-decoration:underline;
}
	
a:hover {
	color:#000000;
	text-decoration:underline;
}

ul {
	margin:0px 20px 0px 40px;
	padding:0px 0px 10px 0px;
	color:#ffffff;
}

li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#ffffff;
	font-size: 70%;
	line-height:150%;
}

/*
STRAPLINE STYLES
*********************************************************************************************************/
#strapline {
	position:relative;
	width:760px;
	margin:0px 10px 10px 10px;
	padding:0px 0px 0px 0px;
	background-color:#00617C;
}

#strapline img {
	margin:7px 0px 7px 20px;
	padding:0px 0px 0px 0px;
}

/*
HEADER STYLES
*********************************************************************************************************/
#header {
	position:relative;
	width:760px;
	margin:0px 10px 10px 10px;
	padding:0px 0px 0px 0px;
	background-color:#00617C;
}

/*
CONTENT STYLES
*********************************************************************************************************/
#content {
	position:relative;
	width:760px;
	margin:1px 10px 1px 10px;
	padding:0px 0px 0px 0px;
	background: url(../images/bg_content.gif) repeat-y;
}

#content_left {
	width:150px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#cccccc;
	float:left;
}

#content_middle {
	width:398px;
	margin:0px 1px 0px 1px;
	padding:0px 0px 10px 0px;
	background-color:#337C9F;
	float:left;
}

#content_right {
	width:210px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}

#content_right img.photo.top {
	width:210px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#content_right img.photo {
	width:210px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-top: 1px solid #ffffff;
}

#links_content {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#content_tour {
	width:610px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	background-color:#337C9F;
	float:left;
}
#content_main_tour {
	position:relative;
	width:760px;
	margin:1px 10px 1px 10px;
	padding:0px 0px 0px 0px;
	background: url(../images/bg_content_tour.gif) repeat-y;
}


/*
NAVIGATION STYLES
*********************************************************************************************************/
#content_left ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type:none;
	background-color:#dddddd;
}
 	
#content_left ul li {
	display:block;
	position:relative;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px; 
	text-align:right;
	list-style-type:none;
}

#content_left ul li a {
	display:block;
	width:130px;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px; 
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	background-color: #A1BBBB;
	}

#content_left ul li a:hover {
	display:block;
	width:130px;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px; 
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	background-color: #00617C;
}

#content_left ul li.on a {
	display:block;
	width:130px;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px; 
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	background-color: #00617C;
}

/*
VISIT SCOTLAND LOGO
*********************/
#content_left .visitscotland {
	text-align:center;
	margin: 30px 0px 30px 0px;
	padding: 0px 0px 0px 0px; 
}

#content_left .visitscotland img.wheelchair{
	text-align:center;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}

/*
NEWS STYLES
*********************************************************************************************************/
.news-title {
	width:210px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#666666;
}

.news-title img {
	margin:0px 0px 0px 0px;
	padding:5px 10px 5px 10px;
}

#news {
	width:210px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	background-color:#cccccc;
}

#news p {
	margin:0px 10px 0px 10px;
	padding:5px 0px 5px 0px;
	font-size: 70%;
	color:#000000;
	line-height:150%;
}

#news a {
	text-decoration:underline;
	font-weight:bold;
	color: #000000;
}
#news a:hover {
	text-decoration:underline;
	font-weight:bold;
	color: #00617C;
}

/*
TARIFF STYLES
*********************************************************************************************************/
table.tariff {
	width:358px;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
}

table.tariff th p {
	color:#ffffff;
}

table.tariff th, table.tariff td {
	text-align:left;
	padding: 3px;
}

table.tariff th p, table.tariff td p {
	font-size:70%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.calendars {
	position:relative;
	margin:0px 20px 20px 20px;
	padding:0px 0px 0px 0px;
}

/*

*********************************/

.calendars {
	margin:10px 20px 20px 20px;
	padding:0px 0px 0px 0px;
	height:240px
}
#calendarright {
	float:right;
	width:175px;
	height:200px
}
#calendarleft {
	float:left;
	width:175px;
	height:200px
}

/*Paypal */

.paypal {
	position:relative;
	margin:0px 0px 20px 20px;
	padding:0px 0px 0px 0px;
}

.paypal form {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*
FOOTER STYLES
*********************************************************************************************************/
#footer {
	position:relative;
	width:760px;
	margin:10px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	background-color:#00617C;
}

#footer p {
	margin:0px 0px 0px 0px;
	padding:5px 10px 7px 10px;
	color:#ffffff;
}

#footer a {
	color:#ffffff;
}

#footer a:hover {
	color:#ffffff;
}