/* 
Gloabal Style
ITC Classics
Author: adamf adamforshaw@itc-uk.com
Created: 17/12/2009
*/
*{
margin:0;
padding:0;}

body{
    /*background: transparent url(../images/bgFooterBody.gif) bottom left repeat-x;*/
    margin:0 auto;
    font-family:Arial;
    color:#333333;
    font-size:70%;
    line-height:18px;
    background-color: #E5E5E5;
    clear: both;
    /*background-image: url(../images/bg1.jpg);*/
    /*background-repeat: repeat;*/}

/*----------- wrapper start--------------------*/

#outerWrapper{
    width:1000px;
    margin:0 auto;
    background-image:url(../images/wrapper-bg.jpg);
    background-repeat:repeat-y;
    clear: both;
	/*background-color: Aqua;*/
    /*background: transparent url(../images/bgOuterWrapperShadow.jpg) top left no-repeat;*/}

#innerWrapper{
    width:950px;
    margin:0px 25px 0px 25px;
    clear: both;}

/*----------------- wrapper end ----------------------------------*/

/* >>> !DON'T FORGET TO REFLECT ANY CHANGES IN THE sifr.css FILE! */
h1.left{
	font-family: Century Gothic, Sans-Serif;
     font-weight: normal;
     font-size: 25px;
     margin: 0 0 10px 0;
     color: #000;
     line-height: 25px; 
    }
    
    h1.large{
	font-family: Century Gothic, Sans-Serif;
     font-weight: normal;
     font-size: 25px;
     margin: 0 0 10px 0;
     color: #000; 
     line-height: 25px; 
    }

h1.home
{
	font-family: Century Gothic, Sans-Serif;
    font-weight: normal;
    font-size: 17px;
	color: #ffffff;
	margin-left: 10px; 
	 height: 25px;
	}

h2{
    font-family: Century Gothic, Sans-Serif;
     font-weight: normal;
     font-size: 16px;}
    
h2.left
{
	font-family: Century Gothic, Sans-Serif;
     font-weight: normal;
     font-size: 18px;
     margin: 0 0 10px 0;
     color: #000; 
     	}
	
h2.right
{
	font-family: Century Gothic, Sans-Serif;
     font-weight: normal;
     font-size: 18px;
     margin: 0 0 10px 0;
     color: #000; 
     line-height: 20px;
	}
    
h2.headerblogcategories
{
	font-family: Century Gothic, Sans-Serif;
     font-weight: normal;
     font-size: 18px;
     margin: 0 0 10px 0;
     color: #333; 
     	}
	
h2.headerblogarticlelist
{
	font-family: Century Gothic, Sans-Serif;
     font-weight: normal;
     font-size: 18px;
     margin: 10px;
     color: #fff; 
     line-height: 20px;
	}
    
    
/* <<< !DON'T FORGET TO REFLECT ANY CHANGES IN THE sifr.css FILE! */

a{
    color:#0099CC;
    text-decoration:none;}
    
    
a:hover{
    color:#66CCFF;}


.blackLink{
    color:#333333 !important;
    text-decoration:none;}


.blueArrow{
    background: transparent url(../images/arrow.gif) no-repeat scroll left 55% ;
    padding-left:10px;
    margin: -4px 0 0 0;}


P{
    line-height:22px;
    margin-bottom:10px;}

/* Superceded by "hr" below */
.lineBreak{
    border-top:solid 1px #cccccc;
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    float:left;}


hr.left{
    color: #5F5F5F;
    background-color: #5F5F5F;
    height: 1px;
    border: none;
    width:548px;
    margin:3px 0px 10px 0px;
    /*margin-bottom:5px;*/
    /*margin-left: 10px;*/
    float: left;}


hr.right{
    color: #5F5F5F;
    background-color: #5F5F5F;
    height: 1px;
    border: none;
    width:298px;
    margin:3px 0px 10px 0px;
    /*margin-bottom:5px;*/
    /*margin-left: 10px;*/
    float: left;
    }


hr.dashed{
    border: dashed !important;}
    
    
.header18{
    font-size:18px;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;}


.TextBox{
    font-size:11px;
    margin:2px;
    border:solid 1px #999999;
    vertical-align:top;}


a img{
    border:none;}

/* HEADER */

.secondNavHeader{
    background:none;
    color:#cccccc;
    width:948px;
    height:30px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*float:left*/}

.secondNavHeader span.left{
    font-size:90%;
    color:#333;
    margin:5px 0px 5px 25px;
    padding: 0px 0px 0px 2px;
    float:left;
    background-color: #fff;
    width: 185px;
    opacity: 0.80; 
    -moz-opaciity: 0.80; 
    filter: alpha(opacity=80);}
    
    * html .secondNavHeader span.left{
    font-size:90%;
    color:#333;
    margin:5px 0px 5px 20px;
    padding: 0px 0px 0px 2px;
    float:left;
    background-color: #fff;
    width: 185px;
    opacity: 0.80; 
    -moz-opaciity: 0.80; 
    filter: alpha(opacity=80);}

.secondNavHeader span.right{
    float:right;
    width: 300px;
    margin:5px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #fff;
    margin-right: 25px;
    opacity: 0.80; 
    -moz-opaciity: 0.80; 
    filter: alpha(opacity=80);}

.secondNavHeader span.right a{
	font-size:90%;
    color:#333;
    /*margin:0 11px 0 11px;*/
    margin:0 9px 0 9px;
    text-decoration:none;}

.secondNavHeader span.right a:hover{
    text-decoration:underline;}


.topHeader{
    float:left;
    width:900px;
    height:60px;
	margin-left:25px;}

* html .topHeader{
    float:left;
    width:900px;
    height:75px;
	margin-left:10px;
	margin-bottom:0px;
	}

.topHeader .left{
    float:left;
    width:400px;
    height:105px;
    margin-left:10px;}

.topHeader .left .logo,
.topHeader .left p
{
    /*float:left*/
}

.topHeader .right{
    float:right;}

.topHeader .left p{
    float:left;
    margin:8px 0 0 0;
    font-size:11px;
    color:#999999;}


.navHeader{
    width:550px;
    height:35px;
    text-align:center;
    float:left;
	background-color: #fff; 
    opacity: 0.80; 
    -moz-opaciity: 0.80; 
    filter: alpha(opacity=80);
    margin-top: 10px;
    margin-left: 25px;
	font-family: Century Gothic, Sans-Serif;
	/*    background-image: url(../images/navbg1.gif);
	background-repeat: no-repeat;*/
	}


* html .navHeader{
    width:550px;
    height:35px;
    text-align:center;
    float:left;
    background-color: #fff; 
    opacity: 0.80; 
    -moz-opaciity: 0.80; 
    filter: alpha(opacity=80);
    margin-top: 0px;
    margin-left: 10px;
	font-family: Century Gothic, Sans-Serif;
	}


.navHeader .notSelected,
.navHeader .selected{
    /*margin: 10px 22px 0 10px;*/
    margin: 10px 15px 0 10px;
    float:left;
    height:25px;
    font-size: 14px;
    font-weight: normal;}


.navHeader .notSelected a{
    color:#333;
    text-decoration:none;
    text-transform:uppercase;
	font-size: 14px;
	letter-spacing: .1px;
	font-weight: normal;
	}

.navHeader .notSelected a:hover{
    color:#333;
    text-decoration: underline;}
    
    
.navHeader .selected{
    text-align:center;
    text-transform:uppercase;
    margin: 10px 20px 10px 10px !important;
    color:#333;
    text-decoration: underline;
    font-weight: normal;}


.navHeader .selected a{
   color:#333;
   text-decoration:underline;
   font-family: Century Gothic, Sans-Serif;}


.navHeader .selected a:hover{}


/* ---------- gavin --------------- */

 #topwrapper{
 	width: 1000px;
	margin: 0 auto;
	text-align: center;
	height: 500px;
	background-image: url(../images/top-bg.jpg);
	background-repeat: no-repeat;
	padding: 25px 0 0 0;}
 	
 	
 * html #topwrapper{
 	width: 1000px;
	margin: 0 auto;
	text-align: center;
	height: 500px;
	background-image: url(../images/top-bg.jpg);
	background-repeat: no-repeat;
	padding: 25px 0 0 0;}
 


 #plaintopwrapper{
 	width: 1000px;
	margin: 0 auto;
	text-align: center;
	height: 150px;
	background-image: url(../images/top-bg.jpg);
	background-repeat: no-repeat;
	padding: 25px 0 0 0;}
 	
 	
 * html #plaintopwrapper{
 	width: 1000px;
	margin: 0 auto;
	text-align: center;
	height: 150px;
	background-image: url(../images/top-bg.jpg);
	background-repeat: no-repeat;
	padding: 25px 0 0 0;}

 
 #top {
	float: left;
	width: 950px; 
	height: 500px;
 	background-image: url(../images/homeimage3.jpg);
 	background-repeat: no-repeat;
 	margin: 0px 0px 0px 25px;
 	text-align:left;
 	display: block; 	}


/* Paul */
 .top {
	float: left;
	width: 950px; 
	height: 500px;
 	margin: 0px 0px 0px 25px;
 	text-align:left;
 	display: block;}

 .plaintop {
	float: left;
	width: 950px; 
	height: 150px;
 	margin: 0px 0px 0px 25px;
 	text-align:left;
 	display: block;}
 	
 	 * html .plaintop {
	float: left;
	width: 950px; 
	height: 150px;
 	margin: 0px 0px 0px 12px;
 	text-align:left;
 	display: block;
 	
 	}
 	
 	
 	 * html .top {
	float: left;
	width: 950px; 
	height: 500px;
 	margin: 0px 0px 0px 12px;
 	text-align:left;
 	display: block;}


 html>body #top {
	width: 950px; 
	height: 500px;
 	background-image: url(../images/homeimage3.jpg);
 	background-repeat: no-repeat;
 	margin: 0px 0px 0px 25px;
 	text-align:left;}


 * html #top {
	width: 950px; 
	height: 500px;
 	background-image: url(../images/homeimage3.jpg);
 	background-repeat: no-repeat;
 	margin: 0px 0px 0px 10px;
 	text-align:left;}


.tel{
	float: right;
	width: 300px;
	height: 33px;
    color: #333;
    background-color: #fff; 
    opacity: 0.80; 
    -moz-opaciity: 0.80; 
    filter: alpha(opacity=80);
	text-align: center;	
	margin-right: 25px;
	margin-top: 10px;
	line-height: 16px;
	padding: 2px 0 0 0;}


* html .tel{
	float: right;
	width: 300px;
	height: 33px;
    color: #333;
    background-color: #fff; 
    opacity: 0.80; 
    -moz-opaciity: 0.80; 
    filter: alpha(opacity=80);
	text-align: center;	
	margin-right: 15px;
	margin-top: 0px;
	line-height: 16px;
	padding: 2px 0 0 0;}


.number
{ font-size: 18px; 
  font-weight: bold;
  letter-spacing: 2px;
  font-family: Arial;}


.luxuryhols{
	float: left;
	width: 550px;
	min-height: 135px;
    color: #000;
    background-color: #fff; 
    /*opacity: 0.80; 
    -moz-opaciity: 0.80; 
    filter: alpha(opacity=80);*/
    margin-left: 25px;
    margin-top: 215px;
    padding: 0px;}
	
	
	* html .luxuryhols{
	float: left;
	width: 550px;
	min-height: 122px;
    color: #000;
    /*opacity: 0.80; 
    -moz-opaciity: 0.80; 
    filter: alpha(opacity=80);*/
    margin-left: 10px;
    margin-top: 215px;
    padding: 0px;}
	
	
.luxuryholshead	{
	width: 550px;
	height: 35px;
	background-image: url(../images/luxbox1.jpg); 
	background-repeat: no-repeat;
	float: left;
	margin: 0 0 0px 0;
	padding: 7px 0 0 0;}


* html .luxuryholshead	{
	width: 550px;
	height: 35px;
	background-image: url(../images/luxbox1.jpg); 
	background-repeat: no-repeat;
	float: left;
	margin: 0 0 0px 0;
	padding: 10px 0 0 0px;}


.luxuryhols p{
	text-align: left;
	line-height: 15px;
	margin: 0 35px 5px 10px;
	font-size: 12px;
	padding: 0px;
	width: 530px;
	}


* html .luxuryhols p{
	text-align: left;
	line-height: 15px;
	margin: 0 5px 5px 10px;
	font-size: 12px;
	padding: 0px;}




.fingertips{
	float: right;
	width: 300px;
    color: #000;
    background-color: #fff; 
    /*opacity: 0.80; 
    -moz-opaciity: 0.90; 
    filter: alpha(opacity=90);*/
    margin: 215px 25px 0px 0px;
    padding: 0px;}
	
	
	* html .fingertips{
	float: right;
	width: 300px;
    color: #000;
   /* opacity: 0.80; 
    -moz-opaciity: 0.90; 
    filter: alpha(opacity=90);*/
    margin: 215px 15px 0px 0px;
    padding: 0px;}
	
	
.fingertipshead	{
	width: 300px;
	height: 35px;
	background-image: url(../images/fingertipshead1.jpg); 
	background-repeat: no-repeat;
	float: left;
	margin: 0 0 0px 0;
	padding: 7px 0 0 0px;}
	
	
* html .fingertipshead	{
	width: 300px;
	height: 35px;
	background-image: url(../images/fingertipshead1.jpg); 
	background-repeat: no-repeat;
	float: left;
	margin: 0 0 0px 0;
	padding: 10px 0 0 0px;}	
	
	.fingertips p{
	text-align: left;
	line-height: 15px;
	margin: 5px 10px 5px 10px;
	/*font-size: 12px;*/
	font-size: 11px;
	padding: 0px;}
	

.region1, .region2, .region3{
	float: left;
	width: 140px;
	margin: 0 0 5px 10px;
	line-height: 17px;
	padding: 0px;}
	
	* html .region1{
	float: left;
	width: 137px;
	margin: 0px 0px 0px 5px;
	line-height: 14px;
	padding: 0px 0px 0px 0px;
	}


	* html .region2{
	float: left;
	width: 137px;
	margin: 0px 0px 0px 5px;
	line-height: 14px;
	padding: 0px 0px 0px 0px;
	}


.region1 a, .region2 a, .region3 a {
	text-decoration: none;
	color: #000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;} 


.region1 a:hover, .region2 a:hover, .region3 a:hover{
	text-decoration: underline;
	color: #000;
	padding: 0px;}


.map
{
	width: 300px;
	height: 360px;
	background-image: url(http://images.itc-uk.com//WebsiteImages/Classics2010/DestinationMaps/anguilla-map.jpg); 
	float: right;
	margin: 0 25px 0 0;
	padding: 0px;
    opacity: 0.95; 
    -moz-opaciity: 0.95; 
    filter: alpha(opacity=95);
	}


* html .map
{
	width: 300px;
	height: 360px;
	background-image: url(http://images.itc-uk.com//WebsiteImages/Classics2010/DestinationMaps/anguilla-map.jpg); 
	float: right;
	margin: 0 15px 0 0;
	padding: 0px;
    opacity: 0.95; 
    -moz-opaciity: 0.95; 
    filter: alpha(opacity=95);
	}



.offer{
	float: left;
	width: 548px;
	margin: 10px 0px 5px 25px;
	padding: 0px 0px 5px 0px;
	/*background-image: url(../images/leftcolbg.jpg);*/
	/*background-repeat: repeat-y;*/
	/*background-image:url(../images/offerbg.jpg);*/
	/*background-repeat: repeat-x;*/}

* html .offer{
	float: left;
	width: 548px;
	/*border: solid 2px #5f5f5f;*/
    /*background-color: #C5C5C5;*/
	margin: 10px 0px 5px 10px;
	padding: 0px 0px 5px 0px;
	/*background-image:url(../images/offerbg.jpg);*/
	/*background-repeat: repeat-x;*/}

.offeroftheweek{
	float: left;
	width:553px;
	margin: 0px 0px 10px 0px;
	padding: 0px;}
	
	
	*html .offeroftheweek{
	float: left;
	width:548px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

.offeroftheweekimage{
	width: 250px;
	float: left;
	border: solid 2px #5f5f5f;}


.offeroftheweek p{
	float: left;
	/*width: 230px !important;*/
	width: 250px !important;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 0 10px;
	padding: 0px;
	}


.offerupdates{
	float: left;
	width:548px;
	margin: 0px 5px 10px 0px;
	padding: 0px;
	/*border-top: solid 1px #5F5F5F;*/}
	
	
	* html .offerupdates{
	float: left;
	width:548px;
	margin: 0px 5px 10px 0px;
	padding: 0px;
	/*border-top: solid 1px #5F5F5F;*/}
	
	
.offerupdates p{
	float: left;
	width: 290px !important;
	font-size: 12px;
	line-height: 16px;
	/*margin-left: 10px;*/}
	
	
.offerupdatesform{
	float: left;
	width: 220px;
	margin-left: 10px;}


.recentupdates{
	float: left;
	width:548px;
	/*border-top: solid 1px #5F5F5F;*/
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}


.recentupdates p{
	float: left;
	width: 270px;
	font-size: 12px;
	line-height: 16px;
	margin: 0px 0px 5px 10px;
	padding: 0px;
	}

.exclusively
{
	float: left;
	width: 548px;
	/*background-color: #C5C5C5;*/
	/*border: solid 2px #5F5F5F;*/
	/*border-top: solid 1px #5F5F5F;*/
	margin: 5px 5px 10px 0px;
	padding: 0px;

}



* html .exclusively
{
	float: left;
	width: 548px;
	/*border: solid 2px #5F5F5F;*/
	padding: 0px 0px 5px 0px;
}


.exclusivelyimage
{
	width: 250px;
	float: left;
    border: solid 2px #5f5f5f;
	}

.exclusively p
{
	float: left;
	/*width: 220px !important;*/
	width: 250px !important;
	margin: 0 0 0 10px;
	font-size: 12px;
	line-height: 16px;
	}

.furtherofferings
{
	float: left;
	width: 298px;
	/*border: solid 2px #5F5F5F;*/
    /*background-color: #C5C5C5;*/
	margin: 10px 0px 5px 25px;
	padding: 0px 0px 5px 0px;
	}


* html .furtherofferings
{
	float: left;
	width: 298px;
	/*border: solid 2px #5F5F5F;*/
    /*background-color: #C5C5C5;*/
	margin: 10px 0px 5px 5px;
	padding: 0px 0px 5px 0px;
	}



.hotelofthemonthLeft
{
	/*float: right;*/
	float: left;
	/*width: 298px;*/
	width: 548px;
	/*border: solid 2px #5F5F5F;*/
    /*background-color: #C5C5C5;*/
	
	}



* html .hotelofthemonthLeft
{
	/*float: right;*/
	float: left;
	/*width: 290px;*/
	width: 540px;
	/*border: solid 2px #5F5F5F;*/
    /*background-color: #C5C5C5;*/

	}


.hotelofthemonthLeft p
{
	float: left;
	/*width: 150px !important;*/
	width: 134px !important;
	line-height: 12px;
	/*margin: 0px 0px 10px 10px;*/
	margin: 0px 0px 5px 5px;
	}
	
	* html .hotelofthemonthLeft p
{
	float: left;
	/*width: 150px !important;*/
	width: 133px !important;
	line-height: 14px;
	/*margin: 0px 0px 10px 10px;*/
	margin: 0px 0px 5px 3px;
	}


.hotelofthemonth
{
	float: left;
	width: 298px;
	/*border: solid 2px #5F5F5F;*/
    /*background-color: #C5C5C5;*/
	
	}



* html .hotelofthemonth
{
	float: left;
	width: 290px;
	/*border: solid 2px #5F5F5F;*/
    /*background-color: #C5C5C5;*/

	}


.hotelofthemonth p
{
	float: left;
	width: 150px !important;
	line-height: 12px;
	margin: 0px 0px 10px 10px;
	}


.pages
{
	float: right;
	font-size: 9px;
	margin: 0 20px 0 0;
	}


.destinationofferoftheweek
{
	width:548px;
	float: left;
	}

.destinationofferoftheweek p
{
	float: left;
	width: 255px !important;
	margin: 0px 5px 0 0px;
	}


.luxuryoffers
{
	width:548px;
	float: left;
	}


.luxuryoffers p
{
	width: 250px !important;
	/*margin-top: -25px;*/  /*Ash's hack */
	margin-left: 10px;
}


.promotionaloffers
{
	width:548px;
	float: left;
	}

.prominfo
{
	padding: 0px;
	float: left;
	}

.promotionaloffers p
{
	float: left;

	/*margin-top: -25px;*/  /*Ash's hack 
	margin-left: 10px;*/
}

.promotionalofferhotelname
{
font-family: Century Gothic, Sans-Serif;
font-weight: normal;
font-size: 18px;
color: #0099cc;	
width: 548px;
float: left;
margin: 0 0 10px 0;
	}


.top10
{
	float: left;
	width: 548px;
	}

.top10info
{
	float: left;
	width: 420px;
	font-size: 12px;
	margin: 5px 0 0 10px;
	}

/* ------------- gavin end ---------------- */




/* Promo */

.PromoBanner
{
    border-bottom:solid 6px #999999;
    /*background: #4e4e4e url(../images/bgHeader.gif) top left repeat-x;*/
    background: #eeeeee;
    float: left;
    width: 500px;
    height: 400px;
}

.PromoBanner img
{
    display: block; 
    margin-left: auto; 
    margin-right: auto;    
}

/* ---------------------------- Sale Start -------------------------- */

.salebox
{
	float:left;
	width: 550px;
	}

.saledestination
{
	 font-family: Century Gothic, Sans-Serif;
	  font-size: 18px;
	    margin: 0px 0px 5px 0;
	}

.saleimage
{
float: left;
 padding: 2px; 
  border: solid 2px #e4e4e4;
  margin: 0px 5px 0 0;
 	}

.salemaininfo
{
	float: left;
	width: 300px;
	margin: 0 5px 5px 5px;
	}

.salerate
{
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		width: 300px;
		float:left;
	 margin: 0 0 5px 0;
	}



.saleinfo
{
		float:left;
	 width: 300px;
	 line-height: 14px;
	 color: #333;
	 font-size: 11px;
	 margin: 0 0 5px 0;
	}

.saleprice
{
		color: Red;
		font-size: 14px;
		font-weight: bold;
			 width: 300px;
		float:left;
	 margin: 0 0 5px 0;
	}

.salevalid
{
		float:left;
	}

.saleicon
{
	float:left;
	 width: 75px;
	 text-align: center;
	 color: #0099CC;
	font-weight: bold;
	font-size: 15px;
	margin: 25px 0 0 10px;
	}


/* ---------------------------- Sale End -------------------------- */



/* ---------------------------- Cross Sell Footer Start -------------------------- */
.crosssellwrapper{
margin:auto;
text-align: left;
width: 948px;
height: 210px;
background-image: url(../images/crosssellfooterbg.jpg);
background-repeat: no-repeat;
padding: 0px 0 0 0;
/*border: solid 1px #A9A9A9;*/
clear:both;
}

.crossselltitle{
width: 948px;
height: 50px;
background-image: url(../images/crosssellfooterhead.jpg);
background-repeat: no-repeat;     
margin: 0px 0 0 0px; 
}

html>body .crosssellhotels{
width: 900px;
margin: 10px 0 0 25px;
float: left;
}


* html .crosssellhotels{
width: 900px;
margin: 10px 0 0 12px;
float: left;
}

.crosssellhotel1{
width: 273px;
float: left;
border-right: solid 1px #A9A9A9;
margin-right: 30px;
}

.crosssellhotel2{
width: 273px;
float: left;
border-right: solid 1px #A9A9A9;
margin-right: 25px;
}

.crosssellhotel3{
width: 250px;
float: left;
margin: 0 0px 0 0px;
}

.crosssellhotelname{
width: 250px;
font-family: century gothic, sans-serif;
font-size: 15px;
color: #333; 
}

.crosssellhotelimage{
width: 120px;
float: left;
margin: 5px 0 0 0;
}

.crosssellhotelinfo{
width: 120px;
float: left;
margin: 5px 0 0 5px;
}

.crosssellhotelinfo p{
color: #333;
margin-bottom: 10px;
text-align: left;
line-height: 14px;
}

.crosssellhotelinfo a{
text-decoration: none;
background-color: #66CCFF;
color: #fff;
padding: 2px 5px 2px 5px;
margin-top: 10px;
}

.crosssellhotelinfo a:hover{
text-decoration: none;
background-color: #3A97C6;
color: #fff;
padding: 2px 5px 2px 5px;
margin-top: 10px;
}

.mccclogos
{
	margin: 5px 0px 0 0;
	float: right;
	width: 250px;
	}

.mcandcc
{
	float: left;
	width: 275px;
	padding: 0px;
	margin: 0px;
	}

.mc
{
	float: left;
	width: 250px;
	padding: 0px;
	margin: 0 0 10px 0px;
	}

.mc p
{
width: 125px;
color: #333;
text-align: left;
line-height: 14px;
margin: 0 0 0 10px;
	}

.cc
{
	float: left;
	width: 250px;
	padding: 0px;
	margin: 0px;
	}

.cc p
{
width: 125px;
color: #333;
text-align: left;
line-height: 14px;
margin: 0 0 0 10px;
	}



/* ---------------------------- Cross Sell Footer Start -------------------------- */

/* ---------------------------- Footer -------------------------- */

.footerwrapper,
.plainfooterwrapper
{
	width: 1000px;
	margin: 0 auto;
	background-image: url(../images/footer-bg.jpg);
	background-color:#C9C9C9;
	background-repeat: no-repeat;
	}

.footerwrapper
{
	height: 450px;
}

.plainfooterwrapper
{
	background-position: bottom;
	height: 110px;
}

.footer 
{

    width: 950px;
    background-color:#C9C9C9;
    margin: 0 auto;
    text-align:center;
    padding: 0px 0px 0px 0px;
}
	
.footerbottom
{
	float: left;
	width: 900px;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 0px;
		}

.footer .cert
{
    background-color:#F3F3F3;
    height:80px;
    width:948px;
    float:left;
    border:solid 1px #cccccc;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.footer .links
{
    /*background: transparent url(../images/bgFooterReflect.gif) top left repeat-x;*/
    /*background: transparent url(../images/bgReflection.jpg) top left repeat-x;*/
    /*height:200px;*/
    width:900px;
    float:left;
    margin: 10px 0px 0px 25px;
    padding: 0px 0px 0px 0px;
}


* html .footer .links
{
    /*background: transparent url(../images/bgFooterReflect.gif) top left repeat-x;*/
    /*background: transparent url(../images/bgReflection.jpg) top left repeat-x;*/
    /*height:200px;*/
    width:900px;
    float:left;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
}


.footer .links a
{
    color:#333333;
    text-decoration:none;
    margin-left:5px;
    margin-right:5px;
    }

.footer .links a:hover
{
    color:#666666;
}

.footer .links .left
{
    float:left;
}

.footer .links .right
{
    float:right;
}

.footer .quickLinks
{
    margin-top:20px;
    width:100%;
    float:left;
}

.SafeHand
{
    float:right;
    width:550px;
    margin: 10px 25px 0px 25px;
    padding: 0px;
    text-align: left;
}


* html .SafeHand
{
    float:right;
    width:550px;
    margin: 10px 25px 0px 10px;
    padding: 0px;
}

.SafeHand p
{
    color:#999999;
    font-size:9px;
    line-height: 12px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.footerPromo
{
    width:868px;
    float:left;
}

.promoOuter
{
    height:250px;
    width:868px;
    float:left;
    background: transparent url(../images/bgFooterPromo.gif) top left repeat-x;
}

.promoOuter .intro
{
    width:300px;
    color:#666666;
    float:left;
    border-right:solid 3px #e4e4e4;
}

.promoOuter .intro a
{
    color:#0099CC;
    text-decoration:none;
}

.promoOuter .product
{
    width:500px;
    color:#666666;
    float:right;
}

.footerTabs
{
    margin-left:10px;
    width:100%;
    display:inline;
}

.footerTabs .tabOn
{
    background:#E2E2E2 url(../images/top-on-left.gif) top left no-repeat;
    width:200px;
    float:left;
    height:27px;
}

.footerTabs .tabOn div
{
    background:transparent url(../images/top-on-right.gif) top right no-repeat;
    height:27px;
    padding-top:5px;
    text-align:center;
}

.footerTabs .tabOff
{
    background:#f2f2f2 url(../images/top-off-left.gif) top left no-repeat;
    width:200px;
    float:left;
    height:27px;
}

.footerTabs .tabOff div
{
    background:transparent url(../images/top-off-right.gif) top right no-repeat;
    height:27px;
    padding-top:5px;
    text-align:center;
}

.footerTabs .tabOn div a,
.footerTabs .tabOff div a
{
    text-decoration:none;
    color:#000000;
}


/* Bread Crumb */

.BreadCrumb,
.hotelDetailPDFSeperator
{
    float:left;
    width:948px;
    background-color:#EEEEEE;
    border-top:solid 1px #ffffff;
    border-bottom:solid 1px #ffffff;
    border-left:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
}

.hotelDetailPDFSeperator
{
    height:1px;
}

.BreadCrumb
{
    height:40px;
    text-transform:uppercase;
    color:#999999;
}


.BreadCrumb .trail
{
   width:550px;
   float:left;
   margin: 10px 0 0 25px;
}

.BreadCrumb .trail a
{
    color:#666666;
    text-decoration:none;
}


.BreadCrumb .trail a:hover
{
    color:#333333;
}

.BreadCrumb .search
{
    float:right;
    text-align:left;
    width:300px;
    height: 25px;
    margin: 10px 25px 0 0;
    }

.BreadCrumb .search a
{
    color:#0099CC;
    text-decoration:none;
}

.BreadCrumb .search a:hover
{
    color:#66CCFF;
}



#content
{
    /*background: #FFFFFF url(../images/bgContent.gif) top left repeat-x;*/
    width:948px;
    float:left;
    background-image: url(../images/contentbg.jpg);
    background-repeat: repeat-x;
    background-color: #fff;
    padding-bottom: 10px;
    border-right: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    }

.LeftCol
{
    width:599px;
    float:left;
    border-right:solid 2px #e4e4e4;
    margin: 0px 0 10px 0;
    padding: 0px;
}

* html .LeftCol
{
    float:left;
    border-right:solid 2px #e4e4e4;
    margin: 0px;
    padding: 0px;
}



.leftcolcontent
{
	float: left;
	width: 548px;
	/*border: solid 2px #5F5F5F;*/
    /*background-color: #C5C5C5;*/
	margin: 10px 0px 5px 25px;
	padding: 0px 0px 5px 0px;
	/*text-align: justify;*/
}

* html .leftcolcontent
{
	float: left;
	width: 548px;
	/*border: solid 2px #5F5F5F;*/
    /*background-color: #C5C5C5;*/
	margin: 10px 0px 5px 10px;
	padding: 0px 0px 5px 0px;

}

.leftcolcontent p
{
	float: left;
	width: 548px;
	font-size: 12px;
	line-height: 16px;
	/*text-align: justify;*/
	/*margin-left: 10px;*/
}

.leftcolcontent ul
{
	list-style-type: none;
	}

.leftcolcontent li
{
		list-style-type: none;
	}



.RightCol
{
    width:346px;
    float:right;
    /*border-left:solid 1px #e4e4e4;*/
    margin: 0px 0 10px 0;
    padding: 0px;
}



* html .RightCol
{
    width:344px;
    float:right;
    /*border-left:solid 1px #e4e4e4;*/
    margin: 0px;
    padding: 0px;
}




.rightcolcontent
{
	float: left;
	width: 298px;
	/*border: solid 2px #5F5F5F;*/
    /*background-color: #C5C5C5;*/
	margin: 10px 0px 5px 25px;
	padding: 0px 0px 5px 0px;
	}


* html .rightcolcontent
{
	float: left;
	width: 298px;
	/*border: solid 2px #5F5F5F;*/
    /*background-color: #C5C5C5;*/
	margin: 10px 0px 5px 5px;
	padding: 0px 0px 5px 0px;
	}



.rightcolcontent p
{
	float: left;
	width: 290px;
	font-size: 12px;
	line-height: 16px;
	/*margin-left: 10px;*/
	}



.RequestQuoteBasket
{
    padding:5px;
    float:left;
    border:solid 1px #cccccc;
    /*background: transparent url(../images/bgPattern.gif) top left repeat;*/
}

.teaserImage
{
    margin-left: 0px;
    border:solid 10px #cccccc;
}

.divBlock 
{
    float:left;
    margin:15px 0 15px 0;
    width:500px;
}

.divBlock .left
{
    float:left;
}

.divBlock .right
{
    float:right;
}

/* Padding */

.Pad10
{
    padding:10px;
    float:left;
}

.Pad10a
{
    padding:10px;
}

.PadTop10
{
    padding:10px 0;
    float:left;
}

.Pad20
{
    padding:20px;
}

/* uc WorldMapTeaser */

.worldMapTeaser
{
    width:530px;
    float:left;
}

.worldMapTeaser .MapWrap
{
    width:530px;
    height:259px;
    background: transparent url(../images/bgWorldMapTeaser.gif) top left no-repeat;
    float:left;
}

.worldMapTeaser .MapWrap .inner
{
    float:left;
    padding:20px 25px 20px 25px;
}

.worldMapTeaser .nav
{
    height:25px;
    margin-left:25px;
}

.worldMapTeaser .nav .tabOn
{
    float:left;
    background-color:#FFFFFF;
    height:25px;
}

.worldMapTeaser .nav .tabOff
{
    float:left;
    background: transparent url(../images/bgTabOff.gif) bottom left repeat-x ;
    height:25px;
}


/* uc WorldMapTeaser : JQuery */

#jqueryWorldMapTeaser {
    width:530px;
    float:left;
}

#jqueryWorldMapTeaser .MapWrap
{
    width:530px;
    height:259px;
    background: transparent url(../images/bgWorldMapTeaser.gif) top left no-repeat;
    float:left;
}

#jqueryWorldMapTeaser .MapWrap .inner
{
    float:left;
    padding:20px 25px 20px 25px;
    width:100%;
}


#jqueryWorldMapTeaser ul {
    height:25px;
    margin-left:25px;
}

#jqueryWorldMapTeaser li {
    margin-left: 8px;
    list-style: none;
}

* html #jqueryWorldMapTeaser li {
    display: inline; /* ie6 double float margin bug */
}

#jqueryWorldMapTeaser li,
#jqueryWorldMapTeaser li a {
    float: left;
    /*padding:0 10px;*/
}

#jqueryWorldMapTeaser ul li a {
    text-decoration: none;
    float:left;
    background: transparent url(../images/bgTabOff.gif) bottom left repeat-x ;
    height:25px;
    color:#333333;
    padding: 0 10px;
    line-height: 25px;
}

#jqueryWorldMapTeaser ul li.active {
    float:left;
    background-color:#FFFFFF;
    height:25px;
}

#jqueryWorldMapTeaser ul li.active a {
    background: url(img/nav-left.gif) no-repeat left top;
    color: #333333;
}

#jqueryWorldMapTeaser div {
    clear: both;
    min-height: 200px;
}

#jqueryWorldMapTeaser table tr td 
{
    width: 120px;
}

/* Destination hotel / villa tabs : JQuery */

#hotelVillaTabs {
    width:540px;
    float:left;
    margin-top: 20px;
}

#hotelVillaTabs .MapWrap
{
    width:530px;
    height:259px;
    background: transparent url(../images/bgWorldMapTeaser.gif) top left no-repeat;
    float:left;
}

#hotelVillaTabs .MapWrap .inner
{
    float:left;
    padding:20px 25px 20px 25px;
    width:100%;
}


#hotelVillaTabs ul {
    height:25px;
    margin-left:0px;
}

#hotelVillaTabs li {
    margin-left: 8px;
    list-style: none;
}

* html #hotelVillaTabs li {
    display: inline; /* ie6 double float margin bug */
}

#hotelVillaTabs li,
#hotelVillaTabs li a {
    float: left;
}

#hotelVillaTabs ul li a {
    text-decoration: none;
    float:left;
    /*background: transparent url(../images/bgTabOff.gif) bottom left repeat-x ;*/
    background-color: #C9C9C9;
    height:25px;
    color:#333333;
    padding: 0 10px;
    line-height: 25px;
    font-size: 15px;
}

#hotelVillaTabs ul li.active {
    float:left;
    background-color:#FFFFFF;
    height:25px;
}

#hotelVillaTabs ul li.active a {
    background-color: #858585;
    color: #fff;
    border-left: solid 1px #858585;
    border-right: solid 1px #858585;
    border-top: solid 1px #858585;
}

#hotelVillaTabs div {
/*
    clear: both;
    min-height: 200px;
*/
}

#hotelVillaTabs table tr td 
{
/*    width: 120px;*/
}

.hotelname a
{
text-decoration: none;
font-size: 16px !important;
}

.hotelname a:hover
{
text-decoration: underline;
font-size: 16px !important;
}


/* -------------------------------------------------------------- */




.footerTabs .tabOn div
{
    height:25px;
    padding-top:5px;
    text-align:center;
}

.worldMapTeaser .nav .tabOff,
.worldMapTeaser .nav .tabOn
{
    margin: 0 3px 0 3px;
    padding: 5px 4px 0 4px;
    height:20px;
}


.worldMapTeaser .nav .tabOff a,
.worldMapTeaser .nav .tabOn a
{
    Color:#333333;
}



.loginContainer
{
	background-color:#F7F6F3;
	border-color:#333;
	border-width:1px;	
	border-spacing:4;
	border-style:solid;
	color:#333333;
}


.loginButton
{
	background-color:#FFFBFF;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	color:#284775;
	font-size:0.8em;
}


.loginTitle
{
	font-style:italic;
	color:Black;
}


.loginText
{
	background-color:#5D7B9D;
	font-weight:bold;
	color:White;
	font-size:0.9em;
}


.blueText
{
    color:#0099CC;
}


/* Accomm List View */


.accommListView .openingLine
{
    margin-top: 20px;
    float: left;
    width: 100%;
}


.accommListView .paginationLinks
{
    margin-top: 20px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}


/* Destination menu item */
.expandingDestMenu
{
    width: 868px; 
    height: 400px; 
    position: absolute; 
    top: 170px; 
    left: 131px; 
    display: none; 
    background: #FFFFFF url(/images/bgContent.gif) top left repeat-x; 
    border-left: 1px solid #CCCCCC; 
    border-right: 1px solid #CCCCCC; 
    border-bottom: 1px solid #CCCCCC; 
    color: #666666;
}

/* ----------------- Request a quote start ------------------- */


  
  .onecolwrapper{
  margin: 0 auto;
  padding: 0px;
  width: 800px;
  text-align: left;
  letter-spacing: 0.1px;
  }
  
  .raqtext
  {
  	font-size: 13px;
  	line-height: 20px;
  	text-align: left;
  	color: #333;
  	border-top: solid 1px #333;
  	border-bottom: solid 1px #333;
  	margin: 20px 0 20px 0;
  	padding: 5px 0 5px 0; 
  	}
  
 
  .title{
  margin: 10px 250px 0 0;
  width: 200px;
  height: 40px;
  float: left;
  /*background-image: url(../images/titlebg.jpg);*/
  /*background-repeat: no-repeat;*/
  /*border: solid 2px #5f5f5f;*/
  /*background-color: #C5C5C5;*/
  font-weight: bold;
  font-size: 20px;
  font-family: century gothic, sans-serif;
  padding: 0px 0px 0px 0px; 
  }
  
  
  .cellname{
  font-family: century gothic, sans-serif;
  font-weight: bold;
  font-size: 15px;
  margin: 5px 0 5px 0;
  }
  
  
  .intro{
  margin: 5px 10px 5px 0;
  width: 391px;
  height: 94px;
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #fff;
  /*background-image: url(../images/introbg.jpg);*/
  /*background-repeat: no-repeat;*/
  }
  
  
  .intro p{
  color: #000;
  line-height: 18px;
  margin: 10px 10px 0 15px; 
  }
  
  
  .directdebit{
  margin: 5px 0 5px 0px;
  width: 391px;
  height: 94px;
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #fff;
  /*background-image: url(../images/ddbg.jpg);*/
  /*background-repeat: no-repeat;*/
  color: #000;
  padding: 0 0 0 0;
  }
  
   
  .directdebit p{
  float: left;
  color: #000;
  font-size: 11px;
  line-height: 18px;
  margin: 10px 0 0 10px; 
  width: 290px;
  clear: both;
  }
  
  
  .directdebit a{
  font-weight: bold;
  text-decoration: none;}
  	
  	
  .directdebit a:hover{
  font-weight: bold;
  text-decoration: underline;}
  
  .directdebitimage{
  float: right;
  width: 75px;
  margin: 30px 0 0 0;}
  
  
  .oursistercompany{
  margin: 0px 0 5px 0;
  width: 796px;
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #66ccff;
  /*background-image: url(../images/traveldatesbg.jpg);*/
  /*background-repeat: no-repeat;*/
  padding: 0px 0px 10px 0px;}
  
  
  .oursistercompany p{
	float: left;
	width: 350px;
	font-size: 12px;
	line-height: 16px;
	margin-left: 10px;}
  
  
  .sendoramend{
  	float: right;
  	width: 390px;}
  
  
    .sendoramend p{
	float: left;}
  
  
  .traveldates{
  margin: 0px 0 5px 0;
  width: 796px;
  /*height: 75px;*/
  height: 85px;
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #C5C5C5;
  /*background-image: url(../images/traveldatesbg.jpg);*/
  /*background-repeat: no-repeat;*/
  padding: 0px 0px 0px 0px;}
  
   * html .traveldates{
  margin: 0px 0 5px 0;
  width: 750px;
  /*height: 75px;*/
  height: 85px;
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #C5C5C5;
  /*background-image: url(../images/traveldatesbg.jpg);*/
  /*background-repeat: no-repeat;*/
  padding: 0px 0px 0px 0px;}
  
  
  .traveltable, .exclusivetable, .destinationstable, .partytable, .contacttable{
  font-size: 11px;
  margin: 0 0 0 10px;
  width: 800px;
  }
  
  * html .traveltable, * html .exclusivetable, * html .destinationstable, * html .partytable, * html .contacttable{
  font-size: 11px;
  margin: 0 0 0 10px;
  width: 785px;
  }
  
  .flightstable, .budgettable {
  font-size: 11px;
  margin: 0 0 0 13px;}
  
   * html .flightstable, * html .budgettable {
  font-size: 11px;
  margin: 0 0 0 13px;}
  
  .destinations{
  margin: 0px 0 5px 0;
  width: 796px;
  /*height: 76px;*/
  /*height: 86px;*/
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #C5C5C5;
  /*background-image: url(../images/destinationsbg.jpg);*/
  /*background-repeat: no-repeat;*/
  padding: 0 0 10px 0;}


  * html .destinations{
  margin: 0px 0 0px 0;
  width: 796px;
  /*height: 76px;*/
  /*height: 86px;*/
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #C5C5C5;
  /*background-image: url(../images/destinationsbg.jpg);*/
  /*background-repeat: no-repeat;*/
  padding: 0 0 10px 0;}
  
  .budget{
  margin: 0 10px 0 0;
  width: 391px;
  /*height: 75px;*/
  height: 85px;
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #C5C5C5;
  /*background-image: url(../images/budgetbg.jpg);*/
  /*background-repeat: no-repeat;*/
  padding: 0 0 0 0;}
  

* html .budget{
  margin: 0 15px 0 0;
  width: 375px;
  /*height: 75px;*/
  height: 85px;
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #C5C5C5;
  /*background-image: url(../images/budgetbg.jpg);*/
  /*background-repeat: no-repeat;*/
  padding: 0px 0px 0px 0px;}

  
  .flights{
  margin: 0 0 0 0px;
  width: 391px;
  /*height: 75px;*/
  height: 85px;
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #C5C5C5;
  /*background-image: url(../images/flightsbg.jpg);*/
  /*background-repeat: no-repeat;*/
  padding: 0 0 0 0;}


* html .flights{
  margin: 0px 0px 0px 0px;
  width: 375px;
  /*height: 75px;*/
  height: 85px;
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #C5C5C5;
  /*background-image: url(../images/flightsbg.jpg);*/
  /*background-repeat: no-repeat;*/
  padding: 0px 0px 0px 0px;}

  
  .party{
  margin: 5px 0 5px 0;
  width: 796px;
  /*height: 75px;*/
  height: 105px;
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #C5C5C5;
  /*background-image: url(../images/partybg.jpg);*/
  /*background-repeat: no-repeat;*/}

  
  .contact{
  margin: 0 0 5px 0;
  width: 796px;
  /*height: 215px;*/
  height: 227px;
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #C5C5C5;
  /*background-image: url(../images/contactbg.jpg);*/
  /*background-repeat: no-repeat;*/}
  
  
  .exclusive{
  margin: 0px 0 5px 0;
  width: 796px;
  /*height: 90px;*/
  height: 100px;
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #C5C5C5;
  /*background-image: url(../images/exclusivebg.jpg);*/
  /*background-repeat: no-repeat;*/
  padding: 0 0 0 0;}
  
  
  .additionalcomments{
  margin: 0px 0 5px 0;
  width: 776px;
  float: left;
  border: solid 2px #5f5f5f;
  background-color: #C5C5C5;
  /*background-image: url(../images/exclusivebg.jpg);*/
  /*background-repeat: no-repeat;*/
  padding: 10px;}
  
  
  .dataprotection{
  margin: 0px 0 5px 0;
  width: 776px;
  float: left;
  padding: 5px 0px 5px 0px;}
  
  
  .send{
  width: 160px;
  height: 40px;
  float: right;}
  
  
  .send a{
  width: 160px;
  height: 40px;
  background-image: url(../images/sendbg.jpg);
  background-repeat: no-repeat;
  float: right;}
  
  
  .send a:hover{
  width: 160px;
  height: 40px;
  background-image: url(../images/sendbghover.jpg);
  background-repeat: no-repeat;
  float: right;}
  
  
  .send p{
  font-family: century gothic, sans-serif;
  margin: 10px 0 0 60px;
  font-weight: bold;
  font-size: 25px;}
  
  
  .drop{
  width: 165px;}
  
  
  .addressinput
  {
    width: 360px;
    padding-left: 2px;
    padding-right: 2px;
  }
  

  .hotlistinput
  {
  	width: 548px;
  	}
  
  .hotlistaddressinput
  {
  	width: 530px;
  	}
  	
  .input
  {
    width: 160px;
    padding-left: 2px;
    padding-right: 2px;
  }
  
  
  .updatesinput{
  width: 175px;
  float: left;}	
  
  
  .additionalcommentsinput{
  	float: left;
  	width: 500px;
  	height: 150px;
    padding-left: 2px;
    padding-right: 2px;
  }
  
  
  
  
/* ----------------- Request a quote end  ------------------- */
  
/* ----------------- Request a quote button start  ------------------- */
    
    .raqbutton
    {
    	background-image:url(../images/raqbg.jpg); 
    	background-repeat: no-repeat; 
    	width:298px; height:40px;  
    	padding-top: 7px; 
    	text-align: center;
    	}
    	
    .raqbutton a
    {
    text-decoration: none;
    color: #fff;
    font-family: Century Gothic, Sans-Serif;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    	}
    	
    .raqbutton a:hover
    {
    color: #fff;
    text-decoration: underline;
    text-align: center;
        	}
    
    
/* ----------------- Request a quote button end  ------------------- */
  
/* ----------------- Site Map Start  ------------------- */
  .sitemap
  {
  	float: left;
  	width: 900px;
  	margin: 0 0 0 25px;
  	}

  .sitemaphead
  {
  	float: left;
  	width: 900px;
  	border-bottom: solid 1px #333; 
  	margin-bottom: 10px;
  	}
  
  .sitemap1, .sitemap2, .sitemap3, .sitemap4
  {
  	float: left;
  	width: 220px;

  	}
  	
	.sitemap1 ul, .sitemap2 ul, .sitemap3 ul, .sitemap4 ul
  {
  	 float: left;
  	 text-align: left;
  	 margin-left: 20px; 
  	 list-style-type: disc;
  	}	
    
.sitemap1 li, .sitemap2 li, .sitemap3 li, .sitemap4 li  
  {
  	float: left;
  	width: 200px;
  	}	
    
    .sitemap1 li a, .sitemap2 li a, .sitemap3 li a, .sitemap4 li a
  {
  	float: left;
  	text-decoration: none;
  	color: #333;
  	}	
    
    .sitemap1 li a:hover, .sitemap2 li a:hover, .sitemap3 li a:hover, .sitemap4 li a:hover
  {
  	float: left;
  	color: #0099CC;
  	text-decoration: underline;
  	}	

  * html .sitemap
  {
  	float: left;
  	width: 900px;
  	margin: 0 0 0 10px;
  	padding: 0px;
  	}    
    
  * html .sitemaphead
  {
  	float: left;
  	width: 900px;
  	border-bottom: solid 1px #333; 
  	margin-bottom: 10px;
  	}
  
  * html .sitemap1, * html .sitemap2, * html .sitemap3, * html .sitemap4
  {
  	float: left;
  	width: 140px;
  	margin: 0px;
  	padding: 0px;

  	}
  	
  		* html .sitemap1 ul
  {

  	 text-align: left;
  	 margin-left: 0px; 
  	 list-style-type: square;
  	}	
  	
  	
	* html .sitemap1 ul * html .sitemap2 ul, * html .sitemap3 ul, * html .sitemap4 ul
  {

  	 text-align: left;
  	 margin-left: 10px; 
  	 list-style-type: square;
  	}	
    
* html .sitemap1 li, * html .sitemap2 li, * html .sitemap3 li, * html .sitemap4 li  
  {

  	width: 140px;
  	}	
    
    * html .sitemap1 li a, * html .sitemap2 li a, * html .sitemap3 li a, * html .sitemap4 li a
  {

  	text-decoration: none;
  	color: #333;
  	}	
    
    * html .sitemap1 li a:hover, * html .sitemap2 li a:hover, * html .sitemap3 li a:hover, * html .sitemap4 li a:hover
  {

  	color: #0099CC;
  	text-decoration: underline;
  	}	
    
    /*
  .sitemap2
  {
  	float: left;
  	width: 220px;
  	}
  
  .sitemap2 ul
  {
  	 float: left;
  	 text-align: left;
  	}	
    
.sitemap2 li
  {
  	float: left;
  	width: 200px;
  	}	
    
    .sitemap2 li a
  {
  	float: left;
  	text-decoration: none;
  	color: #333;
  	}	
    
    .sitemap2 li a:hover
  {
  	float: left;
  	color: #0099CC;
  	text-decoration: underline;
  	}	
  
  
  
  .sitemap3
  {
  	float: left;
  	width: 220px;
  	}
  
  .sitemap3 ul
  {
  	 float: left;
  	 text-align: left;
  	}	
    
		.sitemap3 li
  {
  	float: left;
  	width: 200px;
  	}	
    
    .sitemap3 li a
  {
  	float: left;
  	text-decoration: none;
  	color: #333;
  	}	
    
    .sitemap3 li a:hover
  {
  	float: left;
  	color: #0099CC;
  	text-decoration: underline;
  	}	
  
  
  .sitemap4
  {
  	float: left;
  	width: 220px;
  	}
  
  .sitemap4 ul
  {
  	 float: left;
  	 text-align: left;
  	}	
    
.sitemap4 li
  {
  	width: 200px;
  	float: left;
  	}	
    
    .sitemap4 li a
  {
  	float: left;
  	text-decoration: none;
  	color: #333;
  	}	
    
    .sitemap4 li a:hover
  {
  	float: left;
  	color: #0099CC;
  	text-decoration: underline;
  	}	
  */
  
  /* ----------------- Site Map End  ------------------- */
  
  
.lightboxStartImage
{
    float: left; 
    border: solid 2px #5f5f5f; 
    margin: 0px 5px 5px 0px;
}

.lightboxTopOfferImage
{  
    float: left; 
    border: solid 2px #5f5f5f; 
    margin: 0px 5px 0px 0px;  
}

.lightboxHotelImageGallery
{  
    float: left; 
    border: solid 2px #5f5f5f; 
    /*margin: 0 10px 20px 10px;  */
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
 
.lightboxMagnify
{
      position:relative;
      overflow:visible;
      top: 100px;
      /*left: -30px;*/
      z-index: 0;
      /*opacity:0.9;
      filter:alpha(opacity=90)*/
      
    left: -285px      
}

.lightboxMagnifyTopOffer {
    overflow:visible;
    position:relative;
    top:-28px;
    z-index:0;
}

.lightBoxSearch ul li,
.lightBoxSearch ul
{
    padding:0 !important;
    margin:0 !important;
    height:110px !important;
    line-height:0px;
    overflow:hidden;
}

 
.ui-datepicker-trigger
{
    margin-left:5px;
    vertical-align:top;
}

.reqStar
{
    color:Black;
    font-size:16px;
    font-weight:bold;
    vertical-align:bottom;
}

.hotelImageGalleryLightbox
{
    float: left;
    margin-bottom: 20px;
}

  /* ----------------- World Map (Luxury Destinations) start  ------------------- */

.WorldMapContainer 
{
    Width:900px;
    height:360px;
    padding:0px 10px 0 10px;
    margin: 0px;
    background-image:url(../images/bg_World.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    font-family:Verdana;
    font-size:xx-small;
}

.WorldMapContainer td
{
    font-size:xx-small;
} 

.WorldMapContainer a
{
	color:#333333;
	text-decoration:none;
	/*background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 3px;*/
	font-size:10px;
	margin: 5px 0 5px 2px;
}

.WorldMapContainer a:hover
{text-decoration:underline;}
       

.WorldMapContainer #RegionTitles
{
    padding:8px 2px 8px 0px;
    /*background-image:url(../Images/worldmap/trans.gif);*/
    background-repeat:repeat;
    background-position:top left;
    font-family: Century Gothic;
    font-size: 11px;
    color: Black;
}

  /* ----------------- World Map (Luxury Destinations) end  ------------------- */
  
    /* ----------------- request a brochure start ------------------- */

#accordianwrapper{
float:left;
display:inline;
width:548px;
position:relative;
overflow:hidden;
text-align: left;
background:#858585; 
color:#fff;
font-family: century gothic, sans-serif;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}

#accordianwrapper a {
margin: 5px 0px 0px 10px;
padding: 2px 0px 2px 20px;
text-decoration: none;
}

#accordianwrapper a, #accordianwrapper a:link, #accordianwrapper a:visited {
color:#f0f0f0;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
background-image:url(../Images/arrowaccord.jpg);
background-repeat:no-repeat;
}

* html #accordianwrapper a, * html #accordianwrapper a:link, * html #accordianwrapper a:visited {
color:#f0f0f0;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
background-image:none;
background-repeat:no-repeat;
border-bottom: 1px solid #a2a2a2;
}

#accordianwrapper a:hover, #accordianwrapper a:active, #accordianwrapper a:focus {
background-color:#f0f0f0; 
color:#000;
text-decoration: none;
}


* html #accordianwrapper a:hover, * html #accordianwrapper a:active, * html #accordianwrapper a:focus {
color:#000;
text-decoration: none;
}

.js #main .accordion {
visibility:hidden;
}

.js #accordianwrapper .accordion {
display:none;
}

.accordion {
margin:0; 
padding:0 10px;
}

.accordion li {
list-style-type:none;
background-color: #a2a2a2;
padding: 5px 0 5px 5px;
margin: 5px 0 5px 0px;
}

* html .accordion li {
list-style-type:none;
padding: 5px 0 5px 5px;
margin: 5px 0 5px 0px;
}


.accordion li.last-child {
list-style-type:none;
}

#accordianwrapper ul.accordion ul {
margin:0 0 5px 0; 
padding:0 10px 0px 10px;
}

#accordianwrapper ul.accordion ul li {
margin:0 0 5px 0; 
padding:5px 0 5px 10px;
background-color: #858585;
}

#accordianwrapper ul.accordion ul li ul li{
margin:0 0 5px 0; 
padding:5px;
background-color: #a2a2a2;
}

* html #accordianwrapper ul.accordion ul li ul li{
margin:0 0 5px 0; 
padding:5px;
background-color: #858585;
}

#accordianwrapper ul.accordion ul li ul li ul li{
margin:0 0 5px 0; 
padding:5px;
background-color: #858585;
}

.accordion .outer {
border:1px solid #e0e0e0; 
border-width:0 1px 1px;
}

.accordion .inner {
margin-bottom:0; 
padding:10px 20px; 
position:relative;
}

.accordion .inner .inner {
padding-bottom:0;
}

.accordion .h {
padding-top:.3em;
}

.accordion p {
margin:0; 
padding-bottom:1em;
}               
    

.raqcontactdetails{
width: 540px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
float: left;
}

.drop2{
width: 170px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.addressinput1
{
width: 525px;
    padding-left: 2px;
    padding-right: 2px;
  }

.inputbox
{
width: 350px;	
	}


.raqhead{
width: 540px;
font-family: times new roman, serif;
font-weight: bold;
font-variant:small-caps;
letter-spacing: 1px;
font-size: 15px;
padding: 5px 0px 5px 5px;
margin: 0px 0px 0px 0px;
color: #fff;
background-color: #150A4F;
}

    
    /* ----------------- request a brochure end ------------------- */

 /* ----------------- Blog ------------------- */
 
 .blogcategorylist
 {
     width: 155px; 
     float: left; 
     margin: 10px 10px 10px 25px;
     font-size: 12px;
 }
 
  * html .blogcategorylist
 {
     width: 160px; 
     float: left; 
     margin: 10px 10px 10px 8px;
     font-size: 12px;
 }
 
 .blogarticlelist,
 .blogarticlewrapper,
 .articletitle,
 .titlearticlespacer,
 .dateposted,
 .noarticles
 {
     width: 712px;
 }
 
 .blogarticlelist
 {
     float: left; 
     margin: 10px 0px 10px 0px;
     border-left: 2px solid #E4E4E4;
 }
 
 .blogarticlewrapper
 {
     /*margin-bottom: 50px;*/
     margin-left: 20px;
     float: left;
     /*background-color: Yellow;*/
 }
 
  * html .blogarticlewrapper
 {
     /*margin-bottom: 50px;*/
     margin-left: 7px;
     float: left;
 }
 
 .articletitle
 {
     float: left;
     background-color: #666;
     margin-bottom: 10px;
 }
 
 .titlearticlespacer
 {
     /*margin: 10px 0px;*/
     margin-bottom: 10px;
     margin-left: 20px;
     float: left;
 }
 
 * html .titlearticlespacer
 {
     /*margin: 10px 0px;*/
     margin-bottom: 10px;
     margin-left: 7px;
     float: left;
 }
 
 .dateposted
 {
     float: left;
 }
 
 .articlepictures
 {
     width: 276px;
     /*width: 300px;*/
     float: right;
     margin-right: 4px;
     margin-left: 20px;
     /*background-color: Blue;*/
 }
 
 .articleshotdescription
 {   
     /*width: 480px;*/
     /*float: left;*/
     /*background-color: pink;*/
 }
 
 .articlepostedin
 {
     width: 470px;
     float: left;
 }
 
 .noarticles
 {
 }
 
 .articletitle a 
 {
     color: #fff;
     text-decoration: none;
 }
 
 
 .articletitle a:hover
 {
     color: #fff;
     text-decoration: underline;
 }
 
 .blogTeaser
 {
    background-image:url(../images/blogicon.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    border: 2px solid #666666;
    float: left;
    height: 125px;
    width: 276px;
    overflow: hidden;
 }
 
 .blogTeaserHeader
 {
 }
 
 .blogTeaserItems
 {
     margin-top: 60px;
     margin-left: 10px;
 }
 
 .blogTeaserItems a
 {
     color: #FFFFFF;
     font-weight: bold;
     background: transparent url(../images/arrow.gif) no-repeat scroll left 55% ;
     padding-left:10px;
 }

 .blogTeaserItems a:hover
 {
     color: #FFFFFF;
     font-weight: bold;
     text-decoration: underline;
 }
 
 
  /* ----------------- Blog end --------------- */
  
  /* ----------------- follow us online start --------------- */
  
  .followusonline
  {
    background-image:url(../images/followusonlinebg2.jpg);
    background-repeat:no-repeat;
    float: left;
    border:2px solid #666666;
    width: 276px;
    height: 51px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  	}
  
  .twitter
  {
  	float: left;
  	margin: 5px 0px 0px 180px;
  	padding: 0px 0px 0px 0px;
  	}
  
  .facebook{
  	float: left;
  	margin: 5px 0px 0px 5px;
  	padding: 0px 0px 0px 0px;
  	}
  	
  	  * html .twitter
  {
  	float: left;
  	margin: 5px 0px 0px 90px;
  	padding: 0px 0px 0px 0px;
  	}
  
  * html .facebook{
  	float: left;
  	margin: 5px 0px 0px 5px;
  	padding: 0px 0px 0px 0px;
  	}
  
  /* ----------------- follow us online end --------------- */