/* CSS Document */

/*  NEED ALL STYLES BELOW  - CHANGE VALUES FOR SITE */

/* specifiy the RTE background color in Templates/css/1.css and 2.css, further info avaialble in 1.css and 2.css */

/*body  /* This is the background for the rich text editor
{
	background-color:#33FFFF;
}*/

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

body {
	margin: 0px;
	padding-top: 0px;
}
#container {
	border: 1px solid #3f3f90;
}
.left-column {
	background-color: #fcf8ec;
	margin: 0px;
	width: 223px;
	padding: 0px;
	background-image: url(images/leftcolumn-bg.gif);
	background-repeat: repeat-y;
}
.left-column .sub-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(images/left-header-bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	height: 20px;
	margin-top: 10px;
	vertical-align: middle;
	padding-top: 2px;
	margin-bottom: 3px;
	width: 206px;
	margin-left: 8px;
}
.sub-content {
	margin-left: 8px;
	background-color: #d6e9f5;
	border: 1px solid #91a3cb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	width: 206px;
	padding-top: 3px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	text-indent: 5px;
	margin-bottom: 10px;
}
.footer{
	border: 1px solid #3f3f90;
}
.footer-title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	padding-top:5px;
	padding-bottom:5px;
}

.footer-print
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:right;
	padding-right:10px;
}

.footer-print a
{
	color: #FFFFFF;
}

.footer-title a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
}
.footer-title1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #273f8d;
	text-align: left;
	background-color:#d6e9f5;
	padding-top:5px;
	padding-bottom:5px;
}

#intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 30px;
}
#intro a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #3186da;
	text-align: center;
	padding-right: 5px;
}
#homecontent {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.placeholder {
	background-color: #FCF8EC;
	border: 1px solid #93a7d5;
	padding: 5px;
	margin: 0px;
}
.placeholder-title{
	background-image: url(images/content-header-bg.jpg);
	width: 152px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	}

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

#body /* Use this id to make actual body background different */
{
	background-color:#FFF;
	margin:0;
}

.LeftAlignedImage /* This is the custom style for an image */ 
{
	margin:0px 10px 10px 0;
}

.RightAlignedImage /* This is the custom style for an image */ 
{
	margin:0px 0px 10px 10px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	/*font-size: 10pt;*/
	color: #000000; 
}

h1, h2, h3, h4, h5, h6 {
	padding:0;
	margin:0;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size:14pt; 
	display: inline;
	color: #273f8d;
	font-weight: normal;
	vertical-align: top;
	padding-right: 50px;
	margin-top: 5px;
	}
	
h2 
{
	/*color: #996600;*/
	color:#FFFFFF;;
	font-size: 12px; font-weight:normal;
	/*margin-bottom:12px;*/
}
	
h3 
{
	color: #003366;
	font-size: 15px;
	margin-bottom:10px;
}
    
h4 
{
    color: #996600;
    font-size: 14px;
    margin-bottom:10px;
}

h5 
{
    color: #996600;
    font-size: 12x;
    font-weight: bold;
    margin-bottom:10px;
}

h6 
{
	color: #003366;
	font-size: 10x;
	margin-bottom:5px;
}

a 
{ 
	/*color: #704b14; */
	color: #3186DA;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:12pt;*/
	text-decoration: none;
}

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

ol li 
{
	padding-bottom: 5px;
	list-style-type : decimal;
}

ul li 
{
	padding-bottom: 3px;
	list-style-image: url(/images/site/bullet.gif);
}

hr 
{
	color: #999999;
	background-color: #999999;
	height:1px;
	margin:0;
	padding:0;
    border:0;
}

.small 
{
	font-size: 9px;
}

/* USE FOR CAPTION OF IMAGE OPJECT */
.caption 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	color: #333333; 
	text-decoration: none;
}

.error 
{
    color: #669900;
    background-color : transparent;
    font-size: 11px;
}

.genericImageBorder
{
	border: 1px solid #042545;
}

/* for keywords in search results i.e. <span class="search-highlight">keyword</span> */
.search-highlight
{
	font-weight: bold;
}


/* FORM ELEMENTS*/

form 
{
	display: inline;
}

input 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	margin: 0px;
	padding: 0px;
}


.tickBox 
{
	background-color : transparent;
	height: 12px;
	width: 12px;
}

input.checkbox 
{
	background-color : transparent;
	color: #003366;
	height: 12px;
	width: 12px;
	padding:0px;
    margin:0px 5px 0px 0px;
}

input .newsletter 
{
	width:130px;

}

/* home page, luxury and destination thumbnails */
.homepage_thumb, .luxury_thumb, .destination_thumb
{ 
	text-align:center;
	float:left;
	padding-top:10px;
	margin: 10px 8px 0px 6px;
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(/images/site/menus/destination-bg-tile.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:154px;
}

.luxuryThumbCol
{
	padding-left: 40px;
}

.destination_thumb
{
	width:128px;
	padding-bottom:8px;
}

.homepage_thumb span
{ 
	font-weight:bold;
}

.luxury_thumb
{
	vertical-align:top;
	margin: 0px 0px 20px 0px;
	padding-top:0px;
}

.luxury_thumb a
{
	color:#ffffff;
	font-weight:normal;
}

.luxury_rightText
{ 
	float:left;
	margin-top:20px;
}

.luxury_rightText span
{ 
	font-weight:bold;
}

.luxury_rightTextTile
{ 
	font-size:15px;
}

.luxury_rightText a:hover
{ 
	text-decoration:none;
}

.homepage_thumb img, .luxury_thumb img, .destination_thumb img
{
	border-left: 1px solid #93A7D5;
 	border-right: 1px solid #93A7D5;
  	border-top: 1px solid #93A7D5;
	padding:3px 3px 3px 3px;
	width:146;
	height:105;
	margin-bottom:4px;
	border-bottom:0px;
}

.destination_thumb img
{
	margin-bottom:10px;
}

.luxury_thumb img
{
	margin-bottom:1px;
	border-bottom: 0px;
}

.homepage_thumb a
{
	color:#FFFFFF;
	font-weight:normal;
}

.destination_thumb a
{
	color:#ffffff;
}

/* Left Column Why Sail Connection */
.leftColWelcome_ListItems, .leftColWelcome_Paragraph
{
	border:1px solid #91A3CB;
	background-color: #D6E9F5;
	width: 206px;
	text-align:left;
	padding-top: 10px;
}

.leftColWelcome_ListItems li
{ 
	list-style-image:none;
	list-style-type:square;
	margin-left: 20px;
}

.leftColWelcome_ListItems ul
{ 
	padding-top: 5px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
}

.leftColWelcome_Paragraph
{ 
	margin-top:3px;
	margin-bottom:8px;
	padding-bottom: 7px;	
}

.leftColWelcome_Paragraph p 
{ 
	font-weight:normal;
	margin: 0px;
	padding:7px 5px 0px 5px;
}

.leftColContainer
{
	border:1px solid #91A3CB;
	background-color: #D6E9F5;
	width: 197px;
	text-align:left;
	font-weight:normal;
	padding:5px 5px 5px 5px;
	margin-top:0px;
	margin-bottom:8px;
}

.leftColWelcome_Paragraph span
{
	font-weight:bold;
	padding: 0 5px 15px 5px !important;
	margin: 0px;
}

/* Destination Index Thumb Layout 

.destination-thumb {
	margin: 17px 0px 0px 12px;
	padding: 17px 30px 0px 0px;
	width: 124px;
	float:left;
}
.destination-thumb div.destination-title {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	height: 32px;
	background-image:url(/images/site/menus/destination-bg-tile.gif);
	background-repeat:repeat-x;
	/*padding: 3px 0px 3px 0px;
	margin: 0px;
	vertical-align:middle;
}
.destination-thumb .destination-title a {
	color: #FFFFFF;
	text-decoration: none;
}
.destination-thumb div.destination-image {
	padding:3px;
	margin: 0px;
	text-align:center;
	background-color: #fcf8ec;
	border: 1px solid #93a7d5;
}
.destination-thumb div img {
	border: 1px solid #93a7d5;
}*/

/* Left Column Booking Quicklink */

.left-booking {
	margin: 0px;
	padding: 0px;
	text-align:center;
	width: 206px;
}
.left-booking div.booking-title, .leftColWelcome_Title {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	width: 206px;
	height: 20px;
	background-image:url(/images/site/menus/leftNavTitle-bg.jpg);
	background-repeat:repeat-x;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	vertical-align:middle;
	text-indent: 10px;
}
.left-booking .booking-title a {
	color: #FFFFFF;
	margin-top: 3px;
	text-decoration:none;
}
.left-booking div.booking-image {
	padding:0px;
	margin: 0px;
	text-align:center;
	background-color: #d6e9f5;
	border: 1px solid #91a3cb;
	padding: 5px 0px 5px 0px;
}