﻿body {background-color: #B7D4DC;padding:0px;margin:0px;}


.blue:link, .blue:visited {color:#01abd5}
.blue:hover {color:#999;}

p {margin:0px; padding:0px; color: #4a4949; font-family: Verdana; font-size: 9pt; line-height:150%;}
.space {margin-bottom:10px;}
h1 {color: #01ABD6; font-family: Verdana; font-size:14pt; line-height:150%; font-weight:normal;}
h1.home {background-color:#01abd5; color:#fff; padding:5px 5px 5px 5px; font-size:13pt; margin:2px 0px 10px 0px;}
h1.blk {color: #4a4949; font-family: Verdana; font-size:13pt; line-height:150%; font-weight:normal;}
h2 {margin:0px 0px 5px 0px; color:#01abd5; font-size:10pt;}
h2.bull {color:#01abd5; font-size:10pt; padding-left:12px; background:url(/Images/bullet.gif) no-repeat left; font-family: Verdana; ;}
h2.home {color: #0294C3; font-weight:bold; font-size:12pt; margin:0px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif;}
.BigHead {color: #0294C3; font-weight:normal; font-size:17pt; margin:0px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif;}
.BigSubHead {color: #0294C3; font-weight:bold; font-size:12pt; margin:0px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif;}
.SubHead {color: #666; font-weight:normal; font-size:10pt; margin:0px 0px 0px 0px; line-height:12pt; font-family:Arial, Helvetica, sans-serif;}
.body {color:#666; font-family:Arial, Helvetica, sans-serif; font-size:9pt;}

/*Stuff I ahve made up for EShot extra pages ex the rate my teacher */
#Contentbox {float:right; text-align:left; width:580px; margin-right:10px;}

#ipl {float:left; margin-right:5px;}
#ipr {float:right; margin-left:5px;}
img {border:none;}

#tblMainContent{ width: 790px; background-color: #FFFFFF; vertical-align: middle;}
#Header{ position: relative; top: 0px; left: 0px; width: 790px; height: 155px;}
#HeaderContent{ position:absolute; top: 30px; left: 20px; }
#HeaderLinks{ position: absolute; top: 50px; left: 20px; }
#CompanyLogos{ position: absolute; top: 10px; left: 290px;}
#Logo{ position: absolute; top: 20px; left: 500px;}
.HeaderTopLinks a { color:#000000; text-decoration:none;}
.HeaderTopLinks a.visited { color:#000000; text-decoration:none;}
.HeaderTopLinks a:hover { color:#000000; text-decoration:underline;}
.TopLeft {font-family: Verdana; font-size: 70%; font-weight: bold;}
.TopLeft a.visited { color:#000000; text-decoration:none;}
.TopLeft a:hover { color:#000000; text-decoration:underline;}
a.HeaderLinks { color: #01abd5; font-family: Verdana; font-size: 100%; text-decoration: none; font-weight: bold; }
a.HeaderLinks:hover { color: #01abd5; font-family: Verdana; font-size: 100%; text-decoration: underline; font-weight: bold; }
.HeaderText { color: #2f2f2f; font-family: Verdana; font-size: 100%; font-weight: bold; }
.HeaderText a:link, .HeaderText a:visited {color:#f3ad01; text-decoration:none;}

.HeaderTextWhite { color: #FFFFFF; font-family: Verdana; font-size: 70%; font-weight: bold; }
.SubText { color: #4a4949; font-family: Verdana; font-size: 200%; font-weight: bold; }
.SubTextBlack { color: #4a4949; font-family: Verdana; font-size: 7pt;}
.SubTextItalic { color: #4a4949; font-family: Verdana; font-size: 7pt; text-align: right; font-style:italic;}
.SubSubText { color: #767676; font-family: Verdana; font-size: 60%; }
.SubSubTextCenter { color: #767676; font-family: Verdana; font-size: 8pt; text-align: center; }
.SubSubTextCenter:link, .SubSubTextCenter:visited {color:#01abd5; text-decoration:none;}
.SubSubTextCenter:hover {color:#999;}
.MainDescriptionText { color: #4a4949; font-family: Verdana; font-size: 70%; }
.MainDescriptionText ul {font-size:11pt;}
.MainDescriptionText a { color: #01abd5; font-family: Verdana; font-size: 100%; font-weight: bold; }
.MainDescriptionText a:visited { color: #01abd5; font-family: Verdana; font-size: 100%; font-weight: bold; }
.MainDescriptionText a:hover { color: #01abd5; font-family: Verdana; font-size: 100%; font-weight: bold; }
.boldGreyText { font-family: Verdana; color: #01ABD6; font-weight: bold; font-size:120%;}
.ContactText{color: #2f2f2f; font-family: Verdana; font-size: 70%; font-weight: bold;}

.overlayImage {
position:absolute; top:0px; left:0px; width:568px; height:160px; 
background-image:url(/Images/Language/overlay.png) !important; background-image:url('');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Language/overlay.png', sizingMethod='scale')
}

.bookingOption { font-family: Verdana; color: #424242; font-weight: bold; font-size:110%;}
.disableOverlay { position:absolute;top:0px;left:0px;width:100%;height:19px;background-color:#CCCCCC; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; }
.disableOverlay2 { position:absolute;top:0px;left:0px;width:86%;height:19px;background-color:#CCCCCC; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; }

#ContentLinks { position:absolute; top: 90px; left: 20px; width: 790px;}
#NavTop { position:absolute; top: 120px; left: 20px; width: 750px; height: 5px; border-left: Solid 1px #d7d7d7; border-right: Solid 1px #d7d7d7; border-top: Solid 4px #64cae3;}
#CrumbNavigation { position:absolute; top: 124px; left: 20px; width: 750px; height: 23px; border: Solid 1px #d7d7d7;}
#CrumbTrail { position: absolute; top: 5px; left: 5px; width: 500px;}
#ContactDetails {position: absolute; top: 0px; right: 5px;}
#ContactIcon {position: absolute; top: 2px;left:-25px}
.crumbTrail a {color:#666666;}
.crumbTrail a:visited {color:#666666;}
.crumbTrail a:hover {color:#999999;}
#tblLeftNav { width: 158px; position:relative; left: 20px;}
#MenuNavTop { background-image: url(../Images/LeftNavTitle.gif); height: 20px; width: 159px; padding-left: 5px;}
#MenuNavBottom {background-image: url(../Images/LeftNavBottom.gif); height: 20px; width: 159px;}
.NavBack { background-color: #e8f6f9; height: 25px; border-top: Solid 1px #d7d7d7;border-bottom: Solid 1px #d7d7d7;border-left: Solid 1px #e8f6f9;border-right: Solid 1px #d7d7d7;}
.NavBackl { background-color: #e8f6f9; height: 25px; padding-left: 4px; border-bottom: Solid 1px #d7d7d7;border-top: Solid 1px #d7d7d7;border-left: Solid 1px #d7d7d7;border-right: Solid 1px #e8f6f9;}
.NavBacklActive { background-color: #01ABD6; height: 25px; padding-left: 4px; border: Solid 1px #01ABD6;}
.NavBackActive { background-color: #01ABD6; height: 25px; border: Solid 1px #01ABD6;}

#tblBooking { width: 370px;margin:4px; }
#BookingTop { background-image: url(../Images/BookingHeader.gif); height: 22px; width: 328px; padding-left: 5px;}
#tdBooking { background-color: #e8f6f9; padding: 15px; border-bottom: Solid 1px #01abd5;}
.LeftText{color: #4a4949; font-family: Verdana; font-size: 120%; }
a.NavLinks {color: #01abd5; font-family: Verdana; font-size: 60%; text-decoration: none; font-weight: bold; }
a.SubNavLinks {color: #01abd5; font-family: Verdana; font-size: 100%; text-decoration: none; font-weight: bold; }
a.SubNavLinks:hover {color: #01abd5; font-family: Verdana; font-size: 100%; text-decoration: underline; font-weight: bold; }
a.NavLinksActive {color: #ffffff; font-family: Verdana; font-size: 60%; text-decoration: none; font-weight: bold; }
a.NavLinks:hover {color: #01abd5; font-family: Verdana; font-size: 60%; text-decoration: underline; font-weight: bold;}

.LeftBoxNav { background-color: #01abd5;}
.LeftBox { background-color: #e8f6f9; padding: 5px 5px 5px 10px; font-size: 7pt; height: 80px;}
.LeftBox2 { background-color: #e8f6f9; padding: 5px 5px 5px 10px; font-size: 7pt; padding-bottom: 3px;}
.LeftBox3 { background-color: #e8f6f9; padding: 5px 5px 5px 5px; font-size: 7pt; padding-bottom: 3px;}
.LeftBox2Active { background-color: #FFC200; padding: 5px 5px 5px 10px; font-size: 7pt; padding-bottom: 3px;}

a.HeaderLinksRight { color: #4a4949; font-family: Verdana; font-size: 110%; text-decoration: none;}
a.HeaderLinksRightActive { color: #333333; font-family: Verdana; font-size: 110%; text-decoration: none;}
a.HeaderLinksRight:hover { color: #4a4949; font-family: Verdana; font-size: 110%; text-decoration: underline;}

.SelectBox { color: #4a4949; font-family: Verdana; font-size: 7pt; }
.SubHeading {color: #01abd5; font-family: Verdana; font-size: 110%; font-weight: bold;}

input { font-family: verdana; font-size: 10pt; }
textarea { font-family: verdana; font-size: 10pt; }


/*on booking2.asp*/
b + i {color:#FF0000;font-weight:bold;}
.bookingPrice { position:absolute;bottom:40px;left:5px;font-size:120%;font-weight:bold;}


/*Changing the header*/
/*Styling the top navigation */
#TopNav {font-family:Arial, Helvetica, sans-serif; background-color:#f3ad01; width:750px; height:20px; padding:4px 0px 4px 0px; margin:0px 0px 5px 0px; font-size:9pt;}
#TopNav a:link, #TopNav a:visited {font-weight:bold; display:inline; color:#fff; text-decoration:none; padding:0px 10px 0px 10px; border-right:1px solid #fff;}
#TopNav .last:link, #TopNav .last:visited {border-right:none;}
#TopNav a:hover {text-decoration:underline;}

#WhiteBox {border:1px solid #ccc; padding:10px; width:95%; line-height:120%; text-align:left; }
#Index {width:568px; height:160px; background:url(/Images/Home6.jpg) no-repeat top left;}
#Index a:link, #Index a:visited {color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:10pt;}

ul li {color: #4a4949; font-family: Verdana; font-size: 80%; line-height:150%;}