@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	background-color: #FF6600;
	background-image:url(../Graphics/back_fade.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
}

/* Floats & Spacers */ 
.fltrt { 
	float:right;
	margin:0;
	padding:0;
}
.fltlft { 
	float:left;
	margin:0;
	padding:0;
}
.pic_fltrt { 
	float:right;
	margin:0 0 0 10px;
	padding:0;
	border:solid 1px #EFEFEF;
	padding:4px;
}
.pic_fltlft { 
	float:left;
	margin:0 10px 0 0;
	padding:0;
	border:solid 1px #EFEFEF;
	padding:4px;
}
.pic_fltcen{
	float:none;
	margin:0;
	padding:0;
	border:solid 1px #EFEFEF;
	padding:4px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearrt { 
	clear:right;
}
.clearlft { 
	clear:left;
}

.spacer{
clear:left;
height:1px;
} 
.spacer1{
height:1px;
}
.spacer2 {
clear:left;
border-bottom:1px solid #DDDDDD;
height:5px;
}
.spacer3 {
clear:left;
padding-bottom:10px;
}
.spacer4 {
clear:left;
border-bottom:1px solid #DDDDDD;
height:1px;
}
.picborder{
border:solid 1px #EFEFEF;
padding:4px;
}
.picborder2{
border:solid 1px #DDDDDD;
padding:4px;
}
.spacer_new {
	clear:left;
	height:0;
	overflow:hidden; 
	font-size:1px; 
}
/*font styles*/
h1{
font-size:1.1em;
color:#FF6600;
margin:8px 0;
padding:0;
}
h2{
font-size:1.0em;
color:#FF6600;
margin:0;
padding:8px 0;
}
.sub h2{
font-size:1.0em;
color:#FF6600;
margin:0;
padding:13px 0;
}

h3{
font-size:0.9em;
color:#FF6600;
margin:8px 0;
padding:0;
}
h4{
font-size:0.8em;
color:#FF6600;
margin:8px 0;
padding:0;
}
p{
font-size:0.76em;
margin:8px 0;
line-height:160%;
padding:0;
}
a {
color:#2C92D2;
text-decoration:none;
padding:0;
margin:0;
}
a:selected {
text-decoration:none;
color:#2C92D2;
}
a:hover {
text-decoration:underline;
}
a:visited {
color:#2C92D2;
}
.orange {
color:#FF9900;
}


/*Global layout divisions*/

#container {
	width: 955px; 
	background: #FFFFFF;
	margin: 0 auto;
	padding:0; 
	text-align: left; 
}

#header {
	background: #FFFFFF; 
	margin: 0 auto; 
	width: 940px;
	height:168px;
	padding:10px 0 0 0;
}

#header a:visited {
color:#FFFFFF;
}
.oneColFixCtrHdr #mainContent {
	padding:0 10px 0 10px;
	height:100%;
	background-color: #FFFFFF; 
}
#footer {
	padding:10px;
	margin:10px 10px 0 10px;
	background-color: #EFEFEF; 
	border-bottom:solid 10px #FFFFFF;
}

/* 2 Col Layout */ 

.twoColFixLtHdr #sidebar1 {
	float: left; 
	width: 230px; 
	background: #EFEFEF; 
	padding: 0;
	margin:0 0 0 10px;
}

/* IE7 Only */

html>body .twoColFixLtHdr #sidebar1{
    *width:220px;
}
 
/* IE6 Only */
* html .twoColFixLtHdr #sidebar1 {
	width:230px;
	margin:0 0 0 5px;
}
* html ul#nav {
	width:940px;
}

.twoColFixLtHdr #sidebar2 {
	float: right; 
	width: 230px; 
	background: #EFEFEF; 
	padding: 0;
	margin:0 10px 0 10px;
}
#sidebar_container {
	margin:15px auto 10px auto;
	width: 200px; 
	padding: 0;
}

.twoColFixLtHdr #mainContent { 
	margin: 0 30px 0 260px; 
	padding: 0 20px;
}
.twoColFixLtHdr #mainContent2 { 
	margin: 0 30px 0 260px; 
	padding: 0 0 0 20px;
}
/*Header classes & divs*/
#header_top {
float:left;
}

#header_contacts{
background:#FF6600;
height:125px;
width:300px;
float:left;
padding:0;
margin:0;
}
.contact_bar{
float:left;
padding:0;
margin:0;
}
.contact_buttons{
float:left;
margin:4px 10px 0 15px;
padding:0;
}
.contact_info{
height:58px;
clear:right;
padding:0 0 0 0;
margin:2px 0 0 0;
}
.contact_info p{
color: #FFFFFF;
font-size:0.8em;
font-weight:bold;
text-decoration:none;
line-height:54px; 
padding:5px 0 0 0;
margin:0 0 0 0;
}
.header_anchor a{
color:#FFFFFF;
}

/*navigation classes & divs*/

#nav_container {
float:left;
}
ul#nav{
width:960px;
height:22px;
padding:0;
margin:8px 0 0 0;
}
ul#nav ul{
margin: 0;
border: 0 none;
padding: 0;
width: 200px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: 0;
}
ul#nav li{
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
}

ul#nav ul li {
float: none; /*For Gecko*/
display: block !important;
display: inline; /*For IE*/
}

ul#nav a{
color: #FFFFFF;
margin: 0;
font-size:0.7em;
font-weight:bold;
text-decoration:none;
border: 2px solid #FFF;
padding: 4px 21px 4px 21px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
background: #843500;
height: auto !important;
height: 1%; /*For IE*/
}
ul#nav a:hover{
text-decoration:underline;
}

/*sidebar1 classes & divs*/
#sidebar1 a{
text-decoration:none;
color:#FF6600;
padding:0;
margin:0;
}
#sidebar1 ul{
margin:10px 10px;
padding:0;
list-style-image:url(../Graphics/bullet2.gif);
background-position:top;
}
#sidebar1 li{
font-size:0.76em;
margin:2px 0 0 30px;
padding:0;
}
#sidebar1 a:selected, a:visited{
text-decoration:none;
color:#FF6600;
}
#sidebar1 a:hover{
text-decoration:underline;
}

/*footer classes & divs*/

.footer_links {
font-size:0.76em;
line-height:20px;
padding:0;
margin:0;
}
.footer_links a {
text-decoration:none;
color:#FF6600;
}
.footer_links a:selected, .footer_links a:hover{
text-decoration:underline;
color:#FF6600;
}


/*mainContent classes and divs*/
#mainContent ul, #mainContent2 ul {
margin:0 10px 10px 10px;
padding:0;
list-style-image:url(../Graphics/bullet.gif);
background-position:top;
}
#mainContent li, #mainContent2 li {
font-size:0.76em;
margin:2px 0 0 30px;
padding:0;
}

/*home classes & divs*/

#JantomIntro{
height:230px;
width:322px;
background:#CCC;
float:left;
background-image:url(../Graphics/jantomintro_back.jpg);
overflow:hidden;
}
#Intro_container {
margin:15px 16px 10px 26px;
}
#Intro_container p {
line-height:150%;
font-size:0.74em;
}
#home_features {
width:100%;
float:left;
}
#feature1 {
float:left;
width:270px;
}
#Intro_container p{
font-size:0.70em;
}
#feature1_container {
width:250px;
margin:0 auto;
}
#feature2 {
float:left;
width:310px;
margin:0 0 0 32px;
}
#feature2_container {
width:290px;
margin:0 auto;
}
#feature3 {
float:left;
width:280px;
height:240px;
background:url(../Graphics/special_offers_back.jpg);
margin:0 0 0 32px;
}

/*location classes and divs*/
#Location_Container{
float:left;
width:600px;
padding:10px;
}
#Location_Box{
width:580px;
float:left;
padding:10px;
}
.Location_header{
width:250px;
float:left;
margin:5px 0 0 0;
padding:0;
}
.Location_info{
vertical-align:middle;
width:330px;
float:left;
margin:5px 0 0 0;
padding:0;
}
.location_title{
margin:0;
padding:0;
}
.sb_location_header{
}
.sb_location{
}
#Gallery_container{
float:left;
margin:0 5px;
padding:5px;
width:630px;
}
#GalleryBox_High{
float:left;
margin:0 2px;
padding:0;
width:100px;
}
#GalleryBox_Width{
float:left;
margin:0 2px;
padding:0;
width:140px;
}

/*accommodation classes & divs*/
.twoColFixLtHdr #AccommodationLeft { 
	margin: 0 10px 0 0px;
	padding: 0;
	width: 320px;
	float:left;
}
.twoColFixLtHdr #AccommodationRight { 
	margin: 0;
	padding: 10px 2px 2px 2px;
	width: 300px;
	float:left;
}
.accomm_top_gal{
padding:0 0 0 5px;
}
.accomm_gal{
float:left;
width:55px;
padding:5px;
margin:10px 10px 0 23px;
}

/*availability classes & divs*/
.availablered{
background-color:#CC0000;
color:#FFFFFF;
font-size:0.7em;
}
.availableorange{
background-color:#FFB200;
font-size:0.7em;
}
.availablegreen{
background-color:#8cdd98;
font-size:0.7em;
}
.MonthHeading{
font-size:0.7em;
}

/*tariff classes & divs*/
#Tariff_Container{
float:left;
width:630px;
padding:0;
margin:10px 0 0 0;
}
#Tariff_head{
float:left;
width:180px;
padding:0;
margin:0;
}
.t_header_high{
width:150px;
padding:10px 10px 17px 10px;
margin:0 5px 5px 5px;
background:#EFEFEF;
}
.t_header{
width:150px;
padding:10px 10px 11px 10px;
margin:5px;
background:#EFEFEF;
}
#Tariff_Box{
float:left;
width:450px;
padding:0;
margin:0;
}
.tb_header{
float:left;
width:50px;
padding:0;
margin:0 5px 0 0;
background:#EFEFEF;
}
.p_tariff_date{
padding:0;
margin:0;
font-size:10px
}
.p_breaker{
padding:0;
margin:0;
font-size:9px;
}
.p_tariff_price{
float:left;
width:50px;
height:30px;
padding:10px 0 0 0;
margin:5px 5px 0 0;
background:#EFEFEF;
}
#CC_container{
float:left;
width:610px;
padding:0;
margin:5px;
border:solid 1px #B7B7B7;
}
.CC_heading{
background-image:url(../Graphics/background_header.jpg);
background:#EFEFEF;
padding:10px;
margin:0 0 3px 0;
border-bottom:solid 1px #B7B7B7;
font-weight:bolder;
}
#CC_body{
border-top:solid 1px #B7B7B7;
float:left;
background:#EFEFEF;
width:590px;
padding:8px 10px;
}
.CC_label{
float:left;
width:115px;
padding:0;
margin:0;
}
.CC_input{
float:left;
padding:0;
margin:0 10px 0 0;
}

/*planning classes and divs*/
#Ports_Container{
float:left;
padding:10px;
width:610px;
}
#PortsBox{
float:left;
width:280px;
}
.port_to_location{
width:200px;
margin:5px 0 5px 30px;
padding:0;
}

/*planning_info classes and divs*/
.p_ports_info{
font-size:0.66em;
}

/*contact classes and divs*/
.contact_side_head{
float:left;
width:55px;
margin:10px 0 0 0;
padding:0;
}
.contact_side_info{
float:left;
width:120px;
margin:10px 0 0 0;
padding:0;
}
#contact_form #Name, #Address, #Postcode, #PhoneNumber, #EmailAddress, #How, #Arrival, #Departure, #NoAdults, #NoChildren, #Add_Info{
width:80%;
font-family:Arial, Helvetica, sans-serif;
font-size:0.76em;
}
.contact_form_header{
font-family:Arial, Helvetica, sans-serif;
font-size:0.76em;
}
.contact_form_field{
font-family:Arial, Helvetica, sans-serif;
font-size:0.76em;
}

/*links classes and divs*/
#Link_Container{
float:left;
width:620px;
padding:10px;
}
#Link_Container a{
color:#2C92D2;
padding:0;
margin:0;
}
#LinkBox{
float:left;
width:600px;
padding:0 10px;
margin:0 0 10px 0;
}
.LinkLogo{
float:left;
width:250px;
}
.LinkInfo{
float:left;
width:300px;
}

/* Faq Divs */

.posthidden {display:none}
.postshown {display:inline}

.faq_question {
padding:0 0 5px 0;
margin:0 0 10px 0;
}
.faq_question a{
font-size:0.76em;
}
.faq_answer {
padding:0 0 10px 0;
margin:0 0 10px 10px;
}
.faq_answer p {
padding:0;
margin:0 0 10px 0;
}

/*review div & classes*/
#review_form{
}
.review_label{
	width:110px;
	float:left;
}
.review_field{
	padding:2px 0 0 0;
	width:450px;
	float:left;
}
.form_field{
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}
#textarea{
	white-space:nowrap;
}
.reviewer{
	font-weight:bolder;
}
.review{
	margin:0 0 25px 0;
}

/* Faux Cols */ 

#faux_cols {
background-image:url(../Graphics/faux_cols.gif);
background-repeat:repeat-y;
}

/* Documents Divs */
#doc_container{
	margin: 15px 0 0 0;
	padding: 0;
	width:505px;
	float:left;
}
.doc_header{
	padding-bottom:10px;
	border-bottom:solid 1px #AAAAAA;
}
.document_icon { 
	width:30px;
	float:left;
	padding: 7px 0 0 10px;
	margin: 0;
}
.document_text { 
	width:450px;
	float:left;
	padding: 0;
	margin: 0;
}

/* Footer Divs */ 

#footer_left {
width:478px;
float:left;
}
#footer_left2 {
width:147px;
float:left;
}
#footer_left3 {
margin:-8px 10px 0 0; 
width:160px;
float:left;
}
#footer_left4 {
	margin:0 10px 0 0;
	width:116px;
	float:left;
	font-size:0.7em;
}
#footer_left5 {
	margin:0;
	width:116px;
	float:left;
	font-size:0.7em;
}

#footer_text {
width:400px;
}

/* Other */
a img {
	border:none;
}
a:active {
outline: none;
}
a:focus {
-moz-outline-style: none;
} 

/* Paypal Form */

#paypal_form {
	margin:10px 0 0 60px;
}
#paypal_form label {
	float:left;
	width:100px;
	font-size:0.76em;
	padding:2px 0 0 0;
}
#paypal_form #first_name, #paypal_form #last_name, #paypal_form #address, #paypal_form #dates {
	width:200px;
	float:left;
}
#paypal_form #comments {
	width:400px;
	height:80px;
	float:left;
}
#paypal_form #amount {
	width:50px;
	float:left;
}
#paypal_form #NoOfMobiles {
	width:50px;
	float:left;
}

.sendpayment {
	margin:10px 0 30px 100px;
}