body {
	background 		: #fff url(../images/bodybg_large.jpg) repeat-y top center;
	margin			: 0em;
	padding			: 0em;
	
	/* For IE 5, because it can't center content without this - don't move to ie.css */
	text-align		: center;
	
	color			: #333;
	font-family		: arial, helvetica, sans-serif;
 
	font-size   	: small;
	/* IE 5 needs small keyword, 
	thus set this first then hide 
	"medium" from IE 5 but show it 
	to everyone else - don't move to ie.css*/
	
	voice-family 	: "\"}\"";
    voice-family 	: inherit;
	font-size   	: medium;
}

#body {
	
	height			: auto;
	position		: relative;
	margin			: 0 auto;
	text-align		: left;
	
	width			: 768px;
	background		: #fff;

	font-size		: 75%;
}

a img 		{ 	border 			: none; }
a 			{	text-decoration : none;	color : #000;}
a:hover		{	text-decoration : underline;	}

p img[align=left],
img.left {
	border	: 1px solid #000;
	margin	: 0px 10px 10px 0px;
}

/* img[align=left] is css which is often unsuported by browsers pre 2008/9, use class as backup, 
but move to this attribute selection in future */

p img[align=right],
p img.right {
	border	: 1px solid #000;
	margin	: 0px 0px 10px 10px;
}

#body.sitemap #content a,
#content a.light 		{ font-weight : normal;}
#body.sitemap #content ul li {
	width	: 100%;
}

/* Skip Links and Removals */
.rm 		{ 	text-indent		: -6000px;		margin 		: 0em; 	display : block;}
.del,
.vcard .type{   display			: none; }
.vcard .email { font-weight : bold;}
.money abbr {
	border-bottom : none;
}


.skip,
.skip2 {
   position			: absolute;
   left				: -999em;
   width			: 10em;
}
a.skip:active,  a.skip:focus {
	left			: 10px;
	top				: 52px;
	border			: 2px #000099 solid;
	background		: #fff;
	color			: #000;
	padding 		: 0.5em;
	text-decoration : none;
}


.vevent abbr {
	border-bottom	: none;
}

#content ul.imgtoc { list-style : none; margin : 0; padding : 0;}

ul.imgtoc li {
	clear			: both;
	border			: 1px solid #000099;
	margin-bottom	: 30px;
	overflow		: hidden;
}

#content ul.imgtoc li h2 {
	background		: #000099;
	color			: #fff;
	padding			: 4px;
	font-size		: 110%;
	
	margin			: 0px;
}

#content ul.imgtoc li h2 a {
	color			: #fff;
	text-align		: left;
}

#content ul.imgtoc li img {
	border			: 1px solid #000099;
	margin			: 3px 10px -1px -5px;
}

ul.imgtoc li.spot1 h2 {
	background		: #E11516;
	color			: #333;
}

ul.imgtoc li p {
	padding-right	: 20px;
}

ul.imgtoc li a { 
	text-align		: right;
	display			: block;
}


#toc {
	float			: left;
	width			: 220px;
}

#toc li a {
	font-weight		: bold;
}

#toc.country {
	margin			: 0px;
}

#resortstable th {
	background		: #000099;
	color			: #fff;
}
#resortstable caption {
	font-size		: 150%;
	color			: #000099;
	margin-bottom	: 16px;
	text-align		: left;
}
#resortstable td a {
	display			: block;
}

#resortstable tr td {
	border-bottom	: 1px solid #eee;
}

#resortstable tr:hover {
	background		: #eee;
}


.imgmain {
	background-repeat	: no-repeat;
	background-position	: -10px -35px;
	width				: 150px;
	height				: 110px;
	border				: 1px solid #000;
	
	float				: left;
	margin				: 0px 10px 10px 0px;
}

#body.contact .hours {
	margin-left			: 30px;
}

#body.contact .hours h3 { 
	font-size			: 110%;
	margin 				: 0px 0px 5px 0px;
}

.searchbutton {
	border				: 1px solid #000;
	padding				: 5px;
	margin-bottom		: 10px;
}

.boxout {
	border				: 1px solid #000099;
	padding				: 5px;
}

#content hr {
 	height				: 1px; 
    margin				: 1em 0; 
    padding				: 0; 
    border				: 0;
    background-color	: #ccc; 
    color				: #ccc; 
}
#flightstable tr td {
	height				: 30px;
}

#content h1,
#content h2
#content h3  {
	color			: #000099;
}

#content h1  		{ font-size		: 150%;}
#content h1 small  	{ font-size		: 60%; color : #000;}

#content h2 		{ font-size		: 130%;}
#content h3 		{ font-size		: 115%;}

#content ul 		{ list-style-image 	: url(../images/bullet.png);}
#content ul li		{ line-height 		: 1.4em;}

#body.privacy h2 		{ margin-bottom : 0em;}
#body.privacy p 		{ margin-bottom : 0em; margin-top : 0em;}

/* Basic Layout Toolkit */
.clear 	{
			clear	: both;	}
.left	{ 	float	: left;}
.right	{ 	float	: right;}
/* END basic Layout Toolkit*/

#header {
	margin-top		: 20px;
}

#header .sitemap {
	position		: absolute;
	top				: 0px;
	right			: 5px;
}

#header .contact .tel {
	margin-left		: -5px;
}

#header .logo {
	float			: left;
}

#header .contact {
	float			: right;
	margin-top		: 20px;
	margin-bottom	: 30px;
}

#newsticker {
	/*background: #fff;*/
	border: 1px solid #fff;
	padding-bottom : 10px;
	
	margin-bottom : -10px;
	margin-top		: -20px;
	
	border-bottom : 1px solid #ccc;
	float	: left;
	height	: 20px;
	width	: 100%;
	
	overflow:hidden;
}


#newsticker h2 {
	width			: 40px;
	font-size		: 100%;
	float			: left;
}
#newsticker h2 a{
	font-weight		: bold;
}
#newsticker a {
	font-weight		: normal;
}

#newsticker #newsticker_content {
	margin-top		: 10px;
	width			: 70%;
	float			: left;
}

#newsticker a.newsurl {
	float			: right;
	color			: #ccc;
	margin-top		: 10px;
}

#newsticker.breadcrum ul {
	list-style		: none;
	margin			: 0em;
	padding			: 0em;
}

#newsticker.breadcrum ul li {
	display			: inline;
}

#newsticker.breadcrum ul li.selected,
#newsticker.breadcrum ul li.selected a {
	font-weight		: bold;
}

#contentwrap {
	float			: left;
	width			: 100%;
	margin-top		: 0px;
	height			: auto;
}

#body #content {
	width			: 425px;
	float			: left;
	padding			: 0px 20px 5px 2px;
	
	background		: url(../images/dots_vertical.jpg) repeat-y top right;
	height			: auto;
}

#body.nodot #content {
	background		: none;
}

#body.internal #content {
	width			: 575px;
}
#body.internalwide #content {
	width			: 100%;
	background		: none;
}




#sidebar {
	width			: 305px;
	float			: right;
}

#body.internal #sidebar {
	width			: 150px;
}


#sidebar .banners {
	margin-bottom	: 20px;
}

#sidebar .banners,
#sidebar .bargains .right {
	/*border			: 1px solid #000;*/
}

#sidebar .bargains {
	width			: 100%;
	float			: left;
}

#sidebar .bargains .right {
	width			: 140px;
	font-size		: 90%;
	padding			: 5px 5px 5px 5px;
	text-align		: center;
	
	background		: url(../images/furniture/fade_red.png) repeat-x top left;
	border			: 1px solid #000;
}
#body.internal #sidebar .bargains .right {
	background		: url(../images/furniture/fade_red.png) repeat-x top left;
}
#body.internal #sidebar .bargains .right a {
	color			: #000;
}

#sidebar .bargains .right a,
#content .special-offers-table .sortable a {
	text-decoration	: underline;
}


#sidebar .bargains .right a.price {
	color			: #E11516;
	font-weight		: bold;
}

#sidebar .bargains .right h2 {	
	margin			: 0px 0px 20px 0px;
	color			: #fff;
}


#sidebar #bannerlist.landscape {
	list-style-type	: none;
	margin			: 0;
	padding			: 0;
}

#sidebar #bannerlist.landscape li {
	height			: 217px;
	width			: 303px;
	overflow		: hidden;
	display			: block;
}

#sidebar .c {
	border			: 1px solid #000;
	height			: 217px;
	width			: 303px;
	background		: #000;
	/*background		: #000 url(/images/version2/banners/loading.jpg) center center no-repeat;
	
	USE the GIF animation for live site, our security policy blocks animated gifs.
	background		: #000 url(/images/version2/banners/loading.gif) center center no-repeat;*/
	overflow		: hidden;
	margin-bottom	: 20px;
}

#sidebar #bannerlist.landscape h3 {
	padding			: 0px;
	font-size		: 160%;
	text-align		: right;
	width			: 250px;
	
	/*
	POSITION RELATIVE WRECKS FADE IN IE7, use margin instead
	position		: relative;
	top				: 30px;
	right			: -30px;*/
	
	margin			: 30px 0px 0px 30px;
	
	
	
}

#sidebar #bannerlist.landscape .price {
	font-size		: 200%;
}

#bannerlist.landscape a {
	color			: #fff;
	display			: block;
	height			: 217px;
	width			: 303px;
}


#sidebar .bargains .left .bites {
	list-style-type	: none;
	margin			: 0;
	padding			: 0;
	width			: 130px;
}

#sidebar .bargains .left .bites li {
	margin-bottom	: 30px;
	border-bottom	: 1px solid #ccc;
}

#sidebar .bargains .left .bites h3 {
	font-size		: 110%;
	margin			: 0;
	background 		: #E11516 url(../images/menu/menu_bottom.png) repeat-y top right;
	color			: #fff;
	/*
	background 		: #E11516 url(/images/version2/furniture/fade_towhite.png) no-repeat top right;
	*/
	
	
	
	padding			: 2px;
}

#sidebar .bargains .left .bites .price {
	font-size		: 250%;
	margin			: 0;
	color			: #E11516;
	font-weight		: bold;
}

#sidebar .bargains .left .bites h3 a {
	text-align		: left;
	cursor			: default;
	color			: #fff;
}
#sidebar .bargains .left .bites h3 a:hover {
	text-decoration	: none;
}



#sidebar .bargains .left .bites a {
	display			: block;
	font-weight		: bold;
	text-align		: right;
}


.special-offers-table {
	border				: 1px solid #000099;
}

#content .special-offers-table thead a {
	color				: #fff;
	font-weight			: bold;
}

#content .special-offers-table tbody a {
	color				: #000;
	font-weight			: bold;
}

#content .special-offers-table tbody td {
	border-bottom		: 1px solid #ccc;
	padding				: 5px 2px 5px 2px;
}

#content .special-offers-table tbody tr {
	background-color	: #fff;
}

#content .special-offers-table tbody tr:hover {
	background-color	: #eee;
}

#content .special-offers-table tbody tr:hover td.price {
	color	: #000099;
	font-size	: 140%;
}

#content .special-offers-table tbody tr:hover td {
}

#content .special-offers-table tbody tr:hover td strong {
	color	: #000099;
}


.special-offers-table-header {
	background-color	: #000099;
	color				: #ffffff;
	font-weight			: bold;
	padding				: 10px 0px 10px 5px;
}

.special-offers-table-header th {
	text-align			: center;
}


#footer {
	clear			: both;
	border-top		: 1px solid #ccc;
}

#footer #bargainlinks {
	/*height			: 1px;
	overflow		: hidden;*/
}

#dash {
	background		: #000099;
	padding			: 5px 10px 5px 10px;
	float			: left;
	margin-bottom	: 20px;
}

#body.internal #dash {
	width			: 132px;
	position		: relative;
	left			: -2px;
	margin-top		: 20px;
}


#dash a {
	color			: #fff;
	text-decoration : underline;
}

#dash p {
	margin-bottom 	: 0em;
	margin-top 		: 5px;
	color			: #fff;
}

#dash p label {
	color			: #fff;
}


#dash #XXDESXXemail_address {
	font-size 		: 0.9em;
	margin-top 		: 15px;
	width			: 80%;
}

#body.internal #dash #XXDESXXemail_address {
	width			: 65%;
}

#dash .strap {
	float			: left;
	width			: 170px;
	color			: #fff;
}
#dash .issue {
	float			: right;
	width			: 110px;
	text-align		: center;
	padding-top 	: 10px;
}

#dash .issue a {
	text-decoration : none;
	color			: #fff;
}

#dash .issue a img {
	margin-bottom	: 5px;
	border			: 1px solid #666;
}

#body.internal #dash .issue a img {
	display			: none;
}

#dash ul {
	list-style-type : none;
	margin-left 	: 0em;
	padding-left 	: 0em;
}
#dash ul li {
	display 		: block;
	float 			:left;
	width 			: 48%;
	border 			: 1px solid #000;
}

#dash label {
	color 			: #000;
}
#dash .imagebutton {
	position		: relative;
	top				: 6px;
}

/* END EMAIL SIGN UP BOX*/

/* Contact Form */
.formtable .formtitles {
	background		: #000099;
	color			: #fff;
}

.formtable tr td {
	border-bottom	: 1px solid #eee;
}

.bookingformstar {
	font-weight		: bold;
	color			: #FF0000;
}

#body.errorpage .info {
	background		: url(../images/icons/icon_info.jpg) no-repeat top right;
}

#body.errorpage #footer #bargainlinks {
	height			: 1px;
	overflow		: hidden;
}

#resortstable,
#flightstable {
	clear			: both;
}

.c {
cursor:pointer;
width:305px;
height:217px;
float:left;
margin-bottom:10px;
}

