﻿
.tblSalonPage
{
    width: 100%;
}

.tblSalonPage_c1
{
    vertical-align: top;
    background-color: #F0F4F7;
}

.tblSalonPage_c2
{
    width: 884px;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

.divSalonPage1
{
    background-position: left top;
    width: 100%;
    height: 800px;
    background-image: url('Images/Misc/SalonIcons/sidebar.jpg');
    background-repeat: repeat-x;
}

.divPage
{
    width: 844px;
    margin: auto;
    background-color: #FFFFFF;
    padding-top: 10px;
}

.divSalonLogoPic
{
    width: 520px;
    text-align: center;
    margin-bottom: -30px;
}

.divSalonLogoText
{
    width: 422px;
    text-align: center;
    margin-bottom: -30px;
    color: #444444;
    font-weight: bold;
    font-family: Arial;
}

.divSalonHeader
{
    background-position: right bottom;
    background-image: url('Images/Misc/SalonHeader3.bmp');
    width: 844px;
    background-repeat: no-repeat;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #800000;
}

.divSalonHeader1
{
    width: 310px;
    height: 32px;
    text-align: center;
    margin-left: 534px;
}

.divSalonHeader2
{
    width: 320px;
    height: 32px;
    text-align: center;
    font-family: Arial;
    font-size: 14px;
    line-height: 32px;
    margin-left: 524px;
}

.divSalonHeader2 a
{
    color: #FFFFFF;
}

.ddlSalonMake
{
    font-family: Arial;
    font-size: 14px;
    width: 195px;
    margin-top: 7px;
    height: 22px;
}

.lblSalonMake
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.divSalonMC
{
    min-height: 350px;
    width: 844px;
}

.divSalonAddrStripe
{
    width: 844px;
    height: 3px;
    background-color: #800000;
}

/* Main layout table */
.tblMainLayout td
{
    vertical-align: top;
}

.divPartsIconMain
{
    width: 143px;
    text-align: center;
    height: 220px;
    padding: 5px;
    overflow: auto;
    font-family: Arial;
    font-size: 14px;
    line-height: 20px;
}

/* Cell of the table for alternate tamplate */
.alternateTempl
{
    background-image: url('Images/Misc/PartsBackAltTampl1.bmp');
    background-repeat: no-repeat;
}

/* Cell of the table for the main tamplate */
.mainTempl
{
    background-image: url('Images/Misc/PartsBackMainTampl1.bmp');
    background-repeat: no-repeat;
}

.divSalonMainIcon
{
    text-align: center;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tblSalonMain
{
    width: 844px;
    table-layout: fixed;
    height: 100px;
    background-color: #E2E2E2;
}

.tblSalonMain td
{
    vertical-align: top;
}

.tblSalonMain_c1
{
    text-align: center;
    padding-top: 5px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;
}

.tblSalonMain_c2
{
    text-align: center;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-color: #C0C0C0;
    border-left-color: #C0C0C0;
    padding-top: 5px;
}

.tblSalonMain_c3
{
    text-align: center;
    padding-top: 5px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #C0C0C0;
}

.tblSalonMain1
{
    margin-right: auto;
    margin-left: auto;
}

.tblSalonMain1_r1
{
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}

.tblSalonMain1_r1_1
{
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    padding-right: 5px;
    padding-left: 5px;
}

.tblSalonMain1_r2
{
    text-align: left;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    padding-right: 5px;
    padding-left: 5px;
}

.tblSalonMain1_r3
{
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}

.tblSalonMain1_r4
{
    padding: 5px 0px 0px 0px;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}

.lblChatOffline
{
    border: 1px solid #000080;
    font-size: 12px;
    color: #000000;
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
}

.tblSalonMain1_r4 a
{
    border: 1px solid #000080;
    font-size: 12px;
    color: #000080;
    text-decoration: none;
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
}

.tblSalonMain1_r4 a .spanLiveChat
{
    color: #800000;
}

.tblSalonMain1_r4 a:hover
{
    color: #0000FF;
}

.lblSalonFax
{
    font-weight: bold;
}

.divSalonFooter
{
    width: 844px;
    height: 22px;
    background-color: #990000;
    line-height: 22px;
    text-align: center;
    font-family: Arial;
    color: #FFFFFF;
    font-size: 12px;
    margin-top: 10px;
    clear: both;
    margin-bottom: 10px;
    font-weight: bold;
}

.divSalonFooter a
{
    color: #FFFFFF;
}

.cmdSalonSearch
{
    width: 55px;
    height: 22px;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    margin-left: 3px;
    background-image: url('Images/Misc/SalonIcons/SearchButton.bmp');
    background-repeat: repeat;
}

.tblSalonSearch_c1
{
    font-family: Arial;
    font-size: 14px;
    text-align: left;
    padding-right: 35px;
}

.tblSalonSearch_c6
{
    text-align: right;
    padding-left: 100px;
}

.divLVSalon
{
    width: 844px;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #2960A5;
}

.lblSalonEmail1
{
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
}

.tblSalonEmail
{
    margin: 0px auto 0px auto;
    height: 40px;
}

.tblSalonEmail td
{
    vertical-align: middle;
}

.tblSalonEmail td img
{
    width: 30px;
    height: 30px;
    margin-top: 4px;
}

.divSalonText
{
    width: 844px;
    margin-bottom: 5px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #800000;
    padding-top: 20px;
}

.divNotPayed
{
    font-family: Arial;
    font-size: 26px;
    font-weight: bold;
    color: #C0C0C0;
    width: 600px;
    margin-top: 100px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.divMenuPic
{
    width: 844px;
    margin: 15px auto 20px auto;
    text-align: center;
    clear: both;
}

.divMenuPic_
{
    width: 844px;
    margin: 5px auto 10px auto;
    text-align: center;
    clear: both;
}

.divMenuPic1
{
    width: 632px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}

.divMenuPic1 a img
{
    margin-top: 10px;
    margin-bottom: 20px;
}

.divSalonMPRightBar
{
    width: 170px;
    float: right;
    margin-left: 35px;
    margin-bottom: 15px;
}

/*  ----------------- Create Salon Start ------------------------- */


     /*  ---- Adress Start ---- */

.tblSalonAdress
{
    width: 610px;
    margin: 20px auto 5px auto;
    table-layout: fixed;
}

.tblSalonAdress_r1
{
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    text-align: center;
    padding-bottom: 10px;
}

.tblSalonAdress_r1_
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
}

.tblSalonAdress_c1
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    vertical-align: middle;
    text-align: right;
    height: 32px;
}

.tblSalonAdress_c2
{
    vertical-align: middle;
    text-align: left;
    height: 32px;
}

.ddlSalonAddress
{
    width: 185px;
    font-family: Arial;
    font-size: 12px;
    height: 22px;
}

.ddlSalonAddress1
{
    width: 120px;
    font-family: Arial;
    font-size: 12px;
    height: 22px;
}

.txtSalonAddress
{
    width: 180px;
    font-family: Arial;
    font-size: 12px;
    height: 16px;
}

.txtSalonAddress_
{
    width: 300px;
    font-family: Arial;
    font-size: 12px;
    height: 16px;
}

.tblSalonTextHead
{
    margin-left: 25px;
    margin-bottom: 10px;
}

.tblSalonTextHead_c1
{
    width: 30px;
    background-image: url('Images/Misc/SalonIcons/HeadLeft.bmp');
    background-repeat: no-repeat;
    background-position: center center;
}

.tblSalonTextHead_c2
{
    font-family: Arial;
    color: #000000;
    font-weight: bold;
    height: 32px;
    background-color: #E2E2E2;
}

.tblSalonTextHead_c3
{
    width: 30px;
    background-image: url('Images/Misc/SalonIcons/HeadRight.bmp');
    background-repeat: no-repeat;
    background-position: center center;
}

.lblSalonText
{
    color: #000000;
    text-align: justify;
    margin-bottom: 25px;
    text-indent: 25px;
}

    /*  ---- Adress End ---- */


.txtSalonEmail
{
    width: 250px;
    font-family: Arial;
    font-size: 14px;
    height: 18px;
}

.tblSalonHours
{
    margin: 5px auto 5px auto;
    padding: 20px 10px 10px 10px;
    width: 550px;
}

.tblSalonHours_r1
{
    font-family: Arial;
    font-size: 16px;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

.tblSalonHours_r2
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 10px;
    line-height: 20px;
}

.tblSalonHours_r3
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: center;
    vertical-align: middle;
}

.ddlMonFromMin
{
    margin-right: 5px;
    height: 22px;
}

.ddlMonToHour
{
    margin-left: 5px;
    height: 22px;
}

.ddlMonFromHour
{
    margin-left: 5px;
    height: 22px;
}

.ddlMonToMin
{
    height: 22px;
}

.tblSalonLogoWait
{
    width: 500px;
    height: 34px;
    margin: 0px auto 0px auto;
}

.PleaseWait1
{
    margin: 0px auto 0px auto;
    width: 75px;
    height: 32px;
    background-image: url('Images/PleaseWait.gif');
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 32px;
    font-family: Arial;
    font-size: 12px;
}

.tblSalonLogoWait td
{
    vertical-align: middle;
    text-align: center;
}

    /* --- Salon Name Start --- */

.tblSalonName
{
    margin: 0px auto 0px auto;
    width: 550px;
}

.tblSalonName_r1
{
    text-align: center;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tblSalonName_r2
{
    text-align: left;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tblSalonName_r2_
{
    text-align: justify;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 15px;
}

.tblSalonName_r3
{
    vertical-align: middle;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
}

.tblSalonName_r4
{
    vertical-align: middle;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
}

.tblSalonName_r5
{
    vertical-align: middle;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}

.tblSalonName_r6
{
    padding: 10px 0px 15px 18px;
    vertical-align: middle;
    text-align: left;
}

.tblSalonName_r7
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
}

.tblSalonName td a
{
    font-family: Arial;
    font-size: 14px;
    color: #0000FF;
    text-decoration: underline;
}

.tblSalonName td a:hover
{
    color: #800000;
}

.tblSalonNameFormat
{
    width: 550px;
}

.tblSalonNameFormat td
{
    height: 34px;
    vertical-align: middle;
}

.tblSalonNameFormat_c1
{
    text-align: center;
}

.tblSalonNameFormat_c1
{
    width: 120px;
    text-align: left;
}

.dvSalonLogo
{
    margin: 10px auto 10px auto;
    width: 155px;
    text-align: center;
}

.dvSalonLogo_
{
    margin: 35px auto 10px auto;
    width: 155px;
    text-align: center;
}


.imgSalonLogo
{
    margin-right: 15px;
}

.divSalonLogo
{
    margin: 10px auto 10px auto;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: left;
    line-height: 20px;
    width: 550px;
}

    /* --- Salon Name End --- */

.tblSalonValidate
{
    margin: 20px auto 5px auto;
    width: 610px;
    height: 50px;
}

.tblSalonValidate td
{
    text-align: left;
    padding: 0px 5px 0px 15px;
}

.divCreateSalon
{
    margin: 20px auto 20px auto;
    text-align: center;
    width: 610px;
}

.cmbCreateSalon
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #000080;
}

.divAccountActivated
{
    margin: 20px auto 20px auto;
    width: 610px;
}

.divAccountActivated p
{
    font-family: Arial;
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
    padding-left: 20px;
}

.divSalonCreated
{
    margin: 20px auto 20px auto;
    width: 610px;
    min-height: 650px;
}

.divSalonCreated p
{
    font-family: Arial;
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
    padding-left: 20px;
}

.divSalonCreated h3
{
    font-family: Arial;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

.divSalonCreated p a
{
    color: #0000FF;
    text-decoration: underline;
}

.divSalonCreated p a:hover
{
    color: #800000;
}

.divSalonResults
{
    margin: 20px auto 20px auto;
    width: 610px;
}

.divSalonResults p
{
    font-family: Arial;
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
    text-indent: 25px;
}

.divSalonResults h3
{
    font-family: Arial;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

.divSalonResults p a
{
    color: #0000FF;
    text-decoration: underline;
}

.divSalonResults p a:hover
{
    color: #800000;
}

.divWaitFloat
{
    position: absolute;
    left: 100px;
    top: 100px;
    width: 85px;
    height: 32px;
    background-image: url('Images/PleaseWait.gif');
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 32px;
    font-family: Arial;
    font-size: 12px;
    z-index: 2;
}

.divWaitFloat1
{
    padding: 0px 0px 0px 40px;
    position: absolute;
    left: 100px;
    top: 100px;
    width: 85px;
    height: 32px;
    background-image: url('Images/PleaseWait.gif');
    background-repeat: no-repeat;
    line-height: 32px;
    font-family: Arial;
    font-size: 12px;
    z-index: 2;
    background-color: #FFFFFF;
}

.divWaitFloat2
{
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 40px;
    width: 85px;
    height: 32px;
    background-image: url('Images/PleaseWait.gif');
    background-repeat: no-repeat;
    line-height: 32px;
    font-family: Arial;
    font-size: 12px;
    z-index: 2;
    background-color: #FFFFFF;
}

.divWaitFloat2_space
{
    width: 200px;
    height: 35px;
    margin: 10px auto 10px auto;
    text-align: center;
}

/*  ----------------- Create Salon End ------------------------- */


/*  ----------------- My Salon Start ------------------------- */

.tblChooseSalonForEdit
{
    margin-top: 15px;
    width: 190px;
    margin-right: auto;
    margin-left: auto;
}

.tblChooseSalonForEdit td
{
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    color: #000000;
    vertical-align: middle;
}

.ddlSalonNameForEdit
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 160px;
    height: 22px;
}

.divSelectedSalon
{
    width: 600px;
    margin: 10px auto 15px auto;
    font-family: Arial;
    font-size: 18px;
    color: #000080;
    text-align: center;
    display: none;
}

.divEditSalonDone
{
    width: 600px;
    margin: 50px auto 15px auto;
    font-family: Arial;
    text-align: center;
    font-size: 14px;
    color: #000000;
}

.divEditSalonDone_
{
    width: 600px;
    margin: 50px auto 15px auto;
    font-family: Arial;
    text-align: justify;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
}

.lblEditSalonDone
{
    font-weight: bold;
    color: #0000FF;
    text-decoration: underline;
}

.lblNewSalonLogo
{
    font-family: Arial;
    font-weight: bold;
    font-size: 26px;
    color: #0000FF;
}

.lnkNewSalonLogo img
{
    border-style: none;
}

.divEditSalonInfo1
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    text-align: left;
    width: 610px;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

.divEditSalonInfo2
{
    width: 610px;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}

.txtSalonInfoHeader
{
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    width: 550px;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.txtSalonInfoText
{
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    width: 550px;
    height: 120px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.ddlAdSort
{
    height: 22px;
}

.tblSalonSearchPages
{
    margin-left: 5px;
}


.tblSalonSearchPages_c4
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    padding-bottom: 5px;
    vertical-align: middle;
    text-align: center;
    padding-top: 5px;
}

.tblSalonSearchPages_c1
{
    padding-right: 10px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #C0C0C0;
}

.tblSalonSearchPages_c2
{
    padding: 3px;
    background-color: #C0C0C0;
}

.tblSalonSearchPages_c3
{
    padding-left: 10px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;
}

.ddlSalonSearchMake
{
    width: 160px;
    height: 22px;
}

.divSalonSearchHeader
{
    background-color: #1E4575;
    vertical-align: middle;
    text-align: center;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cmbSalonEdit
{
    margin: 20px 10px 20px 10px;
    width: 100px;
}

.divSalonAdCarInstruct
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    text-align: left;
    width: 800px;
    margin: 5px auto 5px auto;
}

.divSalonAdCarInstruct a
{
    color: #0000FF;
}

.divSalonAdCarInstruct a:hover
{
    color: #800000;
}

.lnkMake1
{
    text-decoration: none;
    color: #0000FF;
}

.ddlSalonNameFormat
{
    height: 22px;
}

.divPayHist
{
    width: 500px;
    text-align: center;
    margin: 20px auto 30px auto;
    font-family: Arial;
    font-size: 16px;
    color: #000000;
}

.ddlPayHistSalons
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 200px;
    height: 22px;
}


/*  ----------------- My Salon End ------------------------- */



/*  ---------------- Payment Wizard Start ----------------- */


.wizPayment
{
    padding: 2px;
    width: 620px;
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
}

.ddlPayNumMonths
{
    width: 200px;
    height: 22px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
}

.divPayTotal
{
    font-family: Arial;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    width: 500px;
    margin: 15px auto 35px auto;
}

.divPayIntr
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 600px;
    text-align: center;
    margin: 10px auto 10px auto;
}

.divPayIntr a
{
    font-family: Arial;
    font-size: 12px;
    color: #0000FF;
    text-decoration: underline;
}

.divPayIntr a:hover
{
    color: #800000;
}

.tblPayMethods
{
    border: 1px solid #C0C0C0;
    width: 600px;
    margin: 0px auto 30px auto;
}

.tblPayMethods td
{
    border: 1px solid #C0C0C0;
}

.tblPayMethods_c1
{
    vertical-align: middle;
    text-align: center;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
}

.tblPayMethods_c2
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
    line-height: 18px;
}

.tblPaySummary
{
    margin: 0px auto 20px auto;
    border: 1px solid #C0C0C0;
    background-color: #EBEBEB;
}

.tblPaySummary td
{
    border: 1px solid #C0C0C0;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    vertical-align: middle;
    text-align: center;
}

.tblPaySummary_r1
{
    font-weight: bold;
}

.divErrSt0
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
    line-height: 18px;
    text-align: left;
    margin: 10px auto 10px auto;
    width: 600px;
}


/* --------------- Step 1 Visa; MasterCard Start ---------------- */


.divVisa1
{
    width: 600px;
    margin: 0px auto 20px auto;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    text-align: center;
}

.tblVisa
{
    margin: 0px auto 50px auto;
    width: 550px;
    table-layout: fixed;
}

.tblVisa td
{
    border: 1px solid #E1E1E1;
}

.tblVisa_r1
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    vertical-align: middle;
    text-align: center;
}

.tblVisa_r2
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    vertical-align: middle;
    text-align: right;
}

.tblVisa_r3
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    vertical-align: middle;
    text-align: left;
}

.ddlVisa
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 150px;
    height: 22px;
}

.ddlVisa1
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 65px;
    height: 22px;
}

.txtVisaName
{
    border: 1px solid #C0C0C0;
    width: 450px;
    height: 18px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    margin-top: 2px;
}

.txtVisaNum
{
    border: 1px solid #C0C0C0;
    width: 200px;
    height: 18px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    margin-left: 2px;
}

.txtVisaCode
{
    border: 1px solid #C0C0C0;
    width: 50px;
    height: 18px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    margin-left: 2px;
    margin-right: 2px;
}


/* --------------- Step 1 Visa; MasterCard End ---------------- */


/* ---------------------- Step 4 PayPal Start ------------------- */

.divPayPal
{
    width: 600px;
    margin: 35px auto 0px auto;
    text-align: center;
}

.divPayPal p
{
    font-family: Arial;
    font-size: 16px;
    color: #000000;
    text-align: center;
}

.divPayPal ul
{
    list-style-type: decimal;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: justify;
    line-height: 18px;
}

.divPayPal ul li
{
    margin-top: 5px;
}

.divPayPal div
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    line-height: 18px;
    text-align: justify;
    text-indent: 50px;
    margin-bottom: 20px;
}


/* ---------------------- Step 4 PayPal End ------------------- */


/* ---------------------- Step 5 Western Union Start ------------------- */


.lblWUError
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
    margin-left: 25px;
}

.lblWUStar
{
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #FF0000;
    margin-left: 2px;
}


/* ---------------------- Step 5 Western Union End ------------------- */



/* ---------------------- Step 7 (Done) Start ------------------- */

.divPayError
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    text-align: justify;
    width: 600px;
    margin: 20px auto 30px auto;
    text-indent: 50px;
}

.divPayError a
{
    font-family: Arial;
    font-size: 14px;
    color: #0000FF;
    text-decoration: underline;
}

.divPayError a:hover
{
    color: #800000;
}

.divXferSucsess
{
    font-family: Arial;
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    text-align: justify;
    margin: 50px auto 25px auto;
    width: 500px;
}


/* ---------------------- Step 7 (Done) End ---------------------- */


/*  ---------------- Payment Wizard End ------------------ */

/*  ---------------- Salon Menu Start ------------------ */


.divSalonMenuText
{
    width: 844px;
    margin-bottom: 5px;
    padding-top: 25px;
}

.tblSalonMenu
{
    border: 2px solid #8C8C8C;
    margin: 3px 0px 0px 0px;
    table-layout: fixed;
    width: 844px;
    background-color: #3F7838;
    min-height: 30px;
}

.tblSalonMenu td
{
    padding: 3px;
    vertical-align: middle;
    text-align: center;
}

.tblSalonMenu td a
{
    font-family: Arial;
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.tblMenuContacts
{
    border: 1px solid #C0C0C0;
    width: 632px;
    background-color: #F5F5F5;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 35px;
    margin-bottom: 30px;
}

.tblMenuContacts_c1
{
    width: 237px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: right;
    vertical-align: middle;
    padding: 3px;
}

.tblMenuContacts_c2
{
    vertical-align: middle;
    text-align: left;
    padding: 3px;
}

.tblMenuContacts_c3
{
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
}

.tblMenuContacts_c4
{
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    font-family: Arial;
    font-size: 16px;
    color: #000000;
    font-style: italic;
}

.txtMenuContacts
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 360px;
    height: 18px;
}

.txtMenuContacts1
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 360px;
    height: 100px;
}

.tblMenuUtil
{
    width: 550px;
    margin: 0px auto 20px auto;
}

.tblMenuUtil td
{
    vertical-align: middle;
}

.tblMenuUtil_c1
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: left;
    padding: 5px 0px 5px 0px;
}

.tblMenuUtil_c2
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: justify;
    line-height: 20px;
    padding: 5px 0px 5px 0px;
}

.tblMenuUtil_c3
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: center;
    padding: 5px 0px 5px 0px;
}

.tblMenuUtil_c4
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: left;
    padding: 35px 0px 5px 0px;
    line-height: 20px;
}

.ddlMenuForEdit
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 350px;
    height: 22px;
}

.txtMenuName
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 340px;
    height: 18px;
}

.tblSalonMenuPage
{
    width: 844px;
    margin-top: 0px;
}

.tblSalonMenuPage_c1
{
    vertical-align: top;
    text-align: left;
    padding: 10px 0px 0px 0px;
}

.tblSalonMenuPage_c2
{
    background-position: left 25px;
    padding: 10px 0px 0px 0px;
    width: 173px;
    vertical-align: top;
    text-align: center;
}

.lblSalonMenuHead
{
    padding: 3px 10px 3px 100px;
    border-style: solid;
    border-width: 1px;
    border-color: #800000 #C0C0C0 #800000 #C0C0C0;
    width: 520px;
    font-size: 16px;
    font-family: Arial;
    color: #800000;
    background-color: #E2E2E2;
    font-weight: bold;
    text-align: left;
}

.lblSalonMenuHead1
{
    padding: 3px 10px 3px 100px;
    border-style: solid;
    border-width: 1px;
    border-color: #800000 #C0C0C0 #800000 #C0C0C0;
    width: 520px;
    font-size: 16px;
    font-family: Arial;
    color: #800000;
    background-color: #E2E2E2;
    font-weight: bold;
    text-align: left;
    margin-bottom: 15px;
}

.divSalonMenuHeader
{
    width: 632px;
    height: 10px;
    background-image: url('Images/SalonMenuHead.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 10px;
    margin-bottom: 0px;
}

.lblSalonMenu
{
    font-size: 14px;
    font-family: Arial;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    color: #000000;
    text-align: justify;
    width: 612px;
    background-image: url('Images/SalonMenuBody.jpg');
    background-repeat: repeat-y;
}

.tblMenuText
{
    margin: 0px;
    width: 612px;
}

.tblMenuText td
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: justify;
    vertical-align: middle;
    padding-bottom: 5px;
}

.divSalonMenuFooter
{
    width: 632px;
    height: 10px;
    background-image: url('Images/SalonMenuFoot.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 0px;
    margin-bottom: 25px;
}

.divSalonBullets
{
    margin: 10px auto 10px auto;
    background-color: #E6E6E6;
    width: 568px;
    padding-top: 10px;
    padding-left: 12px;
    text-align: left;
}

.divSalonBullets_
{
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 10px;
}

.ulSalonBullets
{
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
}

.tblMenuLinks
{
    width: 600px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.tblMenuLinks td
{
    text-align: left;
}

.lblMenuLink
{
    font-family: Arial;
    font-size: 14px;
    color: #000080;
    text-decoration: underline;
    line-height: 20px;
}

.lblMenuLink:hover
{
    cursor: pointer;
    color: #800000;
}

.lblMenuBack
{
    font-family: Arial;
    font-size: 14px;
    color: #000080;
    text-decoration: underline;
    line-height: 40px;
}

.lblMenuBack:hover
{
    cursor: pointer;
    color: #800000;
}

.divIconBack
{
    background-color: #FFFFFF;
    width: 173px;
    text-align: center;
    padding-bottom: 15px;
}

.tblBanner
{
    width: 170px;
    overflow: hidden;
}

.tblBanner td
{
    vertical-align: middle;
    text-align: center;
    padding: 5px 0px 5px 0px;
}

.tblFormsOnline
{
    padding: 1px;
    border: 1px solid #C0C0C0;
    width: 550px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}

.tblFormsOnline td
{
    padding: 5px;
}

.tblFormsOnline_r1
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    vertical-align: middle;
    text-align: center;
}

.tblFormsOnline_r2
{
    width: 200px;
    vertical-align: middle;
    text-align: left;
}

.tblFormsOnline_r3
{
    vertical-align: middle;
    text-align: left;
}

.tblFormsOnline_c1
{
    background-color: #E6E6E6;
}

.tblFormsOnline_c2
{
    background-color: #F5F5F5;
}

.chbShowForm
{
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}

.txtShowForm
{
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    width: 320px;
    height: 100px;
}

.tblFormLinks
{
    padding: 10px 0px 10px 0px;
    width: 170px;
    margin-right: auto;
    margin-left: auto;
    background-color: #E2E2E2;
    margin-bottom: 10px;
}

.tblFormLinks td
{
    padding: 0px 0px 5px 10px;
}

.tblFormLinks_r1
{
    text-align: left;
    vertical-align: middle;
}

.tblFormLinks_r2
{
    font-family: Arial;
    font-size: 14px;
    color: #3F7838;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

.tblFormLinks td a
{
    text-decoration: underline;
    font-family: Arial;
    font-size: 14px;
    color: #800000;
}

.tblFormLinks td a:hover
{
    color: #000080;
}

.lblContactUs
{
    font-family: Arial;
    font-size: 14px;
    color: #800000;
    text-decoration: underline;
}

.lblContactUs:hover
{
    color: #000080;
    cursor: pointer;
}

.tblSalonForms
{
    margin: 25px 0px 25px 0px;
    border: 1px solid #C0C0C0;
    width: 632px;
    background-color: #F5F5F5;
    padding-top: 10px;
    padding-bottom: 5px;
}

.tblSalonForms_r1_
{
    vertical-align: top;
    text-align: left;
    font-family: Arial;
    font-size: 16px;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 25px;
}

.tblSalonForms_r1
{
    width: 237px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: right;
    vertical-align: middle;
    padding: 5px;
}

.tblSalonForms_r2
{
    vertical-align: middle;
    text-align: left;
    padding: 5px;
}

.tblSalonForms_r3
{
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    text-align: right;
    padding-right: 25px;
}

.tblSalonForms_r3 a
{
    font-family: Arial;
    font-size: 16px;
    color: #000080;
    text-decoration: underline;
    font-weight: bold;
}

.tblSalonForms_r3 a:hover
{
    color: #800000;
}

.tblSalonForms_r4
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
    vertical-align: middle;
    text-align: left;
    padding: 10px;
}

.txtSalonForms
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 360px;
    height: 18px;
}

.txtSalonForms1
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    width: 360px;
    height: 100px;
}

.ddlSFCreditTerm
{
    width: 50px;
    height: 22px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
}


/*  ---------------- Salon Menu End ------------------ */


/* -------------- Transperant Form Start -------------- */

.divContactUs1111____
{
    z-index: 100;
	filter: alpha(opacity=50); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	-moz-opacity: .50; /*older Mozilla*/
	-khtml-opacity: 0.5;   /*older Safari*/
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; 
	top:0px; left:0px; 
	width:100%; height:100%; 
	color:#FFFFFF; 
	text-align:center; 
	vertical-align:middle;
}

.tblContacts1111_____
{
    margin: auto;
    z-index: 110;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*older IE*/ /* IE */
    -moz-opacity: 1.00; /*older Mozilla*/
    -khtml-opacity: 1.0; /*older Safari*/
    opacity: 0.8;
    border: 1px solid #C0C0C0;
    width: 632px;
    background-color: #F5F5F5;
    padding-top: 5px;
    padding-bottom: 5px;
    position:fixed;
}

/* -------------- Transperant Form End -------------- */


/* ------------------- Map Start ------------------- */

.tblSalonMain1_r3 a
{
    font-family: Arial;
    font-size: 12px;
    color: #0000FF;
    text-decoration: underline;
}

.tblSalonMain1_r3 a:hover
{
    color: #800000;
}

.divMap
{
    width: 100%;
    margin: 20px auto 10px auto;
}

.txtMapZoomValue
{
    border-style: none;
    width: 20px;
    height: 22px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
}

.tblMapControls td
{
    vertical-align: middle;
}

.tblMapControls_r1
{
    padding-left: 50px;
}

.tblMapDir
{
    margin: 0px auto 10px auto;
}

.tblMapDir td
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    vertical-align: middle;
}

.tblMapDir_r1
{
    padding: 5px;
    text-align: center;
}

.tblMapDir_r2
{
    text-align: right;
    width: 200px;
}

.tblMapDir_r3
{
    text-align: left;
}

.divDdir
{
    width: 620px;
    margin-top: 10px;
}

/* ------------------- Map End ------------------- */


#divZipAutofill
{
    width: 150px;
    height: 200px;
    overflow: auto;
}


/* --------------- Error Page Start -------------- */

.divErrorPageMain
{
    width: 844px;
    min-height: 600px;
}

.tblErrorPageHeader
{
    width: 450px;
    margin: 0px auto 0px auto;
}

.tblErrorPageHeader td
{
    padding: 2px;
    font-family: Arial;
    font-size: 32px;
    color: #808080;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

.divErrPageMessage
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: left;
    margin: 50px auto 100px auto;
    width: 700px;
}

.divErrPageHomeLink
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 700px;
}

.divErrPageHomeLink a
{
    font-family: Arial;
    font-size: 14px;
    color: #000080;
}

.divErrPageHomeLink a:hover
{
    color: #0000FF;
}

/* --------------- Error Page End -------------- */


/* --------------- Salon Chat Start -------------- */

.divSalonChatMain
{
    width: 620px;
    min-height: 600px;
    border: 3px solid #C0C0C0;
    text-align: center;
    background-color: #F5F5F5;
}

.tblChatMain
{
    width: 95%;
    margin: 0px auto 0px auto;
    clear: both;
}

.tblStartChat
{
    width: 90%;
    margin: 0px auto 0px auto;
}

.tblChatMain_c2
{
    padding: 5px 35px 25px 35px;
}

.tblStartChat_r1
{
    font-size: 14px;
    color: #000000;
    text-align: right;
    vertical-align: middle;
    padding: 5px;
}

.tblStartChat_r2
{
    text-align: left;
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
    width: 360px;
}

.tblStartChat_r3
{
    vertical-align: middle;
    text-align: center;
    padding-top: 15px;
}

.tblStartChat_r4
{
    padding: 5px 5px 30px 5px;
    font-family: Arial;
    font-size: 22px;
    color: #444444;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
}

.txtChatName
{
    width: 350px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    height: 18px;
}

.txtChatQuestion
{
    width: 350px;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    height: 100px;
}

.divUpdating1
{
    margin: 0px auto 0px auto;
    width: 100px;
    height: 16px;
    background-image: url('Images/CWPics/Updating.gif');
    background-repeat: no-repeat;
    padding-left: 20px;
    line-height: 16px;
    font-family: Arial;
    font-size: 12px;
}

.divChatClose
{
    width: 75px;
    float: right;
    text-align: center;
}

.divChatClose a
{
    font-family: Arial;
    font-size: 14px;
    color: #000080;
    line-height: 25px;
}

.divChatClose a:hover
{
    color: #0000FF;
}

.divChatUpdating
{
    padding: 5px 0px 0px 5px;
    float: left;
    width: 115px;
    height: 20px;
}

.tblChatSend
{
    width: 100%;
    margin: 0px auto 0px auto;
}

.tblChatSend_c1
{
    width: 210px;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    vertical-align: middle;
    text-align: center;
}

.tblChatSend_c3
{
    width: 210px;
    vertical-align: middle;
    text-align: center;
}

.tblChatSend_c4
{
    padding-top: 15px;
}

.divWaitForHost
{
    background-position: left top;
    margin: 0px auto 0px auto;
    width: 150px;
    height: 16px;
    background-image: url('Images/CWPics/Updating.gif');
    background-repeat: no-repeat;
    padding-left: 20px;
    line-height: 16px;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
}

.divChat_
{
    border: 1px ridge #C0C0C0;
    width: 100%;
    height: 450px;
    overflow: auto;
    background-color: #FFFFFF;
}

.tblChatContent
{
    width: 100%;
}

.tblChatContent td
{
    text-align: left;
}

.tblChatContent_r1
{
    background-color: #F5F5F5;
}

.tblChatContent_r2
{
    background-color: #EBEBEB;
}

/* --------------- Salon Chat End -------------- */


/* --------------- Salon Slide Show Start -------------- */

.tblSlideShow
{
    border: 1px solid #E6E6E6;
    margin: 5px auto 0px auto;
    width: 844px;
    height: 245px;
    background-image: url('Images/CWPics/SlideShowBackground5.png');
}

.tblSlideShow_c1
{
    width: 320px;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
}

.tblSlideShow_c2
{
    text-align: center;
    vertical-align: middle;
    width: 524px;
}

.divSlideShImg img
{
    border: 1px solid #000000;
}

.tblSlideShowText
{
    margin: auto;
}

.tblSlideShowText a img
{
    border-style: none;
}

.tblSlideShowText_r1
{
    font-family: Arial;
    font-weight: bold;
    font-size: 30px;
    color: #555555;
    text-align: left;
    vertical-align: middle;
    padding-left: 50px;
}

.tblSlideShowText_r2
{
    padding: 10px 0px 0px 25px;
    font-family: Arial;
    font-weight: bold;
    font-size: 30px;
    color: #000000;
    text-align: left;
    vertical-align: middle;
}

.tblSlideShowText_r3
{
    padding: 10px 0px 0px 0px;
    font-family: Arial;
    font-weight: bold;
    font-size: 30px;
    color: #C0C0C0;
    text-align: left;
    vertical-align: middle;
    padding-left: 0px;
}

.tblSlideShowText_r4
{
    font-family: Arial;
    font-weight: bold;
    font-size: 30px;
    color: #C0C0C0;
    text-align: left;
    vertical-align: middle;
    padding-left: 0px;
}

.divSlShStripe
{
    width: 844px;
    height: 5px;
    margin: 5px auto 0px auto;
    background-color: #3F7838;
}

/* --------------- Salon Slide Show End -------------- */


/* --------------- Select Designs ListView Start -------------- */


.lvDesigns_PartsIconMain
{
    width: 142px;
    text-align: center;
    height: 220px;
    padding: 5px;
    overflow: auto;
}

/* Cell of the table for alternate tamplate */
.lvDesigns_alternateTempl
{
    border: 1px solid #000000;
}

/* Cell of the table for the main tamplate */
.lvDesigns_mainTempl
{
    border: 1px solid #000000;
}

.tblSelDesign
{
    margin: 0px auto 0px auto;
    width: 140px;
    height: 220px;
}

.tblSelDesign_r1
{
    vertical-align: middle;
    text-align: center;
    height: 190px;
}

.tblSelDesign_r2
{
    vertical-align: middle;
    text-align: right;
    width: 35px;
}

.tblSelDesign_r3
{
    vertical-align: middle;
    text-align: left;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
}

.divGridView1
{
    padding-left: 10px;
}

.divGridView1 h4
{
    text-align: center;
}

.tblManageDesign
{
    width: 550px;
    margin-right: auto;
    margin-left: auto;
}

.tblManageDesign_r1
{
    vertical-align: middle;
    text-align: right;
}

.tblManageDesign_r2
{
    vertical-align: middle;
    text-align: left;
}

.tblManageDesign_r3
{
    vertical-align: middle;
    text-align: center;
    padding-top: 25px;
}


/* --------------- Select Designs ListView End -------------- */