/*================================================== LAYOUT STYLES */
/*
    CSS Document for Diageo Annual Report 2009
    Build: Pete Robelou on behalf of SAS - 24/08/2009
*/

html, body
{
    margin: 0;
    padding: 0;
    border: 0;
    height: 100.1%;
}

body
{
    background-repeat: repeat-y;
    background-position: center top;
}

/*--------------------------------------------------=> HEADERS */
/* H1 */
h1
{
    padding-bottom: 34px;
}

/* H2 */
h2
{
    padding-bottom: 14px;
    padding-top: 5px;
}

/* H3 */
h3
{
    padding-bottom: 10px;
}

.column_seven_eighths h3, .section_wrapper_medium h3, .section_wrapper_full h3
{
    padding-bottom: 0 !important;
}

/*--------------------------------------------------=> CONTENT ELEMENTS */
/*-------------> Global */
.content_holder
{
    padding: 12px 19px;
}

.padding_bottom
{
    padding-bottom: 12px !important;
}

.landing_module .padding_bottom
{
    padding-bottom: 6px !important;
}

.padding_bottom_large
{
    padding-bottom: 24px !important;
}

.column_one_fifth .expand .padding_bottom_large
{
    width: 134px;
}

.padding_bottom_extralarge
{
    padding-bottom: 36px !important;
}

.landing_module .padding_bottom_extralarge
{
    padding-bottom: 20px !important;
}

/*-------------> Paragraph */
p
{
    padding-bottom: 10px;
    margin: 0;
}

#banner_quote p
{
    padding-left: 16px;
    padding-bottom: 18px;
}

#home_page .column_one_quarter p
{
    /*padding-bottom: 16px;*/
}

p.notes
{
    padding-bottom: 30px;
}

p.dropshadow
{
    padding-bottom: 0 !important;
}

.landing_module p
{
    padding-bottom: 0 !important;
}

/*-------------> Links */
a
{
}

#logo
{
    float: left;
    display: block;
    width: 133px;
    height: 77px;
}

a.banner_link
{
    position: relative;
    display: block;
    width: 234px;
    height: 25px;
    padding: 8px 0px 0px 16px;
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 100;
    margin-left: -9px;
}

a.arrow_link span
{
    display: inline-block;
    width: 20px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: right 0px;
    padding-left: 10px;
}

a.arrow_link:hover span
{
    background-position: right -13px;
}

a.backtop_link
{
    display: inline-block;
    margin-top: 10px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

a.backtop_link:hover
{
    background-position: 0px -15px;
}

a.expanding_link
{
    display: block;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right 1px;
}

a.open
{
    background-position: right -75px;
}

.module_director a.expanding_link
{
    padding-right: 0;
}

.module_director a.expanding_link img
{
    padding-bottom: 5px;
}

.module_director a.expanding_link span
{
    display: block;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right 1px;
}

.module_director a.open span
{
    background-position: right -75px;
}


/*-------------> Images */
img
{
}

#home_page .column_one_quarter img
{
    padding-bottom: 6px;
}

/*-------------> Lists */
/* simple list */
ul.simple_list
{
    padding-bottom: 10px;
}

ul.simple_list li
{
    padding-bottom: 0px;
}

/* link list */
ul.link_list li
{
    margin-bottom: 5px;
}

ul.link_list li a
{
    background-repeat: no-repeat;
    background-position: left 6px;
    padding-left: 15px;
}

/* ordered list */
ol
{
    list-style-type: decimal;
    padding-left: 5px;
    margin-left: 20px;
}

ol li
{
    padding: 0 0 5px 0;
}

ul.notes ol li
{
    padding: 0;
}

/* bullet list */
ul.bullet_list
{
    list-style-type: none;
    padding-bottom: 5px;
}

ul.bullet_list li
{
    padding-bottom: 6px;
    padding-left: 11px;
    background-repeat: no-repeat;
    background-position: left 6px;
}

ul.key_highlights
{
    padding-bottom: 10px;
}

/* Sitemap */
#sitemap
{
    width: 100%;
    background-repeat: repeat-x;
    background-position: left top;
    margin-bottom: 25px;
}

#sitemap .column
{
    float: left;
    width: 32.1%;
}

#sitemap ul
{
    padding-top: 0px;
    padding-bottom: 1px;
}

#sitemap ul li
{
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 0px;
    margin-top: 15px;
}

#sitemap ul li ul
{
    padding-left: 10px;
    padding-top: 3px;
}

#sitemap ul li ul li
{
    padding-top: 4px;
    margin-top: 0px;
}

/* definition list */
dl
{
    margin-bottom: 15px;
}

dt, dd
{
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/* misc */
ul.chart_list strong, ul.chart_list p
{
    float: left;
}

ul.chart_list p
{
    padding-left: 5px;
}

/*-------------> Tables */
table
{
    table-layout: fixed;
    width: 100%;
    margin-bottom: 12px;
}

.datatable th
{
    vertical-align: bottom;
    padding-bottom: 8px !important;
    vertical-align: bottom !important;
}

.datatable .colspan th
{
    padding-bottom: 2px !important;
}

.datatable .firstrow td
{
    padding-top: 2px !important;
}

.datatable .paddingtop td, .datatable .paddingtop th
{
    padding-top: 12px !important;
}

.datatable td, .datatable th
{
    text-align: right;
    padding: 2px 6px 2px 6px;
    border-bottom: 1px solid #dad6d6;
    vertical-align: bottom;
}

.datatable .row_header
{
    text-align: left;
}

.datatable .linebtm_dark td, th.linebtm_dark, .linebtm_dark th
{
    border-bottom: 1px solid #463031;
}

.datatable .linebtm_thick td
{
    border-bottom: 2px solid #463031;
}

.datatable td.loss
{
    padding-right: 2px;
}

.standardtext td
{
    vertical-align: top;
}

.generaltable th
{
    text-align: left;
}

.generaltable td
{
    padding: 2px 0px;
}

.generaltable td.row_header
{
    padding-top: 12px;
}

.generaltable td.indent
{
    padding-left: 35px;
}

table.align_left
{
    text-align: left !important;
}

/* glossary */
.glossary_terms thead td
{
    padding-bottom: 10px;
}

.glossary_terms tbody td
{
    padding: 1px 4px 3px 4px;
}

.glossary_terms td p
{
    padding-bottom: 0px;
}



/*-------------> Modules */
/*right-hand module*/
.rh_module
{
    padding-bottom: 25px;
}

/*image text module*/
.image_text_module
{
    float: left;
    padding-bottom: 12px;
}

.image_text_module .image_container
{
    float: left;
    width: 38px;
}

.image_text_module .text_container
{
    float: left;
    width: 140px;
}

/*expandable module*/
.js .expanding_module .module_body
{
    display: none;
}

.module_body
{
    width: 134px;
}

/*-------------> Create report */
#create_report
{
    position: relative;
    margin-left: 6px;
    width: 950px;
    z-index: 200;
}

#create_report .content_holder
{
    padding: 0 18px 17px 16px;
}

#cyr_link
{
    display: block;
    width: 100%;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#cyr_link:hover
{
    background-position: 0 -40px;
}

#cyr_link.open
{
    background-position: 0 -80px;
}

#create_report ul
{
    float: left;
    margin: 15px 0 0 25px;
}

#create_report li
{
    float: left;
    width: 138px;
    margin: 0 8px 10px 0;
}

#create_report li a
{
    display: block;
    margin-bottom: 5px;
}

#create_report li input
{
    float: left;
    margin-left: 0px;
    margin-top: 1px;
}

#create_report li label
{
    display: block;
    float: left;
    width: 110px;
    padding: 0px 0 0 0;
    margin-left: 2px;
    height: 47px;
}

a.cyr_submit
{
    display: block;
    float: right;
    width: 92px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-top: -69px;
    margin-right: 28px;
}

a.cyr_submit:hover
{
    background-position: 0 -20px;
}

#cyr_download
{
    text-align: center;
    width: 280px;
    margin: 15px auto 0 auto;
}

#cyr_download p
{
    padding-bottom: 5px;
}

.cyr_download_link img
{
    margin-bottom: 3px;
}

.cyr_download_link span.linktext
{
    display: block;
}

p.loader
{
    float: left;
    padding: 0;
}

p.validation
{
    float: right;
}

.js .expand
{
    display: none;
}


/*-------------> Misc */
.hr_dotted
{
    /*padding-bottom: 12px;*/
    padding-bottom: 7px;
    height: 1px;
    background-repeat: repeat-x;
    background-position: top left;
}

div.section_wrapper_full .hr_dotted
{
    width: 426px;
}

#content_column_container div.section_wrapper_full .hr_dotted
{
    width: 100%;
}

table sup
{
    vertical-align: 0;
    position: relative;
    top: -0.8ex;
}

sup
{
    vertical-align: 0;
    position: relative;
    top: -0.8ex;
}

/*--------------------------------------------------=> FORMS */
#header_search_form_container
{
    float: right;
    padding-left: 10px;
    margin-top: 1px;
}

#header_search_form_container label
{
    display: none;
}

#header_search_form_container .input_text
{
    float: left;
    border: 0px;
    border-bottom: 1px solid #e1dde2;
    padding: 0px 0px;
    margin: 0px;
    width: 151px;
    height: 15px;
}

#header_search_form_container .button_go
{
    float: left;
    border: 0px;
    border-bottom: 1px solid #e1dde2;
    padding: 0px;
    margin: 0px;
    width: 11px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

#xsltsearch_results
{
    margin: 25px 0 50px 0;
}

.xsltsearch_result
{
    margin-bottom: 15px;
}

p.xsltsearch_result_title
{
    padding-bottom: 0px;
}

p.xsltsearch_result_description
{
    padding-bottom: 0;
}

.navigation_pagination
{
    margin-bottom: 15px;
}

.navigation_pagination li
{
    display: inline;
    padding: 0 10px 0 0;
}


/*--------------------------------------------------=> CONTENT LAYOUT */
#background_banner
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 740px; /*text-align: center;*/
    background-repeat: no-repeat;
    background-position: top center;
}

#banner_container
{
    position: relative;
    margin-top: -6px;
    margin-bottom: 6px;
    width: 950px;
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 0px 6px 6px;
}

#banner_quote
{
    position: absolute;
    width: 240px;
    top: 275px;
    right: 44px;
}

#banner_quote.banner_left_align
{
    top: 40px!important;
    left: 24px;
}

#banner_quote.background-1
{
    top: 185px;
    right: 44px;
}

#banner_quote.background-2
{
    top: 205px;
    left: 44px;
}

#banner_quote.background-3
{
    top: 165px;
    left: 44px;
}

#banner_quote.background-4
{
    top: 175px;
    left: 44px;
}

#banner_quote.background-5
{
    top: 275px;
    right: 44px;
}


#banner_container #banner_quote
{
    top: 60px;
    text-align: left;
}

.column_two_thirds
{
    float: left;
    width: 424px;
}

.column_seven_eighths
{
    float: left;
    width: 497px;
}

.column_one_quarter
{
    float: left;
    width: 134px;
    padding-left: 12px;
}

.column_one_third
{
    float: left;
    width: 178px;
    padding-left: 12px;
}

.column_two_third_right
{
    float: left;
    width: 250px;
    padding-left: 12px;
}

.column_one_fifth
{
    float: left;
    width: 134px;
    padding-left: 12px;
}

.column_two_left
{
    float: left;
    width: 65%;
}

.column_one_right
{
    float: right;
    width: 35%;
}

#landing_page .column_one_third
{
    width: 207px;
}

.copy_landing_wide
{
    width: 498px;
}

#home_page .column_intro
{
    float: left;
    width: 240px;
    padding-top: 24px;
    padding-left: 20px;
}

#home_page .column_one_quarter
{
    position: relative;
    float: right;
    width: 140px;
    height: 225px;
    padding: 0px 14px;
    background-repeat: repeat-y;
    background-position: top left;
}

#home_page .column_one_quarter .alignbottom_link
{
    position: absolute;
    left: 14px;
    bottom: 0px;
}

#glossary_wrapper, #page_content_links_wide
{
    width: 570px;
}

#glossary_wrapper .column_left
{
    float: left;
    width: 213px;
    padding-left: 0px;
}

#glossary_wrapper .column_right
{
    float: left;
    width: 343px;
    padding-left: 12px;
}

.exec_statement
{
    padding-top: 6px;
}

.exec_statement p.title
{
    padding-bottom: 3px;
}

.exec_statement p.intro
{
    padding-bottom: 20px;
    width: 395px;
}

.exec_statement img
{
    padding-bottom: 10px;
}

/*--------------------------------------------------=> MASTER LAYOUT */
#page
{
    width: 962px; /* extra 12px to accomodate dropshadow */
    margin: 0 auto;
    position: relative;
}

#header
{
    position: relative;
    z-index: 100;
    width: 924px;
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 15px 19px;
}

#header .floatRight
{
    width: 791px;
}

#content
{
    margin-top: -4px;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    background-repeat: repeat-y;
    background-position: top left;
    padding-bottom: 20px;
}

#landing_page #content
{
    position: relative;
    margin-top: -10px;
    z-index: 1;
}

#home_page #content
{
    position: absolute;
    width: 950px;
    height: 215px;
    top: 490px;
    left: 6px;
    padding: 14px 0px 25px;
}

#content_column_container
{
    float: left;
    width: 572px;
    padding-left: 12px;
}

#content_column_container_wide
{
    float: left;
    width: 718px;
    padding-left: 12px;
}

#landing_page #content_column_container
{
    width: 645px;
}

div.section_wrapper
{
    width: 426px;
}

div.section_wrapper_full
{
    width: 100%;
}

div.section_wrapper_medium
{
    width: 497px;
}

#right_column_container
{
    float: right;
    width: 164px; /*padding-left: 12px;*/
}

#home_page #createreport_footer_container
{
    position: absolute;
    top: 740px;
    left: 0px;
}

#footer
{
    width: 924px;
    margin-left: 6px;
    padding: 10px 13px;
}

/*--------------------------------------------------=> NAVIGATION */
/* header support nav */
#header_support_nav_container
{
    float: right;
    background-repeat: no-repeat;
    background-position: right 6px;
    margin-top: -4px;
}

#header_support_nav, #header_support_nav li
{
    float: left;
}

#header_support_nav li
{
    padding-right: 6px;   
}

#header_support_nav li.home_link
{
    background-repeat: no-repeat;
    background-position: right 6px;
    margin-right: 9px;
}

#header_support_nav li a
{
    /*display: inline-block;*/
    float: left;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 24px;
    padding-right: 10px;  
}

#header_support_nav li
{
    position: relative;
}

#header_support_nav li.drop_link a
{
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 24px;
    padding-right: 10px;
}

#header_support_nav li a:hover, #header_support_nav li.drop_link a:hover, #header_support_nav li.current a
{
    background-position: 0px -31px;
}

#header_support_nav li.drop_link ul
{
    display: none;
    position: absolute;
    top: 22px;
    left: 0px;
    width: 250px;
    padding: 18px 0px 12px;
}

#header_support_nav li.drop_wide ul
{
    width: 350px;
}

#header_support_nav li.drop_link ul li
{
    width: 242px;
    margin-left: 0px;
    padding: 0px 4px;
}

#header_support_nav li.drop_wide ul li
{
    width: 334px;
    padding-left: 12px;
}

#header_support_nav li.drop_wide ul li.highlight_link
{
    width: 342px;
    padding-left: 4px;
}

#header_support_nav li.drop_link ul li a
{
    display: block;
    padding-left: 8px;
}

#header_support_nav li.drop_link ul li.highlight_link a span
{
    display: inline-block;
    width: 20px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: right 0px;
    padding-left: 14px;
}

/* header main nav */
#header_main_nav_container
{
    float: right;
    padding-top: 46px;
    padding-right: 0px;
}

#header_main_nav, #header_main_nav li
{
    float: left;
}

#header_main_nav li
{
    padding-left: 10px;
    padding-right: 11px;
    background-repeat: no-repeat;
    background-position: right 3px;
}

#header_main_nav li.last
{
    padding-right: 0px;
}

/* breadcrumb nav */
#breadcrumb_nav_container
{
    padding-bottom: 50px;
}

#breadcrumb_nav, #breadcrumb_nav li
{
    float: left;
}

#breadcrumb_nav li
{
    padding-right: 5px;
}

#breadcrumb_nav li a
{
    padding-right: 17px;
    background-repeat: no-repeat;
    background-position: right 3px;
}

/* left nav */
#left_nav_container
{
    float: left;
    width: 164px;
    margin-top: 6px;
}

#left_nav li
{
    padding-bottom: 4px;
}

/* anchor nav */
#anchor_nav_container
{
    position: relative;
    width: 162px;
}

.js #anchor_nav_container
{
    position: fixed;
    top: 185px;
    left: 1128px;
}

#anchor_nav li.title
{
    padding-bottom: 42px;
}

#anchor_nav li
{
    padding-bottom: 4px;
}

#anchor_nav li a
{
    display: block;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right 0px;
}

#anchor_nav li a:hover
{
    background-position: right -96px;
}

a.anchor
{
    visibility: hidden;
}

/* glossary nav */
ul.section_links li
{
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}

/* footer support nav */
#footer_support_nav_container
{
    float: right;
}

#footer_support_nav, #footer_support_nav li
{
    float: left;
}

#footer_support_nav li
{
    padding-left: 10px;
    padding-right: 10px;
    background-repeat: no-repeat;
    background-position: right 3px;
}

#footer_support_nav li.last
{
    padding-right: 0px;
}



/*--------------------------------------------------=> UTILITY CLASSES */
.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.nobackground
{
    background: none !important;
}

.nodisplay
{
    display: none;
}

.noborder
{
    border: 0px !important;
}

.nopadding_top
{
    padding-top: 0;
}

.nopadding_bottom
{
    padding-bottom: 0;
}

.nopadding_vertical
{
    padding-top: 0;
    padding-bottom: 0;
}

.nopadding_left
{
    padding-left: 0;
}

.clearmargin
{
    margin: 0;
    padding: 0;
}

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

.spacer
{
    clear: both;
    height: 25px;
    padding: 0;
    margin: 0;
}










/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
