*
{
    font-family: Segoe UI, "Trebuchet MS" , Arial, Verdana, Helvetica, Sans-Serif;
}
body
{
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    color: #605B57;
}
p, div, td, ul
{
    font-size: 15px;
    color: #605B57;
}
#wrapper
{
    width: 980px;
    margin: auto;
}
#banner
{
    height: 190px;
    background: #FAE17A url(images/banner-west-akl.jpg) no-repeat;
    padding: 0;
    margin: 0;
}
#logo
{
    float: left;
    border: 0px solid green;
    width: 160px;
    margin: 2px 0 0 20px;
}
#logo img
{
    behavior: url( /portals/35/Skins/Warm%20n%20Well/iepngfix.htc );
    width: 210px;
    height: 180px;
}
#logoText
{
    float: left;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    z-index: 2;
    top: 126px;
    left: 20px;
    color: #F9E6D7;
}
#menu
{
    background: #E9750A url(images/menu-bg.png) repeat-x scroll top;
    height: 34px;
    font-size: 20px;
    z-index: 4;
    color: White;
}
#contentwrapper
{
    padding: 10px 20px 0 20px;
    width: 938px;
    min-height: 246px;
    border-left: 1px solid #FAE078;
    border-right: 1px solid #FAE078;
    clear: both;
    background: #FEFBEE url(images/main-bg.png) repeat-x scroll top;
    color: #000;
}

#home #contentwrapper
{
    padding: 0;
    width: 978px;
}

.leftContentHome
{
    padding: 10px 0 0 0;
    width: 567px;
}

#home .rightPane
{
    float: right;
    width: 400px;
    padding: 0 20px 0 20px;
}

.contentpane
{
    width: 100%;
}

.leftpane .containerWrapper
{
    margin: 10px 20px 0 0;
    width: 250px;
}

.contentpane .containerWrapper
{
    margin: 10px 0 0 0;
}

.rightpane .containerWrapper
{
    margin: 10px 0 0 20px;
    width: 250px;
}

.family
{
    padding: 308px 35px 0 86px;
    z-index: 3;
    position: relative;
    float: right;
    top: -21px;
    width: 279px;
    background: transparent url(images/family.jpg) no-repeat scroll top;
}

.footerLogos
{
    padding: 10px 0 0 0;
    text-align: center;
    width: 978px;
    background-color: #fff;
    border-left: 1px solid #FAE078;
    border-right: 1px solid #FAE078;
}

.footerLogos p
{
    margin: 0;
    padding: 0;
}

#footer
{
    background: #E8AA67 url(images/footer-bg.png) no-repeat top;
    height: 132px;
    width: 980px;
}

#copyright
{
    text-align: center;
    margin: 20px 0 20px 0;
    font-size: 12px;
}

#copyright a, #copyright a:link, #copyright a:visited
{
    text-decoration: underline;
}

#copyright a:hover
{
    text-decoration: none;
}

img.topLeftImage
{
    padding: 0 20px 0 0;
}

img.topRightImage
{
    padding: 0 0 0 20px;
}

.clearer
{
    clear: both;
    height: 0;
}

h1, h2, h3, h4, h5, h6
{
    line-height: 1.3em;
}

h1
{
    color: #02614A;
    font-size: 30px;
    margin: 0;
    padding: 0 0 5px 0;
}

h2
{
    color: #605B57;
    font-size: 24px;
    font-weight: normal;
}

h3
{
    color: #605B57;
    font-size: 20px;
    font-weight: normal;
}

h4
{
    color: #605B57;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 3px 0;
}

h5
{
    color: #605B57;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 3px 0;
}

h6
{
    color: #605B57;
    font-size: 11px;
    margin: 0;
    padding: 0 0 3px 0;
    font-weight: normal;
}

hr
{
    border: 1px solid #FAE078;
    border-bottom: 0;
    height: 1px;
}

ul, ol
{
    margin-top: 0;
}

ul li
{
    list-style: disc;
}

ul.tickBullets
{
    padding-left: 10px;
    margin-left: 0;
}

li, ul li, ol li
{
    padding-bottom: 0;
}

ul.tickBullets li
{
    margin: 0;
    padding: 0;
    line-height: normal;
    position: relative;
    list-style: none;
    list-style-type: none;
    background-image: url(images/tick.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
}

a, a:link
{
    color: #605b57;
    text-decoration: underline;
}

a:visited
{
    color: #4d4946;
}

a:hover
{
    text-decoration: none;
}

img
{
    border: 0;
}

.redBold, .redBold a, .redBold a:link, .redBold a:visited
{
    color: #cb2408;
    font-weight: bold;
    font-size: 24px;
}

.greenLink a, .greenLink a:link, .greenLink a:visited, a .greenLink, a:link .greenLink, a:visited .greenLink
{
    color: #02614A;
}

tr
{
    vertical-align: top;
}

/* Lightbox caption */
#imageData #caption
{
    line-height: normal;
    padding: 5px 0 5px 0;
    font-size: 12px;
}

/* ==========================
    CSS STYLES FOR HouseMenu
   ==========================
*/

/*********************************************************************
 Standard structural CSS that typically should not need to be changed
*********************************************************************/
#HouseMenuNav, #HouseMenuNav ul
{
    /* all submenu lists */
    padding: 0;
    margin: 0;
    border: 0;
    list-style: none;
    white-space: nowrap;
    position: relative;
    z-index: 99;
}

#HouseMenuNav li
{
    /* all list items */
    position: relative;
    display: inline;
    float: left;
    margin: 0;
    border: 0;
    padding: 0;
}

#HouseMenuNav li li
{
    /* all items under the top level */
    z-index: 89;
}

#HouseMenuNav a
{
    /* all links within the menu wrapper */
    display: block;
    margin: 0;
    border: 0;
    padding: 0;
    font-weight: normal;
}

#HouseMenuNav li li a
{
    /* all item links under the top level */
    margin: 0;
    border: 0;
    padding: 0;
}

#HouseMenuNav li a:hover
{
    margin: 0;
    border: 0;
    padding: 0;
}

#HouseMenuNav li li a:hover
{
    margin: 0;
    border: 0;
    padding: 0;
}

#HouseMenuNav li ul
{
    position: absolute;
    top: 26px;
    margin: 0;
    border: 0;
    padding: 0;
    z-index: 88;
}

#HouseMenuNav li ul ul
{
    /* third-and-above-level lists */
    margin: 0;
    border: 0;
    padding: 0;
}

#HouseMenuNav li:hover ul ul, #HouseMenuNav li:hover ul ul ul, #HouseMenuNav li.sfhover ul ul, #HouseMenuNav li.sfhover ul ul ul
{
    left: -9999px;
}

#HouseMenuNav li:hover ul, #HouseMenuNav li li:hover ul, #HouseMenuNav li li li:hover ul, #HouseMenuNav li.sfhover ul, #HouseMenuNav li li.sfhover ul, #HouseMenuNav li li li.sfhover ul
{
    /* lists nested under hovered list items */
    left: auto;
    z-index: 99;
}

#HouseMenuNav iframe
{
    position: absolute;
    left: 0;
    top: 40;
    z-index: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
    display: block;
}

.ArrowPointer
{
    cursor: default;
}

/*******************************************************
 Presentation CSS that typically needs to be customized
*******************************************************/
#HouseMenuNav, #HouseMenuNav ul
{
    /* all submenu lists */
    width: 934px;
    height: 27px;
    background-color: transparent;
    margin: 0;
}

#HouseMenuNav li ul
{
    /* second-level lists = all list items under the top/parent menu  #cc0000*/
    width: 190px;
    left: -9999px;
    margin: 0 0 0 0;
    margin: 0;
    background-color: #E36802;
    height: auto;
    margin-top: 5px;
}

#HouseMenuNav li
{
    /* all list items */
    line-height: normal;
    background-color: transparent;
    height: 27px;
    width: auto;
    text-align: left;
    padding-top: 4px;
}

#HouseMenuNav li:hover
{
    background-color: transparent;
    height: 27px;
    padding-top: 4px;
}

#HouseMenuNav li:hover a
{
    padding-right: 12px;
    color: #231F20;
}

#HouseMenuNav li:hover li a
{
    padding-left: 5px;
    color: #fff;
    background: none;
}

#HouseMenuNav li li
{
    /* all items under the top level */ /* all items under the top level - submenu/child items */
    width: 190px;
    height: 23px;
    _width: 190px;
    background-image: none;
    margin: 0px;
    padding: 0px;
    padding-top: 7px;
    border-bottom: 1px solid #cdcecc;
}

#HouseMenuNav li li:hover
{
    background-color: transparent;
    color: #000;
    height: 23px;
    width: auto;
    width: 190px;
    padding-top: 7px;
}

#HouseMenuNav a
{
    /* all links within the menu wrapper */
    font-family: Tahoma, "Segoe UI" , "Trebuchet MS" , Arial, Verdana;
    text-decoration: none;
    color: #fff;
    padding-left: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#HouseMenuNav #HouseMenuNavItemHome li a:link, #HouseMenuNav #HouseMenuNavItemHome li a:hover, #HouseMenuNav #HouseMenuNavItemHome li a:visited, #HouseMenuNav #HouseMenuNavItemHome a, #HouseMenuNav #HouseMenuNavItemHome a:hover, #HouseMenuNav #HouseMenuNavItemHome a:visited
{
    /*border-left: 0;*/
}

#HouseMenuNav li a
{
    /* all links within the menu wrapper */
    height: auto;
    width: auto;
    font-size: 12px;
    background-color: transparent;
    padding-right: 12px;
    font-size: 20px;
}

#HouseMenuNav li li a
{
    /* all item links under the top level = all child links */
    width: 165px;
    height: 17px;
    margin-left: 5px;
    font-size: 14px;
    background-color: transperent;
    color: #fff;
}

#HouseMenuNav li a:hover
{
    color: #231F20;
    font-size: 20px;
    height: auto;
    background-color: transparent;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#HouseMenuNav li li a:hover
{
    width: 165px;
    color: #231F20;
    height: 17px;
    background-color: transparent;
    margin-left: 5px;
    font-size: 14px;
}
/* second-level lists.when the mouseover to the first level and dispaly the popup list-yuchen*/

#HouseMenuNav li ul ul
{
    /* third-and-above-level lists */
    margin: -26px 0 0 190px;
    line-height: 12px;
}
#HouseMenuNav #HouseMenuNavParentItem a
{
    /* all links under the parent item (li) */
    color: #fff;
    background-color: transparent;
    text-decoration: none;
}

#HouseMenuNav a#HouseMenuNavParentLink
{
    /* parent link itself */
    color: #fff;
    background-color: transparent;
    text-decoration: none;
}

#HouseMenuNav a#HouseMenuNavCurrentLink
{
    /* current selected/active link */
    color: #231F20;
    background-color: transparent;
    text-decoration: none;
}

#HouseMenuNav li li a#HouseMenuNavCurrentLink
{
    /* current selected/active link */
    color: #231F20;
    background-color: transparent;
    text-decoration: none;
}

#HouseMenuNav a:hover#HouseMenuNavCurrentLink
{
    /* color: #000; */
}


/*  APPLICATION FORM STYLES */

.ApplicationForm
{
    width: 750px;
    margin: auto;
}

.ApplicationForm table
{
    background: #FDF4CE;
    margin: 10px;
}

.ApplicationForm td
{
    font-size: 13px;
    padding: 5px;
    background: #FBE99D;
    color: Black;
    text-align: left;
}
.wizardNavigation, .ApplicationForm td.wizardNavigation, .ApplicationForm td.wizardNavigation table td
{
    text-align: right;
}

.ApplicationForm td.wizardNavigation table
{
    float: right;
    background: #FBE99D;
}
.ApplicationForm small
{
    font-style: italic;
    font-size: 11px;
}

.ApplicationForm .leftCol
{
    text-align: left;
}
.ApplicationForm .list
{
    background: transparent;
    height: auto;
    padding: 0;
    margin: 0;
}
.ApplicationForm .wizardTable
{
}

.InfoPanel
{
    margin: 10px;
    border: 2px solid #6BA063;
    color: White;
    z-index: 9999999;
    background: #57A72F url(/DesktopModules/WarmnWellApplicationForm/tick.png) no-repeat 10px 10px;
    clear: both;
    display: block;
    min-height: 80px;
    padding-top: 10px;
    font-size: 12px;
}

.InfoPanelCaution
{
    margin: 10px;
    border: 2px solid #666666;
    color: Black;
    clear: both;
    z-index: 9999999;
    background: #E6C55F url(/DesktopModules/WarmnWellApplicationForm/caution.png) no-repeat 10px 10px;
    display: block;
    min-height: 80px;
    padding: 10px 0 10px 100px;
    text-align: left;
    font-size: 12px;
}
.InfoPanelCaution h2
{
    color: Black;
}
.InfoPanelError h2, .InfoPanel h2, .InfoPanelCaution h2
{
    color: #FBE899;
    font-size: 18px;
    font-weight: bold;
    padding-top: 15px;
}
.InfoPanelCaution h2
{
    color: Black;
}

.InfoPanelError
{
    margin: 10px;
    border: 2px solid #666666;
    color: White;
    clear: both;
    z-index: 9999999;
    background: #C02019 url(/DesktopModules/WarmnWellApplicationForm/error.png) no-repeat 10px 10px;
    display: block;
    min-height: 80px;
    padding: 10px 0 10px 100px;
    text-align: left;
    font-size: 12px;
}