/* CSS Document */
html {
    font-family     : "Helvetica Light", Arial,Verdana,  Helvetica, Sans-Serif;
    font-size       : 12px;
    font-style      : normal;
    font-weight     : normal;
    margin          : 0px;
    padding         : 0px;
    width           : 100%;
    color           : #000;
}



body {
    margin          : 0px;
    padding         : 0px;
}

div#outer {
    margin          : 0px;
    padding         : 0px;
    background      : #FFF;
    text-align      : center;
}

div {
    margin          : 0px;
    padding         : 0px;
    border          : 0px white solid;
    text-align      : left;
}

h1,
h2,
h3 {
    color           : #1D7AAD;
}

table {
    margin          : 0px;
    padding         : 0px;
    font-family     : "Helvetica Light", Arial,Verdana,  Helvetica, Sans-Serif;
    font-size       : 12px;
    font-style      : normal;
    font-weight     : normal;
}

tbody {
    margin          : 0px;
    padding         : 0px;
}

tr {
    margin          : 0px;
    padding         : 0px;
}

td {
    margin          : 0px;
    padding         : 0px;
    vertical-align : top;
}

img {
    border          : 0px solid black;
}

ul {
    padding-left    : 2em;
}

li {
    list-style      : url('/images/bullets/default.gif') outside ;
}

div#page {
    width           : 1000px;
    margin          : auto;
    background      : white;
    text-align      : left;
}

div.logoBox {
    position        : relative;
    width           : 1000px;
    height          : 120px;
}

div.logoBox h1 {
    font-size       : 1.6em;
    font-weight     : bold;
    margin          : 10px 10px;
}

div.logoBox h2 {
    font-size       : 1.2em;
    font-weight     : bold;
    margin          : 5px 10px;
}

img#topLogo {
    border-width    : 0px;
    width           : 1000px;
    height          : 120px;
    position        : absolute;
    top             : 0px;
    left            : 0px;
}


div#main {
    background      : white;
    float           : right;
    width           : 775px;
}

div#leftColOther,
div#leftColHome {
    float           : left;
    width           : 215px;
    margin          : 0px 5px 0px 0px;
}

div#indexMainCol {
    float           : left;
    width           : 550px;
}

div#genericMainCol {
    float           : left;
    width           : 757px;
    margin          : 0px;
}

div#rightCol {
    float           : right;
    width           : 215px;
    padding         : 0px 0px 0px 5px;
}

div#copyright {
    text-align      : center;
    clear           : both;
    width           : 100%;
    margin-bottom   : 200px;
}

div.articleBox {
    margin-bottom   : 4px;
    height          : 156px;
}

div.navBox {
    margin-bottom   : 1em;
}

.navBox h1 {
    background      : #EEB211;
    display         : block;
    color           : #FFF;
    padding         : 1px 2px;
    font-size       : 1.6em;
    font-weight     : bold;
    margin          : 0px 0px 0.3em 0px;
}

.navBox h3{
    margin-left     : 4px;
    font-size       : 1em;
    color            : #E6694B;
    font-weight     : normal;
    margin          : 0px;
    padding         : 0px;
}

.navBox p {
    margin          : 0px 0px 0.8em 4px;
}


.navBox a{
    color           : blue;
}

.lastModDate {
    font-weight     : bold;
    font-size       : 1em;
    color           : #CCC;
    width        : auto;
}

div.navBox.offers {
    background-color    : #E6694B;
    color           : #FFF;
    border-bottom   : 4px solid #E6694B;
}

.navBox.offers h1{
    background-color    : #E6694B;
    color           : #FFF;
    border-bottom   : 4px solid #E6694B;
    margin-bottom   : 2px;
}

.navBox.offers a{
    color           : #FFF;
    background      : #017AC3;
    display         : block;
    padding         : 4px;
    text-decoration : none;
}

.navBox.offers img{
    border-width    : 0px;
    vertical-align : bottom;
}

div#navNews div.detail a {
    color               : blue;
    width               : auto;
    text-decoration     : underline;
}

#navNews {
    background-color    : #EDB7A5;
    color               : white;
    width               : 215px;
    margin-bottom       : 2px;
}

#navNewsContainer {
    height              : 215px;
    overflow            : auto;
}

#navNews h1 {
    background-color    : #C7000B;
    color               : white;
    font-size           : 1.6em;
    font-weight         : normal;
    padding             : 2px;
    margin              : 0px;
}

#navNews h2 {
    color               : white;
    border              : 1px solid white;
    border-width        : 0px 0px 1px 0px;
    text-transform      : uppercase;
    font-size           : 1em;
    font-weight         : bold;
    padding             : 2px;
    margin              : 0px;
}

#navNews div {
    color               : black;
    padding             : 2px;
}

#navNews div.entry {
    padding             : 0px;
    border-bottom       : 1px solid #EDCBB9;
    margin              : 1px 0px;
    clear               : both;
}

#navNews div.date {
    float               : left;
    width               : 66px;
}

#navNews > div.detail {
    width               : 136px;
    font-weight         : normal;
    padding-left        : 70px;
}

div.content div.contactBox {
    float           : right;
    margin          : 0px 5px 0px 0px;
    padding         : 0px;
}

div.content div.articleBoxContent {
    padding         : 0px;
    height          : 149px;
}

div.content div.articleBoxContent div {
    height          : 149px !important;
    height          : 147px;
    overflow        : hidden;
}

div.content div.articleBoxContent div div {
    height          : auto;
}

div.contactBox a {
    color           : white;
    text-decoration : none;
}

a#mapLink {
    text-decoration : none;
    display         : block;
    margin          : 0em 0px 4px 0em;
    padding         : 0px;
    height          : 90px;
    font-size       : 1px;
    line-height     : 1px;
}

.diving form {
    display         : block;
    background      : white;
    border          : 1px solid #CCC;
    padding         : 5px;
}

.diving div.topKey {
    display         : block;
    background      : white;
    border          : 1px solid #CCC;
    padding         : 5px;
    width           : auto;
}

div.diving h1 {
    display         : block;
    width           : auto;
    background      : #06C;
    color           : white;
    border          : 0px solid #06C;
    padding         : 5px;
    margin          : -5px -5px 0px -5px;
}

.diving .topKey table {
    font-size       : 1.1em;
    width           : 80%;
}

.diving .topKey td {
    padding         : 2px 15px 2px 2px;
    vertical-align   : middle;
    color           : #333;
}

.diving .topKey img {
    vertical-align  : middle;
}

table#results {
    width           : 100%;
    background      : white;
    padding         : 0px;
}

.diving thead {
    background      : #CCC;
    color           : #333;
}

table#results td {
    padding         : 0px 2px;
    border-bottom   : 1px solid #CCC;
    vertical-align  : middle;
    margin :0px;
}

table#results th {
    padding         : 2px 4px;
    margin :0px;
}


.diving .name a {
    text-decoration : none;
}

.diving td.map {
    text-align      : center;
}

.diving .rating img {
    border-width    : 0px;
    padding         : 1px;
    vertical-align  : middle;
}

.diving .diveinfo img {
    margin          : 2px;
    vertical-align  : middle;
}

.diving h1 img {
    float           : right;
    vertical-align  : top;
    border-width    : 0px;
}

table#diveDetails td {
    padding         : 2px 8px;
    border-bottom   : 1px dotted #CCC;
    vertical-align  : bottom;
}

table#diveDetails th {
    padding         : 2px 8px;
    border-bottom   : 1px dotted #CCC;
    vertical-align  : bottom;
}

table#bayDetails td {
    padding         : 2px 8px;
    vertical-align  : top;
}

table#bayDetails th {
    padding         : 2px 8px;
    vertical-align  : top;
}

table#bayFacilities  {
    margin           : 0em 0em 1em 2em;
}

table#bayFacilities td {
    padding         : 0px 8px 2px 8px;
    vertical-align  : middle;
}

table#bayFacilities th {
    padding         : 3px 8px 2px 8px;
    vertical-align  : middle;
    font-weight     : normal;
}

table#bayFacilities th img {
    vertical-align  : middle;
}

/* ACCOMMODATION SEARCH */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */

div#gfe_search form {
    margin              : 0;
    padding             : 0;
}

div#gfe_search h1.gfe_page_title {
    background          : #FD7F26;
    color               : white;
    font-size           : 18px;
    font-weight         : bold;
    height              : 29px;
    margin              : 0;
}

div#gfe_search h1.gfe_page_title span {
    padding             : 2px 2px 2px 5px;
    line-height         : 29px;
}

div#mainFilterDiv {
    border              : 1px solid #FD7F26;
}

div#gfe_search {
    background          : white;
}

div#gfe_filter {
    border              : 1px solid #F5EBBA;
    height              : 100%;
    overflow            : visible !important;
    overflow            : auto;
    position            : relative;
    margin              : 0 2px;
}

div#gfe_search button.filterButton {
    background          : none;
    border              : none;
    cursor              : pointer;
    float               : right;
    padding             : 0;
    width               : 116px;
}

div#filterHelp {
    background-color    : lightYellow;
    border              : 1px solid red;
    font-size           : 1.5em;
    left                : 380px;
    line-height         : 1.2em;
    padding             : 1em;
    position            : absolute;
    text-align          : center;
    top                 : 24px;
    width               : 300px;
}

div#gfe_search div.section {
    clear               : both;
}

div#gfe_search div.filterFields {
    margin              : 0 1em 5px 1em;
    padding             : 6px 0 0;
    display             : none;
}

div#gfe_search div.section h2.filterHeader {
    height              : 16px;
    background          : #F5EBBA;
    vertical-align      : middle;
    padding             : 1px 0px;
    margin              : 1px 0;
}

div#gfe_search div.section h2.filterHeader a {
    text-decoration     : none;
    background          : url('/templates/generic_frontend/images/toggle.gif') top left no-repeat;
    color               : #FD7F26;
    font-size           : 12px;
    padding-left        : 1.5em;
    display             : block;
}

div#gfe_search div.section h2.filterHeader a:hover {
    color               : #F5EBBA;
    background-color    : #FD7F26;
}

div#gfe_search div.selectField {
    margin-right        : 1em;
    float               : left;
    width               : 48%;
}

div#gfe_search div.selectField label {
    display             : block;
    float               : left;
    padding-top         : 5px;
    margin-right        : 1.5em;
}

div#gfe_search div.selectField select {
    font-size           : 12px;
    width               : 14.5em;
}

div#gfe_search fieldset.googleMapGroup,
div#gfe_search fieldset.multiComboGroup {
    clear               : both;
    border              : 1px solid #F5EBBA;
    padding             : 4px 0;
    margin              : 1px 0em 0 -11px;
}

div#gfe_search fieldset.googleMapGroup {
    clear               : none;
    margin-left         : 10px;
    width               : auto;
}

div#gfe_search fieldset.multiComboGroup legend {
    margin-left         : 8px;
    color               : #FD7F26;
    font-weight         : bold;
}

div#gfe_search fieldset.googleMapGroup input {
    display             : none;
}

div#gfe_search fieldset.googleMapGroup div label {
    width              : 13em !important;
    width              : 12.5em;
    cursor             : pointer;
}

div#gfe_search div.multiComboFields {
    margin-left          : 8px;
}

div#gfe_search div.checkboxField {
    float               : left;
    border              : 0px solid #FD7F26;
    border-bottom-width : 1px;
    margin              : 3px 1em 3px 4px;
    padding             : 0px;
}

div#gfe_search div.checkboxField label {
    display             : block;
    float               : left;
    width               : 11.8em !important;
    width               : 11.5em;
}

div#gfe_search div.checkboxField label img {
    margin              : 2px 4px 2px 2px;
    vertical-align      : middle;
}

div#gfe_search img.gmnoprint {
    opacity             : 0.5 ;
}

div#gfe_search img.gmnoprint:hover {
    opacity             : 1.0 !important;
}

div#googleMapLoading,
div#googleMap {
    width               : 350px;
    height              : 300px;
    float               : left;
}

div#googleMapLoading {
    background          : white;
    vertical-align      : middle;
    text-align          : center;
    position            : absolute;
    line-height         : 300px;
    font-size           : 1.5em;
    color               : #FD7F26;
    top                 : 26px;
    left                : 12px;
}


div#gfe_search .tooltip {
    font                : 12px/14px Arial,Helvetica,sans-serif;
    border              : solid 1px #666666;
    width               : 270px;
    padding             : 6px;
    position            : absolute;
    z-index             : 200;
    visibility          : hidden;
    color               : #333333;
    top                 : 30px;
    left                : 90px;
    background-color    : #ffffcc;
    layer-background-color: #ffffcc;
}

div#gfe_search .tooltip ul {
    margin              : 0px;
    padding             : 0px;
    font-weight         : normal;
}

div#gfe_search .tooltip p {
    margin              : 0px 0px 1em 0px;
}

/* the result rows */

table#gfe_results {
    width               : 100%;
    border              : 1px solid #FD7F26;
    border-width        : 0px 0px 1px 1px;
}

table#gfe_results thead tr {
    background          : #FFF0CC;
}

table#gfe_results thead th {
    color               : #FD7F26;
    font-weight         : bold;
    border              : 1px solid #FD7F26;
    border-width        : 0px 1px 1px 0;
    padding             : 2px 3px;
}

table#gfe_results td a {
    color               : black;
    text-decoration     : none;
}

table#gfe_results td {
    border              : 1px solid #FD7F26;
    border-width        : 0px 1px 0 0;
    vertical-align      : middle;
    padding             : 2px 3px;
}

table#gfe_results td img {
    vertical-align      : middle;
    margin              : 0px 2px;
}

table#gfe_results tr.result_row_odd {
    background-color: #FFF0CC;
}

table#gfe_results tr.result_row_even:hover,
table#gfe_results tr.result_row_odd:hover {
    background-color: #fd7f26;
    cursor: pointer;
}

/* DETAILS */

div#detailsBackground {
    position            : fixed;
    z-index             : 1000;
    background          : white;
    height              : 100%;
    width               : 100%;
    top                 : 0;
    left                : 0;
    opacity             : 0.8;
    filter              : alpha(opacity=80);
    display             : none;
    cursor              : pointer;
}

div#detailsContainer {
    position            : fixed;
    z-index             : 1001;
    background          : white;
    width               : 700px;
    margin              : auto;
    margin-left         : -350px;
    height              : 90%;
    left                : 50%;
    top                 : 5%;
    border              : 2px solid #FD7F26;
    display             : none;
}


div#details {
    font-size           : 12px;
    height              : 90%;
    width               : 100%;
}

div#details ul {
    margin              : 0;
    padding             : 0;
    width               : 98%;
}

div#details ul#detailSections {
    overflow            : auto;
    height              : 100%;
    width               : 99%;
    margin              : 0 auto;
}

div#details ul#detailSections ul {
    width               : auto;
}

div#details ul#detailSections li {
    margin              : 2px 0px;
    padding             : 0;
    list-style-type     : none;
    list-style-image    : none;
    clear               : both;
    width               : auto;
}

div#details h1#accomNameHeader {
    color               : white;
    font-size           : 16px;
    font-weight         : bold;
    background-color    : #FD7F26;
    line-height         : 29px;
    padding             : 0 10px;
    margin              : 0;
}


div#details h2.detailHeader,
div#details h3.roomHeader {
    height              : 16px;
    background          : #F5EBBA;
    vertical-align      : middle;
    padding             : 1px 0px;
    margin              : 1px 0;
}

div#details h2.detailHeader a,
div#details h3.roomHeader a {
    text-decoration     : none;
    background          : url('/templates/generic_frontend/images/toggle.gif') top left no-repeat;
    color               : #FD7F26;
    font-size           : 12px;
    padding-left        : 1.5em;
    display             : block;
    width               : 97%;
}

div#details h2.detailHeader a:hover {
    color               : #F5EBBA;
    background-color    : #FD7F26;
}

div#details .detailDetails {
    display             : none;
    margin              : 1px 0px 1px 20px;
}

div#details div#ToggleDetailIntro {
    display             : block;
}

div#details h2#DetailIntro a {
    text-decoration     : none;
    background-position : bottom left;
}

div#details table.detailTable {
    margin-bottom       : 1em;
}

div#details caption {
    text-align          : left;
    color               : black;
    font-weight         : bold;
    font-size           : 12px;
    margin              : 5px 10px 0 0;
    border-bottom       : 1px solid #F5EBBA;
}


div#details table.detailTable th,
div#details table.detailTable td {
    font-weight         : normal;
    padding             : 0;
    height              : auto;
    line-height         : 1.3em;
    vertical-align      : top;
}

div#details table.detailTable th {
    width               : 220px;
}

div#details table.detailTable td p {
    margin              : 0 0 1em 0;
}

div#details table.detailTable th img {
    vertical-align      : middle;
}

div#details table.detailTableRoom th {
    font-weight         : bold;
    border-bottom       : 1px solid #F5EBBA;
}

div#details table.detailTableRoom th,
div#details table.detailTableRoom td {
    text-align          : center;
}