body 
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	background-color: #fff;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #000;
	margin: 0;
	padding: 0;
}

div.PreviewDiv
{
	width: 100%;
	top: 0;
	color: #FFF;	
	height: 20px;
	background-color: Blue;
	padding: 5px;
}

div.PreviewDiv a
{
	color: white;	
}

h1
{
	font-size: 18px;
	margin-top: 0;
}

img
{
	border: 0;
}

hr
{
	
}

.clear
{
	clear: both;	
}

.bold
{
	font-weight: bold;
}

.floatright
{
	float: right;	
}

.alignright
{
	text-align: right;	
}
.mandatory
{
	color: Red;	
}

.margintop10
{
	margin-top: 10px;	
}

.marginright10
{
	margin-right: 10px !important;	
}

#maincontainer
{
	position:relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border: solid 1px Transparent;
}

* html #maincontainer
{
	border: 0;	
}

#logo
{
	position: absolute;
	margin-bottom: 20px;
	text-align: center;
	margin-left: 5px;
	z-index: 100;
	top: 5px;
	left: 15px;
}

#topshadow
{
	margin-top: 52px;
	width: 980px;
	height: 13px;
	background-image: url(../images/top-shadow.png);
}

* html #topshadow
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/top-shadow.png", sizingMethod="scale");
}

#mainwrapper
{
	width: 970px;
	min-height: 480px;
	background-image: url(../images/main-shadow-slice.png);
	background-repeat: repeat-y;
	padding: 5px;
}

* html #mainwrapper
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/main-shadow-slice.png", sizingMethod="scale");
}

#bottomshadow
{
	width: 980px;
	height: 15px;
	background-image: url(../images/bottom-shadow.png);
}

* html #bottomshadow
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/bottom-shadow.png", sizingMethod="scale");
}

#sidenav
{
	margin: 0;
	position: relative;
	width: 185px;
	float: left;
	margin-top: 63px;
	#margin-top: 70px;
}

#contactdetails
{
	position: absolute;
	right: 75px;
	top: 27px;
	font-size: large;		
	font-weight: bold;
	font-family: Arial Narrow, Arial, Sans-Serif;
	font-size: 20px;
	color: #003562;
	margin-top: 10px;
	text-align: center;
	margin-left: 5px;
}

#rightcolumn
{
	position: relative;
	width: 775px;
	height: 485px;
	text-align: left;
	margin-left: 185px;
}

.primarynav
{
	font-family: Arial Narrow, Arial, Sans-Serif;
	text-transform: uppercase;	
	list-style-type: none;
	margin: 0 !important;
	padding: 0;
	margin-left: 5px;
	text-align: right;
}

.primarynav li
{
	border-bottom: dashed 1px #e4e4e4;
	padding: 10px 10px 10px 0;
	margin: 0;
}

.primarynav li a
{
	color: #003562;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
}

* html .primarynav li a
{
	font-size: 12px;	
}

.primarynav li a:hover, .primarynav li.active a
{
	color: #0076a3;	
}

.secondarynav
{
	text-transform: uppercase;	
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

.secondarynav li
{
	padding: 0;
	border: 0;
}

.secondarynav li a
{
	/*font-size: 11px;*/
	color: #959595 !important;
	text-transform: capitalize;
	font-weight: normal;
}

.secondarynav li.active a, .secondarynav li a:hover
{
	color: #000 !important;		
}

#latestdealbanner
{
	position: absolute;
	top: 10px;
	left: 5px;
}

.latestdeal
{
	position:absolute;
	width: 187px;
	height: 115px;
	color: #fff;
	font-weight: bold;
	font-family: Arial Narrow, Arial, Sans-Serif;
	cursor: pointer;
	top: 10px;
}

.dealcontent
{
	width: 100px;	
	float: right;
	text-align: right;
	padding: 10px 5px 25px 0;
	line-height: 25px;
	#line-height: 10px;
	display: inline;
	height: 50px;
	font-size: 24px;
}

.deal1
{
	background-image: url(../images/latest-deals-1.jpg);
	left: 192px;
	margin-left: 4px;


}

.deal2
{
	left: 383px;
	background-image: url(../images/latest-deals-2.jpg);
	margin-left: 4px;

}

.deal3
{
	left: 574px;
	background-image: url(../images/latest-deals-3.jpg);
	margin-left: 4px;

}

.newdeal1
{
	margin-left: 4px;
	left: 0;
}

.newdeal2
{
	margin-left: 4px;
	left: 190px;
	z-index: 0;
}

.newdeal3
{
	margin-left: 4px;
	left: 382px;
}

.newdeal4
{
	margin-left: 4px;
	left: 573px;
}

.latestdealheader
{
	position: absolute;
	bottom: 0;
	width: 187px;
	background-color: #003562;
	color: White;
	height: 30px;
	padding: 0;
	margin: 0;
	font-size: 15px;
}

.transparentwrapper
{
	position: absolute;
	top: 0;
	left: 0;
	width: 770px;	
	height: 485px;
	background-color: #003562;
	opacity: .60;
	filter: alpha(opacity=60);
	z-index: 499;
}

.popupwindow
{
	position: absolute;
	width: 684px;
	height: 280px;
	background-color: White;
	top: 50px;
	left: 35px;
	z-index: 500;	
	padding: 10px;
}

.popupwindow .contentwrapper
{
	background-image: url(../images/white-popup-bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #ebebeb;
	height: 225px;
	overflow: auto;	
	padding: 10px 10px 10px 10px;
}

.closewindow
{
	position: absolute;
	right: 10px;
	bottom: 10px;	
}

.windowtitle
{
	color: #0076a3;
	position: absolute;
	bottom: 15px;
	left: 15px;
	font-size: 14px;
	font-weight: bold;
}

#opaquetextbackground
{
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	height: 485px;
	opacity: .70;
	filter: alpha(opacity=70);
	background-color: White;
}

#lefttextwrapper
{
	position: absolute;
	top: 0;
	left: 0;
	width: 210px;
	height: 475px;
	padding: 0 10px 10px 10px;
}

#copyright
{
	position: absolute;
	bottom: 0;
	right: 0;
	color: #003562;
	font-size: 10px;
	text-align: right;
	padding-right: 15px;	
}

#mainimagewrapper
{
	width: 770px;
	height: 485px;
	display: block;
}

.resortimage
{
	position: absolute;
	top: 5px;
}

.bodycontent
{
	line-height: 18px;	
	#line-height: 16px;
	padding-top: 60px;
	font-size: 11px;
}

.bodycontent h1
{
	margin-bottom: 26px;
	#margin-bottom: 27px;
}

.bodycontent h2, .resortbodycontent h2
{
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

.bodycontent ul
{
	margin-left: 20px;
	padding: 0;	
	margin: 0;
}

.bodycontent ul li
{
	margin-bottom: 10px;
	list-style-type: none;	
	background-image: url(../images/snowflake.png);
	background-repeat: no-repeat;
	margin-bottom: 8px;
	padding-left: 20px;
	background-position: 4px 4px;
}

.requestquotebodycontent
{
	margin-top: 72px;
	#margin-top: 78px;
}

.requestquotebodycontent h1
{
	margin-bottom: 21px;
	#margin-bottom: 24px;
}

.resortbodycontent
{
	margin-top: 5px;
	padding-bottom: 10px;	
	line-height: 18px;	
}

.requestquote
{
	background-image: url(../images/request-quote-bg.jpg);
	width: 730px !important;
	height: 460px !important;
	padding: 5px 20px 20px 20px;
}

.formcontent
{
	overflow: auto;	
	width: 715px !important;
	height: 265px !important;
	#height: 240px !important;
	border: solid 1px #afb1b5;
	padding: 0px 10px 10px 10px;
	#padding-top: 10px;
}

dl
{
}

dl dd
{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;	
}

dl.right
{
	padding: 0;
	margin: 0;
	float: right;	
	width:350px;
}

input.text
{
	/*border: solid 1px #003562;*/
	width: 320px;	
	padding: 3px;
}

input.mediumtext
{
	/*border: solid 1px #003562;*/
	width: 168px;	
	#width: 175px;	
	padding: 3px;
}

.validationsummary
{
}

.validationsummary ul
{
	padding: 0;
	margin: 0;
	margin-left: 20px;	
}

.meccamagvalidationsummary
{
	margin-right: 15px;
	margin-top: 10px;	
}

.meccamagvalidationsummary ul
{
	margin: 0;
	margin-left: 20px;
	padding: 0;	
}

select.medium
{
	padding: 3px;	
}

select.small
{
	width: 80px;
	padding: 3px;	
}

textarea.multiline
{
	font-family: Arial, Verdana, Sans-Serif;
	padding: 3px;
	width: 680px;
	height: 60px;
}

.buttonwrapper 
{
	margin-right: 10px;	
}

.dateselector input
{
	padding: 3px;	
}

.successmessage
{
	border: solid 1px #00b23b;
	color: #00b23b;
	padding: 5px;	
	display: block;
	margin-right: 20px;
	background-color: White;
}

.errormessage
{
	border: solid 1px red;
	color: red;
	padding: 5px;	
	display: block;
	margin-right: 20px;
	background-color: White;
}

dl.meccamag input
{
	width: 190px;
	padding: 3px;
}

.contactusbg
{
	background-image: url(../images/colour-popup-bg.jpg) !important;
	background-position: right top;
	background-repeat: no-repeat;
}

.imagefloatleft
{
	margin: 0px 10px 20px 0;
	float: left;	
}

.latestdealwrapper, .aboutuswrapper
{
	position: absolute;
	border-top: dashed 1px #f4f4f4;	
	border-bottom: dashed 1px #f4f4f4;	
	height: 135px;
	bottom: 15px;
	width: 769px;
}

.imagepreloader
{
	display: none;	
}

#pagingwrapper
{
	text-align: center;
	position: absolute;
	bottom: 10px;
	width: 190px;
	padding: 0 10px 0 10px;
}

.popupwindow .aboutustext
{
	margin-top: 60px;	
	#margin-top: 70px;	
}

.popupwindow .aboutusimage
{
	margin-top: 60px;	
}

.divider
{
	width: 100%;
	#width: 755px;
	height: 1px;
	background-color: #0096c8;
}

.header-container
{
	padding-top: 10px;
	padding-bottom: 5px;	
}

.hotel-number
{
	position: absolute;
	top: 10px;
	color: #666;
	right: 0;
	font-size: 18px;	
}

h1.accomodation-title
{
	color: #666;
	margin: 0;
	padding: 0;
}

.hotel-list
{
	height: 445px;
	overflow: auto;	
	position: relative;
}

.hotel
{
	min-height: 140px;
	color: #666;
	font-size: 11px;
	position: relative;
	margin-right: 10px;
	#padding-top: 10px;
}

.hotel-image
{
	float: left;
	padding: 7px;
	background-color: #e5e5e5;
	margin-right: 10px;
}

.hotel-name h2
{
	font-size: 16px;	
}

.hotel-rating
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
}

.hotel-rating-bar
{
	border: solid 2px #5e7f9c;
	width: 55px;
	float: right;
	margin-left: 5px;
	padding: 2px;
}

.hotel-rating-bar-fill
{
	background-color: #0096c8;
	height: 7px;
}

.hotel-deal
{
	position: absolute;
	color: #003562;
	top: 3px;
	#top: 13px;
	right: 0;
	font-size: 12px;	
	font-weight: bold;
}

.make-enquiry-button
{
	width: 84px;
	height: 17px;
	background-image: url(../images/button.gif);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 5px;
	padding-top: 2px;
	text-decoration: none;
	color: #666;
}

.rating-and-button
{
	position: relative;
	margin-left: 170px;
	height: 20px;
	margin-bottom: 5px;
}

ul#rotator li.show {
	z-index:10;
}

.contentimage
{
	float: right;
	margin: 0 0 5px 20px;
}

dl.customer-survey
{}

dl.customer-survey dd 
{
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
}	

dl.customer-survey dd span
{
	display: block;	
	margin: 10px 0 10px 0;
}

dl.customer-survey dd span label
{
	margin: 0 8px 0 8px;	
}

dl.customer-survey dd dl dd
{
	border-bottom: none;
}	

dl.customer-survey dd textarea
{
	width: 690px;	
}

.full-width-content
{
	position: relative;
	width: 730px !important;
	height: 460px !important;
	padding: 5px 20px 20px 20px;	
}

.background-image
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	height: 485px;
	overflow: hidden;
}

.body-content
{
	position: absolute;
	margin-top: 67px;
	#margin-top: 78px;
	width: 720px;
	height: 380px;
	overflow: auto;
	padding-right: 10px;
	padding-bottom: 20px;
}

.singles-tour-content
{
	overflow: hidden;
}

.singles-tour-content .full-width-content-box
{
	font-size: 11px;
}

.singles-tour-link
{
	position: absolute;
	bottom: 8px;
	#bottom: 30px;
	right: 305px; 
		
}

.mecca-mag-promo-link
{
	position: absolute;
	top: 227px;
	#top: 215px;
	left: 10px; 
}

.full-width-content-box-background
{
	opacity: .60;
	filter: alpha(opacity=60);
	width: 240px;
	height: 310px;
	background-color: #fff;
	position: absolute;
	top: 35px;
	#top: 25px;
	left: 220px;
}

.full-width-content-box
{
	width: 230px;
	height: 305px;
	#height: 300px;
	position: absolute;
	top: 30px;
	left: 225px;
	overflow: hidden;
	font-size: 10px;
}

.full-width-content-box p
{
	#padding-top: 8px;	
	#margin: 0;
}

#socialicons
{
	position: absolute;
	top: 36px;
	right: 15px;
}

.promo-title
{
	margin-bottom: 0;	
}