﻿/*#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, 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: 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;
}
div#site_wrapper
{
    background-color: #ffffff;
}
h1#sitetitle
{
    font-family: Arial, Sans-Serif;
    font-size: 20px;
    color: black;
    display: inherit;
    text-indent: 0;
    text-align: center;
    height: auto;
}
div#globalnav
{
    display: none;
}

div#site_search
{
    display: none;
}
div#footer
{
    display: none;
}

/* LEFT_NAV.ASPX LAYOUT TREATMENTS */
div#page_content
{
}
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
{
    display: none;
    width: 0;
}
div#elements
{
    float: none;
}
div#elements p
{
    line-height: 1.4em;
}

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 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
{
    background-color: #ffffff;
    margin: 0 auto;
    padding-left:0;
    float: none;
}
div#right_col_elements h2
{
    font-size: 2em;
    font-weight: normal;
    margin: 0px 0px 10px;
    color: #939598; /*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;
}
div#right_col_elements h4
{
    font-size: 1em;
}
div#right_col_elements h5
{
    font-size: 1em;
    text-indent: 10px;
}
div#right_col_elements table
{
    margin: 10px 0;
    clear: both;
}
ul.breadcrumbs
{
    display: none;
}
ul.breadcrumbs li
{
    background-image: url(  "/images/arrowbullet.png" );
    background-repeat: no-repeat;
    display: inline;
    padding-left: 16px;
    padding-right: 10px;
}
ul.breadcrumbs li a
{
    color: #939598;
    text-decoration: none;
}
ul.breadcrumbs li a:hover
{
    color: #000000;
    text-decoration: underline;
}
ul#pagination
{
    display: none;
}
ul.action_bar
{
    display: none;
}
ul.action_bar li
{
    display: inline;
    margin: 0 10px;
}


/* 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: #c6c8ca; /*width: 250px;*/
    padding: 5px;
    margin: 5px 0;
}
.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;
}
