/*

!!!CSS PARSER NOTES/ GUIDELINE - PLEASE READ BEFORE EDITING THIS FILE - AND 03/02/2010!!!

Certain standards need to be adhered to in order to support the themes administration
style editing functionality.
1) Updates to this CSS file will need to be loaded into the theme table using a schema script 
   for the eStore template record
2) Comments: please do not put any comments within a class - comments before/ after the class are fine
3) Classes: 
    a) it is ok to add or remove attributes from a class
    b) if a style needs to be edited please add each attibute seperately, e.g.
        good:
            border-top-style: solid;
            border-top-color: Red;
            border-top-width: 1px;
        bad:
            border-top: solid 1px Red;
       N.B styles that do not need editing are ok if they are left in the short format, they just 
           cannot be edited
4) Elements: if you need to create a new element, please do not just update an existing 
   class, e.g. do not take the existing '.gridFoo' class and turn it into '.gridFoo tr', 
   instead create a new class '.gridFoo tr'.  If this original class has been exposed through the
   themes admin style editor then a customer may have updated this class in a local theme and if 
   we remove it they will not be able to edit it.
*/

body
{
    font-size: 13px;
    border-collapse: collapse;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    height: 100%;
    color: #A19680;
    background-color: inherit;
    background-position: center top;
    background-repeat: no-repeat;
}

.container_main
{
    background-color: inherit;
}

.linkDefault
{
    color: #538190;
}

/* Blank Style to enable tool tip to be placed on link */
.linkCVVDescription
{
}

/* Major Content Sections*/
.panelUserMenu
{
    color: #8E887C;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
}

.linkUserMenu
{
    color: #8E887C;
    font-weight: bold;
}

.panelUserMenuLeft
{
    float: left;
}

.panelUserMenuRight
{
    float: right;
}

.panelMainMenu
{
    height: 52px;
    z-index: 100;
}

.panelFooter
{
    color: #8E887C;
    height: 25px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: bold;
}

.panelFooterLeft
{
    float: left;
    padding-top: 4px;
}

.panelFooterRight
{
    float: right;
    padding-top: 4px;
}

.linkFooter
{
    color: #8E887C;
    font-weight: bold;
}

.panelHeaderBanner
{
    margin-bottom: -3px;
}

/* Some high level global style values */

/* Text areas ignore the body font, so we need to set this explicitly */
textarea
{
    font-family: Arial;
}

.textBox
{
    font-size: 13px;
    color: #000000;
}

.textBoxRequired
{
    background-color: #ffffff;
}

.labelRequired
{
    font-weight: bold;
}

.labelRequiredIndicator
{
    color: #000000;
    vertical-align: top;
    font-weight: bold;
    font-size: 16px;
}

.textBoxDisabled
{
}

.dropDown
{
}

.dropDownRequired
{
    background-color: #ffffff;
}

.dropDownDisabled
{
}

/* Label, headers, subheaders, etc definition*/
.labelContentHeader
{
    font-size: 29px;
    color: #A19680;
}

.labelContentHeaderSecondary
{
    font-size: 22px;
    color: #6A6A6A;
}

.labelContentSubHeader
{
    font-size: 15px;
    color: #000000;
    font-weight: bold;
}

.panelContentStandard
{
    font-size: 12px;
    color: #000000;
}

.panelToolTip
{
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    padding: 7px;
    background-color: #FFFFFF;
    color: #000000;
}

.labelSort
{
    font-weight: bold;
    font-size: 12px;
    color: #6A6A6A;
}

.linkButtonSecondaryButton
{
    background-color: #DDD7CA;
    text-align: center;
    color: #538190;
    vertical-align: top;
    padding-top: 4px;
    padding-bottom: 4px;
}

.linkButtonShowHidHeader
{
    color: #538190;
    font-size: 11px;
}

/* Alert, Error, and Confirmation Styles*/
.divError
{
    padding: 5px;
    border: solid 1px #990000;
    text-align: left;
}

.labelError
{
    color: #990000;
    font-weight: bold;
}

.divAlert
{
    padding: 5px;
    border: solid 1px #990000;
    text-align: left;
}

.labelAlert
{
    color: #990000;
    font-weight: bold;
}

.divConfirmation
{
    padding: 5px;
    border: solid 1px #175F03;
    text-align: left;
}

.labelConfirmation
{
    color: #175F03;
    font-weight: bold;
}

/* Watermark Styles */
.FormatWatermark
{
    color: Gray;
}

.FormatWatermarkRequired
{
    color: Gray;
}

/* Product Criteria styles*/
.panelProductCriteria
{
    border: solid 1px #DDD7CA;
    background-color: #F1EEE9;
    float: left;
    width: 100%;
    padding-bottom: 7px;
}

.panelProductCriteriaHeader
{
    font-size: 20px;
    color: #A19680;
    font-weight: bold;
    padding: 10px 7px 10px 7px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDD7CA;
}

.cellProductSearchCriteriaLabel
{
    padding-top: 20px;
    font-size: 14px;
    color: #000000;
    padding-left: 7px;
    vertical-align: middle;
    font-weight: bold;
}

.cellProductSearchCriteriaInput
{
    padding-top: 20px;
    padding-left: 7px;
    padding-right: 7px;
    vertical-align: middle;
}

.cellProductSearchCriteriaRight
{
    padding-top: 20px;
    padding-right: 7px;
    vertical-align: middle;
    text-align: right;
}

.rowProductSearchCriteria
{
    border-width: 0px;
}

.gridProductSearchCriteria
{
    width: 100%;
}

/* Category Navigation Accordian */
.accordianCategoryNavigation
{
    border: solid 1px #DDD7CA;
    width: 100%;
}

.accordianCategoryNavigationHeader
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 17px;
    color: #A19680;
    font-weight: bold;
}

.accordianCategoryNavigationContentItem
{
    padding: 7px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #DDD7CA;
    font-weight: bold;
    color: #6A6A6A;
    text-decoration: none;
    cursor: pointer;
}

.accordianCategoryNavigationContentItemSelected
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #DDD7CA;
    padding: 7px;
    font-weight: bold;
    color: #6A6A6A;
    background-color: #DDD7CA;
    cursor: pointer;
}

.accordianCategoryNavigationContentItemSelected span
{
    cursor: pointer;
}

/*  Accordian CSS style for the accordian navigation */

.AccordianHeaderWidget
{
    background-color: #00487D;
    color: #FFFFFF;
    padding: 4px;
    font-size: 14px;
    cursor: pointer;
    border-bottom: solid 1px #000000;
    vertical-align: middle;
}

.AccordianContentWidget
{
    background-color: #FFFFFF;
    color: #000000;
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: solid 1px #000000;
    border-top-width: 0px;
}

a.AccordianHeaderWidgetLink:link, a.AccordianHeaderWidgetLink:visited, a.AccordianHeaderWidgetLink:hover, a.AccordianHeaderWidgetLink:active
{
    color: #FFFFFF;
    text-decoration: none;
}

a.AccordianContentWidgetLink:link, a.AccordianContentWidgetLink:visited, a.AccordianContentWidgetLink:hover, a.AccordianContentWidgetLink:active
{
    color: #000000;
    display: block;
}

/*  Main Menu CSS elements */

.MenuMain
{
    height: 52px;
    margin-top: -1px;
    z-index: 100;
}

/*  Drop Down and popout Menu Items */
.MenuItemMainDynamic
{
    border-top: solid 1px #8E887C;
    height: 28px;
    width: 220px;
    color: #8E887C;
    margin-left: 0px;
    margin-right: 0px;
    z-index: 100;
}

.MenuItemMainDynamic td
{
    padding-left: 14px;
    padding-right: 7px;
    margin-left: 0px;
    margin-right: 0px;
    vertical-align: middle;
    z-index: 100;
}

.MenuItemMainDynamicHover
{
    color: inherit;
    background-color: #DDD7CA;
    z-index: 100;
}

.MenuMainDynamicStyle
{
    border-left: solid 1px #8E887C;
    border-right: solid 1px #8E887C;
    border-bottom: solid 1px #8E887C;
    z-index: 100;
}

/*  Top Level Horizontal Menu Items */
.MenuItemMainStatic
{
    font-size: 16px;
    font-weight: bold;
    color: #5D5D5D;
    height: 52px;
    vertical-align: middle;
    text-align: center;
    margin-right: -3px;
    z-index: 100;
}

.MenuItemMainStatic td
{
    padding-left: 17px;
    padding-right: 17px;
    font-size: 16px;
    font-weight: bold;
    z-index: 100;
}

.MenuItemMainStaticHover
{
    background-color: #8E887C;
    color: #FFFFFF;
    border-width: 0px;
    z-index: 100;
}

.MenuItemUserProfileStatic
{
    vertical-align: middle;
    border-bottom-color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 3px;
    cursor: pointer;
    z-index: 100;
}

/*  Validaiton Extender */
.ValidationCallout
{
    z-index: 9999999;
}

/*Modal Popup*/
.modalBackground, .cmtModalBackground
{
    background-color: Gray;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.modalBackgroundOverlay
{
    background-color: Gray;
    filter: alpha(opacity=30);
    opacity: 0.3;
    z-index: 999999 !important;
}

.backgroundOverlay
{
    z-index: 200000 !important; /* This should be one less than the z-index of PopupOverlay */
}

.modalScrollWithBrowser
{
    position: absolute !important;
    margin-top: 20px !important;
    top: 20px !important;
}

.modalPopup
{
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    padding: 3px;
}

.modalPopupProductSelected, .cmtModalEdit
{
    width: 650px;
    padding: 15px;
    background-color: #ffffff;
}

.popupOverlay
{
    z-index: 200001 !important; /* This should be one less than the z-index of BackgroundOverlay */
}

.modalScrollWithBrowser
{
    position: absolute !important;
}

.cmtModalEdit
{
    z-index: 999999 !important;
}

.modalPopupProductComparison
{
    width: 750px;
    padding: 15px;
    background-color: #ffffff;
}

.modalReceipientVoucherList
{
    width: 550px;
    padding: 15px;
    background-color: #ffffff;
}

.panelPopupProductComparison
{
    width: 750px;
    font-size: 12px;
    color: #000000;
}

/* Grid View Columns*/
.gridViewColumnDate
{
    width: 75px;
    text-align: center;
}

/* Navigation Breadcrumb Styles*/
.panelNavigationBreadCrumb
{
    font-size: 11px;
    color: #538190;
    text-align: left;
    vertical-align: middle;
    display: block;
}

.panelBreadCrumbItem
{
    text-align: center;
    vertical-align: middle;
    display: inline;
}

.panelBreadCrumbFlyOut
{
    text-align: left;
    background-color: #FFFFFF;
    border: solid 1px #000000;
    border-color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.panelBreadCrumbSeperator
{
    vertical-align: middle;
    display: inline;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: auto;
    margin-bottom: auto;
}

.linkBreadCrumbItem
{
    font-size: 11px;
    color: #538190;
}

.linkBreadCrumbChildItem
{
    font-size: 11px;
    color: #538190;
}

.linkBreadCrumbSubItem
{
    font-size: 11px;
    color: #538190;
}

/* Checkout Breadcrumb Styles*/

.panelCheckoutSteps
{
    text-align: center;
}

.panelCheckoutStepIcon
{
    display: inline;
    background-color: #E1DBCF;
    font-size: 0px;
    padding: 10px 10px 10px 10px;
}

.panelCheckoutStepIconSelected
{
    display: inline;
    background-color: #FFFFFF;
    border: solid;
    border-width: 1px;
    border-color: #DDD7CA;
    font-size: 0px;
    padding: 10px 10px 10px 10px;
}

/* seperator between boxes */
.panelCheckoutSeperatorIcon
{
    display: inline;
    text-align: center;
    color: #948E80;
    font-size: 11px;
    white-space: nowrap;
    padding-right: 5px;
    padding-left: 5px;
}

.panelCheckoutSeperatorText
{
    display: inline;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 0px;
}

.panelCheckoutStepText
{
    display: inline;
    white-space: normal;
    color: #948E80;
    text-align: center;
}

/* text below the boxes */
.textCheckoutStep
{
    display: inline-block;
    width: 60px;
    color: #948E80;
    font-family: inherit;
    white-space: normal;
    vertical-align: top;
}

.panelProgressSeperator
{
    display: inline;
}

/* text beside step boxes */
.panelCheckoutStepProgress
{
    display: inline-block;
    text-align: right;
    width: 120px;
    padding-top: 7px;
    padding-right: 10px;
    color: #948E80;
    white-space: nowrap;
    font-weight: bold;
    vertical-align: top;
}

/* Details View Styles */
.detailsRow
{
    padding: 0px;
}
.detailsEditRow
{
    padding: 4px;
}
.detailsInsertRow
{
    padding: 4px;
}

/*Grid View Styles*/

.panelProductResults
{
    border: solid 1px #DDD7CA;
}

.panelProductResultsHeader
{
    vertical-align: top;
    text-align: left;
    padding: 10px 7px 10px 7px;
    font-size: 18px;
    color: #A19680;
    font-weight: bold;
}

/* Product Results Grid */

.gridProductResultsStandard
{
    vertical-align: top;
    border-width: 0px;
    background-color: #F1EEE9;
    border-width: 0px;
    width: 100%;
}

.gridActivityProductResultsStandardRow
{
    padding: 0px 0px 0px 0px;
}


.cellProductResultsStandard
{
    vertical-align: top;
    border-width: 0px;
    padding-top: 7px;
    padding-bottom: 20px;
    padding-left: 2px;
    padding-right: 2px;
    border-top-color: #DDD7CA;
    border-top-width: 1px;
    border-top-style: solid;
}

.cellProductResultsStandardImage
{
    vertical-align: top;
    border-width: 0px;
    padding-top: 7px;
    padding-bottom: 20px;
    padding-left: 7px;
    padding-right: 5px;
    border-top-color: #DDD7CA;
    border-top-width: 1px;
    border-top-style: solid;
}

.cellProductResultsStandardCompareCheckbox
{
    vertical-align: middle;
    border-width: 0px;
    padding-top: 5px;
    border-top-color: #DDD7CA;
    border-top-width: 1px;
    border-top-style: solid;
}

.cellProductResultsStandardButton
{
    vertical-align: top;
    border-width: 0px;
    padding-top: 7px;
    padding-bottom: 20px;
    padding-left: 2px;
    padding-right: 7px;
    border-top-color: #DDD7CA;
    border-top-width: 1px;
    border-top-style: solid;
}

.cellProductResultsStandardHeader
{
    vertical-align: top;
    border-width: 0px;
}

.gridProductResultsStandardHeader th
{
    border-width: 0px;
    color: #A19680;
    font-size: 13px;
    text-align: left;
}

.gridProductResultsStandardRow
{
    background-color: #F1EEE9;
}

.gridProductResultsStandardRow td
{
    border-top-color: #DDD7CA;
    border-top-width: 1px;
    border-top-style: solid;
}

.linkProductTitle
{
    font-weight: bold;
    font-size: 14px;
    color: #538190;
}

.labelProductTitle
{
    color: #000000;
    font-weight: bold;
    font-size: 13px;
}

.labelProductDescription
{
    font-size: 12px;
    color: #6A6A6A;
}

.labelProductPrice
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
}

.cellTeeTimeResults
{
    vertical-align: top;
    border-width: 0px;
    padding-top: 7px;
    padding-bottom: 20px;
    padding-left: 7px;
    padding-right: 7px;
    border-top: solid 1px #DDD7CA;
}

.cellTeeTimeResultsHeader
{
    vertical-align: top;
    border-width: 0px;
    padding-left: 7px;
    padding-right: 7px;
}

/* Credit Card Selection */
.gridCreditCardSelect
{
    vertical-align: top;
    width: 100%;
}

.gridCreditCardSelectRow
{
    padding: 0px 0px 30px 0px;
}

.gridCreditCardSelectRow td
{
    color: #000000;
    text-align: left;
    padding-top: 7px;
    padding-bottom: 10px;
}

.gridCreditCardSelectHeader
{
    border-width: 0px;
    color: #000000;
    font-size: 13px;
}

.gridCreditCardSelectHeader th
{
    text-align: left;
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Gridview Form Styles */
.gridFormInput
{
    background-color: #F1EEE9;
    border: solid 1px #DDD7CA;
}

.gridFormInputRow
{
    padding: 0px 0px 30px 0px;
}

.gridFormInputRow td
{
    color: #000000;
    text-align: left;
}

.gridFormInputHeader
{
    color: #A19680;
    font-size: 13px;
}

.gridFormInputHeader th
{
    text-align: left;
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #DDD7CA;
}

.gridFormInputFooter tf
{
    height: 20px;
}

gridViewUserVoucherList
{
    /*background-color: #F1EEE9; 	border: solid 1px #DDD7CA; */
}

.gridViewUserVoucherListRow
{
    padding: 0px 0px 30px 0px;
}

.gridViewUserVoucherListRow td
{
    color: #000000;
    text-align: left;
}

.gridViewUserVoucherListHeader
{
    color: #A19680;
    font-size: 13px;
}

.gridViewUserVoucherListHeader th
{
    text-align: left;
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #DDD7CA;
}

.gridViewUserVoucherListFooter tf
{
    height: 20px;
}

.gridStandardMain
{
    border: solid 1px #000000;
    background-color: #FFFFFF;
}

.gridStandardMainCompact
{
    border: solid 1px #000000;
    background-color: #FFFFFF;
}

.gridStandardMainCompact td, .gridStandardMainCompact th
{
    border-width: 0px;
    padding: 2px;
    vertical-align: top;
}

.gridStandardMain td, .gridStandardMain th
{
    border-width: 0px;
    padding: 5px;
    vertical-align: top;
}

.gridStandardRow
{
    background-color: #FFFFFF;
}

.gridStandardRowAlternate
{
    background-color: #BFE4FF;
}

.gridStandardHeader
{
    background-color: #00487D;
    font-size: 14px;
    color: #FFFFFF;
}

.gridStandardHeader a:link, .gridStandardHeader a:visited, .gridStandardHeader a:hover, .gridStandardHeader a:active
{
    color: #FFFFFF;
}

.gridStandardHeaderCompact
{
    background-color: #00487D;
    font-size: 12px;
    color: #FFFFFF;
}

.tableProductResultsGrid
{
    border-top-color: #DDD7CA;
    border-top-width: 1px;
    border-top-style: solid;
    border-left-color: #DDD7CA;
    border-left-width: 1px;
    border-left-style: solid;
    border-bottom-width: 0px;
    border-right-width: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cellProductResultsGrid
{
    border-bottom-color: #DDD7CA;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-right-color: #DDD7CA;
    border-right-width: 1px;
    border-right-style: solid;
    width: 171px;
    padding: 7px 10px 10px 10px;
    text-align: center;
    vertical-align: bottom;
}

.imageProductGrid
{
    text-align: center;
    width: 150px;
    height: 150px;
}

/* Checkout cart styles */
.ShoppingCartTotalValues
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
}

.ShoppingCartTotalLabels
{
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
}

.calendarInventoryPool
{
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    background-color: #FFFFFF;
    color: #000000;
}


.calendarInventoryPoolTitle
{
    background-color: #EDEDED;
    padding: 7px;
    color: #000000;
}

.cellPastDate
{
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    background-color: #C0C0C0;
    text-decoration: line-through;
}

.cellDateAvailable
{
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    background-color: #ffffff;
}

.cellDateUnavailable
{
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    background-color: #C0C0C0;
}

.cellDateSelected
{
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    background-color: #A19680;
}

/* main cart & modal*/
.gridShoppingCart
{
    width: 100%;
    border-left: solid 1px #DDD7CA;
    border-right: solid 1px #DDD7CA;
    border-top: solid 1px #DDD7CA;
    border-bottom-width: 0px;
    color: #000000;
}

.gridShoppingCartTotals
{
    width: 100%;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    text-align: right;
}

.gridShoppingCartTotals td
{
    padding: 5px 6px 5px 3px;
    vertical-align: top;
}

.cellShoppingCartTotalLabel
{
    color: #6A6A6A;
    font-size: 13px;
    font-weight: bold;
}

.labelReceiptAmount
{
    color: #000000;
    font-weight: bold;
    font-size: 13px;
}

.labelCartItemDate
{
    white-space: nowrap;
}

.labelCartItemTotal
{
    white-space: nowrap;
}

.rowShoppingCart
{
    background-color: #F1EEE9;
}

/* main cart & modal */
.rowShoppingCart td
{
    background-color: #F1EEE9;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #DDD7CA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DDD7CA;
    border-top-width: 0px;
    border-left-width: 0px;
    padding: 7px 7px 7px 7px;
    font-weight: bold;
    vertical-align: top;
}

.rowShoppingCartHeader
{
}

/*cart header main & modal */
.rowShoppingCartHeader th
{
    border-width: 0px;
    color: #A19680;
    font-size: 17px;
    font-weight: bold;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: bottom;
    background-color: inherit;
}

.rowShoppingCartHeaderMargin
{
    width: 5px;
}

/*cart sub total main & modal */
.panelShoppingCartSummaryInfo
{
    float: right;
    text-align: left;
    background-color: #F1EEE9;
    color: #A19680;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #DDD7CA;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #DDD7CA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DDD7CA;
    padding: 10px 7px 20px 7px;
    font-size: 13px;
    width: 220px;
}

.panelShoppingCartSummarySubtotalLeft
{
    float: left;
    width: 50%;
    font-size: 17px;
    font-weight: bold;
}

/*cart sub total modal only*/
.panelShoppingCartSummarySubtotalRight
{
    float: right;
    width: 50%;
    text-align: right;
    color: #000000;
    font-size: 17px;
    font-weight: bold;
}

.panelShoppingCartSummaryCart
{
    float: right;
    padding: 10px 7px 10px 7px;
}

.gridShoppingCartWidget
{
    width: 100%;
    border-width: 0px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #DDD7CA;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #DDD7CA;
}

/* cart widget - qty column */
.rowShoppingCartWidget
{
    color: #6A6A6A;
    font-size: 11px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DDD7CA;
}

.rowShoppingCartWidget td
{
    padding-left: 2px;
    padding-right: 2px;
    text-align: left;
    border-top-width: 0px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #DDD7CA;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #DDD7CA;
}

/* cart widget - qty column */
.rowShoppingCartHeaderWidget
{
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    height: 27px;
    border-top-width: 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DDD7CA;
}

.rowShoppingCartHeaderWidget th
{
    padding-left: 2px;
    padding-right: 2px;
    text-align: left;
    border-left-style: solid;
    border-left-width: 0px;
    border-left-color: #DDD7CA;
    border-right-style: solid;
    border-right-width: 0px;
    border-right-color: #DDD7CA;
}

/* persistent cart header*/
.panelShoppingCartWidgetHeader
{
    height: 37px;
    padding-left: 7px;
    padding-right: 7px;
    border-style: solid;
    border-width: 1px;
    border-color: #DDD7CA;
    background-color: #DDD7CA;
    color: #538190;
    font-weight: bold;
    font-size: 13px;
}

.panelShoppingCartWidgetHeaderLeft
{
    margin-top: 10px;
    float: left;
    border-width: 0px;
}

.panelShoppingCartWidgetHeaderRight
{
    margin-top: 10px;
    float: right;
    border-width: 0px;
}

/* persistent cart - link (edit only) */
.linkEditCart
{
    font-weight: bold;
    font-size: 13px;
}

/* persistent cart */
.panelShoppingCartWidgetInfo
{
    padding: 7px 7px 7px 7px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #DDD7CA;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #DDD7CA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DDD7CA;
}

.linkShippingTaxDetails
{
    font-weight: bold;
    font-size: 11px;
    color: #528190;
}

.panelShoppingCartWidgetInfoLeft
{
    float: left;
    text-align: left;
    width: 50%;
    color: #6A6A6A;
    font-weight: bold;
    font-size: 11px;
}

.panelShoppingCartWidgetInfoRight
{
    float: right;
    text-align: right;
    width: 50%;
    color: #000000;
    font-weight: bold;
    font-size: 11px;
}

.panelShoppingCartWidgetEmpty
{
    text-align: left;
    padding: 14px 7px 14px 7px;
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    border-left: solid 1px #DDD7CA;
    border-right: solid 1px #DDD7CA;
    border-bottom: solid 1px #DDD7CA;
}

.linkDeleteLineItem
{
    font-size: 12px;
    color: #538190;
}

.linkShoppingCartProductName
{
    font-size: 13px;
    color: #538190;
    font-weight: bold;
}

.panelShoppingCartStandardInfo
{
    float: right;
    text-align: left;
    background-color: #F1EEE9;
    color: #A19680;
    border-left: solid 1px #DDD7CA;
    border-right: solid 1px #DDD7CA;
    border-bottom: solid 1px #DDD7CA;
    padding: 20px 20px 20px 10px;
    font-size: 13px;
    width: 270px;
}

.panelShoppingCartStandardShippingAndTaxes
{
    width: 100px;
}

.panelShoppingCartStandardSubtotalLeft
{
    float: left;
    width: 50%;
    font-size: 22px;
    font-weight: bold;
}

.panelShoppingCartStandardSubtotalRight
{
    float: right;
    width: 50%;
    text-align: right;
    color: #000000;
    font-size: 22px;
    font-weight: bold;
}

.panel_home_page_tri_box
{
    border-width: 1px;
    border-style: solid;
    border-color: #DDD7CA;
    padding: 10px 10px 10px 10px;
    color: inherit;
    width: 210px;
    margin: 0px;
    vertical-align: top;
}

.panelShoppingCartCheckoutTotals
{
    float: right;
    text-align: left;
    background-color: #F1EEE9;
    border-left: solid 1px #DDD7CA;
    border-right: solid 1px #DDD7CA;
    border-bottom: solid 1px #DDD7CA;
    padding: 20px 0px 20px 10px;
    font-size: 13px;
    width: 270px;
}

.panelShoppingCartCheckoutPaymnents
{
    float: right;
    width: 282px;
}

.label_tri_box_header
{
    font-size: 20px;
    font-weight: bold;
    color: #A19680;
}

.label_tri_box_subheader
{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.gridNoFormattingMain
{
    border-width: 0px;
}

.cellNoFormattingMain, .gridNoFormattingMain td, .gridNoFormattingMain th
{
    border-width: 0px;
    padding: 7px 2px 0px 2px;
    vertical-align: middle;
}

/* Form Styles */
.panelFormHeader
{
    border-top: solid 1px #DDD7CA;
    border-left: solid 1px #DDD7CA;
    border-right: solid 1px #DDD7CA;
    color: #948E80;
    font-size: 20px;
    padding: 10px;
    font-weight: bold;
}

.panelFormHeaderNoOutline
{
    color: #948E80;
    font-size: 20px;
    padding: 10px;
    font-weight: bold;
}

.panelContentLogin
{
    width: 820px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.panelContentContactUs
{
    border-top: solid 1px #DDD7CA;
    width: 600px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.panelContentContactUs input[type=text]
{
    width: 300px;
}

.panelContentContactUs textarea
{
    width: 550px;
}

.inputLabel
{
    float: left;
    width: 140px;
    padding-top: 4px;
}

.loginOptionBox
{
    float: left;
    width: 335px;
    padding: 5px;
}

.loginOptionBoxLeft 
{   
    padding-left:65px;
}

.loginButtonWrapper 
{
    text-align: center;
    padding: 6px;
}

.panelFormActions
{
    padding-top: 5px;
    text-align: right;
}

.panelFormContent
{
    background-color: #F1EEE9;
    color: #000000;
    padding: 10px;
    border-bottom: solid 1px #DDD7CA;
    border-left: solid 1px #DDD7CA;
    border-right: solid 1px #DDD7CA;
}

.panelFormContentMiddle
{
    background-color: #F1EEE9;
    color: #000000;
    padding-left: 10px;
    padding-right: 10px;
    border-left: solid 1px #DDD7CA;
    border-right: solid 1px #DDD7CA;
}

.panelFormContentNoBorder
{
    background-color: #F1EEE9;
    color: #000000;
    padding: 10px;
}

.gridFormContent
{
    width: 100%;
    color: #000000;
}

.rowFormContent
{
    padding-left: 10px;
}

.rowFormContent td
{
    padding-top: 10px;
}

.rowFormContentCompact
{
    padding-left: 10px;
}

.rowFormContentHeader
{
    padding: 0px;
    width: 0px;
}

.rowFormContentFooter td
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.labelFormLabel
{
    color: #000000;
    font-weight: bold;
    display: block;
}

.labelFormLabelInline
{
    color: #000000;
    font-weight: bold;
    display: inline;
}

.gridAdditionalContent
{
    color: #A19680;
    font-size: 12px;
}

.rowAdditionalContent
{
}

.rowAdditionalContent td
{
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 7px;
    padding-left: 0px;
}

.tabContainer
{
    color: #6A6A6A;
    font-size: 12px;
    border-color: #DDD7CA;
    background-color: #ffffff;
}

.tabContainer .ajax__tab_outer
{
    padding: 7px 0px 7px 0px;
    text-align: center;
    cursor: pointer;
}

.tabContainer .ajax__tab_header
{
    color: inherit;
    background-color: #F1EEE9;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #DDD7CA;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #DDD7CA;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #DDD7CA;
}

.tabContainer .ajax__tab_active .ajax__tab_outer
{
    color: inherit;
    background-color: #ffffff;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #DDD7CA;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #DDD7CA;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #DDD7CA;
}

.tabContainer .ajax__tab_body
{
    color: inherit;
    border: solid 1px #DDD7CA;
    padding: 7px;
    background-color: #ffffff;
}

.tabContainerCheckout .ajax__tab_outer
{
    padding: 7px 10px 7px 10px;
}

/*	CMT Styles		*/
.panelCMTEditModePanel
{
    border: solid 1px #000000;
}
.panelCMTEditModeFileName
{
    color: #000000;
    background-color: #D3D3D3;
    font-size: 12px;
    padding: 3px 1px 3px 1px;
}
.panelCMTEditModeTitle
{
    color: #000000;
    font-size: 15px;
}
.panelCMTEditModeActions
{
    color: #000000;
    font-size: 13px;
}

/* Product Comparison Styles */
.imageProductComparison
{
    width: 100px;
}

.tableProductComparison
{
    border-bottom: solid 1px Black;
    border-right: solid 1px Black;
}

.tableProductComparison td
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.rowProductComparisonHeader
{
    vertical-align: bottom;
    text-align: center;
    border-top: solid 1px Black;
    border-left: solid 1px Black;
}

.rowProductComparisonAlternateColumnHeading
{
    background-color: #DDD7CA;
    font-weight: bold;
    border-top: solid 1px Black;
    border-left: solid 1px Black;
}

.rowProductComparisonAlternate
{
    background-color: #F1EEE9;
    border-left: solid 1px Black;
    border-top: solid 1px Black;
}

.rowProductComparisonColumnHeading
{
    background-color: #DDD7CA;
    font-weight: bold;
    border-top: solid 1px Black;
    border-left: solid 1px Black;
}

.rowProductComparison
{
    border-left: solid 1px Black;
    border-top: solid 1px Black;
}

.panelSelectPayment
{
    text-align: left;
    white-space: nowrap;
    padding-bottom: 20px;
}

.panelSelectPaymentDetails
{
    padding-bottom: 10px;
}

.cellAppliedPaymentAmounts
{
    text-align: right;
    border-bottom: solid 1px #DDD7CA;
}

.cellAppliedPayment
{
    border-bottom: solid 1px #DDD7CA;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cellAppliedPaymentTotal
{
    text-align: right;
}

.cellAppliedPaymentHeader
{
    padding-bottom: 10px;
}

.labelAppliedPayment
{
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    text-align: right;
}

.cellMultiplePaymentLeft
{
    padding-right: 10px;
    border-right: solid 1px #DDD7CA;
    vertical-align: top;
}
.cellMultiplePaymentRight
{
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}

.panelMultiplePaymentAddress
{
    border-top: solid 1px #DDD7CA;
    padding-top: 5px;
}

.panelMultiplePaymentHeader
{
    padding-bottom: 10px;
}

.gridUserVoucherList
{
    border-right: solid 1px #DDD7CA;
    border-left: solid 1px #DDD7CA;
    border-bottom: solid 1px #DDD7CA;
}

.rowUserVoucherListHeader
{
}

.rowUserVoucherListHeader th
{
    border-width: 0px;
    color: #A19680;
    font-size: 17px;
    font-weight: bold;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: bottom;
    text-align: left;
    border-top: solid 1px #DDD7CA;
}

.cellUserVoucherList
{
    background-color: #F1EEE9;
    border-top-width: 0px;
    border-left-width: 0px;
    font-weight: bold;
    vertical-align: middle;
    padding: 15px 7px 15px 7px;
}

.cellUserVoucherListButton
{
    background-color: #F1EEE9;
    vertical-align: middle;
    padding-right: 7px;
}
.rtpImageButtonSmall, .rtpImageButtonMedium, .rtpImageButtonLarge
{
    color: #FFFFFF;
}

.rtpImageButtonSmall
{
    font-size: 13px;
}

.panelAdminDiagnostics
{
    padding: 20px;
}
/* start - Diagnostics settings */
.pnlDiagnosticsApplication, .pnlDiagnosticsClient
{
    margin: 20px;
}

.gridAdminDiagnosticHeader
{
    text-align: left;
    border-bottom-width: 1px;
}

.gridAdminDiagnostic
{
    vertical-align: top;
    background-color: #ffffff;
    border-width: 1px;
    color: #5d5d5d;
    border-color: #5d5d5d;
    width: 100%;
    margin-top: 20px;
    display: block;
}

.labelAdminDiagnostic
{
    color: #000000;
    font-weight: bold;
    display: inline;
    margin-top: 2px;
}

.adminDiagnosticsRowError
{
    color: Red;
}

.adminDiagnosticsRowWarning
{
    color: Orange;
}

.adminDiagnosticsRowInfo
{
    color: Green;
}
/* end - Diagnostics settings */

.pnlSynchronizationHeader
{
    margin-top: 5px;
    margin-bottom: 5px;
    color: #ffffff;
    font-weight: bold;
    height: 30px;
    width: 620px;
    background-color: Silver;
}

.pnlSynchronizationBody
{
    padding-left: 20px;
    margin-bottom: 5px;
    width: 600px;
}

.syncResultsHeaderColumn
{
    width: 20%;
    vertical-align: top;
}

/*<group=Ajax Control Toolkit Calendar>*/

.rtpCalendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #DDD7CA;
    color: #4A4344;
    width: 204px;
}

.rtpCalendar .ajax__calendar_body
{
    width: 100%;
}
.rtpCalendar .ajax__calendar_days
{
    width: 100%;
}
.rtpCalendar .ajax__calendar_months
{
    width: 100%;
}
.rtpCalendar .ajax__calendar_years
{
    width: 100%;
}
.rtpCalendar .ajax__calendar_other .ajax__calendar_day, .rtpCalendar .ajax__calendar_other .ajax__calendar_year
{
    color: black;
}

.rtpCalendar .ajax__calendar_hover .ajax__calendar_day, .rtpCalendar .ajax__calendar_hover .ajax__calendar_month, .rtpCalendar .ajax__calendar_hover .ajax__calendar_year
{
    color: black;
}

.rtpCalendar .ajax__calendar_active .ajax__calendar_day, .rtpCalendar .ajax__calendar_active .ajax__calendar_month, .rtpCalendar .ajax__calendar_active .ajax__calendar_year
{
    color: #c12c38;
    font-weight: bold;
}

.rtpCmtHtmlEditor
{
    white-space: normal;
}

.panelPromotion
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    text-align: left;
}

.gridActionItemList
{
    padding: 0px;
    margin: 2px;
}

.gridActionItemHeader
{
    padding: 0px;
    margin: 0px;
}

.rowActionItem
{
    border-width: 0px;
    border-style: none;
}

.alternateRowActionItem
{
    border-width: 0px;
    border-style: none;
}

.gridActionItemFooter
{
    padding: 0px;
    margin: 0px;
}

.labelPromotionHeading
{
    font-weight: bold;
    text-align: left;
}

.labelActionItemDescription
{
    text-align: left;
}

/* Required Info */
.panelRequiredInfoHeader
{
    height: 37px;
    padding-left: 7px;
    padding-right: 7px;
    border-style: solid;
    border-width: 1px;
    border-color: #DDD7CA;
    background-color: #DDD7CA;
    color: #538190;
    font-weight: bold;
    font-size: 13px;
}

.panelRequiredInfoHeaderLeft
{
    margin-top: 10px;
    float: left;
    border-width: 0px;
}

.panelRequiredInfoInfo
{
    padding: 7px 7px 7px 7px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #DDD7CA;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #DDD7CA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DDD7CA;
}

.hidden
{
    display: none;
}

.labelPrivateLessonCart
{
    display: block;
    margin-top: 4px;
}