#frameLeftHeader, #frameRightHeader, #frameCentreHeader
{
    height: 110px;
}

#frameLeftHeader
{
    background-image: url("../../images/page/page_header_flank_orange.gif");
}

#frameRightHeader
{
    background-image: url("../../images/page/page_header_centre_orange.gif");
}

#frameCentreHeader
{
    background-image: url("../../images/page/page_header_centre_orange.gif");
}

.pageHeaderLeft
{
    float: left;
    background-image: url("../../images/page/page_header_left_orange.gif");
    background-repeat: no-repeat;
    width: 280px;
    height: 110px;
}

.pageHeaderCentre
{
    float: left;
    background-image: url("../../images/page/PageHeaderCentreOrange.gif");
    background-repeat: repeat-x;
    width: 680px;
}

.tabRow .tabSelected
{
    background-image: url("../../images/page/tab_selected_orange.gif");
}

.pageTitle
{
    float: left;
    margin-top: 14px;
    padding-left: 10px;
}

.pageTitle h1
{
    color: #ffffff;
    font-family: verdana, arial, sans-serif;
    font-size: 28px;
    letter-spacing: 1px;
    line-height: normal;
    text-transform: uppercase;
}

.pageTop
{
    background-image: url("../../images/email/PageTop.gif");
    background-repeat: repeat-x;
    background-color: #b24607;
    height: 311px;
}

.pageTopCentre
{
    margin: auto;
    text-align: left;
    width: 960px;
    height: 311px;
}

.pageTopCentreLeft
{
    float: left;
    background-image: url("../../images/pages/email/lifestyle.gif");
    background-position: bottom right;
    background-repeat: no-repeat;
    text-align: center;
    width: 295px;
    height: 311px;
}

.pageTopCentreRight
{
    float: left;
    background-image: url("../../images/email/PageTopRight.gif");
    background-position: bottom right;
    background-repeat: no-repeat;
    text-align: left;
    margin-left: 20px;
    width: 575px;
    height: 311px;
}

.pageTopCentreRightTop
{
    height: 95px;
}

.pageTopCentreRightTop h3
{
    color: #ffffff;
    font-family: arial, sans-serif;
    font-size: 19px;
    font-weight: bold;
    line-height: 30px;
    padding-top: 14px;
}

.pageTopCentreRightBottom
{
    height: 216px;
}

.domainSearchHeader
{
    color: #ef8200;
    font-family: verdana, arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.5px;
    margin: 0px 0px 20px 20px;
    padding-top: 30px;
}

.domainSearch
{
    background-image: url("../../images/email/DomainSearch.gif");
    width: 206px;
    height: 51px;
}

.domainSearch div
{
    padding: 9px 9px 0px 8px;
}

.domainSearch input
{
    border: none;
    background-image: url("../../images/email/DomainSearchInner.gif");
    background-repeat: no-repeat;
    color: #b0b0b0;
    font-family: arial, verdana, sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: normal;
    padding-left: 3px;
    width: 186px;   /* 189 - padding-left */
    height: 33px;
}

#domainSearchLocalPart
{
    float: left;
    margin-left: 20px;
}

#domainSearchDomainName
{
    float: left;
}

.domainSearchSeperator
{
    float: left;
    color: #3d2b83;
    font-family: arial, sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: normal;
    margin: 0px 8px 0px 6px;
    padding-top: 7px;
}

.domainSearchButton
{
    float: right;
    background-image: url("../../images/email/DomainSearchButton.gif");
    background-repeat: no-repeat;
    background-color: #281476;
    margin-top: 2px;
    margin-right: 23px;
    text-align: center;
    width: 56px;
    height: 45px;
}

/*  IE6 doesnt seem to support child selectors (can't use .domainSearchButton>div)   */
.domainSearchButton div
{
    padding-top: 12px;
}

.domainSearchButton a
{
    color: #ffffff;
    font-family: arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}

.domainSearchFooter
{
    color: #3d2b83;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 105px 0px 0px;
    text-align: right;
}

.pageMiddle
{
    margin: auto;
    width: 960px;
}

.pageMiddleLeft
{
    float: left;
    width: 489px;   /* 960 - pageMiddleRight width - pageMiddleRight margin */
}

.pageMiddleLeftTop h2
{
    color: #3d2b83;
    font-family: verdana, arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.5px;
    margin-bottom: 0.5em;
}

.pageMiddleLeftTop p
{
    color: #333333;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0.5em;
}

.pageMiddleLeftTop .emailAddress
{
    color: #3d2b83;
    font-family: verdana, arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.5px;
    margin: 0.5em 0px 1em 0px;
    text-align: center;
}

.pageMiddleLeftTop ul
{
    margin-left: 40px;
    list-style-image: url("../../images/glyphs/SmallDarkBlueTick.gif");
}

.pageMiddleLeftTop li
{
    color: #3d2b83;
    margin-bottom: 0.5em;
}

.pageMiddleLeftTop li span
{
    color: #333333;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.unitemailFeaturesOuter
{
    border: 1px solid #e8e8e8;
    margin-top: 14px;
    margin-bottom: 28px;
}

.unitemailFeatures
{
    background-color: #fbfbfb;
    border: 1px solid #cccccc;
    padding: 20px 10px 14px 10px;
}

.unitemailFeatures h2
{
    color: #9f1f63;
    font-family: verdana, arial, sans-serif;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 0.75em;
    text-transform: uppercase;
}

.unitemailFeatures h2 span
{
    color: #666666;
}

.unitemailFeatures p
{
    color: #666666;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 1em;
    text-align: justify;
}

.unitemailFeatures .itemIcon
{
    float: left;
    margin-left: 16px;
    width: 70px;
    /** IE6 double margin workaround */
    display: inline;
}

.unitemailFeatures .itemText
{
    float: left;
    color: #666666;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    margin-left: 10px;
    margin-bottom: 1em;
    text-align: justify;
    width: 360px;
    /** IE6 double margin workaround */
    display: inline;
}

.unitemailFeatures .itemText h4
{
    color: #9f1f63;
    font-family: verdana, arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0.25em;
}

.unitemailFeatures .unitemailFeatures a
{
    color: #666666;
}

.pageMiddleRight
{
    float: right;
    width: 451px;
    margin-left: 20px;
}

.pageMiddleRightTop .productPanel
{
    float: left;
    background-repeat: no-repeat;
    height: 213px;
}

.pageMiddleRightTop .productPanel .productPanelContainer
{
    padding-top: 172px;
}

.pageMiddleRightTop #productTableHeader
{
    background-image: url("../../images/pages/email/product_table_header.gif");
    width: 157px;
}

.pageMiddleRightTop #uniteMailStarterPanel
{
    background-image: url("../../images/email/UniteMailStarterPanel.gif");
    background-color: #87d106;
    width: 144px;
}

.pageMiddleRightTop #uniteMailAdvancedPanel
{
    background-image: url("../../images/email/UniteMailAdvancedPanel.gif");
    background-color: #5e9bc6;
    width: 150px;
}

.pageMiddleRightTop .productPanel .buyNowButton
{
    background-repeat: no-repeat;
    margin: 0px auto;
    text-align: center;
    width: 95px;
    height: 20px;
}

.pageMiddleRightTop #uniteMailStarterPanel .buyNowButton
{
    background-image: url("../../images/buttons/GreenButton_95_20.gif");
    background-color: #a0a0a0;
}

.pageMiddleRightTop #uniteMailAdvancedPanel .buyNowButton
{
    background-image: url("../../images/buttons/BlueButton_95_20.gif");
    background-color: #a0a0a0;
}

.pageMiddleRightTop .productPanel .buyNowButton a
{
    color: #444444;
    font-family: arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.emailTableHeader
{
    background-image: url("../../images/email/EmailFeaturesHeader.gif");
    background-repeat: no-repeat;
    margin-left: 12px;
    margin-top: 20px;
    width: 434px;
    height: 24px;

}
.emailTableHeader h3
{
    color: #ffffff;
    font-family: arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 16px;
    padding-top: 2px;
}

.emailTable
{
    margin-left: 13px;
    margin-bottom: 30px;
    width: 434px;
}

.emailTable th
{
    background-color: #f5f4f4;
    border: 1px solid #cccccc;
    color: #333333;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 0px 7px 0px;
    text-transform: uppercase;
}

.emailTable th a
{
    color: #333333;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.emailTable td
{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #666666;
    font-family: arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
}

.emailTable td.first
{
    padding-left: 6px;
    text-align: left;
}

.emailTable td.first a
{
    border-bottom: 1px dotted #666666;
    color: #666666;
    font-family: arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.emailTable td.first a:hover
{
    border-bottom: 1px solid #666666;
    text-decoration: none;
}

.emailTable tr.alternate td
{
    background-color: #f5f4f4;
}

.emailTable tr.separator td
{
    background-color: #b6b6b6;
    color: #ffffff;
    font-family: arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding-left: 7px;
    text-align: left;
}

.emailTable td.numberOfMailboxes
{
    font-size: 14px;
}

.emailTable td.numberOfMailboxes span.quantity
{
    font-size: 19px;
    font-weight: bold;
    padding-right: 5px;
}

.emailTable td.numberOfMailboxes span.capacity
{
    padding-left: 5px;
}

.emailTable td.diskSpace
{
    font-size: 18px;
    font-weight: bold;
}

.emailTable #emailTableStarterHeader
{
    background-color: #87d106;
    width: 143px;
}

.emailTable #emailTableAdvancedHeader
{
    background-color: #5e9bc6;
    width: 145px;
}

.emailTable tr.orderNow td
{
    text-align: center;
}

.emailTable tr.orderNow td.first
{
    text-align: left;
    text-transform: uppercase;
}

.emailTable tr.orderNow .buyNowButton
{
    background-repeat: no-repeat;
    margin: 0px auto;
    text-align: center;
    width: 95px;
    height: 20px;
}

.emailTable tr.orderNow .buyNowButton a
{
    color: #444444;
    font-family: arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.pageMiddleRightTop #uniteMailStarterPanel .buyNowButton
{
    background-image: url("../../images/buttons/GreenButton_95_20.gif");
    background-color: #b6b6b6;
}

.pageMiddleRightTop #uniteMailAdvancedPanel .buyNowButton
{
    background-image: url("../../images/buttons/BlueButton_95_20.gif");
    background-color: #b6b6b6;
}

.emailTable .buyNowButton
{
    width: 95px;
    height: 20px;
    text-align: center;
}

.emailTable #emailTableStarterFooter .buyNowButton
{
    background-image: url("../../images/buttons/GreenButton_95_20.gif");
    background-color: #87d106;
}

.emailTable #emailTableAdvancedFooter .buyNowButton
{
    background-image: url("../../images/buttons/BlueButton_95_20.gif");
    background-color: #5e9bc6;
}

.faqOuter
{
    border: 1px solid #e8e8e8;
    width: 435px;
    margin-left: 11px;
}

.faq
{
    background-color: #fbfbfb;
    border: 1px solid #cccccc;
}

.faq .headerIcon
{
    float: left;
    margin-left: 14px;
    padding-top: 10px;
}

.faq .header
{
    float: left;
    margin-left: 15px;
    padding-top: 16px;
}

.faq .header h3
{
    color: #9f1f63;
    font-family: arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0px;
}

.faq .seperator
{
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.faq .questionTitle img
{
    margin-left: 50px;
    margin-right: 16px;
}

.faq .questionTitle a
{
    color: #666666;
    font-family: arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.faq .questionContent
{
    color: #666666;
    font-family: arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-left: 85px;
    margin-right: 20px;
    line-height: normal;
}

.faq .questionContent a
{
    color: #666666;
    font-weight: bold;
}

.faq .footer
{
    color: #666666;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 18px 5px 9px 85px;
}

.faq .footer a
{
    color: #666666;
    font-weight: bold;
}
