/* Gloabal Style ITC Classics */


*
{margin:0;padding:0;}

body
{margin:0 auto; font-family:Arial; color:#333333; background-color: #fff; clear: both;}



/*--------------------- WRAPPER START --------------------*/

#outerWrapper
{width:1000px; margin:0 auto; clear: both;}

#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; text-transform:uppercase; font-weight: normal; font-size: 25px; color: #000; line-height: 25px; margin: 0 0 10px 0;}
    
h1.large
{font-family: Century Gothic, Sans-Serif; text-transform:uppercase; font-weight: normal; font-size: 25px;  color: #000; line-height: 25px; margin: 0 0 10px 0;}

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

h1.raq
{font-family: Century Gothic, Sans-Serif;  text-transform:uppercase; font-weight: normal; font-size: 20px; color: #333;}

h2
{font-family: Century Gothic, Sans-Serif; font-weight: normal; font-size: 16px;}
    
h2.left, h2.right
{font-family: Century Gothic, Sans-Serif; text-transform:uppercase; font-weight: normal; font-size: 16px; margin: 0 0 10px 0; color: #000;}

h2.leftmeet
{font-family: Century Gothic, Sans-Serif; text-transform:uppercase; font-weight: normal; font-size: 16px; margin: 0px 0px 0px 0px; color: #000;}

h2.follow
{float: left; font-family: Century Gothic, Sans-Serif; text-transform:uppercase; font-weight: normal; font-size: 16px; margin: 0px 0 10px 0; padding: 0; color: #000;}
    
h2.headerblogcategories
{font-family: Century Gothic, Sans-Serif; font-weight: normal; font-size: 14px; margin: 0 0 0px 0; color: #fff; width: 144px; height: 46px;
background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/blog-cat-head-bg.jpg); 
background-repeat: no-repeat; text-transform: uppercase; padding: 4px 0 0 6px;}
	
h2.headerblogarticlelist
{font-family: Century Gothic, Sans-Serif; font-weight: normal; font-size: 14px; margin: 10px; color: #fff; line-height: 18px; 
 text-transform: uppercase}
    
/* <<< !DON'T FORGET TO REFLECT ANY CHANGES IN THE sifr.css FILE! */

a
{color:#666; font-weight: bold; text-decoration:underline;}
    
a:hover
{color:#999; font-weight: bold; text-decoration:none;}

.giveright a
{color:#0099CC; text-decoration:none; font-size: 13px}

.giveright a:hover
{color:#66CCFF;  font-size: 13px}

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

.blueArrow
{background: transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/arrow1.gif) no-repeat scroll right 55%; 
 padding:0px 15px 0px 0px; margin: 0px 0px 0px 0px; float: left}

.blueArrowBlue
{background: transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/arrow1.gif) no-repeat scroll right 55%; 
 padding:0px 15px 0px 0px; margin: 0px 0px 0px 0px; float: left; color: #00B5CB}

a.summer
{background: transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/summerarrow.gif) no-repeat scroll right 55%; 
 padding:0px 15px 0px 0px; margin: 0px 0px 0px 0px; float: left; color: #fff}

P
{line-height:17px; margin-bottom:15px; font-size: 12px;}

/* 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; float: left;}

hr.autumndetails
{color: #fff; background-color: #fff; height: 1px; border: none; width:700px; margin:0px 0px 10px 0px; float: left;}

hr.autumndetailssmall
{color: #fff; background-color: #fff; height: 1px; border: none; width:325px; margin:10px 0px 10px 0px; float: left;}

hr.left2011
{color: #A8A8A8; background-color: #5F5F5F; height: 1px; border: none; width:630px; margin:0px 0px 10px 0px; float: left;}

hr.details
{color: #A8A8A8; background-color: #5F5F5F; height: 1px; border: none; width:290px; margin:0px 0px 10px 0px; float: left;}

hr.left2011a
{color: #A8A8A8; background-color: #5F5F5F; height: 1px; border: none; width:600px; margin:3px 0px 10px 0px; float: left;}

hr.left2011b
{color: #CCCCCC; background-color: #CCCCCC; height: 1px; border: none; width:600px; margin:3px 0px 10px 0px; float: left;}

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

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

hr.right2011
{color: #5F5F5F; background-color: #5F5F5F; height: 1px; border: none; width:310px; margin:10px 0px 10px 0px; float: left;}

*html hr.right
{color: #5F5F5F; background-color: #5F5F5F; height: 1px; border: none; width:298px; margin:3px 0px 5px 0px; 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 START-------------------------------------------------*/

.header
{float: left; width: 950px; height: 500px; font-size: 11px; line-height: 20px;}

*html .header
{float: left; width: 925px; padding: 0px; margin: 0px;}

.secondNavHeader
{background:none; color:#ccc; width:948px; height:30px; margin-top: 5px; padding: 0px;}

.topHeader
{float:left; margin: 0 0 0 0; width:950px; height:100px; background-color: #fff; /*background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/header4.jpg); background-repeat: no-repeat;*/}

.navHeader
{float:left; width:930px; height:45px; text-align:center; background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/nav-new.jpg);
background-repeat: no-repeat; margin: 0px 0 0 0; font-family: Century Gothic, Sans-Serif; padding: 0 0 0 20px; position: relative; z-index: 100;}

*html .navHeader
{width:930px; height:45px; text-align:center; float:left; background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/nav-new.jpg);
background-repeat: no-repeat; margin: 0px; font-family: Century Gothic, Sans-Serif; padding: 0 0 0 20px;}

.navHeader .notSelected, .navHeader .selected
{margin: 14px 8px 0 10px; float:left; height:25px; font-size: 12px; font-weight: normal;}

*html .navHeader .notSelected, *html .navHeader .selected
{margin: 14px 5px 0 7px; float:left; height:25px; font-size: 12px; font-weight: normal;}

*:first-child+html .notSelected, .navHeader .selected
{margin: 14px 3px 0 10px; float:left; height:25px; font-size: 12px; font-weight: normal;}

.search .navGSearch
{margin: 9px 10px 0 10px;}

*html .search .navGSearch
{margin: 9px 7px 0 7px;}

*:first-child+html .search .navGSearch
{margin: 7px 2px 0 7px; width:260px; float:left;}




.butGSearchold
{margin: 6px 0px 0px 0px; float:left;}

.GSearchBoxold
{margin: 6px 0px 0px 0px; width:130px; float:left;}	


.butGSearchnew
{margin: 4px 0px 0px 0px; float:left; width: 31px; height: 23px;}

.GSearchBoxnew
{margin: 35px 0px 0px 15px; width:255px; float:left; border: none; background-color: #fff}	



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

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

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

/*---------------------------------------------- HEADER END-------------------------------------------------*/




/*---------------------------------------------- flash start -------------------------------------------------*/

.flash
{float: left; width: 950px; height: 350px; position: relative; z-index: 1; margin: 0px 0 0 0}

*html .flash
{float: left; width: 950px; height: 350px;}

/*---------------------------------------------- flash end -------------------------------------------------*/




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

#topwrapper
{width: 1000px; margin: 0 auto; text-align: center; height: 500px; padding: 0px;}

*html #topwrapper
{width: 1000px; margin: 0 auto; text-align: center; height: 500px; padding: 0px;}
 	
#plaintopwrapper
{width: 1000px;	margin: 0 auto;	text-align: center;	height: 145px; padding: 0px 0 0 0;}
 	
#top 
{float: left; width: 950px; height: 500px; margin-left: 25px; text-align:left; display: block;}

*html #top 
{float: left; width: 950px; margin-left: 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; margin-left: 25px; text-align:left;}

*html #top 
{width: 950px; height: 500px; margin-left: 10px; text-align:left;}



/*---------------------------------------- telephone and opening hours start ----------------------------------------------*/

.tel
{float: left; width: 210px; color: #999999; text-align: center; margin: 50px 0px 0 440px; padding: 0px;}

*html .tel
{float: left; color: #fff; text-align: center; margin: 50px 30px 0 355px; line-height: 20px; padding: 0px;}

.tel a
{text-decoration: none; color: #999999}

.tel a:hover
{text-decoration: underline; color: #999999}

.number
{font-size: 25px; font-weight: bold; letter-spacing: 1px; }

/*---------------------------------------- telephone and opening hours start ----------------------------------------------*/



.luxuryhols
{float: left; width: 550px; min-height: 135px; color: #000; background-color: #fff; margin-left: 25px; margin-top: 215px; padding: 0px;}
	
*html .luxuryhols
{float: left; width: 550px; min-height: 122px; color: #000; margin-left: 10px; margin-top: 250px; padding: 0px;}

.luxuryholshead	
{width: 550px; height: 35px; background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/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(http://images.itc-uk.com/websiteimages/classics2010/css/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; margin: 215px 25px 0px 0px; padding: 0px;}
	
*html .fingertips
{float: right; width: 300px; color: #000; margin: 215px 15px 0px 0px; padding: 0px;}
	
.fingertipshead	
{width: 300px; height: 28px; background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/fingertipshead1.jpg); background-repeat: no-repeat; float: left;
margin: 0 0 0px 0; padding: 7px 0 0 0px;}
	
*html .fingertipshead	
{width: 300px; height: 28px; background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/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: 11px; padding: 0px;}
	
.region1
{float: left; width: 140px; margin: 0px 0 0 0px; line-height: 22px; padding: 0 0 8px 0;}

.region2
{float: left; width: 140px; margin: 0px 0 0 5px; line-height: 22px; padding: 0 0 8px 0;}
	
*html .region1
{float: left; width: 140px; margin: 0px 0 0 0px; line-height: 22px; padding: 0 0 8px 0;}

*html .region2
{float: left; width: 140px; margin: 0px 0 0 5px; line-height: 22px; padding: 0 0 8px 0;}

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

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

.map
{width: 300px; height: 360px; float: right; margin: 10px 10px 0 0; padding: 0px; opacity: 0.90; -moz-opaciity: 0.90; filter: alpha(opacity=90);}

*html .map
{width: 300px; height: 360px; float: right; margin: 5px 15px 0 0; padding: 0px; opacity: 0.90; -moz-opaciity: 0.90; filter: alpha(opacity=90);}

.offer
{float: left; width: 548px; margin: 10px 0px 5px 25px; padding: 0px 0px 5px 0px;}

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

.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: 255px !important; font-size: 12px; line-height: 16px; margin: 0 0 0 10px; padding: 0px;}

.offerupdates
{float: left; width:630px; margin: 0px 5px 10px 0px; padding: 0px;}
	
*html .offerupdates
{float: left; width:276px; margin: 0px 5px 10px 0px; padding: 0px;}
	
.offerupdates p
{float: left; width: 290px !important; font-size: 12px; line-height: 16px;}

.offerupdatesform
{float: left; width: 295px; margin: 0px;}

.recentupdates
{float: left; width:548px; margin: 5px 0px 0px 0px; padding: 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;	margin: 5px 5px 10px 0px; padding: 0px;}

*html .exclusively
{float: left; width: 548px; padding: 0px 0px 5px 0px;}

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

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

.furtherofferings
{float: left; width: 298px;	margin: 10px 0px 5px 25px; padding: 0px 0px 5px 0px;}

*html .furtherofferings
{float: left; width: 298px;	margin: 10px 0px 5px 5px; padding: 0px 0px 5px 0px;}



/*---------------------------------------------- HOTEL OF THE MONTH START -------------------------------------------------*/

.hotelofthemonth
{float: left; width: 310px; margin-top: 10px;}

*html .hotelofthemonth
{float: left; width: 298px;}

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

*html .hotelofthemonthLeft
{float: left; width: 548px;}

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

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

/*---------------------------------------------- HOTEL OF THE MONTH END -------------------------------------------------*/




/*---------------------------------------------- HOTEL OF THE MONTH !!!NEW!!! START -------------------------------------------------*/

.hotelsofthemonthnew
{float: left; margin: 0px 0 10px 0; margin-right: 5px; width: 310px;}

.hotelsofthemonthnew p
{float: left; width: 165px !important; line-height: 18px; margin: 0px 0px 5px 5px;}

.hotelsofthemonthnew a
{text-decoration: none}

.hotelsofthemonthnew a:hover
{text-decoration: underline}

/*---------------------------------------------- HOTEL OF THE MONTH !!!NEW!!! END -------------------------------------------------*/

.suntimesbox
{float: left; width: 310px; margin-bottom: 5px;}

.suntimesbox p
{float: left; width: 175px !important; font-size: 12px; line-height: 15px; margin: 0px 0px 5px 5px;}


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

.pages a
{text-decoration: none; font-weight: bold}

.pages a:hover
{text-decoration: underline; font-weight: bold}

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

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

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

.luxuryoffers p
{width: 250px !important; margin-left: 10px;}

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

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

.promotionaloffers p
{float: left;}

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

.promotionalofferhotelname a
{text-decoration: none; text-transform: uppercase; font-weight: normal}

.promotionalofferhotelname a:hover
{text-decoration: underline; text-transform: uppercase; font-weight: normal}

.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 #999; background: #eee; 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: #09C; font-weight: bold; font-size: 15px; margin: 25px 0 0 10px;}

/* ---------------------------- SALE END -------------------------- */


/* ---------------------------- PRICE GUIDE FOOTER START -------------------------- */

.priceguidewrapper
{margin:auto; text-align: left; width: 948px; height: 290px; background-color:#C9C9C9;
background-repeat: no-repeat; padding: 0px 0 0 0; clear:both;}

.priceguideborder
{width: 900px; margin: 10px 0 0 25px; float: left;}


/* ---------------------------- PRICE GUIDE FOOTER END -------------------------- */



/* ---------------------------- CROSS SELL FOOTER START -------------------------- */

.crosssellwrapper
{margin:auto; text-align: left; width: 948px; height: 210px; background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/crosssellfooterbg.jpg);
background-repeat: no-repeat; padding: 0px 0 0 0; clear:both;}

.crossselltitle
{width: 948px; height: 50px; background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/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 END -------------------------- */

/* ---------------------------- FOOTER START -------------------------- */

.footerwrapper
{width: 950px; margin: 0 auto; text-align: center; font-size: 12px; line-height: 20px}
	
.footerbottom
{float: left; width: 950px;	margin: 0px; padding:0px;}

.footerwrapper .cert
{background-color:#fff; width:950px; float:left; border-top:solid 2px #a8a8a8;  padding:0px; text-align: left; margin-top: 10px;}

.links
{width:950px; float:left; margin: 0px 0px 10px 0px; padding: 0px; font-weight: normal}

.footernav
{width:950px; float:left; height: 25px; background-color: #BCBCBC; padding: 5px 0 0 0; color: #fff; font-size: 12px;}

.footernav a
{color: #fff; text-decoration: none; font-weight: normal}

.footernav a:hover
{color: #fff; text-decoration: underline;  font-weight: normal}

.quickLinks
{width:950px; float:left; padding: 10px 0 10px 0; background-color: #EEEEEE; color: #666666}

.quickLinks a
{color: #666666; text-decoration: none; font-weight: normal}

.quickLinks a:hover
{color: #999999; text-decoration: underline;  font-weight: normal}

.itcportfolio
{float: left; background-color: #BCBCBC; width: 950px; height:20px; padding: 5px 0 5px 0; margin: 10px 0 0 0}

.itcportfolio a
{color: #fff; text-decoration: none; font-weight: normal}

.itcportfolio a:hover
{color: #fff; text-decoration: underline;  font-weight: normal}

.itclogos
{float: left; width: 950px; background-color: #EEEEEE;}

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

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

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

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

.promoOuter
{height:250px; width:868px; float:left; background: transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/bgFooterPromo.gif) top left repeat-x;}

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

.promoOuter .intro a
{color:#09C; text-decoration:none; font-weight: normal}

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

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

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

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

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

.footerTabs .tabOff div
{background:transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/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:#000; font-weight: normal}

/* ---------------------------- FOOTER END -------------------------- */



/* ----------------------------------- BREAD CRUMB START ---------------------------------------------- */

.BreadCrumb, .hotelDetailPDFSeperator
{float:left; width:950px; background-color:#EEE; margin-top: 5px; font-size: 12px; line-height: 20px;}

.hotelDetailPDFSeperator
{height:1px;}

.BreadCrumb
{float: left; width: 950px; height:50px; background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/breadcrumb-bg-2011.gif); background-repeat: no-repeat; 
 text-transform:uppercase; color:#999; background-color: #C9C9C9}

.BreadCrumb .trail
{width:616px; float:left; margin: 10px 0 0 25px; color: #333;}

.BreadCrumb .trail a
{color:#333; text-decoration:none; font-weight: normal}

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

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

.BreadCrumb .search a
{color:#09C; text-decoration:none; font-weight: normal}

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

/* ----------------------------------- BREAD CRUMB END ---------------------------------------------- */



/* ----------------------------------- MAIN COLUMN STYLES START ---------------------------------------------- */

#content2
{width:950px; float:left; /*background-color: #EDEDED;*/ background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/content-bg.gif); background-repeat: repeat-y; padding-bottom: 0px; margin-top: 5px;}

#content2011
{width:950px; float:left; padding-bottom: 0px; margin-top: 5px; margin-bottom: 0px}

#content1
{width:950px; float:left; padding-bottom: 0px; margin-top: 5px;}

.LeftCol
{width:600px; float:left; /*border-right: 5px solid #fff;  background-color: #EDEDED;*/ margin: 0px; padding: 0px;}

.LeftCol2011
{width:630px; float:left; margin: 0px; padding: 0px; font-size: 12px; line-height: 18px;}

*html .LeftCol
{float:left; margin: 0px; padding: 0px;}

.leftcolcontent
{float: left; width: 548px;	margin: 10px 0px 5px 25px; padding: 0px 0px 5px 0px; font-size: 12px; line-height: 18px;}

.leftcolcontent2011
{float: left; width: 630px;	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; line-height: 18px;}

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

.leftcolcontent p
{float: left; width: 548px;	font-size: 12px; line-height: 18px;}

.leftcolcontent2011 p
{font-size: 12px; line-height: 20px; margin: 0px 0 10px 0}

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

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

.RightCol
{width:345px; float:left; /*background-color: #EDEDED;*/ margin: 0px; padding: 0px; font-size: 12px; line-height: 18px;}

.RightCol2011
{width:310px; float:left; margin: 0px 0 0 10px; padding: 0px; font-size: 12px; line-height: 18px;}

*html .RightCol
{width:344px; float:right; margin: 0px; padding: 0px;}

.rightcolcontent
{float: left; width: 298px;	margin: 10px 0px 5px 25px; padding: 0px 0px 5px 0px; font-size: 12px; line-height: 18px;}

.rightcolcontent2011
{float: left; width: 310px;	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; line-height: 18px;}

*html .rightcolcontent
{float: left; width: 298px;	margin: 10px 0px 5px 5px; padding: 0px 0px 5px 0px; font-size: 12px; line-height: 18px;}

.rightcolcontent p
{float: left; width: 290px; font-size: 12px; line-height: 18px;}

.RequestQuoteBasket
{padding:5px; float:left; border:solid 1px #ccc;}

.teaserImage
{margin-left: 0px; border:solid 1px #ccc;}

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

.divBlock .left
{float:left;}

.divBlock .right
{float:right;}

/* ----------------------------------- MAIN COLUMN STYLES END ---------------------------------------------- */



/* ----------------------------------- PADDING START --------------------------------------------------- */

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

.Pad10a
{padding:10px;}

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

.Pad20
{padding:20px;}

/* ----------------------------------- PADDING END --------------------------------------------------- */


/* ----------------------------------- USER CONTROL WORLD MAP TEASER START -------------------------------- */

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

.worldMapTeaser .MapWrap
{width:530px; height:259px; background: transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/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:#FFF; height:25px;}

.worldMapTeaser .nav .tabOff
{float:left; background: transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/bgTabOff.gif) bottom left repeat-x ; height:25px;}

/* ----------------------------------- USER CONTROL WORLD MAP TEASER END ------------------------------------- */

/* - --------------------------------- USER CONTROL WORLD MAP TEASER : JQUERY START -------------------------- */

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

#jqueryWorldMapTeaser .MapWrap
{width:530px; height:259px; background: transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/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;}

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

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

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

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

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

/* - --------------------------------- USER CONTROL WORLD MAP TEASER : JQUERY END -------------------------- */



/* ----------------------------------- DESTINATION HOTEL / VILLA TABS : JQUERY START ----------------------- */

#hotelVillaTabs 
{width: 600px; margin: 0 3px 0 0; float:left; margin-top: 20px;}

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

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

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

#hotelVillaTabs li 
{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; color:#666; padding: 2px 10px 0px 10px; margin-right: 3px;
height:28px; text-align: left; text-transform: uppercase; font-size: 10px; 
background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/inactive-tab1.jpg); 
background-repeat: repeat-x;}

#hotelVillaTabs ul li.active 
{float:left; width: 120px; height:28px; margin-right: 3px;}

#hotelVillaTabs ul li.active a 
{color: #666; width: 120px; height: 28px; margin-right: 3px; 
 background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/active-tab.jpg); 
 background-repeat: no-repeat;}

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

#hotelVillaTabs table tr td 
{/*    width: 120px;*/}inactive-tab.jpg

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

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

/* ----------------------------------- DESTINATION HOTEL / VILLA TABS : JQUERY END ----------------------- */

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


.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:#333;}

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

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

.loginTitle
{font-style:italic;	color:#000;}

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

.blueText
{color:#09C; position: inherit}

/* ------------------------------------ ACCOMMODATION 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: #FFF url(/images/bgContent.gif) top left repeat-x; 
border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #666;}





/* ------------------------------ REQUEST A QUOTE START ------------------- */
  
.onecolwrapper
{margin: 0 auto; padding: 0px; width: 800px; text-align: left; letter-spacing: 0.1px;}
  
.raqtext
{float: left; font-size: 13px; line-height: 20px; text-align: left; color: #333; margin: 0px; width: 800px; padding: 0px 0; }
  
.title
{margin: 10px 250px 0 0; width: 200px; height: 40px; float: left; 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;}
  
.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; color: #000; padding: 0px;}
  
.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
{float: left; width: 798px; background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/sister-bg.gif); background-repeat: repeat-x; 
 border: solid 1px #5f5f5f; padding: 0px 0; margin-bottom: 20px;}

.oursistercompanyhead
{float: left; width: 798px; text-align: center; font-size: 18px; color: #fef200; font-weight: normal; line-height: 25px; }

.oursistercompanyhead p
{float: left; margin: 5px 0 0 55px;}

.oursistercompany a
{text-decoration: underline; color: #fef200}

.oursistercompany a:hover
{text-decoration: none; color: #fef200}

.yourbudget
{float: left; width: 350px; margin: 10px; font-size: 12px; color: #fff}

.yourbudget p
{font-size: 12px; margin: 5px 0 0 0;}
  
.sendoramend
{float: left; width: 390px; text-align: left; margin: 10px; font-size: 12px; color: #fff;}

.sendoramend p
{font-size: 12px; margin: 5px 0 0 0;}
  
.sendoramend a
{color: #fff; text-decoration: underline; font-weight: bold}

.sendoramend a:hover
{color: #fff; text-decoration: none; font-weight: bold}

.sendoramend ol
{font-size: 12px; margin-left: 22px;}


  
.oursistercompanyleftcol
{float: left; width: 550px; background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/sister-bg.gif); background-repeat: repeat-x; 
 border: solid 1px #5f5f5f; padding: 0px; margin-bottom: 20px; margin-top: 10px;}

.oursistercompanyheadleftcol
{float: left; width: 550px; text-align: center; font-size: 18px; color: #fef200; font-weight: normal; line-height: 25px; height: 75px; }

.oursistercompanyheadleftcol p
{float: left; font-size: 14px; margin: 20px; line-height: 20px; font-weight: bold; width: 400px;}

.oursistercompanyleftcol a
{text-decoration: underline; color: #fef200}

.oursistercompanyleftcol a:hover
{text-decoration: none; color: #fef200}


.tooManyQuotes
{float: left; width: 798px; border: solid 2px #5f5f5f; padding: 0px; margin: 20px 0; background-color: #0099CC; color: #fff;}

.tooManyQuotes p
{font-size: 14px; margin: 10px; line-height: 20px;}

  
.traveldates
{margin: 0px 0 5px 0; width: 796px; height: 85px; float: left; border: solid 2px #5f5f5f; background-color: #C5C5C5; padding: 0px;}
  
*html .traveldates
{margin: 0px 0 5px 0; width: 750px; height: 85px; float: left; border: solid 2px #5f5f5f; background-color: #C5C5C5; padding: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; float: left; border: solid 2px #5f5f5f; background-color: #C5C5C5; padding: 0 0 10px 0;}

*html .destinations
{margin: 0px; width: 796px; float: left; border: solid 2px #5f5f5f; background-color: #C5C5C5; padding: 0 0 10px 0;}
  
.budget
{margin: 0 10px 0 0; width: 391px; height: 85px; float: left; border: solid 2px #5f5f5f; background-color: #C5C5C5; padding: 0px;}

*html .budget
{margin: 0 15px 0 0; width: 375px; height: 85px; float: left; border: solid 2px #5f5f5f; background-color: #C5C5C5; padding: 0px;}

.flights
{margin:0px; width: 391px; height: 85px; float: left; border: solid 2px #5f5f5f; background-color: #C5C5C5; padding: 0px;}

*html .flights
{margin: 0px; width: 375px; height: 85px; float: left; border: solid 2px #5f5f5f; background-color: #C5C5C5; padding:0px;}

.party
{margin: 5px 0 5px 0; width: 796px; height: 105px; float: left; border: solid 2px #5f5f5f; background-color: #C5C5C5;}

.contact
{margin: 0 0 5px 0; width: 796px; /*height: 247px;*/ height: 270px; float: left; border: solid 2px #5f5f5f; background-color: #C5C5C5;}

.contactCallMeBack
{margin: 0 0 5px 0; width: 796px; height: 110px; float: left; border: solid 2px #5f5f5f; background-color: #C5C5C5;}
  
.exclusive
{margin: 0px 0 5px 0; width: 796px; height: 100px; float: left; border: solid 2px #5f5f5f; background-color: #C5C5C5; padding: 0px;}
  
.additionalcomments
{margin: 0px 0 5px 0; width: 776px; float: left; border: solid 2px #5f5f5f; background-color: #C5C5C5; padding: 10px;}
  
.dataprotection
{ margin: 0px 0 0px 15px; width: 776px; float: left; padding: 5px 0px 5px 0px;}
  
.send
{width: 160px; height: 40px; float: left; margin: 0 0 20px 15px;}
  
.send a
{width: 160px; height: 40px; background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/sendbg.jpg); background-repeat: no-repeat; float: right;}
  
.send a:hover
{width: 160px; height: 40px; background-image: url(http://images.itc-uk.com/websiteimages/classics2010/css/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;}

.drop310
{width: 310px;}
  
.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: 295px; float: left;}	
  
.additionalcommentsinput
{float: left; width: 500px;	height: 150px; padding-left: 2px; padding-right: 2px;}








.raqleftcol
{float: left; width: 370px; margin-right: 20px; padding: 10px;}

.raqrightcol
{float: left; width: 370px; padding: 10px;}

.traveldatesnew
{margin: 0px 0 5px 0; width: 370px; height: 85px; float: left; border: solid 1px #5f5f5f; background-color: #C5C5C5; padding: 0px;}

.traveltablenew, .exclusivetablenew, .destinationstablenew, .partytablenew, .contacttablenew
{font-size: 11px; margin: 0 0 0 10px; width: 370px;}

.addressinputnew
{width: 157px; padding-left: 2px; padding-right: 2px;}

.drop1
{width: 39px;}

.additionalcommentsinputnew
{float: left; width: 350px;	height: 80px; padding-left: 2px; padding-right: 2px;}

.inputnew
{width: 157px; padding-left: 2px; padding-right: 2px;}

/* ----------------------------------- REQUEST A QUOTE END  ------------------------------------------- */



  
/* ------------------------------- REQUEST A QUOTE BUTTON START  --------------------------------------- */
    
.raqbutton
{background-image:url(http://images.itc-uk.com/websiteimages/classics2010/css/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: #09C; text-decoration: underline;}	
    

/* ---------------------------------- SITE MAP END  -------------------------------------------------- */
  


  
/* ---------------------------------- LIGHTBOX START  -------------------------------------------------- */  
  
.lightboxStartImage
{float: left; margin: 0px 5px 5px 0px;}

.lightboxTopOfferImage
{float: left; margin: 0px 5px 0px 0px;}

.lightboxHotelImageGallery
{float: left; margin: 5px}
 
.lightboxMagnify
{position:relative; overflow:visible; top: 100px; z-index: 0; 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:#000; font-size:16px; font-weight:bold; vertical-align:bottom;}

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

/* ---------------------------------- LIGHTBOX END  -------------------------------------------------- */  



/* ---------------------------------- WORLD MAP (LUXURY DESTINATIONS) START  ------------------------- */

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

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

.WorldMapContainer a
{color:#333333; text-decoration:none; font-size:10px; margin: 5px 0 5px 2px;}

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

.WorldMapContainer a.headlink
{color:#333333; text-decoration:none; font-size:11px; margin: 5px 0 5px 2px; font-weight: bold}

.WorldMapContainer a.headlink:hover
{text-decoration:underline;}
       
.WorldMapContainer #RegionTitles
{padding:8px 2px 8px 0px; background-repeat:repeat; background-position:top left; font-family: Century Gothic; font-size: 11px; 
 color: #000;}

/* -------------------------------- WORLD MAP (LUXURY DESTINATIONS) END  ------------------------------- */



  
/* -------------------------------- REQUEST A BROCHURE START ------------------------------------------- */

#accordianwrapper
{float:left; display:inline; width:630px; position:relative; overflow:hidden; text-align: left; background:#858585; color:#fff;
font-family: century gothic, sans-serif; font-size: 12px; margin: 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; padding: 0px 0px 0px 20px; background-image:url(http://images.itc-uk.com/websiteimages/classics2010/css/arrowaccord.jpg); background-repeat:no-repeat;}

*html #accordianwrapper a, *html #accordianwrapper a:link, *html #accordianwrapper a:visited 
{color:#f0f0f0; text-decoration: none; margin: 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:0px; 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: 630px; margin:0px; padding: 0px; font-size: 12px; float: left;}

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

.addressinput1
{width: 577px; 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 START ------------------------------------------------------- */
 
.blogcategorylist
{width: 150px; float: left; margin: 10px 15px 10px 0px; font-size: 12px;}
 
*html .blogcategorylist
{width: 160px; float: left; margin: 10px 10px 10px 8px; font-size: 12px;}
 
.blogarticlelist
{width: 783px;}
 
.postedinfo a
{font-weight: normal; font-size: 11px; text-decoration: none}

.postedinfo a:hover
{font-weight: normal; font-size: 11px; text-decoration: underline}
 
.titlearticlespacer
{float: left;}
 
*html .titlearticlespacer
{margin-bottom: 10px; margin-left: 7px; float: left;}
 
 
.articletitle a 
{color: #fff; text-decoration: none;}
  
.articletitle a:hover
{color: #fff; text-decoration: underline;}
 
.blogTeaser
{float: left; width: 160px; border-left: 1px solid #5f5f5f; padding-left: 15px; margin: 0 0 5px 15px;}

.blogTeaser1
{float: left; width: 297px; margin: 10px 0 5px 0px;}
 
.blogTeaserHeader
{}
 
.blogTeaserItems
{margin: 0px;}
 
.blogTeaserItems a
{color: #333; font-weight: normal; background: transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/arrow.gif) no-repeat scroll left 55% ; padding-left:10px; margin: 0px}

.blogTeaserItems a:hover
{color: #333; font-weight: normal; text-decoration: underline; margin: 0px}
 
/* -------------------------------- BLOG END ------------------------------------------------------- */
  
  
  
  
/* -------------------------------- FOLLOW US ONLINE START ----------------------------------------- */
  
.followusonline
{float: left; width: 100px; margin: 0px 5px 7px 0px; padding: 0px;}

*html .followusonline
{float: left; width: 100px; margin: 0px 5px 7px 0px; padding:0px;}
  
.twitter
{float: left; margin: 0px 0px 0px 0px; padding: 0px;}
  
.facebook
{float: left; margin: 0px 0px 0px 5px; padding: 0px;}
  	
*html .twitter
{float: left; margin: 0px 0px 0px 0px; padding: 0px;}
  
*html .facebook
{float: left; margin: 0px 0px 0px 0px; padding: 0px;}
  
/* -------------------------------- FOLLOW US ONLINE END ----------------------------------------- */
  
  


/* -------------------------------- HOME DROP MENU START ------------------------------------------ */

.nestedNavContainer 
{padding: 0px; margin: 0px; float: left; z-index: 6000}

.nestedNavContainer ul 
{/* Changed for nested nav container */ list-style: none; text-align: center; padding: 0px; margin: 0px; display: block;}

.nestedNavContainer li 
{float: left; font-size: 11px; padding: 0px; margin: 5px 0px 0px 0px; width: 112px;}

.nestedNavContainer li a
{text-decoration: none; color: #333;}

.nestedNavContainer
{float: left; background-position: right top;}

/* Keep all the widths the same */
.nestedNavContainer, #nestedNav, #nestedNav ul, #nestedNav a:link, #nestedNav a:active, #nestedNav a:visited, #nestedNav li ul a,
#nestedNav li:hover ul ul, #nestedNav li:hover ul ul ul, #nestedNav li:hover ul ul ul ul #nestedNav li:hover ul, 
#nestedNav li li:hover ul, #nestedNav li li li:hover ul, #nestedNav li li li li:hover ul
{width: 114px;}

#nestedNav 
{padding: 0px; margin: 0px; list-style-type: none; list-style-position: outside; position: relative;}    

#nestedNav ul 
{padding: 0px; list-style-type: none; list-style-position: outside; height: 28px; display: none;}    

*html #nestedNav ul 
{padding: 0px; list-style-type: none; list-style-position: outside; height: 28px; display: none;}   

#nestedNav ul li
{background-color: #C9C9C9; /*opacity: 0.80; -moz-opaciity: 0.80; filter: alpha(opacity=80);*/}    

#nestedNav a:link, #nestedNav a:active, #nestedNav a:visited
{display:block; text-decoration:none; width: 120px; height: 25px; margin: 0px; padding: 0px; float: left;}

*html #nestedNav a:link, *html #nestedNav a:active, *html #nestedNav a:visited
{display:block; text-decoration:none; width: 120px; height: 25px; margin: 0px; padding: 0px; float: left; clear: both;}

#nestedNav li
{width: 114px; height: 25px; margin: 0px; padding:0px;}    
 
#nestedNav li ul a
{float: left; margin: 0px; padding: 0px;}    

#nestedNav li ul a:hover 
{text-decoration: underline;}    
 
#nestedNav ul ul
{top:auto;}      

#nestedNav li ul ul 
{}

#nestedNav li:hover ul ul, #nestedNav li:hover ul ul ul, #nestedNav li:hover ul ul ul ul
{display:none;}

#nestedNav li:hover ul, #nestedNav li li:hover ul, #nestedNav li li li:hover ul, #nestedNav li li li li:hover ul
{display:block;}    
    
/* -------------------------------- HOME DROP MENU END ------------------------------------------ */



/* -------------------------------- FURTHER LUXURY OFFERINGS START ------------------------------------------ */

.furtherluxuryofferings
{float: left; margin: 0 0 10px 0}

.furtherofferleft
{float: left; width: 270px;}

.furtherofferleftimage, .furtherofferrightimage
{float: left; border: 1px solid #5f5f5f}

.furtherofferlefttext
{float: left; width: 133px; font-size: 12px; line-height: 15px; margin: 0 0 0 10px;}

.furtherofferright
{float: left; width: 260px; margin: 0 0 0 17px;}

.furtherofferrighttext
{float: left; width: 129px; font-size: 12px; line-height: 15px; margin: 0 0 0 4px;}

/* -------------------------------- FURTHER LUXURY OFFERINGS END ------------------------------------------ */



  
/* -------------------------------- CRUISE PAGE START ------------------------------------------ */

.cruiseblurb
{float: left; width: 310px;}

.cruiseblurb a
{font-family: Century Gothic, Sans-Serif; font-weight: bold; font-size: 16px; text-decoration: none;}

.cruiseblurb a:hover
{font-family: Century Gothic, Sans-Serif; font-weight: bold; font-size: 16px; text-decoration: underline;}

.cruiseblurb p
{font-size: 12px; line-height: 20px; width: 335px;}

/* -------------------------------- CRUISE PAGE END ------------------------------------------ */





/* -------------------------------- HOLISTIC PAGE START ------------------------------------------ */

.holisticimages
{float: left; width: 276px;}

.holisticblurb
{float: left; width: 330px; font-size: 12px; line-height: 20px;	margin: 0 0 0 10px;}

.holisticblurb a
{font-family: Century Gothic, Sans-Serif; font-weight: bold; font-size: 16px; text-decoration: none;}

.holisticblurb a:hover
{font-family: Century Gothic, Sans-Serif; font-weight: bold; font-size: 16px; text-decoration: underline;}

/* -------------------------------- HOLISTIC PAGE END ------------------------------------------ */


/* -------------------------------- short break START ------------------------------------------ */

.shortbreakimages
{float: left; width: 276px;}

.shortbreakblurb
{float: left; width: 310px; font-size: 12px; line-height: 16px;	margin: 0 0 0 10px;}

.shortbreak a
{font-family: Century Gothic, Sans-Serif; font-weight: normal; font-size: 12px; text-decoration: none;}

.shortbreak a:hover
{font-family: Century Gothic, Sans-Serif; font-weight: normal; font-size: 12px; text-decoration: underline;}

/* -------------------------------- Short Break END ------------------------------------------ */





/* -------------------------------- FEEDBACK WIGIT START ------------------------------------------ */

.feedBackContainer
{width: 378px; background-color: #fff; padding: 10px;}

.feedBackQuestions
{width: auto; font-size: 12px; line-height: 16px; margin: 0 0 0 10px;}

.feedBackTeaser
{border: 2px solid #5F5F5F; float: left; margin: 5px 0 10px 0;}

/* -------------------------------- FEEDBACK WIGIT END ------------------------------------------ */


.requestbody
{float: left; width: 308px; border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999}



.requestaquote
{float: left; display: block; width: 77px; height: 95px; 
 background: url("http://images.itc-uk.com/websiteimages/classics2010/css/roll-requestaquote-sm.jpg") no-repeat 0 0; 
 margin: 0px; padding: 0px}

.requestaquote:hover
{float: left; background-position: 0 -95px; margin: 0px; padding: 0px}

.requestaquote span
{float: left; position: absolute; top: -999em;}



.requestabrochure
{float: left; display: block; width: 77px; height: 95px; 
 background: url("http://images.itc-uk.com/websiteimages/classics2010/css/roll-requestabrochure-sm.jpg") no-repeat 0 0; 
 margin: 0px; padding: 0px}

.requestabrochure:hover
{float: left; background-position: 0 -95px; margin: 0px; padding: 0px}

.requestabrochure span
{float: left; position: absolute; top: -999em;}



.requestacallback
{float: left; display: block; width: 77px; height: 95px; 
 background: url("http://images.itc-uk.com/websiteimages/classics2010/css/roll-callmeback-sm.jpg") no-repeat 0 0; 
 margin: 0px; padding: 0px}

.requestacallback:hover
{float: left; background-position: 0 -95px; margin: 0px; padding: 0px}

.requestacallback span
{float: left; position: absolute; top: -999em;}



.webexclusive
{float: left; display: block; width: 77px; height: 95px; 
 background: url("http://images.itc-uk.com/websiteimages/classics2010/css/roll-webexclusive-sm.jpg") no-repeat 0 0; 
 margin: 0px; padding: 0px}

.webexclusive:hover
{float: left; background-position: 0 -95px; margin: 0px; padding: 0px}

.webexclusive span
{float: left; position: absolute; top: -999em;}








.requestanenews
{float: left; display: block; width: 75px; height: 61px; 
 background: url("http://images.itc-uk.com/websiteimages/classics2010/css/requestanenews2.jpg") no-repeat 0 0; 
 margin: 0px 0 22px 0; padding: 0px}

.requestanenews:hover
{float: left; background-position: 0 -61px; margin: 0px 0 22px 0; padding: 0px}

.requestanenews span
{float: left; position: absolute; top: -999em;}

#twitter_update_list li
{list-style: none}

#sample1 a
{font-weight: normal}

.login
{float: left; margin: 0px; padding: 0px;}

.accountloginold
{float: left; display: block; width: 113px; height: 26px; 
 background: url("http://images.itc-uk.com/websiteimages/classics2010/css/accountlog-2011.jpg") no-repeat 0 0; 
 margin: 0px 0px 5px 0; padding: 0px}

.accountloginold:hover
{float: left; background-position: 0 -26px; margin: 2px 0px 0px 0; padding: 0px}

.accountloginold span
{float: left; position: absolute; top: -999em;}


.accountloginnew
{float: left; display: block; width: 310px; height: 31px; 
 background: url("http://images.itc-uk.com/websiteimages/classics2010/css/accountlog-2011b.jpg") no-repeat 0 0; 
 margin: 0px 0px 5px 0; padding: 0px}

.accountloginnew:hover
{float: left; background-position: 0 -31px; margin: 0px 0px 0px 0; padding: 0px}

.accountloginnew span
{float: left; position: absolute; top: -999em;}





#hotelVillaTabs a
{text-decoration: none;}

#hotelVillaTabs a:hover
{text-decoration: underline}

#hotelVillaTabs ul li a 
{font-weight: normal}

#hotelVillaTabs ul li a:hover 
{font-weight: normal}

#hoteTitlleLink a
{text-decoration: none}

#hoteTitlleLink a:hover
{text-decoration: underline}

.itclogos a img 
{vertical-align: bottom;}

.newblogbody
{font-size: 12px; line-height: 20px;}

.tweet
{font-size: 12px; line-height: 20px;}

.feedbacktext
{font-size: 12px; line-height: 20px;}

.feedbacktext a
{background: transparent url(http://images.itc-uk.com/websiteimages/classics2010/css/arrow1.gif) no-repeat scroll right 55%; 
 padding:0px 15px 0px 0px; margin: 0px 0px 0px 0px; float: left; color: #00B5CB}
 
.recentblogs a
{font-weight: normal}

.recentblogs a:hover
{font-weight: normal}

.seasonalpro a
{color: #fff}

.seasonalpro a:hover
{color: #fff}