/*
Colours:
Dark Yellow:    #FFCC00
Light Yellow:   #FFE27D
Dark Blue:      #000099
Light Blue      #DEE8F8
Dark Red        #FF0000
Light Red       #FF9999
*/

body, div, span, p, td  { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px; color: #000000; text-align: left; }
body                    { margin: 5px; }
p                       { margin: 0; }

#error                  { margin: 10px; }
.error                  { color: #FF0000; }

input, select           { font-size: 9px; }
textarea                { font-size: 11px; }

a                       { color: #000000; text-decoration: underline; }
a:hover                 { color: #000099; text-decoration: none; }

h1                      { font-weight: bold; font-size: 15px; color: #000099; }
.nomargin               { margin: 0; }
h2                      { font-weight: bold; font-size: 11px; background-color: #000099; color: #FFFFFF; margin: 0; padding: 2px; display: block; }
h3                      { font-weight: bold; font-size: 11px; background-color: #FFCC00; color: #000000; margin: 0; padding: 2px; }
h4                      { font-weight: bold; font-size: 12px; margin: 0; padding: 2px 0 5px 0; }

form                    { margin: 0; }

.button                 { width: 100px; padding: 0 5px 0 5px; }
.note                   { font-style: italic; font-size: 9px; }
.label                  { height: 23px; }
.news                   { float: left; border-right: 5px solid #FFE27D; border-bottom: 5px solid #FFE27D; }
.spacer                 { margin-top: 5px; }

.alert			{ color: #FF0000; }
.alert img              { margin-right: 5px; }

td li                   { margin-left: 12px; }

#col1                   { width: 940px; }
#col2                   { width: 40px; }

#main                   { width: 940px; }

#header td              { height: 90px; padding: 8px 15px; }
#header span            { float: right; vertical-align: top; font-weight: bold; font-size: 18px; color: #FFFFFF; }
#header span p          { text-align: right; }
#header .title          { font-weight: normal; font-size: 20px; color: #FFFFFF; }
#header .number         { font-size: 22px; color: #FFCC00; }
#header .strapline      { font-size: 14px; color: #FFF; }

#menu td                { text-align: center; border-bottom: 1px solid #5B5FFD; }
#menu .active           { padding: 0; border-bottom: 1px solid #FFFFFF; }
#menu .active a, #menu .active a:hover
                        { color: #000000; background-color: #FFFFFF; }

#menu a                 { display: block; width: 112px; line-height: 25px; background-color: #000099; color: #FFFFFF; text-decoration: none; font-weight: bold; border-top: 1px solid #5B5FFD; border-left: 1px solid #5B5FFD; border-right: 1px solid #5B5FFD; }
#menu a:hover           { background-color: #FFCC00; color: #000000; }

#nav_country            { vertical-align: top; }

#nav_link               { border: 1px solid #5B5FFD; padding: 2px; vertical-align: top; }
#nav_link .list         { display: block; padding-bottom: 2px; }
#nav_categories         { }
#nav_categories div     { height: 109px; text-align: top; }
.categories a           { display: block; margin: 3px 0; }
#nav_insurance div      { background-color: #66ccff; text-align: center; }
#nav_atop div           { height: 134px; border: 1px solid #DEE8F8; background-color: #FFFFFF; text-align: center; vertical-align: middle; }

#banner .spacer         { margin: 0; }

#nav1 div               { height: 80px; vertical-align: top; overflow-y: auto; padding-top: 2px; }
#nav1 .grid             { width: 112px; height: 28px; background-color: #5B5FFD; padding: 1px; vertical-align: middle; white-space: normal; }
#nav1 .grid a           { display: block; width: 112px; height: 28px; line-height: 28px; font-size: 9px; vertical-align: middle; text-decoration: none; background-color: #000099; color: #FFFFFF; font-weight: bold; text-align: center; }
#nav1 .grid a:hover     { text-decoration: none; background-color: #FFCC00; color: #000000; }
#nav1 .header           { font-size: 10px; font-weight: bold; border-bottom: 1px solid #5B5FFD; }

#nav2 .spacer           { margin: 0; }

#nav3 td                { white-space: nowrap; }
#nav3 .link             { padding-left: 5px; border: 1px solid #DEE8F8; }
#nav3 a                 {  }

#content                { vertical-align: top; padding: 10px 0 5px 5px; }
.image                  { border-left: 8px solid #FFFFFF; border-bottom: 8px solid #FFFFFF; float: right; }

#left                   { width: 189px; vertical-align: top; white-space: nowrap; }
#left .spacer           { margin-top: 5; }

#search1                { height: 233px; }

#search2                { padding-left: 5px; }
search_facilities td    { font-size: 10px; }

#form1                  { border: 1px solid #DEE8F8; padding: 5px; margin-bottom: 5px; }
#form1 table            { width: 687px; }
#form2                  { background-color: #DEE8F8; padding: 5px; }
.form3                  { background-color: #FFE27D; padding: 5px; }
.form3 .header          { display: block; border-bottom: 1px solid #FFCC00; margin-bottom: 5px; }
.header                 { font-weight: bold; font-size: 12px; border-bottom: 1px solid #DEE8F8; width: 100%; }
.mandatory              { background-color: #FFCC00; }
.prompt                 { padding: 5px; background-color: #FFCC00; }

#grid                   {  }
#grid td                { border: 1px solid #DEE8F8; padding: 5px; vertical-align: top; }
#grid .spacer           { width: 5px; height: 5px; border: 0; padding: 0; }
#grid .active           { background-color: #DEE8F8; cursor: hand; }
#grid .header           { border: 0; }

#list                   {  }
#list td                { border: 1px solid #DEE8F8; padding: 5px; }
#list .spacer           { width: 5px; height: 5px; border: 0; padding: 0; }
#list .active           { background-color: #DEE8F8; cursor: hand; }
#list .header           { border: 0; }
#list img               { width: 190px; margin: 0 0 5px 5px; }

.rotm                   { height: 243px; }
.rotm td                { vertical-align: top; }
#list.rotm              { background-color: #FFE27D; }
#list.rotm img          { width: 95px; }

#scroller               { position: relative; top: 0; }
#navigation             { border: 1px solid #DEE8F8; margin: 0 5px 5px 5px; padding: 4px; }
#navigation a           { display: block; text-decoration: none; }
#navigation a:hover     { text-decoration: underline; }
#help                   { background-color: #FFE27D; margin: 5px; padding: 5px; }
#help .header           { font-weight: bold; border: 0; padding-bottom: 5px; vertical-align: top; }

.booking                { background-color: #FFE27D; padding: 5px; }
.bookingactive          { background-color: #FFCC00; padding: 5px; cursor: hand; }
.booking .number, .bookingactive .number
                        { font-weight: bold; font-size: 1.5em; }

#specials               { width: 100%; text-align: justify; vertical-align: top; }
#specials #list td      { border: 1px solid #FFE27D; padding: 5px; }
#specials #list td.spacer
                        { border: 0; padding: 0; }
#specials #list .active { background-color: #FFE27D; cursor: hand; }

#pages1, #pages2        { padding: 0 0 10px 0; text-align: right; margin-top: 10px; }
#pages1 a, #pages2 a    { width: 25px; text-align: center; padding: 5px; text-decoration: none; background-color: #DEE8F8; border-left: 3px solid #FFFFFF; border-bottom: 3px solid #FFFFFF; }
#pages1 a.active, #pages2 a.active
                        { background-color: #FFCC00; }

#resort                 {  }
#resort td              { vertical-align: top; }
#resort .header         { display: block; margin: 20px 0 5px 0; padding-bottom: 3px; }
#resort .top            { margin-top: 0; }
#resort .left           { vertical-align: top; }
#resort .right          { vertical-align: top; }
#resort .type           { font-weight: bold; }
#resort .row            { background-color: #DEE8F8; }
#resort .oneliner       { font-weight: bold; }

li                      { padding: 2px; }
#facilities li          { padding: 0; }

#pricing                { border: 1px solid #DEE8F8; padding: 5px; }
#pricing td             { vertical-align: top; }

#footer                 { border-top: 1px solid #000099; padding: 5px 0 5px 0; }
#footer .associations   { float: right; font-size: 9px; }
#footer .keywordtext    { padding-top: 10px; text-align: justify; font-size: 9px; }