/* ---- COLOR GUIDE ---- 
Red			#CC2525
Aqua 		#09708A
------- END COLOR GUIDE ---- */

/* ---- FONTS ---- */
/*original conversion line-height: line-height:1.4;*/
body
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #1A2E33;
    line-height:1.4;
}
p
{
    padding: 0;
    margin: 0 0 14px;
    line-height:1.5em;
}
h1, h2, h3, h4, h5
{
    margin: 0;
    padding: 0;
    font-weight: normal;
}
h1
{
    font-size: 24px;
    color: #09708A;
    text-align: center;
}
h2
{
    font-size: 14px;
}
h3
{
    font-size: 14px;
    color: #09708A;
}
h4
{
    font-size: 13px;
}
h5
{
    font-size: 9px;
}

a, a:visited
{
    color: #CD2B2B;
    text-decoration: none;
    border: 0;
    outline: 0;
}
a:hover
{
    color: #CC2525;
    border: 0;
    outline: 0;
}
.specials h2, .specials h4
{
    color: #CC2525;
}
.specials h2, .specials h3, .specials h4
{
    font-weight: bold;
    line-height: 1.2;
}
.hylite
{
    color: #09708A;
}
/* ---- MAIN LAYOUT ---- */
body
{
    margin: 0;
    padding: 0;
	background:#FFF url(/images/bg_body.jpg) repeat-x;
}
.header
{
    min-width: 960px;
    max-width: 1110px;
    background-position: center 29px;
    background-repeat: no-repeat;
    margin: 0 auto;
	position: relative;
	top: 26px;
}
.top
{
    width: 870px;
    padding: 0 45px;
    height: 53px;
    margin: -275px auto 0 auto;
	background: url(/images/rule_head.gif) no-repeat 223px 23px;
    position: relative;
    z-index: 949;
}
.home .top
{
	margin: auto;
}
.filler
{
    display: none;
    top: -100px;
}
.hero
{
    min-width: 960px;
    max-width: 1110px;
    background: url(/images/hero_frame-new.png) no-repeat center 29px;
}
.page
{
    width: 960px;
    margin: 200px auto 0;
	background: #fff;
	padding: 0 10px;
}
.homepage
{
	width: 100%; 
	margin: 0 auto 150px; 
	position: relative; 
	z-index: 1; 
	height: 700px; 
	top: -25px; 
	display: block;
}
.homespacer
{
	/*height: 700px;*/
	/*min-height:825px;*/
}
.resortmap
{
	padding-right: 20px;
	vertical-align: top;
}
.main
{
    width: 960px;
    padding: 23px 0;
    margin-top: -22px;
}
.content
{
    width: 500px;
    float: left;
    margin: 0 30px;
}
.sidebar
{
    width: 200px;
    float: left;
    margin: 0;
}
.wide
{
    width: 725px;
    float: left;
}
.w-left
{
    margin: 0 30px 0 5px;
}
.w-right
{
    margin: 0 5px 0 30px;
}

/* ---- REPEATED ELEMENTS ---- */
a img, a:visited img
{
    border: none;
}

.clear
{
    clear: both;
    width: 100%;
}
.left
{
    float: left;
    width: auto;
}
.right
{
    float: right;
}
.pad
{
    padding: 22px 22px 0px 22px;
}
.contactUsError
{
	visibility:hidden;
    display:none;
    color:Red;    
}

input.sleek, select.sleek
{
    background: url(/images/bg_sleek.gif) repeat-x top;
    border: 1px solid #757575;
    font-size: 10px;
    margin: 1px 10px 3px 0;
}

input.sleek{color:#444444;}
select.sleek{color: #09708A;}

.bgtop
{
    background: url(/images/bg_top.jpg) repeat-x;
    width: 100%;
}
.bgtop-dk
{
    background: url(/images/bg_top_dk.jpg) repeat-x top;
    width: 100%;
}
.bgfoot
{
    background: url(/images/bg_foot.jpg) repeat-x bottom;
}
.bgfoot-dk
{
    background: url(/images/bg_foot_dk.jpg) repeat-x bottom;
    width: 100%;
    clear: both;
}

.bgtopper, .bgfooter, .rule, .title, .btn
{
    background: url(/images/bg_sprite.gif) no-repeat;
    width: 100%;
    clear: both;
}

.btn
{
    background-position: 0 -60px;
    width: 222px;
    height: 33px;
    padding: 0;
    margin: 0;
    border: none;
    text-align: center;
}
.btn a, .btn a:visited
{
    width: auto;
    background: url(/images/icons_sm.png) 0 -51px no-repeat; 
    color: #09708A;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 20px;
}
.btn label
{
    color: #09708A;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
	display: inline-block; 
	width: auto; 
	margin-top: -3px;
    position: relative; 
	padding: 0;
}

.content .bgtopper
{
    background-position: 0 -110px;
    height: 3px;
}
.content .title
{
    background-position: 7px -190px;
    padding: 4px 0 2px 20px;
 }
.content .title a, .content .title a:visited
{
    display: block;
    padding: 0 25px 4px;
    background: url(/images/icons_sm.png) 0 -50px no-repeat;
    color: #09708A;
}
.content .title a:hover
{
    background-position: 0 -75px;
    color: #CC2525;
}
.content .title a.active, .content .title a.active:visited
{
    background-position: 0 -100px;
    color: #CC2525;
}
.content img.left
{
    margin: 0 15px 15px 0;
}

.wide .bgtopper
{
    background-position: 0 -130px;
    height: 3px;
}
.bgtop-dk .bgtopper
{
    background-position: 0 -150px;
}
.bgfoot-dk .bgfooter
{
    background-position: 0 -170px;
    height: 3px;
}
.wide .rule
{
    background-position: 0 -40px;
    height: 3px;
    clear: both;
}
.wide .title
{
    background-position: 0 -240px;
    padding: 4px 17px;
    width: 691px;
}
.wide .title .right
{
    color: #09708A;
    font-size: 12px;
    padding: 2px 0;
    width: auto;
}
.accordion
{
	padding: 15px 0px 0px 0px;
}
.accordion h3
{
	display: block;
	padding: 5px 0px 7px 16px;
	background:url("/images/bg_sprite.png") no-repeat scroll 7px bottom transparent;
	/*clear:both;*/
	width:524px;
	height:21px;
	line-height:21px;
	cursor:pointer;
}

.accordion h3 span
{
	background:url("/images/icons_sm.png");
	background-repeat:no-repeat;
	background-position: 0 -50px;
	padding-left:30px;
	height:20px;
	display:block;
}
.accordion h3.active span
{
	color:#CC2525;
	background-position: 0 -100px;
}
.accordion h4
{
	font-size: 14px;
	color: #09708A;
	font-weight: bold;
}
.accordion .rule
{
    background: url("/images/body_line_break.jpg") no-repeat scroll -10px 0px transparent;
    height: 2px;
    width: 100%;
    font-size: 0px;
}
.accordionpane
{
	width:460px;
	padding: 10px 20px 10px 20px;
}

.accordion #expand-collapse{
	background:url("/images/icons_sm.png");
	background-repeat:no-repeat;
	background-position: 0 -25px;
	text-transform:uppercase;
	float:right;
	font-size:9px;
	padding-left:18px;
	display:block;
	color:#CC2525;
	height:15px;
	line-height:18px;
	margin-bottom:10px;
	width:80px;
	cursor: pointer;
}

.accordion #expand-collapse.expanded{
	background-position: 0 0;
	color:#09708A;
	cursor: pointer;
}
.accordionpane .iconsview
{
	padding: 10px 0px 0px 0px;
}
.accordionpane .contentsview
{
	padding: 8px 0px 0px 0px;
}
.accordionpane .contentsview ul
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.accordionpane .contentsview h3
{
    display: inline;
    font-weight: bold;
    padding: 0 5px 0 0;
    line-height: .5;
}
.accordionpane .photosview
{
	padding: 5px 0px 0px 0px;
}
.accordionpane .photosview table tr td
{
	vertical-align: top;
}
a.all, a.all:visited
{
    display: block;
    width: auto;
    font-size: 9px;
    color: #09708A;
    padding: 2px 7px 3px 20px;
    text-align: right;
    margin: 10px 0;
	clear:both;
}
a.all:hover, a.active-all, a.active-all:visited
{
   /* background: url(/images/icons_sm.png) 0 -25px no-repeat;*/
    color: #CC2525;
}
a.active-all:hover
{
    background: url(/images/icons_sm.png) 0 0 no-repeat;
    color: #09708A;
}
.resorticons
{
    margin: -18px 0 0 0;
    width: 125px;
    display: block;
    float: right;
    position: relative;
}
.icons
{
    margin: -18px 0 0 0;
    width: 125px;
    display: block;
    float: right;
    position: relative;
}
a.icon, a.icon:visited
{
    width: 38px;
    height: 40px;
    display: block;
    background: transparent url(/images/icons_big.png) no-repeat;
    text-indent: -9999px;
    float: left;
}
a.photo, a.photo:visited
{
    background-position: 0 -120px;
    margin-right: 5px;
    position: relative;
    text-indent: 0;
    clear:both;
}
a.nophoto, a.nophoto:visited
{
    background-position: 0 -170px;
    margin-right: 5px;
    position: relative;
    text-indent: 0;
    cursor: inherit;
    clear:both;
}
a.single, a.single:visited
{
    background-position: 0 0;
}
a.couple, a.couple:visited
{
    background-position: 0 -40px;
}
a.family, a.family:visited
{
    background-position: 0 -80px;
}

.photo-large
{
    display: none;
}
a.photo:hover .photo-large
{
    display: block;
    position: absolute;
    bottom: 26px;
    left: -28px;
    background: 15px 16px no-repeat;
}

.iconsview
{
    margin: -5px 0 0 -22px;
}
.iconsview a, .iconsview a:visited, .iconsview a:hover
{
    float: left;
    width: 80px;
    text-align: center;
    padding: 0;
    position: relative;
    height: 70px;
    min-height: 70px;
    color: #666;
    font-weight: bold;
    font-size: 10px;
    margin: 5px 5px;
}
.iconsview label
{
	display: block;
}
.iconsview img.icon
{
    width: 38px;
    height: 40px;
    background: transparent url(/images/icons_big.png) no-repeat;
}
.iconsview .din img.icon
{
    background-position: -50px 0;
}
.iconsview .trs img.icon
{
    background-position: -100px 0;
}
.iconsview .ntl img.icon
{
    background-position: -150px 0;
}
.iconsview .wtr img.icon
{
    background-position: -50px -50px;
}
.iconsview .cls img.icon
{
    background-position: -100px -50px;
}
.iconsview .dsc img.icon
{
    background-position: -150px -50px;
}
.iconsview .lnd img.icon
{
    background-position: -50px -100px;
}
.iconsview .kds img.icon
{
    background-position: -100px -100px;
}
.iconsview .ext img.icon
{
    background-position: -50px -150px;
}
.iconsview .glf img.icon
{
    background-position: -100px -150px;
}

.tooltip
{
	display: none;
	z-index: 10;
}
.iconsview a:hover .tooltip
{
    display: block;
    position: absolute;
    bottom: 56px;
    left: -106px;
    width: 292px;
    text-align: left;
    font-weight: normal;
}

.icons a:hover .tooltip
{
    display: block;
    position: absolute;
    bottom: 26px;
    left: -129px;
    width: 292px;
    text-align: left;
    font-weight: normal;
}
.tooltip div
{
    background: url(/images/bg_tooltip.png) no-repeat;
}
.tooltip div img
{
    background: none;
}
.tooltip .tt-top
{
    height: 10px;
}
.tooltip .tt-mid
{
    background-position: -300px 0;
    background-repeat: repeat-y;
    padding: 0 20px;
    overflow: hidden;
}
.tooltip .tt-foot
{
    height: 32px;
    background-position: -600px 0;
}
.tooltip ul
{
	margin:0;
	padding:0;
}
.tooltip li
{
	margin-left:14px;
}
.resorticons a
{
	position: relative;
	text-indent: 0px;
}
.resorticons a:hover .tooltip
{
    display: block;
    position: absolute;
    bottom: 40px;
    left: -28px;
    width: 91px;
    height: 39px;
    text-align: center;
    font-weight: normal;
}
.resorticons a:hover .tooltip .tt-mid
{
    display: block;
	visibility: visible;
	padding: 10px 0px 0px 0px;
	text-indent: 0px;
	font-weight: bold;
	text-transform: uppercase;
	color: #09708A;
}
.tt-mid p
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}
.resorticons .tooltip div
{
	background: url(/images/tool_tip.png) no-repeat transparent;
	height: 39px;
	width: 91px;
}
.resorticons .tooltip .tt-mid
{
	padding: 0px;
	visibility: visible;
	background-position: left;
}
.paging
{
    float: right;
    padding: 7px 17px;
    width: auto;
}
.paging a, .paging a:visited
{
    background: url(/images/icons_sm.png) 0 -150px;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    display: block;
    float: left;
    margin-left: 5px;
}
.paging a:hover, .paging a.active, .paging a.active:visited
{
    background: url(/images/icons_sm.png) 0 -125px;
	cursor:pointer;
}

.thumb
{
    position: relative;
    width: 168px;
    height: 109px;
    float: left;
    display: block;
    margin: 10px 0 0 10px;
}
.thumb img
{
    position: absolute;
    top: 3px;
    left: 7px;
}
.thumb a, .thumb a:visited
{
    background: url(/images/frame_gallery.png);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    text-indent: -999px;
    width: 168px;
    height: 109px;
}
.hires .thumb a, .hires .thumb a:visited
{
    background: url(/images/frame_hires.png);
}

.accordionpane .thumb,.accordionpane .thumb a,.accordionpane .thumb a:visited{
	width:143px;
	height:93px;
}

.accordionpane .thumb a,.accordionpane .thumb a:visited{
	background: url(/images/frame_gallery_sm.png);
}

.accordionpane .thumb.video a,.accordionpane .thumb.video a:visited{
	background: url(/images/frame_gallery_sm-video.png);
}

.accordionpane .thumb img{
	width:130px;
}

.pr, .kit
{
    padding: 10px 12px 5px 12px;
}
.pr .left
{
    width: 565px;
}
.kit .left
{
    width: 500px;
}
.pr h4, .kit h4
{
    color: #09708A;
}


.pr h4 a, .pr h4 a:visited, .kit h4 a, .kit h4 a:visited
{
    color: #09708A;
    text-transform: uppercase;
}
.pr h5, .kit h5
{
    padding: 4px 0;
}
.pr h5 a, .pr h5 a:visited, .kit h5 a, .kit h5 a:visited
{
    color: #1a2e33;
    background: url(/images/icons_sm.png) 0 0 no-repeat;
    padding: 2px 20px;
    display: block;
}
.pr h5 a:hover, .kit h5 a:hover
{
    color: #09708A;
}
.pr .thumb
{
    height: 74px;
    width: 136px;
    margin: 0;
    background: url(/images/pipe_sm.jpg) no-repeat 120px 0;
}
.kit .thumb
{
    width: 200px;
    background: url(/images/pipe_sm.jpg) no-repeat 180px 15px;
    margin: 0;
}
.pr .thumb img
{
    position: absolute;
    top: 5px;
    left: 7px;
}
.pr .thumb a, .pr .thumb a:visited
{
    background: url(/images/frame_pr.png);
    width: 112px;
    height: 74px;
}
.pr .thumb a:hover
{
    background: url(/images/frame_pr2.png);
}


.specials .left
{
    width: 225px;
    padding: 27px 10px 10px 10px;
}
.specials .right
{
    width: 450px;
    padding: 35px 20px 10px 0;
}
.specials .dot
{
    background: url(/images/icons_sm.png) no-repeat 0 -175px;
    width: 14px;
    height: 14px;
    position: absolute;
}
.specials .b1
{
    left: 0;
    top: 78px;
}
.specials .b2
{
    left: 3px;
    top: 100px;
}
.specials .b3
{
    left: 14px;
    top: 127px;
}
.specials .s1
{
    left: 200px;
    top: 58px;
}
.specials .s2
{
    left: 192px;
    top: 75px;
}
.specials .pic
{
    position: relative;
    width: 225px;
    height: 132px;
    margin: 10px 0;
}
.specials .pic div, .specials .pic img
{
    position: absolute;
}
.specials .pic img
{
    left: 15px;
    top: 0;
}
.specials .pic .frame
{
    top: 0;
    left: 14px;
    width: 202px;
    height: 132px;
    background: url(/images/frame_special.png);
}
.specials .pic .stlucia
{
    background: url(/images/sp_stlucia.png);
    height: 101px;
    left: 172px;
    top: 47px;
    width: 61px;
}
.specials .pic .barbados
{
    top: 65px;
    left: 4px;
    background: url(/images/sp_barbados.png);
    width: 61px;
    height: 78px;
}
.promo
{
	position: relative;
    background: url(/images/html_promo_pod_bkg.jpg) no-repeat;
    width: 200px;
    height: 179px;
    text-align: center;
    font-size: 11px;
    padding: 0px 0px 15px 0px;
}
.promo .image
{
	position: absolute;
	top:  7px;
	left: 8px;
	height: 132px;
	width:  185px;
	overflow: hidden;
}
.promo .text tr td { padding: 0px; margin: 0px;}
.promo .text
{
	position: absolute;
	top:  79px;
	left: 13px;
	height: 60px;
	width:  175px;
	overflow: hidden;
	font-weight: bold;
	color: #CC2525;
}
.promo .subnav
{
	display: block;
	position: absolute;
	top: 152px;
	height: 30px;
	width: 200px;
	text-align: center;
	left: 0;
}
.promo .subnav a, .promo .subnav a:visited 
{
	display: inline;
	background: url("/images/icons_sm.png") no-repeat 0px -48px;
	padding: 6px 0px 5px 20px;
}
.promo .subnav a:hover, .promo .subnav a.active, .promo .subnav a.active:visited 
{
	background-position: 0px -73px; 
	color:#CC2525;
}
.edeals
{
	position: relative;
    background: url(/images/edealsback.jpg) no-repeat;
    width: 200px;
    height: 213px;
    text-align: center;
    font-size: 10px;
    padding: 0px 0px 15px 0px;
    color: #09708A;
}
.edeals .intro
{
	position: absolute;
	top:  15px;
	left: 8px;
	height: 132px;
	width:  185px;
	overflow: hidden;
	font: bold 18px arial;
}
.edeals .select
{
	position: absolute;
	top:  102px;
	left: 8px;
	height: 132px;
	width:  185px;
	overflow: hidden;
	text-align: center;
}
.edeals select 
{
	font-size: 9px;
    color: #444444;
	border:1px solid;
	border-color:#CCC #979797 #686868;
	width:156px;
}
.edeals .input
{
	position: absolute;
	top:  130px;
	left: 8px;
	height: 132px;
	width:  185px;
	overflow: hidden;
	text-align: center;
}
.edeals input
{
    border: 0;
    background: url(/images/edeals-input.jpg) no-repeat;
    font-size: 9px;
    color: #444444;
    width: 150px;
    height: 10px;
    text-align: left;
    padding: 3px 3px 3px 4px;
}
.edeals input:focus
{
	outline: none;
}
.edeals .text
{
	position: absolute;
	top:  57px;
	left: 12px;
	height: 132px;
	width:  176px;
	overflow: hidden;
	font-size:11px;
}
.edeals .privacy
{
	color:#999; 
	position:absolute;
	width:180px;
	left:10px;
	top:190px;
	text-align:center;
}
.edeals .privacy a 
{
	color:#999; 
	text-decoration:underline;
}
.edeals .subnav
{
	display: block;
	position: absolute;
	top: 167px;
	left:0; 
	height: 30px;
	width: 200px;
	text-align: center;
}
.edeals .subnav a, .edeals .subnav a:visited 
{
	display: inline;
	background: url("/images/icons_sm.png") no-repeat 0px -48px;
	padding: 6px 0px 5px 20px;
	cursor: default;
}
.edeals .subnav a:hover, .edeals .subnav a.active, .edeals .subnav a.active:visited 
{
	background-position: 0px -73px; 
	color:#CC2525;
	cursor: default;
}
.contact
{
	position: relative;
    background: url(/images/bg_promo.jpg) repeat-y;
    width: 200px;
    text-align: center;
    font-size: 10px;
}
.contact p
{
    text-align: left;
}
.contact .rule
{
    background: url(/images/bg_sprite.png) -20px 0;
    height: 3px;
    clear: both;
}
.contact .btn
{
    width: 180px;
    margin-left: -12px;
    background: url(/images/bg_sprite.png) -20px -60px;
}
.contact .btn a, .contact .btn a:visited
{
    font-size: 11px;
    text-transform: none;
    font-weight: normal;
}
.contact .bgtopper
{
    background-position: 0 -320px;
    height: 10px;
}
.contact .bgfooter
{
    background-position: 0 -350px;
    height: 10px;
}
.contact .shade
{
    padding: 12px 22px 2px;
    background: url(/images/bg_promo_shade.png) no-repeat 9px 0;
}
.contact input
{
    font-size: 10px;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #a1b2b6;
    width: 100%;
    background: none;
}
.contact .subnav a, .contact .subnav a:visited 
{
	background:url(../images/icons_sm.png) no-repeat 13px -200px; 
	text-align:left; 
	padding:2px 0 6px 38px;
}
.contact .subnav a:hover, .contact .subnav a.active, .contact .subnav a.active:visited 
{
	background-position: 13px -225px; 
	color:#CC2525;
}

.maps-sm {text-align:center;}

.maps-sm a, .maps-sm a:visited {color:#1a2e33; width:90px; display:block;}

.maps-sm a:hover {color:#cc2525;}

.maps-sm a img {margin-top:10px;}


/* ---- NAVIGATION ---- */
.menu
{
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
    color: #09708A;
    display: inline;
}
.menu li
{
    margin: 0;
    padding: 0 2px;
    text-align: left;
    display: inline-block;
}
.menu a, .menu a:visited
{
    color: #09708A;
    text-decoration: none;
}
.nav a.current, .nav a.current:visited
{
    color: #CC2525;
}

.menu li ul
{
    display: none;
    position: absolute;
    list-style: none;
}
.menu li:hover > ul
{
    display: block;
    margin-left: -55px;
}
.menu li:hover > ul li
{
    display: block;
    text-align: left;
}
/* ---- END NAVIGATION ---- */

.top .tablepad
{
	padding: 4px;
}

.top table
{
    width: 622px;
}
.top .utility
{
    font-size: 9px;
    color: #04313C;
    text-align: right;
    padding-right: 16px;
    float: right;
}
.utility li
{
    margin: 0;
    padding: 0 2px;
    text-align: center;
    display: inline;
}
.utility a, .utility a:visited
{
    color: #04313C;
    text-decoration: none;
}
.utility a:hover, .utility a.current, .utility a.current:visited
{
    color: #CC2525;
}

.nav
{
    text-align: center;
    color: #09708A;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-top: 3px;
}
.nav ul
{
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0 auto;
}
.nav ul li
{
    float: left;
    display: block;
    position: relative;
    padding: 0;
}
.nav ul li:hover
{
    background: url(/images/bg_nav.gif) no-repeat 0 0;
}
.nav ul li.one:hover
{
    background: url(/images/bg_nav_one.gif) no-repeat 0 0;
}
.nav li a
{
    color: #09708A;
    text-decoration: none;
    padding: 1px 7px 7px 7px;
    text-align: center;
    display: block;
    line-height: 14px;
}
.nav li a:hover
{
    background: url(/images/bg_nav_a.gif) no-repeat right 0;
}
.nav li:hover > a
{
    background: url(/images/bg_nav_a.gif) no-repeat right 0;
}
.nav li.one a:hover
{
    background: url(/images/bg_nav_a_one.gif) no-repeat right 0;
}
.nav li.one:hover > a
{
    background: url(/images/bg_nav_a_one.gif) no-repeat right 0;
}

.nav ul div
{
    position: absolute;
    left: -9999px;
}
.nav ul li:hover div
{
    left: 50%;
    top: 21px;
}
.nav ul li div ul
{
    left: -50%;
    position: relative;
    margin: 0;
    display: block;
    background: url(/images/dd_top.png) top no-repeat;
    padding-top: 6px;
    width: 165px;
    font-size: 10px;
}
.nav ul li div ul li, .nav ul li div ul li:hover
{
    display: block;
    background: url(/images/dd_bg.png) repeat-y 50%;
    padding: 4px 12px;
    width: 141px;
    margin: 0;
}
.nav ul li div ul li.last
{
    background: url(/images/dd_foot.png) no-repeat bottom;
    padding: 4px 12px 14px 12px;
}
.nav ul li div ul li a
{
    color: #1a2e33;
    padding: 0;
    text-align: left;
    line-height: 1;
}
.nav ul li div ul li:hover > a
{
    background: none;
}
.nav ul li div ul li a:hover
{
    color: #09708A;
    background: none;
}

input.search
{
    border: 0;
    background: url(/images/bg_srch.gif) no-repeat;
    font-size: 9px;
    color: #444444;
    width: 133px;
    height: 10px;
    text-align: right;
    padding: 3px;
    float: left;
}
input.search-btn
{
    padding: 0;
    height: 16px;
    float: left;
    width: 17px;
}

.sidebar .headline
{
    background: url(/images/bg_sprite.gif) no-repeat 0 -280px;
    padding: 5px 26px 10px;
}
.sidebar .rule
{
    margin: 8px 0;
}
.sidebar a.map img, .sidebar a.map:visited img
{
    background-color: #1a2e33;
}
.sidebar a.map:hover img, .sidebar a.active img, .sidebar a.active:visited img
{
    background-color: #cc2525;
}
.subnav a, .subnav a:visited
{
    background: url(/images/icons_sm.png) no-repeat 23px -48px;
    padding: 6px 0 2px 45px;
    display: block;
    color: #1a2e33;
    font-size: 9px;
}
.subnav a:hover, .subnav a.active, .subnav a.active:visited
{
    background-position: 23px -73px;
    color: #CC2525;
}

/* ---- FOOTER ---- */
.footer
{
    font-size: 9px;
	padding:10px 0;
}

.footer-wrap { width: 1024px; margin: 0 auto; overflow: visible; }

.footer .rule
{
    background-position: 0 -20px;
    width: 500px;
    margin: 0 auto 15px;
}

.footer-bg { 
	background: #f2f4f5; 
 	padding: 5px 5px 0; width: 784px; margin-left: -10px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.footer .menu
{
    margin-bottom: 10px;
    color: #4B96A9;
	display:block;
	width: 774px;
	float: left;
	text-align: right;
}

.footer .copyright { margin: 0; }
.footer .copyright li { float: right; }

.footer .menu li
{
    display: inline;
	padding: 0;
	*padding: 0 1px;
}
.footer .menu a, .menu .footer a:visited
{
    color: #224850;
    text-decoration: none;
}
.footer .menu a:hover
{
    color: #09708A;
}

.footer .social {
	width: 210px; margin-right: 10px; padding:0; float: right; background: #dae0e1; padding: 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.footer .social .icn {display:block; float:left; height:48px; width:48px; background:url(/images/icons_social.png) no-repeat; margin: 3px 6px; position:relative;}
.footer .social .icn em {display:none;}
.footer .social .icn:hover {cursor:pointer;}
.footer .social .fb {background-position:0 0;}
.footer .social .fb a {display:block; height:48px; width:48px;}
.footer .social .ms {background-position:0 -36px;}
.footer .social .tw {background-position:right 0;}
.footer .social .yt {background-position:0 -108px;}
.footer .social .ts { background:none repeat scroll 0 0 transparent; border-left:1px solid #CCCCCC; height:18px; margin:0 6px; padding:1px 0 3px 10px; width:131px; z-index:100;}
.footer .social h4 { float: left; text-transform: uppercase; font-size: 18px; font-weight: normal; line-height: 1.25; margin-top: 3px; color: #6f878d;}

.footer .social .icn .bubble {display:none; visibility:hidden;}
.footer .social .icn:hover .bubble {display:block; visibility:visible; position:absolute; bottom:35px; left:-55px; width:165px; background:url(../images/bg_social.png) no-repeat 0 0; padding:10px 0 0 0; z-index:100; line-height:1.8;}
.footer .social .icn .bubble .arrow {background:url(/images/bg_social.png) no-repeat -330px bottom; padding:0 0 24px 0;}
.footer .social .icn .bubble .inner {background:url(/images/bg_social.png) repeat-y -165px 0; padding:0 20px;}
.footer .social .icn .bubble a {color:#1A2E33;}
.footer .social .icn .bubble a:hover {color:#CD2B2B;}

.footer a.flag img {width:27px; height:19px; background:url(/images/flags.png) no-repeat; margin-bottom:-6px;}
.footer a.flag img.US {background-position:0 0;}
.footer a.flag:hover img.US, .footer a img.US.active {background-position:0 -40px;}
.footer a.flag img.UK {background-position:0 -80px;}
.footer a.flag:hover img.UK, .footer a img.UK.active {background-position:0 -120px;}
.footer a.flag img.CA {background-position:0 -160px;}
.footer a.flag:hover img.CA, .footer a img.CA.active {background-position:0 -200px;}

/* ---- HOME PAGE SLIDER ---- */
.slidemenu
{
    margin-top: 10px;
    color: #4B96A9;
    display: inline;
    list-style: none;
    background: url(/images/nav-panel.png) no-repeat;
    width: 800px;
    height: 200px;
    z-index: 5000;
}
.slidemenu li
{
    margin: 0;
    padding: 0 2px;
    text-align: center;
    display: inline;
    list-style: none;
}
.slidemenu li a
{
    color: #09708A;
    font-size: 11px;
}

/* ---- BOOK NOW ------ */
.booknow
{
    width: 294px;
    position: absolute;
    right: 2px;
    top: 49px;
	font-size:11px;
}
.bn-top, .bn-bg, .bn-foot
{
    background-image: url(/images/bg_book.png);
    display: block;
    margin: 0;
    width: 294px;
}
.bn-top
{
    background-position: 0 0;
    height: 14px;
}
.bn-bg
{
    background-position: -294px 0;
    padding: 0 15px;
    width: 264px;
}
.bn-foot
{
    background-position: -588px 0;
    height: 10px;
}
.info { padding-left: 20px; padding-right: 20px; }
.booknow table#mainTable {width:274px; margin:-40px 0 0;}
.booknow table.colorsb {background:#FFF; width:274px !important}
.booknow table.colorsb td {padding:3px; vertical-align:middle;}
.booknow table.colorsb td td {padding:0;}
.booknow select#selFrom, .booknow select#selTo {width:150px !important}
.booknow table.colorsb td img {width:16px;}
.booknow table { background-color: inherit; }
.blank_side_nav
{
    width: 200px;
}
.top_nav_frame
{
    background-image: url("/images/top_frame.png");
    display: inline-block;
    height: 40px;
    left: 4px;
    position: relative;
    top: -30px;
    width: 850px;
    z-index: -10;
}
.book_now_left
{ }
.book_now_submit, .book_now_close {
    cursor: pointer;
	text-align:right;
}
/*--- GENERAL CONTENT STYLES ---*/
.general_h2
{
    font-size: 14px;
    font-weight: normal;
    font-family: Helvetica;
    color: #09708A;
    margin: 0;
    line-height: normal;
}
/*--- END GENERAL CONTENT STYLES ---*/
.ul_two_col_form
{
    list-style: none;
}

.ul_two_col_form li
{
    list-style: none;
	display:block;
	float:left; 
    width: auto;
    padding: 0 20px 10px 0;
}



.ul_two_col_form label
{
	display:block;	
}
.ul_two_col_form input
{
    width: 250px;
	height: 18px;
	border:1px solid #C1C1C1;
	border-top:1px solid #848484;
}

.ul_two_col_form li.input-number{clear:both;overflow:auto;}
.ul_two_col_form li.input-number input{width: 50px;}
.ul_two_col_form li.input-number input,.ul_two_col_form li.input-number label{display: inline; float: left;}
.ul_two_col_form li.input-number label{width: 120px;}

.ul_two_col_form ul{margin:0;padding:0;}
.ul_two_col_form li.input-dates li{float:none;padding:0 0 10px 0;overflow:auto;}

.ul_two_col_form li.input-dates li label{float:left;width:50px;text-align:right;margin-right:5px;}
.ul_two_col_form li.input-dates li input{float:left;}

.ul_two_col_form li.input-country,.ul_two_col_form li.input-transfers{overflow:auto;}
.ul_two_col_form li.input-country select,
.ul_two_col_form li.input-country label,
.ul_two_col_form li.input-transfers select,
.ul_two_col_form li.input-transfers label
{float:left;}

.ul_two_col_form li.input-country label,
.ul_two_col_form li.input-transfers label
{margin-right:5px;}

.ul_two_col_form li input.checkbox{width:20px;}

.ul_two_col_form textarea
{
    width: 355px;
/*	height:50px;*/
	border:1px solid #C1C1C1;
	border-top:1px solid #848484;
}

.edeal_container
{
    display: inline-block;
	font-size:11px;
}
.edeal_inner_content
{
    display: inline-block;
    width: 90%;
}
.edeal_title
{
    font-size: 20px;
    margin-top: 18px;
    margin-bottom:5px;
}
.edeal_message
{
    display: inline-block;
    width: 80%;
}
.subheading .rule
{
    background: url("/images/bg_sprite.png") no-repeat scroll -10px -20px;
    width: 517px;
    height: 2px;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
}
.footer .rule
{
    background: url("/images/bg_sprite.png") no-repeat scroll -10px -20px;
    width: 517px;
    height: 2px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
}
.subheading
{
    padding: 0 0 15px 0;
    
}
.subheading .box
{
	height: 26px;
}
.book_now_phone
{
    background: none;
    display: inline-block;
    font-size: 11px;
    margin-top: -3px;
    position: relative;
}
.sidebar .html_promotion_pod_container
{
    background-image:url('/images/promotion_background.png');
    width:268px;
    height:221px;
    text-align:center;
}
.sidebar .html_promotion_pod_image img
{
    border: 0;
    margin-top:15px;
}

.searchResults h4 a {font-size:14px; color:#1a2e33; text-decoration:underline; font-weight:bold;}
.searchResults h4 img, .searchResults .resultPreviewDetails, .searchResults .dateTime {display:none; visibility:hidden;}
.searchResultsHeader h3{color:#FFF; padding:10px 0;}
.resultslabel, .searchTerms, .beginPageCount, .endPageCount, .totalCount {color:#09708a;}
.searchTerms:before {content:'for '}
.beginPageCount:after {content:' - '}
.endPageCount:after {content:' of '}
.endPageCount {margin-left:-5px;}
.totalCount {margin-left:-14px;}
.searchTerms {margin-left:-18px;}
.formconfirm {display:none; visibility:hidden; height:300px; padding: 0 0 0 23px; font-weight:bold;}

.callnow {position:relative; float:right; width:auto;}
.callnow .bubble {display:none; visibility:hidden; z-index:100; text-align:center; color:#09708a; font-size:12px;}
.callnow:hover .bubble {display:block; visibility:visible; position:absolute; top:35px; left:-20px; width:165px; background:url(../images/bg_book_drop.png) no-repeat 0 0; padding:24px 0 0 0;}
.callnow .bubble .arrow {background:url(../images/bg_book_drop.png) no-repeat -330px bottom; padding:0 0 10px 0;}
.callnow .bubble .inner {background:url(../images/bg_book_drop.png) repeat-y -165px 0; padding:0 15px;}
.callnow .bubble strong {font-size:14px;}
.callnow .bubble p {margin:0; padding:0 0 8px;}

.islands
{
	text-align: center;
}
.islands a
{
	padding: 0 10px;
}
.searchresult
{
	padding: 0px 0px 10px 0px;
}
.info
{
	padding: 0px 0px 0px 10px;
	color: #09708A;
}
.searchresult .type
{
	text-transform: uppercase;
	font-size: 9px;
	color: #09708A;
	padding: 1px 0px 1px 0px;
}
.searchresult .summary
{
	font-size: 11px;
	color: #1A2E33;
}
.formpad
{
	padding: 20px;
}
.formerrors
{
	color: Red;
}
.rlbl
{
	width: 115px;
	text-align: right;
}

.dijitDialogTitleBar{background:#fff;overflow:auto;position:absolute;bottom:0;width:100%;}
span#external_title{display:none;}

.dijitDialogCloseIcon{
	background: url("/images/close.png") no-repeat scroll center 10px transparent;
	height:16px;
	width:16px;
	text-indent:-999em;
	float:right;
	padding:10px 5px 0;
	cursor:pointer;
}

#noFlash{width:100%;height:610px;margin:5px auto 0;position:relative;}
#noFlash #hero-frame{width:1107px;height:610px;margin-left:-554px;position:absolute;top:0;left:50%;background: url(../images/home_hero_frame.png) center top no-repeat;}
#noFlash .hero-photo{width:1107px;height:610px;margin-left:-554px;position:absolute;top:0;left:50%;overflow:hidden;background:url(../images/ajax-loader.gif) 50% 50% no-repeat #fff;}
#hero-content{width:726px;height:200px;margin:0 auto;position:relative;top:410px;}
	#hero-content .hero-resort-info{display:none;position:absolute;bottom:37px;width:329px;height:128px;padding:15px 12px 20px;background:url(../images/bg_footer_content.png) 0 0 no-repeat;}
		#hero-content .hero-resort-info p{font: 10px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#3c6772;}
		#hero-content .hero-resort-info a{display:block;width:128px;height:19px;float:left;background-image:url(../images/bg_experience_resort.png);background-position: 0 top;text-indent:-999em;}
		#hero-content .hero-resort-info a:hover{background-position: 0 bottom;}
	#hero-content div#one{left:0;}
	#hero-content div#two{left:45px;}
	#hero-content div#three{left:195px;}
	#hero-content div#four{left:340px;}
	#hero-content div#five{left:375px;}

#hero-content .map{width:80px;height:148px;float:left;}

#footer-nav{height:75px;width:100%;position:absolute;top:552px;left:0;background:url(../images/bg_footer_nav.png) center 0 no-repeat;}
	#footer-nav ul{list-style:none;width:726px;margin:12px auto 0;padding:0;overflow:auto;}
	#footer-nav li{float:left;}
	#footer-nav li a{display:block;height:26px;cursor:pointer;background-image:url(../images/footer_nav_sprite.png);}
		#footer-nav li.club-spa a{width:152px;background-position: 0 0;}
			#footer-nav li.club-spa a:hover,#footer-nav li.club-spa a.active{background-position: 0 bottom;}
		#footer-nav li.village a{width:133px;background-position: -152px 0;}
			#footer-nav li.village a:hover,#footer-nav li.village a.active{background-position: -152px bottom;}
		#footer-nav li.casuarina a{width:181px;background-position: -285px 0;}
			#footer-nav li.casuarina a:hover,#footer-nav li.casuarina a.active{background-position: -285px bottom;}
		#footer-nav li.morgan a{width:124px;background-position: -466px 0;}
			#footer-nav li.morgan a:hover,#footer-nav li.morgan a.active{background-position: -466px bottom;}
		#footer-nav li.smugglers a{width:136px;background-position: -590px 0;}
			#footer-nav li.smugglers a:hover,#footer-nav li.smugglers a.active{background-position: -590px bottom;}	
			
/* NEW HOME PAGE */			
body{background:url(../images/bg_body.png) 0 0 repeat-x;}
.logo{display:block;width:230px;height:117px;background:url(../images/logo.png);float:left;}
.top{height:66px;width:1015px;background:url(../images/bg_header.png) center -1px no-repeat;padding:0;}	

.top .utility,.header-search{float:left;}
.header-search{margin-top:8px;}
.top .utility{float:left;text-align:left;padding:0;margin:8px 11px 0 65px;}
.utility a,.utility a:visited{color:#09708a;font-size:11px;}
.nav li a{font-size:13px;color:#274850;font-weight:bold;padding:1px 10px 7px;}

input.search{background: url(../images/bg_srch.gif) no-repeat;}
.top table{width:auto;}
.top .book-now{width:193px;height:17px;background:url(../images/sprites_text.png) 0 -100px no-repeat;margin:8px 5px 0 0;float:right;}
.top .book-now-uk{width:205px;height:17px;background:url(../images/sprites_text.png) 0 -450px no-repeat;margin-top:8px;float:right;}

.nav-utility{padding-bottom:6px;overflow:auto;background:url(../images/header_nav-hr.png) center bottom no-repeat;}

.nav{float:left;margin-left:18px;width:765px;}
.nav ul{margin:0;float:right;}
.nav li:first-child a{padding-left:0;}

.home-wrap{width:1015px;height:700px;margin:0 auto;position:relative;}
.book-now-widget{min-height:710px;position:absolute;top:0;right:0;bottom:0;padding-top:25px;background:url(../images/bg_book-now-home-new.png) 0 0 repeat-y;padding-left:16px;width:217px;}
.book-now-widget p{font-size:9px;text-align:center;line-height:1;margin:0 0 5px;}

.home-resort-pod{width:665px;height:178px;padding-left:0;background:url(../images/bg_resorts-pod-new.png) 15px bottom no-repeat;position:absolute;left:-30px;top:512px;}
.home-resort-tabs{width:153px;height:35px;background:url(../images/bg_resorts-tab.png) 0 0 no-repeat;margin-left:30px;}
.home-resort-tabs ul{list-style:none;margin:0;padding:0;}
.home-resort-tabs li{float:left;}
.home-resort-tabs li a{display:block;width:72px;height:35px;background-image:url(../images/sprites_text.png);text-indent:-999em;}
.home-resort-tabs .tab1 a{background-position:15px 15px;}
.home-resort-tabs .tab2 a{background-position:-57px 15px;}
.home-resort-tabs .tab1 a:hover,.home-resort-tabs .tab1 a.active{background-position:15px -385px;}
.home-resort-tabs .tab2 a:hover,.home-resort-tabs .tab2 a.active{background-position:-57px -385px;}
.home-pods h2{height:28px;text-indent:-999em;width:216px;background:url(../images/headline_resort-pod.png) 0 0 no-repeat;}
/*#pod-barbados{background:url(../images/map_barbados.png) right 50% no-repeat;}
#pod-stlucia{background:url(../images/map_stlucia.png) right 50% no-repeat;}*/
.home-pods{padding:13px 0 0 40px;}
.home-pods p{margin:10px 0;color:#274850;height:72px;font-size:11px;}
#pod-barbados,#pod-stlucia{height:140px;width:605px;}
#pod-stlucia{display:none;}
/*.home-pods div:first-child{display:block;}*/

.home-pods ul{list-style:none;margin:0;padding:0;}
.home-pods div li{position:relative;float:left;}
.home-pods .resort-pop-up{width:368px;background:url(../images/resort_hover-pod-bot.png) 0 bottom no-repeat;position:absolute;bottom:15px;left:-25px;display:none;}
.home-pods .resort-pop-up-content{padding:0 15px 80px;/*background:url(../images/resort_hover-pod-top.png) 0 0 no-repeat;*/}
.resort-pop-up-content p{padding:0;}

.photo-frame{width:367px;height:19px;background:url(../images/resort_hover-pod-top.png) 0 0 no-repeat;position:absolute;top:-13px;left:0;}

.nav ul ul a{font-size:10px;}
.home-pods li a{display:block;background-image:url(../images/sprites_text.png);text-indent:-999em;height:19px;}
.home-pods .almond-beach-club-spa a{background-position:0 -50px;width:151px;}
.home-pods .almond-beach-village a{background-position:-151px -50px;width:132px;}
.home-pods .almond-casuarina-beach a{background-position:-283px -50px;width:145px;}
.home-pods .almond-morgan-bay a{background-position:0 -325px;width:118px;}

.home-pods .almond-beach-club-spa a:hover{background-position:0 -75px;}
.home-pods .almond-beach-village a:hover{background-position:-151px -75px;}
.home-pods .almond-casuarina-beach a:hover{background-position:-283px -75px;}
.home-pods .almond-morgan-bay a:hover{background-position:0 -350px;}

.home-pods .hr{width:451px;height:1px;background:url(../images/bg_resorts-tab-hr.png) center 0 no-repeat;clear:both;margin:6px 0 10px;}

#home-flash{position:absolute;top:55px;left:0;min-height:700px;width:100%;}

.resort-pop-up-content h4{background-image:url(../images/sprites_text.png);background-position:0 -125px;height:12px;text-indent:-999em;margin-bottom:4px;}
.resort-pop-up-content h3{background-image:url(../images/sprites_text.png);height:23px;text-indent:-999em;}

.resort-pop-up-content h4,.resort-pop-up-content h3{margin-left:10px;}
.resort-pop-up-content p{padding:0 10px;}
.resort-pop-up-content .experience{margin:10px 10px 20px 10px;}

.home-pods .photo{border-bottom:10px solid #ebe9d5;margin-bottom:5px;}

.almond-beach-club-spa h3{background-position:0 -150px;}
.almond-beach-village h3{background-position:0 -175px;}
.almond-casuarina-beach h3{background-position:0 -200px;}
.almond-morgan-bay h3{background-position:0 -225px;}
.almond-morgan-bay .resort-pop-up-content h4{background-position: 0 -275px;}

.resort-pop-up-content a.experience{background-image: url("../images/bg_experience_resort.png");cursor:pointer;background-position: 0 top;background-color:#e3eff2;background-repeat:no-repeat;display: block;float: left;height: 19px;text-indent: -999em;width:312px;}
.resort-pop-up-content a.experience:hover{background-position: 0 bottom;}

.home .footer{background:transparent url(../images/bg_footer-home.png) 0 0 repeat-x;position:absolute;bottom:0;width:100%;height:130px;padding-top:20px;}

.home .homepage{height:700px;}
.home{min-height:932px;height:100%;width:100%;display:block;position:absolute;}
.experience .homepage{height:800px;}

.home-pod-wrap{position:relative;min-height:300px;max-height:700px;}

#container{left:0px;}

.non-flash div img {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: absolute;
        top: 0;
        left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
        .non-flash div img {
                /*left: 50%;
                                margin-left: -512px; */
        }
}