body
{
    background-position: center top;
    text-align: center; /* Centres the container */
    margin: 0;
    padding: 0;
    font-size: small;
    background-image: url('../ITC_images/background_subtle_azure_gradient.png');
    background-repeat: repeat-x;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    font-family: Verdana; /* Standard Grey */
    color: #484848;
}

#wrapper
{
    background-position: center top;
    width: 1014px; /* 978px is just wide enough to fill a 1024px screen */
    margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
    text-align: left;
    background-color: #E2E3D3;
    background-image: url('../ITC_images/beach_header_prototype_cropped.jpg');
    background-attachment: scroll;
    background-repeat: no-repeat;
    padding-bottom: 15px;
}

#wrapperAdmin
{
    background-position: center top;
    width: 1014px; /* 978px is just wide enough to fill a 1024px screen */
    margin: 0 auto 0 auto; /* It's important to set the margin to auto if you want the layout to center */
    text-align: left;
    background-color: #408ACB;
    background-image: url('../ITC_images/admin_banner.jpg');
    background-attachment: scroll;
    background-repeat: no-repeat;
    padding-bottom: 15px;
}

#paper
{
    width: 978px; /* 978px is just wide enough to fill a 1024px screen */
    margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
    text-align: left;
}

#clickGoTo
{
    border-width: 55px;
}

.buttonHyperLink
{
    border: 0px solid #000000;
    background-image: url('../ITC_images/details_button_azure.png');
}

a.buttonHyperLink:link
{
    color: #F00;
    text-decoration: underline;
}      /* unvisited link */
a.buttonHyperLink:visited
{
        color: #f00;
        text-decoration: underline;
}  /* visited link */
a.buttonHyperLink:hover
{
        background-image: url('../ITC_images/details_button_azure_hover.png');
        color: #f00;
        text-decoration: underline;
        font-size: larger;
}  /* mouse over link */
a.buttonHyperLink:active
{
        color: #f00;
        text-decoration: underline;
}  /* selected link */

#ppaper
{
    width: 940px; /* 978px is just wide enough to fill a 1024px screen */
    margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
    text-align: center;
    background-color: #FF99FF;
}

#header, #col1, #col2a, #col2b, #col3a, #col3b, #col3c, #col4a, #col4b, #col4c, #footer{
    padding: 10px;  /* This sets a 10px padding on all the content boxes */
}

#pageHeading
{
    font-family: Verdana;
    font-size: x-large;
    font-weight: normal;
    ccolor: #484848;
    ccolor:#3366CC;
    color:#244893;
    padding-top: 10px;
    padding-bottom: 10px;
}

#pageHeadingAdmin
{
    font-family: Verdana;
    font-size: x-large;
    font-weight: normal;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
}

#header
{
    margin: 0px;
    padding-top: 8px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 225px;
}

#headerAdmin
{
    background-position: left center;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 192px;
}

#headerText
{
    margin-top: 62px;
    position: relative;
    float: right;
    visibility: visible;
    display: inline;
    margin-right: 4px;
    background-color: #E2E8F9;
}

#navMenu
{
    border: 1px solid #000000;
    padding: 0px;
    margin: 0px;
    height: 30px;
    overflow: visible;
    line-height: 22px;
    background-repeat: no-repeat;
    width:973px;
}

#navMenuAdmin
{
    padding: 0px;
    margin: 0px;
    height: 30px;
    overflow: visible;
    line-height: 22px;
    background-repeat: no-repeat;
    width:973px;
}
 
#breadcrumb
{
    background-position: #ccc;
    margin: 0;
    float: right;
    text-align: left;
    line-height: 45px;
    padding-right: 10px;
    padding-left: 10px;
}

    a.breadcrumbText:link
{
    color: #F00;
    text-decoration: underline;
}      /* unvisited link */
    a.breadcrumbText:visited
    {
        color: #f00;
        text-decoration: underline;
    }  /* visited link */
    a.breadcrumbText:hover
    {
        color: #f00;
        text-decoration: underline;
        font-size: larger;
    }  /* mouse over link */
    a.breadcrumbText:active
    {
        color: #f00;
        text-decoration: underline;
    }  /* selected link */


.tabAccommHeader
{
    border: 1px solid #000000;
    color: #FFFFFF;
    font-weight: normal;
    font-size: large;
    background-image: url('../ITC_images/accommodation_title_background.png');
    background-repeat: repeat-x;
    text-indent: 5px;
}

.altHeader
{
    border: 1px solid #000000;
    margin: 0px;
    padding-left: 0px;
    color: #FFFFFF;
    font-weight: normal;
    font-size: large;
    width: 100%;
    background-image: url('../ITC_images/accommodation_title_background.png');
    background-repeat: repeat-x;
    text-indent: 5px;
}

.tourHeader
{
    border: 1px solid #000000;
    margin: 0px;
    padding-left: 0px;
    color: #FFFFFF;
    font-weight: normal;
    font-size: large;
    width: 100%;
    background-image: url('../ITC_images/tours_title_background.png');
    background-repeat: repeat-x;
    text-indent: 5px;
}

.tabAccommSubHeader
{
    border: 1px solid #000000;
    color: #FFFFFF;
    font-weight: normal;
    font-size: medium;
    background-image: url('../ITC_images/accommodation_sub_title_background.png');
    background-repeat: repeat-x;
    padding-top: 0px;
    padding-bottom: 3px;
    text-indent: 25px;
}

.tariffHeading
{
    border: 1px solid #000000;
    color: #FFFFFF;
    font-weight: normal;
    font-size: medium;
    background-repeat: no-repeat;
    padding-left: 50px;
    padding-top: 0px;
    padding-bottom: 3px;
    background-color: #0099FF;
    text-align: left;
    border-collapse: collapse;
}

.tourThumb
{
    padding: 10px;
    mmargin: 10px;
    border: 5px solid #000000;
}

.pricingGrid
{
    border: 1px solid #000000;
}

.roomsAmenities
{
    border: 1px solid #000000;
    padding-top:5px;
    list-style-image: url('../ITC_images/Blue_check_with_drop shadow_12_wide.png');
}

.bigListTick
{
    padding-top: 5px;
    padding-bottom: 5px;
    list-style-image: url('../ITC_images/Blue_check_with_drop shadow_18_wide.png');
    font-weight: bold;
    line-height: 20px;
    ffont-size: medium;
}

.weddingList
{
    list-style-position: inside;
}

.emailFormHeader
{
    border: 1px solid #000000;
    width: 100%;
    padding-left:5px;
    padding-bottom: 5px;
    color: #FFFFFF;
    font-weight: normal;
    font-size: large;
    background-image: url('../ITC_images/accommodation_title_background.png');
    background-repeat: repeat-x;
}

.emailFormHeaderSE
{
    width: 100%;
    padding-left: 3px;
    padding-bottom: 1px;
    color: #FFFFFF;
    font-weight: normal;
    font-size: small;
    background-image: url('../ITC_images/accommodation_title_background.png');
    background-repeat: repeat-x;
    text-align: center;
}

.formSettingsTable
{
    border: 1px solid #ccc;
    padding: 0px;
    width: 100%;
    background-color: #cccccc;
    margin: 0px;
    border-collapse: collapse;
    color: #666666;
}

.formSettingsTableSE
{
    bborder: 1px solid #ccc;
    padding: 0px;
    width: 100%;
    background-color: #ffffff;
    margin: 0px;
    border-collapse: collapse;
    color: #666666;
    font-size: x-small;
}

.formSettings
{
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #ffffff;
    text-align: left;
    color: #666666;
}

.testGreyFormInput
{
    color: #666666;
}

.formSettingsCell1
{
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    background-color: #e2e8f9;
    text-align: right;
    width: 200px;
}

.formSettingsCell1SELarge
{
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    background-color: #e2e8f9;
    text-align: right;
    width: 100px;
}

.formSettingsCell1SE
{
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    background-color: #e2e8f9;
    text-align: right;
    width: 90%;
}

.normCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: white;
    color: #484848;
}

.normCalendar .ajax__calendar_header
{
    height: 20px;
    width: 100%;
    background-color: #3366cc;
    color: #FFFFFF;
}

.errorMessageOld
{
    border: 2px solid #000000;
    clear:both;
    float: right;
    width: 33%;
    text-align: right;
    top: 1px;
    vertical-align: top;
}

.errorMessage
{
    ppadding-left: 3px;
}

.roundedOneEx
{
  -moz-border-radius:1ex;
  -webkit-border-radius:1ex;
}
.roundedTwoEx
{
  -moz-border-radius:2ex;
  -webkit-border-radius:2ex;
}

.roundedThreeEx
{
  -moz-border-radius:3ex;
  -webkit-border-radius:3ex;
}

.roundedFourEx
{
  -moz-border-radius:4ex;
  -webkit-border-radius:4ex;
} 

#section1
{
    background-position: #fff;
    float: left; /* Sets this section to the left */
    width: 757px;
}

    #col1 {
        float: left; /* Sets this column to the left inside its section */
        background: #ccc;
        width: 737px;
        margin-left: 0px;
    }
        
#section1Full
{
    float: left; /* Sets this section to the left */
    width: 978px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    #col1Full
{
    float: right; /* Sets this column to the right inside its section */
    width: 970px;
    margin-right: 5px;
}

    #col1Centre
{
    background-color: #fff;
    width: 600px;
    margin: 0 auto; /* This will centre the div */
    padding: 5px;    
}

    #col1CentreInsideBorder
{
    border: 1px solid #666666;
    width: 578px;
    margin: 0 auto; /* This will centre the div */
    padding: 10px;    
}
    
.section2 {
    float: left; /* Sets this section to the left */
    wwidth: 707px;
    width: 757px;
    padding-top: 10px;
}

    .col2Headings
{
    float: centre; /* Sets this column to the centre inside its section */
    width: 100%;
    margin-left: 0px;
    ccolor: #009900;
    ccolor: #A9BAED;
    ccolor: #0CB880;
    color: #3366CC;
}

    #col2a {
        float: left; /* Sets this column to the left inside its section */
        background: #e2e8f9;
        width: 350px;
        margin-left: 0px;
    }
    
    #col2aInsideBorder
    {
        border: 1px solid #666666;
        width: 38px;
        margin: 0 auto; /* This will centre the div */
        padding: 10px;    
    }
    
    #col2b {
        float: right; /* Sets this column to the right inside its section*/
        background: #e2e8f9;
        width: 355px;
    }

#section3 {
    float: left; /* Sets this section to the left */
    width: 757px;
}

    #col3a {
        float: left; /* Sets this column to the left inside its section */
        background: #e2e8f9;
        width: 350px;
        margin-left: 0px;
    }

    #col3b {
        float: right; /* Sets this column to the right inside its section*/
        background: #e2e8f9;
        width: 165px;
    }
    
    #col3c {
        float: right; /* Sets this column to the right inside its section */
        background: #e2e8f9;
        width: 155px;
        margin-right: 10px;
    }

#section3AccDet
{
    float: left; /* Sets this section to the left */
    width: 978px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    #col3aAccDet {
        float: left; /* Sets this column to the left inside its section */
        background: #e2e8f9;
        width: 320px;
        margin-left: 0px;
    }

    #col3bAccDet {
        float: right; /* Sets this column to the right inside its section*/
        background: #e2e8f9;
        width: 320px;
    }
    
    #col3cAccDet {
        float: right; /* Sets this column to the right inside its section */
        background: #e2e8f9;
        width: 320px;
        margin-right: 10px;
    }



#section4 {
    float: left; /* Sets this section to the left */
    width: 757px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    #col4a {
        float: left; /* Sets this column to the left inside its section */
        background: #e2e8f9;
        width: 160px;
        margin-left: 0px;
    }

    #col4b {
        float: right; /* Sets this column to the right inside its section*/
        background: #e2e8f9;
        width: 355px;
    }
    
    #col4c {
        float: right; /* Sets this column to the right inside its section */
        background: #e2e8f9;
        width: 160px;
        margin-right: 8px;
    }
    
.sectionSearch
{
    float: right; /*Sets this section to the right */
    width: 208px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .searchEnquire {
        float: right; /* Sets this column to the right inside its section*/
        width: 100%;
        ppadding:10px; /* Beware, this setting screws up layout difference between IE & Firefox. OK in Firefox, NOT in IE (surprise surprise)*/
    }
    
.submitButton
{
    border: 1px solid #000000;
    background-color: #0CB880;
    color: #FFFFFF;
    font-weight: bold;
}

.submitButtonSE
{
    background-color: #0CB880;
    border: 1px solid #000000;
    color: #FFFFFF;
    font-weight: bold;
    font-size: x-small;
}

.quoteButton
{
    margin-top: 4px;
    margin-bottom: 4px;
}

#footer
{
    border-width: 1px 1px 0px 1px;
    background-position: #FFFFFF;
    background: #FFFFFF;
    clear: both;
    height: 70px;
    margin-top: 10px;
    vertical-align: bottom;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #ccc;
    border-right-color: #ccc;
    border-left-color: #ccc;
}

.footerNavDiv
{
    font-size: x-small;
    text-align: center;
    vertical-align: bottom;
    background-color: #FFFFFF;
    height: 20px;
    vertical-align: bottom;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
}

a.generalHyperLink:link
{
    color: #484848;
    text-decoration: underline;
    font-size: x-small;
}      /* unvisited link */
a.generalHyperLink:visited
{
    color: #484848;
    text-decoration: underline;
    font-size: x-small;
}  /* visited link */
a.generalHyperLink:hover
{
    color: #484848;
    text-decoration: underline;
    font-size: x-small;
}  /* mouse over link */
a.generalHyperLink:active
{
    color: #484848;
    text-decoration: underline;
    font-size: x-small;
}  /* selected link */


a.generalHyperLinkNormal:link
{
    color: #484848;
    text-decoration: underline;
}      /* unvisited link */
a.generalHyperLinkNormal:visited
{
    color: #484848;
    text-decoration: underline;
}  /* visited link */
a.generalHyperLinkNormal:hover
{
    color: #484848;
    text-decoration: underline;
}  /* mouse over link */
a.generalHyperLinkNormal:active
{
    color: #484848;
    text-decoration: underline;
}  /* selected link */

.footerAccom
{
    border: 1px solid #000000;
    padding: 5px;
    background-color: #0033CC;
    color: #FFFFFF;
    font-size: large;
    font-weight: normal;
}

a.footerNavDivHyperLink
{
    color: #484848;
    text-decoration: underline;
}      /* unvisited link */