/* ++++++++++ Global classes +++++++++ */
html, body
{
    height: 100%; /* needed for container min-height */
}

body
{
    margin: 0px;
    padding: 0 12px 0 12px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #535353;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

iframe, form
{
    border: 0px;
    margin: 0px;
}


a:link, a:visited, a:hover, a:active
{
    color: #535353;
    font-weight: bold;
    text-decoration: none;
}
.inputWidth1
{
    width: 300px;
}
.inputWidth2
{
    width: 150px;
}
img
{
    border: none;
}

/* ---------- Global classes --------- */
/* page*/
.page
{
    width: 100%;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
}
/* footer */
.csFooter img
{
    vertical-align: middle;
    padding-right: 5px;
}
.csFooter a
{
    padding-right: 5px;
    padding-left: 5px;
}
/* Toolbar*/
.csToolbar .csToolbarBackgroundLeft img, .csToolbar .csToolbarBackgroundRight img
{
    vertical-align: middle;
    padding-left: 5px;
}
.csToolbar .link
{
    padding-right: 5px;
    padding-left: 2px;
}

/* Global Navigation */
.csGlobalNavigationLevel1 ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 3px;
}

.csGlobalNavigationLevel1 li
{
    display: inline;
    margin: 0;
    padding: 0;
}
.csGlobalNavigationLevel1 li a
{
    display: block;
    float: left;
    padding: 12px 5px 0 5px;
    margin-left: 3px;
}
.csGlobalNavigationLevel2
{
    padding: 8px 0 5px 12px;
}
.csGlobalNavigationLevel2 a, .csGlobalNavigationLevel2 span
{
    margin-right: 5px;
    font-weight: bold;
}

/*  ProcessNavigation  */
.csProcessNavigation
{
    position: relative;
}
.csProcessNavigation img
{
    margin: 0 5px 0 5px;
    vertical-align: middle;
}
.csProcessNavigation span.selected
{
    font-weight: bold;
}

.csProcessNavigationTriangle
{
    position: absolute;
    width: 5px;
    left: 0px;
}
/* BookingNavigation */
.csBookingNavigation
{
    font-weight: bold;
}
.csBookingNavigationBorder
{
    height: 12px;
    line-height: 12px;
    font-size: 12px;
}

/* Section */

.csSection .csSectionHeading, .csSection .csSectionSpecialHeading
{
    float: left;
    padding: 2px 17px 2px 17px;
    position: relative;
    z-index: 500;
}
.csSection .csSectionHeading div, .csSection .csSectionSpecialHeading div, .csGroupingLevel1 div
{
    width: 9px;
    height: 5px;
    line-height: 5px;
    font-size: 5px;
    z-index: 500;
    position: absolute;
    bottom: -5px;
    left: 7px;
}
.csSection .csSectionTable td, .csSection .csSectionSpecialTable td
{
    border-bottom: solid 1px white;
    border-right: solid 1px white;
    padding: 1px 5px 1px 5px;
}
.csSection .csSectionHead td, .csSection .csSectionSpecialHead td
{
    border-right: solid 1px white;
    border-bottom: none;
    font-weight: bold;
}
.csSection td.last
{
    border-right: none;
}

.csSection table.noSection td
{
    border: 0px;
    height: inherit;
    padding: 0px;
}

.csSection table.noSection td img
{
    xfloat: left;
    xpadding: 0px;
    xmargin: 0px;
}


.facilitiesTriangleDown
{
    display: none;
}

.facilitiesSectionOpen .facilitiesTriangleDown
{
    display: inline;
}
.facilitiesSectionOpen .facilitiesTriangleUp
{
    display: none;
}

/*Separator*/
.csSeparatorSmall
{
    line-height: 2px;
    height: 2px;
    font-size: 2px;
}
.csSeparatorLarge
{
    line-height: 5px;
    height: 5px;
    font-size: 5px;
}

/* Page tab */
.csPageTab
{
    padding-top: 8px;
}
.csPageTab ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.csPageTab li
{
    display: inline;
    margin: 0;
    padding: 0;
}
.csPageTab li a
{
    display: block;
    float: left;
    padding: 0px 5px 0 5px;
    border-right-width: 1px;
    border-right-style: solid;
    position: relative;
    z-index: 1000;
}

.csPageTab .csPageTabTriangle
{
    width: 9px;
    height: 5px;
    line-height: 5px;
    font-size: 5px;
    position: absolute;
    z-index: 2000;
    bottom: -10px;
    left: 7px;
}

.csPageTab .csPageTabSpace
{
    line-height: 5px;
    font-size: 5px;
}

/*Shopping cartItem */
.cartItemHeading td
{
    padding-top: 12px;
    font-weight: bold;
}
.cartItemDetail
{
}
.priceInfoIcon
{
    position: relative;
}
span.cartItemPrice
{
    padding-right: 5px;
}
.priceInfoIcon img
{
    position: absolute;
    right: -8px;
    top: 0px;
}

/*PageSection*/

.csPageSection .title
{
    padding-top: 12px;
}

/*Paging Navigation*/

.csPagingNumber
{
    float: left;
    text-align: center;
    vertical-align: middle;
}

.csPaging a, .csPaging a:active, .csPaging a:visited, .csPaging a:link, .csPaging a:hover
{
    font-weight: normal;
}
.csPaging img
{
    vertical-align: middle;
}

/* Gallery */
.csGallery
{
    width: 220px;
}
.csGallery .csGalleryPreview, .csGallery .csGalleryPreview td
{
    height: 165px;
    width: 220px;
    text-align: center;
}
.csGallery .csGalleryTitle td
{
    padding: 3px 5px 3px 5px;
}

.csGallery .csGalleryNavigation td
{
    padding: 2px 5px 2px 5px;
}
.csGallery .csGalleryNavigation img
{
    vertical-align: middle;
}
.csGallery .csGalleryThumbnail img
{
    padding: 5px 2px 5px 2px;
}

/* FilterTab */

.csFilterTab
{
}
.csFilterTab ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.csFilterTab li
{
    display: inline;
    margin: 0;
    padding: 0;
}
.csFilterTab li a
{
    display: block;
    float: left;
    padding: 3px 15px 4px 15px;
    border-right-width: 1px;
    border-right-style: solid;
}
.csFilterTab .csFilterTabHead
{
    padding: 0px 0px 7px 0px;
}
.csFilterTab .csFilterTabHead li a
{
    position: relative;
    z-index: 1000;
}
.csFilterTab .csFilterTabHead li a div
{
    width: 9px;
    height: 5px;
    line-height: 5px;
    font-size: 5px;
    position: absolute;
    z-index: 1000;
    bottom: -5px;
    left: 7px;
}

/* Grouping header */
.csGroupingLevel1
{
    /*padding-left: 12px;*/
    padding: 2px 17px 2px 17px;
    font-weight: bold;
    position: relative;
    z-index: 500;
}
.csGroupingLevel2
{
    /*padding-left: 12px;*/
    padding: 2px 17px 2px 17px;
    font-weight: bold;    
}

/* Brochure classes */
.csLanguageBar
{
    float: left;
    text-align: center;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}
.csLanguageBar a
{
    font-weight: normal;
}


/* Lytebox DHTML */

#lbClose
{
    width: 11px;
    height: 16px;
    float: right;
    margin-top: 5px;
}
#lbClose.tosc
{
    background: url(../lytebox/images/close.gif) no-repeat;
}


/* SearchMask */
.csSearchMask
{
}

.csSearchMask .csSearchMaskTitle
{
    text-transform: uppercase;
    font-weight: bold;
}
.csSearchMask td.csSearchMaskTitle, .csSearchMask td.csSearchMaskContent
{
    border-bottom: 1px solid white;
}

.csSearchMask .control
{
    width: 130px;
}

.csSearchMask .searchOption
{
    width: 130px;
    padding-right: 4px;
    padding-top: 4px;
}

.csSearchMask .searchOption .label
{
    font-weight: bold;
    width: 130px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

/* Filter Options */
.csFilterOptions
{
}

.csFilterOptions .csFilterOptionsTitle
{
    text-transform: uppercase;
    font-weight: bold;
}
.csFilterOptions td.csFilterOptionsTitle, .csFilterOptions td.csFilterOptionsContent
{
    border-bottom: 1px solid white;
}

.csFilterOptions .control
{
    width: 150px;
}

.csFilterOptions .filterOption
{
    width: 150px;
}

.csFilterOptions .filterOption .label
{
    font-weight: bold;
    width: 150px;
    overflow: hidden;
    display: inline-table;
    white-space: nowrap;
}


/*  Action field*/
.csActionField
{
    position: relative;
}
.csActionField .paperclip
{
    position: absolute;
    top: -9px;
    right: 2px;
}
.csActionField
{
    font-size: 1px;
    line-height: 4px;
}


.csActionField table .shadowTopLeft
{
    width: 4px;
}
.csActionField table .shadowTop
{
    line-height: 8px;
}
.csActionField table .shadowLeft
{
}
.csActionField table .shadowBottomLeft
{
}
.csActionField table .shadowBottom
{
}
.csActionField table .shadowRight
{
    width: 25px;
}

.csActionField .csActionFieldContent img
{
    vertical-align: middle;
    padding-right: 5px;
}

/* DropDown Section */

.csSectionDropDown .csSectionDropDownHeading
{
    float: left;
    padding: 2px 17px 2px 17px;
    position: relative;
    z-index: 500;
}
.csSectionDropDown .csSectionDropDownHeading div
{
    width: 9px;
    height: 5px;
    line-height: 5px;
    font-size: 5px;
    z-index: 500;
    position: absolute;
    bottom: -5px;
    left: 7px;
    background-color: Red;
}
.csSectionDropDown .csSectionDropDownTable td
{
    border-bottom: solid 1px white;
    border-right: solid 1px white;
    padding: 1px 5px 1px 5px;
}
.csSectionDropDown .csSectionDropDownHead td
{
    border-right: solid 1px white;
    border-bottom: none;
    font-weight: bold;
}
.csSectionDropDown td.last
{
    border-right: none;
}

.csSectionDropDown table.noborder td
{
    border: 0px;
}
.csSectionDropDown table.noborder td img
{ *float:right;
}

/* Info tabs */

.csInfoTab
{
}

.csInfoTab ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.csInfoTab li
{
    display: inline;
    margin: 0;
    padding: 0;
}
.csInfoTab li a
{
    display: block;
    float: left;
    padding: 3px 15px 4px 15px;
    border-right-width: 1px;
    border-right-style: solid;
}
.csInfoTab .csInfoTabHead
{
    padding: 0px 0px 7px 0px;
}
.csInfoTab .csInfoTabHead li a
{
    position: relative;
    z-index: 1000;
}
.csInfoTab .csInfoTabHead li a div
{
    width: 9px;
    height: 5px;
    line-height: 5px;
    font-size: 5px;
    position: absolute;
    z-index: 1000;
    bottom: -5px;
    left: 7px;
}


.csInfoTab .csInfoTabTable td
{
    border-bottom: solid 1px white;
    border-right: solid 1px white;
    padding: 1px 5px 1px 5px;
}

.csInfoTab td.last
{
    border-right: none;
}

.csInfoTab table.noInfoTab td
{
    border: 0px;
    height: inherit;
    padding: 0px;
}


/* ++++++++++ Most used classes ++++++++++ */
.clearBoth
{
    clear: both;
}
.clearLeft
{
    clear: left;
}
.clearRight
{
    clear: right;
}

.floatRight
{
    float: right;
}
.floatLeft
{
    float: left;
}
.textRight
{
    text-align: right;
}
.textLeft
{
    text-align: left;
}
.textCenter
{
    text-align: center;
}

.padding5
{
    padding: 5px;
}
.paddingLeft5
{
    padding-left: 5px;
}
.paddingRight5
{
    padding-right: 5px;
}
.paddingTop5
{
    padding-top: 5px;
}
.paddingBottom5
{
    padding-bottom: 5px;
}


.padding12
{
    padding: 12px;
}
.paddingTop12
{
    padding-top: 12px;
}
.paddingLeft12
{
    padding-left: 12px;
}
.paddingRight12
{
    padding-right: 12px;
}
.paddingBottom12
{
    padding-bottom: 12px;
}
.paddingTopLine
{
    padding-top: 17px;
}



.margin5
{
    margin: 5px;
}
.marginBottom5
{
    margin-bottom: 5px;
}
.marginTop5
{
    margin-top: 5px;
}


.margin12
{
    margin: 12px;
}
.marginBottom12
{
    margin-bottom: 12px;
}
.marginTop12
{
    margin-top: 12px;
}

.bold
{
    font-weight: bold;
}
.nobold, .nobold td
{
    font-weight: normal;
}
.labelWidth
{
    width: 150px;
}
.mandatory
{
    font-size: 16px;
    font-weight: bold;
}

.noDisplay
{
    display: none;
}
.noVisible
{
    visibility: hidden !important;
}
.blockDisplay
{
    display: block;
}
.noWrap
{
    white-space: nowrap;
}

.priceInfoTooltip, .priceInfoTooltip td
{
    font-weight: normal;
    padding: 0px;
}

.overflow1
{
    overflow: auto;
    height: 310px;
}
/* ---------- Most used classes ---------- */




/*----------Print css-----*/
@media print
{
    .overflow1
    {
        overflow: visible;
        height: auto;
    }
}

/*--------- SET UP ---------------*/
.loginMask
{
    width: 486px;
    height: 360px;
    margin: 200px auto 0;
    background-position: top left;
    background-repeat: no-repeat;
}