/*#cb266n - Lighter banner green for Corporate Responsibility title banner on Welcome screen */

/*
#b1c0a5 - Mint (50%) (#63a04a shown at 50%)
#77a642 - Green
#587c26 - Olive
#d9e7f2 - Lt Blue
#81b3d1 - Mid Blue
#2682b0 - Deep Blue
#c6c8ca - Lt Grey
#939598 - Grey
#231f20 - Charcoal
#ffc7e4 - Carnation
#ea2e92 - Avon Pink
#59233d - Burgundy
*/

/* CSS RESETS */

body
{
    font-size: 80% !important;
}

body, h1, h2, h3, h4, h5, h6, ul, li, p, div, tr, table, td
{
    margin: 0;
    padding: 0;
}

body
{
    margin-top: 20px;
}

a
{
    border: 0;
}

img
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    margin: 0;
}

.clearfix, .clear
{
    clear: both;
}

h4.heading
{
    margin: 0 0 10px 0;
}

.mar_20
{
    margin: 0 0 20px 0;
}


/* AVON CR SITEWIDE STYLES */
body
{
    /*background-color: #c6c8ca;*/ /*#fdfdfd;*/ /*background-image: url(/images/bodybg.jpg);*/
    font-family: Arial, sans-serif;
    background-repeat: repeat-x;
    font-size: .8em;
    color: #000000;
}
div#site_wrapper
{
    width: 850px;
    background-color: #ffffff;
    margin: 20px auto; /*border: 2px solid #000000;*/
    min-width: 850px;
    min-height: 500px;
    position: relative;
    color: #000000;
}
h1#sitetitle
{
    background-image: url(  "/images/avon-company-logo.png" );
    background-repeat: no-repeat;
    margin-left: 2px;
    text-indent: -9999px;
    height: 100px;
}
ul#global_nav
{
    text-align: center;
    padding: 0;
    font-size: .9em;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    background-color: #ffffff;
}
ul#global_nav li
{
    list-style-type: none;
    display: inline;
    border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    margin: 0;
    font-weight: bold;
    margin: 2px 0;
}
ul#global_nav li.nav_cr
{
    background-color: #669933;
    color: #ffffff;
}
ul#global_nav li.nav_farleft
{
    border-left: 4px solid #000000;
}
ul#global_nav li.nav_farright
{
    border-right: 4px solid #000000;
}
ul#global_nav li a
{
    color: #000000;
    padding: 0px 10px;
    text-decoration: none;
    background-color: #ffffff;
}
ul#global_nav li.nav_cr a
{
    color: #ffffff;
    background-color: #669933;
}
ul#global_nav li a:hover
{
    background-color: #669933;
    color: #ffffff;
}
div#site_search
{
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 450px;
    height: 0px;
    text-align: right;
}
div#site_search a
{
    color: #000000;
    text-decoration: none;
    font-size: .9em;
}
div#site_search a:hover
{
    text-decoration: underline;
}
input.site_search_box
{
    border: 1px solid #000000;
    text-align: center;
    color: #999999;
}
input.site_search_button
{
    color: #ffffff;
    font-family: Arial, Sans-Serif;
    background-color: #000000;
    border: 1px solid #000000;
}
div#footer
{
    text-align: center;
    min-width: 854px;
    font-family: Arial, Sans-Serif;
    padding-bottom: 50px;
}
div#footer ul
{
    margin: 15px auto;
}
div#footer ul li
{
    list-style-type: none;
    display: inline;
    color: #0000ff;
    margin: 0 5px;
    font-size: .9em;
}
div#footer ul li a
{
    text-decoration: none;
    color: #000000;
    padding: 0px 5px;
}
div#footer ul li a:hover
{
    text-decoration: underline;
}
div#footer h6
{
    font-size: .9em;
}
div#footer h6 a
{
    color: #000000;
}
div#footer h6 a:hover
{
    color: #cccccc;
}

/* LEFT_NAV.ASPX LAYOUT TREATMENTS */
div#page_content
{
    position: relative;
    width: 850px;
    margin: 0;
    padding: 0; /*background-color:#d9e7f2;*/
}
div#page_content p
{
    margin-bottom: 10px;
    line-height: 1.3em;
}
div#page_content p.last
{
    margin-bottom: 25px;
}
div#page_content table
{
    border: 1px solid #222;
}
div#page_content table#ctl00_ctl00_PageContent_RightColumn_DataList1
{
    border: 0;
}
div#page_content td
{
    border: 1px solid #ccc;
}
div#page_content table#ctl00_ctl00_PageContent_RightColumn_DataList1 td
{
    border: 0;
}
div#page_content p#welcome_footer
{
    margin-bottom: 0px;
}
div#banner
{
    text-align: center;
}
div#banner img
{
    margin: 0;
    padding: 0;
}
div#left_col
{
    float: left;
    width: 220px; /*Previously 270*/
    display: inline;
}
div#left_col_nav
{
    padding: 0;
}
div#left_col_action_items
{
    padding: 20px 20px 20px;
}
div#left_col_action_items ul
{
    list-style-type: none;
}
ul.left_action_items
{
    list-style-type: none;
}
ul.left_action_items li.print
{
    background-image: url(  "/images/printbullet.png" );
    background-repeat: no-repeat;
    padding: 1px 0 1px 19px;
}
ul.left_action_items li.bookmark
{
    background-image: url(  "/images/bookmarkbullet.png" );
    background-repeat: no-repeat;
    padding: 1px 0 1px 19px;
}
ul.left_action_items li.email
{
    background-image: url(  "/images/emailbullet.png" );
    background-repeat: no-repeat;
    padding: 0px 0 2px 19px;
}
ul.left_action_items li.report
{
    background-image: url(  "/images/reportbullet.png" );
    background-repeat: no-repeat;
    padding: 1px 0 1px 19px;
}
ul.left_action_items li.add_report
{
    background-image: url(  "/images/addbullet.png" );
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 1px 0 1px 19px;
}
ul.left_action_items li a
{
    color: #000000;
    text-decoration: none;
}
ul.left_action_items li a:hover
{
    text-decoration: underline;
}
div#elements p
{
    line-height: 1.4em;
}
div#elements sup, div#elements sub
{
    line-height: 0;
    font-size: .7em;
}
div#elements sup
{
    vertical-align: .7em;
}
div#elements sub
{
    vertical-align: 0em;
}
div#elements
{
    clear: both;
    padding: 5px 20px 20px;
}
div#elements blockquote
{
    float: right;
    width: 200px;
    padding: 5px 5px;
    margin: 5px 0px 10px 5px;
    border-top: 3px solid #77a642;
    border-bottom: 3px solid #77a642;
    font-family: 'Avant Garde Book BT' , Arial, sans-serif;
    font-size: 1.2em;
    color: #77a642;
    text-align: left;
}
div#elements blockquote .blue
{
    /*color: #2682b0;*/
}
div#elements blockquote cite
{
    font-size: 0.7em;
    float: right;
    font-family: Arial, Serif;
}
div#elements ul
{
    list-style-type: none;
}
div#elements li
{
    margin: 8px 0;
}
div#elements .site-map li, div#elements .ReportTree li
{
    margin: 0;
}
div#elements .site-map li a, div#elements .ReportTree li a
{
    text-decoration: none;
}
div#elements .site-map li a:hover, div#elements .ReportTree li a:hover
{
    text-decoration: underline;
}
div#elements table
{
    /*border:1px solid #ccc;*/
    padding: 0;
    margin: 0;
}
div#elements table thead td
{
    margin: 0px;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
}
div#elements table tfoot td
{
    padding: 5px;
    font-weight: bold;
    border: 1px solid #ccc;
}
div#elements table tbody td, div#elements table td
{
    padding: 3px 5px 3px 5px;
    border-bottom: 1px solid #ccc;
    border-right: none;
    border-left: none;
    border-top: none;
    color: #292929;
}
div#elements table td.head
{
    padding: 10px 5px;
    font-weight: bold;
    color: Black;
}

.center
{
    text-align: center;
}

div#right_col_elements
{
    width: 570px;
    padding: 0;
    margin: 0;
    padding-left: 50px;
    background-image: url("/images/right-col-left-border.png");
    background-repeat: repeat-y;
    background-position: left;
    float: right;
    display: inline;
}
div#right_col_elements h2
{
    font-size: 2em;
    font-weight: normal;
    margin: 0px 0px 10px;
    color: #939598;
    clear: both; /*border:2px solid #ea2e92;*/
    font-family: Arial, sans-serif;
}
div#right_col_elements h3, div#right_col_elements h4, div#right_col_elements h5, div#right_col_elements h6
{
    color: #77a642;
    font-weight: normal;
}
div#right_col_elements h3
{
    padding: 0px 0;
    font-size: 1.2em;
    border-bottom: 2px solid #b1c0a5;
    margin-bottom: 10px;
    clear: both;
    margin-top: 15px;
}
div#right_col_elements h4
{
    font-size: 1em;
}
div#right_col_elements h5
{
    font-size: 1em;
}
div#right_col_elements table
{
    margin: 10px 0;
    clear: both;
}

div#right_col_elements ul.breadcrumbs
{
    margin: 10px 4px 0px;
    font-size: .8em;
}
div#right_col_elements ul.breadcrumbs li
{
    height: 12px;
    background-image: url("/images/arrowbullet.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin: 0 18px 4px 0;
    padding: 0px 0 0px 16px;
    white-space: nowrap;
}
div#right_col_elements ul.breadcrumbs li a
{
    color: #939598;
    text-decoration: none;
}
div#right_col_elements ul.breadcrumbs li a:hover
{
    color: #000000;
    text-decoration: underline;
}

ul.action_bar
{
    background-color: #cccccc;
    color: #000000;
    padding: 5px;
    width: 559px;
    font-size: .8em;
    text-align: right;
}
ul.action_bar li
{
    display: inline;
    margin: 0 10px;
}


/* PAGINATION CONTROLS */

ul#pagination
{
    list-style-type: none;
    clear: both;
    margin: 0px 0;
}
ul#pagination li
{
    display:inline;
}
ul#pagination a { color: Black; }
ul#pagination a.disabled_link { color:#c6c8ca !important; text-decoration:none !important; cursor:default !important; }


/* LEFT_NAV.ASPX LAYOUT TREATMENTS */
div#welcome_page_trio
{
    background-color: #ffffff;
    min-height: 200px;
    margin-bottom: 0px;
    clear: both;
}
div#welcome_page_trio img
{
    padding-bottom: 0;
}
ul.welcome_page_actions
{
    color: #000000;
    font-weight: bold;
    list-style-type: none;
    margin-bottom: 20px;
}
ul.welcome_page_actions a
{
    color: #000000;
}
ul.welcome_page_actions li.print
{
    background-image: url(  "/images/printbullet.png" );
    background-repeat: no-repeat;
    padding: 0px 0 1px 19px;
}
ul.welcome_page_actions li.bookmark
{
    background-image: url(  "/images/bookmarkbullet.png" );
    background-repeat: no-repeat;
    padding: 0px 0 1px 19px;
}
ul.welcome_page_actions li.email
{
    background-image: url(  "/images/emailbullet.png" );
    background-repeat: no-repeat;
    padding: 0px 0 2px 19px;
}
ul.welcome_page_report_actions
{
    color: #000000;
    list-style-type: none;
    font-weight: bold;
}
ul.welcome_page_report_actions a
{
    color: #000000;
}
ul.welcome_page_report_actions li.report-build
{
    background-image: url(  "/images/reportbullet.png" );
    background-repeat: no-repeat;
    padding: 0px 0 1px 19px;
}
ul.welcome_page_report_actions li.report-add
{
    background-image: url(  "/images/addbullet.png" );
    background-repeat: no-repeat;
    padding: 0px 0 1px 19px;
}
ul.welcome_page_report_actions li.report-view
{
    background-image: url(  "/images/reportbullet.png" );
    background-repeat: no-repeat;
    padding: 0px 0 1px 19px;
}
ul.welcome_page_report_actions li.report-print
{
    background-image: url(  "/images/reportbullet.png" );
    background-repeat: no-repeat;
    padding: 0px 0 1px 19px;
}
div#news h3
{
    font-size: 2em;
    font-weight: normal;
    margin-bottom: 5px;
    border-bottom: 1px solid #000000;
}
div#news ul
{
    font-size: 1.0em;
    color: #333333;
}
div#news ul li
{
    margin-bottom: 5px;
}
span.news_headline
{
    font-size: 1.2em;
    font-weight: bold;
}
span.news_headline a
{
    color: #000000;
    text-decoration: none;
}
span.news_headline a:hover
{
    color: #000000;
    text-decoration: underline;
}
.sidebar
{
    /*float:right;*/
    background-color: #d6d8da; /*width: 250px;*/
    padding: 5px;
    margin: 5px 0;
    clear: both;
}
.sidebar ul
{
    list-style-type: none;
}
.sidebar ul li
{
    padding: 3px 0;
}
ul#page-anchors
{
    border-bottom: 2px solid #d9e7f2;
    padding-left: 10px;
    display: none;
}
ul#page-anchors a
{
    text-decoration: underline;
    color: #000000;
}
ul#page-anchors a:hover
{
    text-decoration: none;
    color: #939598;
}
div#elements a
{
    text-decoration: underline;
    color: #000000;
}
div#elements a:hover
{
    text-decoration: none;
    color: #939598;
}
div#trio-right a, div#trio-center a
{
    color: #939598;
}
div#trio-right a:hover, div#trio-center a:hover
{
    text-decoration: none;
}

/* CONTACT */
div.form
{
    width: 100%;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 15px 0;
    margin: 0 0 20px 0;
}
div.form table
{
    border: 0;
    margin: 0;
    padding: 0;
}
.margin_10
{
    margin: 0 0 10px 0;
}
.padding_20_left
{
    padding: 0 0 0 20px;
}
.block
{
    display: block;
}
.form_label
{
    display: block;
}
img.image
{
    float: right;
    max-width: 250px;
    padding: 0px;
    margin: 8px 0px 10px 8px;
    clear: both;
    background-image: url(../images/shadow200.png);
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 5px;
}

div.collapsible_div
{
    clear: both;
}
div.elementplacement
{
    clear: both;
    page-break-inside: avoid;
}

.border-green
{
    border: 1px solid #77a642;
    padding: 4px;
    margin: 8px 0;
}

div#elements table.representatives
{
    border-bottom: none;
}

div#elements table.representatives td, div#elements table.representatives th
{
    padding: 3px 5px 3px 5px;
    border-bottom: 1px solid #000;
    border-right: none;
    border-left: none;
    border-top: none;
}
div#right_col_elements table.table-contact
{
    border: none;
}
div#right_col_elements table.table-contact td
{
    border: none;
}
table.gri th.gri-section-heading
{
    background-color: #939598;
}
table.gri th.gri-section-subheading
{
    background-color: #c6c8ca;
}
div.RadChart
{
    text-align: center;
    margin: 0 auto;
}
div#elements table.form-list
{
    border: none;
    margin-top: 0;
}
div#elements table.form-list td
{
    border-bottom: none;
}
div#elements p.form-text
{
    margin-bottom: 0;
}
div#elements div.form-input
{
    margin-bottom: 30px;
}

div#search table
{
    border: 0;
}
div#search td
{
    border: 0;
}
div#search a
{
    color: Black;
}
div#search a:hover
{
    color: #c6c8ca;
}


ul.email_form
{
    list-style-type: none;
}
ul.email_form li
{
    margin: 0 0 5px 0;
}

.form_label_lg
{
    width: 175px;
    float: left;
    display: block;
}
ul.no_style
{
    list-style-type: none;
}

.cms-form .form-text
{
}

.cms-form .form-list
{
    padding-left: 20px;
}

span.form-success
{
    border: 1px solid #77a642;
    padding: 4px;
}


.sitemap_nav li
{
    margin: 0 !important;
    padding: 0 !important;
}
.sitemap_nav li a:hover
{
    color: Black !important;
}