/* start with 0 margins and padding on all elements */
* { margin: 0; padding:0; }
h1, h2, h3, h4, h5, h6 { overflow: hidden; color: #e59cb5; }

/* clearfix */
html .clearfix { height: 1%; } 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* main player DIVs */

#container { width: 760px; margin: 0 auto; overflow: visible; }
#site { width: 760px; margin: -10px 0 0 0; float: left; overflow: visible; }
img.bnlLogo { float: left; display: inline; margin: 20px 0pt 0 9px; }

/* base styles */

body { font-family: arial; color: #4f4f4f; line-height: 1.6em; font-size: 0.75em; }
p { font-family: arial; color: #4f4f4f; line-height: 1.6em; padding-bottom: 7px; }
a { font-family: arial; color: #719c36; }
label { font-family: arial; margin: 0 0 0 3px; font-size: 90%; }
span.hidden { visibility: hidden; }
a.button { text-decoration: none; display: block; height: 100%; width: 100%; }

/* styles for content */

#content { padding: 8px 12px 0 12px; }
#content h2, #content h3, #content h4, #content h5, #content h6 { color: #e59cb5; margin: 12px 0 12px 0; }
#content h2 { font-size: 1.5em; }
#content h3 { font-size: 1.4em; }
#content h4 { font-size: 1.3em; }
#content h5 { font-size: 1.2em; }
#content h6 { font-size: 1em; }
#content p { padding: 10px  0px 10px 0; }
#content a { }
#content ul { font-family: arial; color: #4f4f4f; padding: 0 0 0 32px; list-style-type: disc; }
#content ol { padding-left: 20px; }
#content ol li { margin: 0.7em 0 0.7em 0; }
#content ul blockquote { margin: 8px 0 4px 0; border-bottom: 1px dotted lightGrey; border-left: 1px dotted lightGrey; padding: 0pt 0pt 6px 14px; }
#content ul li { padding: 0 0 8px 0; line-height: 1.6em; }
#content table { font-family: arial; color: #4f4f4f; line-height: 1.6em; border-collapse: collapse; border: 1px solid lightGrey; }
#content table th { padding: 0 10px; color: #e59cb5; font-size: 1.3em; }
#content table tr { padding: 0 10px; }
#content table td { padding: 0 10px; }
#content table.borderless { border: none; }

/* Headers */

div#linksHeader { background: url(/images/master/h1_links.jpg) no-repeat; width: 758px; height: 127px; overflow: hidden; }
div#termsHeader { background: url(/images/master/h1_terms.jpg) no-repeat; width: 758px; height: 127px; overflow: hidden; }
div#partnersHeader { background: url(/images/master/h1_partners.jpg) no-repeat; width: 758px; height: 127px; overflow: hidden; }
div#faqHeader { background: url(/images/master/h1_faq.jpg) no-repeat; width: 758px; height: 127px; overflow: hidden; }
div#newsHeader { background: url(/images/master/h1_news.jpg) no-repeat; width: 758px; height: 127px; overflow: hidden; }
h2.what_is_BNFL { background: url(/images/master/h2_what_is_bnfl.gif) no-repeat; width: 270px; height: 15px; overflow: hidden;}
h2.welcome_to_BNFL { background: url(/images/master/h2_welcome_to_bnfl.gif) no-repeat; width: 295px; height: 15px; overflow: hidden;}
h2.goals_of_BNFL { background: url(/images/master/h2_goals_of_bnfl.gif) no-repeat; width: 222px; height: 15px; overflow: hidden;}
h2.what_can_I_do { background: url(/images/master/h2_what_can_I_do.gif) no-repeat; width: 222px; height: 15px; overflow: hidden;}
h2.limits_of_tool { background: url(/images/master/h2_limitations.gif) no-repeat; width: 173px; height: 15px; overflow: hidden;}
h2.create_a_scorecard { background: url(/images/master/h2_create_scorecard.gif) no-repeat; width: 146px; height: 15px; overflow: hidden; }
h2.sign_in { background: url(/images/master/h2_sign_in.gif) no-repeat; width: 106px; height: 20px; overflow: hidden; }
h2.feedback { background: url(/images/master/h2_feedback.gif) no-repeat; float: left; width: 111px; height: 15px; margin: 10px 0 10px 0; display: inline; overflow: hidden; }
h1.contact_us { background: url(/images/master/h1_contactus.jpg) no-repeat; width: 757px; height: 127px; margin: 0px; padding: 0px; overflow: hidden; }

/* top utility navigation */

ul#masterUtilityNav { background: #92c3d6 url(/images/master/topnav_bg_left.gif) no-repeat bottom left; list-style-type: none; width: auto; height: 25px; padding: 0  0 0 30px; float: right; display: inline; overflow: hidden; }
ul#masterUtilityNav li { float: left; display: inline; margin: 0 0 0 5px; height: 23px; margin: 0 28px 0 0; overflow: hidden; }
ul#masterUtilityNav li a { text-decoration: none; width: 100%; height: 100%; display: block; } 
    ul#masterUtilityNav li.utilitySignIn { background: url(/images/master/utilnav_signin.gif) no-repeat; width: 54px; }
    ul#masterUtilityNav li.utilitySignOut { background: url(/images/master/utilnav_signout.gif) no-repeat; width: 64px; }
    ul#masterUtilityNav li.utilitySiteMap { background: url(/images/master/utilnav_sitemap.gif) no-repeat; width: 65px; }
    ul#masterUtilityNav li.utilityContactUs { background: url(/images/master/utilnav_contact.gif) no-repeat; width: 82px; }
    ul#masterUtilityNav li.utilityTerms { background: url(/images/master/utilnav_terms.gif) no-repeat; width: 133px; }

/* main navigation */

ul#masterTopNav { list-style-type: none; width: 752px; height: auto; padding: 0 3px 0 5px; margin: 15px 0 0 0; }
ul#masterTopNav li { float: left; display: inline; height: 31px; position: relative; z-index: 25; margin: 0 28px 0 0; overflow: hidden; }
ul#masterTopNav li a { text-decoration: none; width: 100%; height: 30px; display: block; }
    /* menu items "off" state */
    ul#masterTopNav li.topnavHome { background: url(/images/master/topnav_home_off.gif) no-repeat; width: 41px; }
    ul#masterTopNav li.topnavAbout { background: url(/images/master/topnav_about_off.gif) no-repeat; width: 190px; }
    ul#masterTopNav li.topnavPartners { background: url(/images/master/topnav_partners_off.gif) no-repeat; width: 49px; }
    ul#masterTopNav li.topnavTheList { background: url(/images/master/topnav_list_off.gif) no-repeat; width: 72px; }
    ul#masterTopNav li.topnavNews { background: url(/images/master/topnav_news_off.gif) no-repeat; width: 120px; }
    ul#masterTopNav li.topnavFAQS { background: url(/images/master/topnav_faqs_off.gif) no-repeat; width: 39px; }
    ul#masterTopNav li.topnavLinks { background: url(/images/master/topnav_links_off.gif) no-repeat; width: 41px; }
    /* menu items "on" state */
    ul#masterTopNav li.topnavHomeOn { background: url(/images/master/topnav_home_on.png) no-repeat; behavior: url(/includes/iepngfix.htc); width: 41px; }
    ul#masterTopNav li.topnavAboutOn { background: url(/images/master/topnav_about_on.png) no-repeat; behavior: url(/includes/iepngfix.htc); width: 190px; }
    ul#masterTopNav li.topnavPartnersOn { background: url(/images/master/topnav_partners_on.png) no-repeat; behavior: url(/includes/iepngfix.htc); width: 49px; }
    ul#masterTopNav li.topnavTheListOn { background: url(/images/master/topnav_list_on.png) no-repeat; behavior: url(/includes/iepngfix.htc); width: 72px; }
    ul#masterTopNav li.topnavNewsOn { background: url(/images/master/topnav_news_on.png) no-repeat; behavior: url(/includes/iepngfix.htc); width: 120px; }
    ul#masterTopNav li.topnavFAQSOn { background: url(/images/master/topnav_faqs_on.png) no-repeat; behavior: url(/includes/iepngfix.htc); width: 39px; }
    ul#masterTopNav li.topnavLinksOn { background: url(/images/master/topnav_links_on.png) no-repeat; behavior: url(/includes/iepngfix.htc); width: 41px; }
    
/* buttons */

div.btnSignIn { background: url(/images/home/btn_sign_in.gif) no-repeat; width: 68px; height: 24px; }
div.btnSignIn a { text-decoration: none; display: block; height: 100%; width: 100%; }
div.btnCreateAccount { background: url(/images/home/btn_create_account.gif) no-repeat; width: 113px; height: 24px; }
div.btnCreateAccount a { text-decoration: none; display: block; height: 100%; width: 100%; }
div.btnReadMore { background: url(/images/home/btn_read_more.gif) no-repeat; width: 78px; height: 24px; }
div.btnReadMore a { text-decoration: none; display: block; height: 100%; width: 100%; }
div.btnBackToTop { width: 100%; padding: 6px 14px 6px 0px; text-align: right; }

/* common application styles */

.formError { color: #971302; font-weight: bold; }
div.formWindow { width: auto; margin: 12px 0 12px 0; clear: both; }
div.formWindow div.formWindowHeader { background: #84bcd1 url(/images/master/formwindow_header_bg.gif) repeat-x; padding: 2px 10px 2px 8px; border: 1px solid #7094a1; }
div.formWindow div.formWindowHeader h4 { font-family: arial; color: white; line-height: 1.6em; font-weight: bold; font-size: 1.1em; }
div.formWindow div.formWindowContent { background: #e3f0f5; padding: 8px 10px 8px 8px; border-bottom: 1px solid #a0c1cd; border-left: 1px solid #a0c1cd; border-right: 1px solid #a0c1cd; }
div.formWindow div.formWindowContent strong { color: #7094a1; font-weight: bolder; }
div.formWindow div.formWindowContent p { }
div.formWindow label { font-weight: 500; color: #49859b; }
div.formWindow td.formLabel { text-align: right; width: 33%; }
div.formWindow table { border: none; border-collapse: collapse; width: 80%; margin: 5px auto; }
div.formWindow table td { padding: 5px 3px 5px 3px; }

div.formWindow input.textField { width: 15em; border: 1px solid #7f9db9; }

div#addLocationForm div.formWindow input.textField { width: 22.5em; border: 1px solid #7f9db9; }

div.formWindow select { border: 1px solid #7f9db9; width: 200px; }

div#addLocationForm div.formWindow select { border: 1px solid #7f9db9; width: 22.3em; }

div.formWindow div.formWindowContent td.formInput { width: 33%; }
div.formWindow div.formWindowContent td.formError { width: 33%; text-align: left; }
.formButtons div { margin: 7px 0 4px 7px; } 
.formButtons input { margin: 7px 0 4px 7px; }
.formButtons { text-align: center; }
div.formTable { overflow: auto; border: 1px solid #7094a1; }
table.formTable { background:#F5F9FB none repeat; width: 100%; border: none; border-collapse: collapse; font-size: 0.9em; }
table.formTable th { background: #84bcd1 url(/images/master/formwindow_header_bg.gif) repeat-x; color: White; font-size: 1em; line-height: 1.1em; padding: 3px 10px 3px 10px; border-left: 1px solid #7094a1; border-right: 1px solid #7094a1; border-bottom: 1px solid #7094a1; text-align: left; }
table.formTable td { padding: 3px 10px 3px 10px; }
tr.alternateRow { background-color: #ebf2f6; }
span.validationMessage { color: #971302; font-weight: bold; }
img.helpScreenshot { border: 1px solid lightGrey; margin: 6px 0 6px 0; }
td.smallLabel { font-size: x-small; }

div.pdf_alert { background: #e2e2e2; padding: 6px 10px 6px 10px; }
div.pdf_alert .search_results { float: left; }
div.pdf_alert .print_pdf { float: right; padding: 0 4px 0 0; }
div.pdf_alert .print_pdf a { background: url(/images/list/btn_print_pdf.gif) no-repeat right; padding: 0 20px 0 0; width: 130px; color: #5b5b5b; font-size: 10px; }

/* links */

#links #content #leftcol { width: 340px; float: left; display: inline; padding-right: 20px; border-right: 1px dotted lightGrey; overflow: hidden; margin-top: 13px; }
#links #content #rightcol { width: 340px; float: left; display: inline; padding-left: 20px; overflow: hidden; margin-top: 13px;  }
#links #content p { padding: 4px  0px 10px 0; }
#links #content .linkSection { padding: 8px 0 8px 0; border-bottom: 1px dotted lightGrey; }

/* footer */

#footer { clear: both; text-align: center; padding: 10px 0 0 0; }
#footer hr { width: 757px; }
#footer ul#footernav { list-style-type: none; padding: 5px 0 10px 0; }
#footer ul#footernav li { display: inline; }
#footer ul#footernav li a { color: #717171; text-decoration: none; border-right: 1px solid #717171; padding: 0 10px 0 10px;}
#footer ul#footernav li a.lastitem { border: none; }

/* site-wide sign-in (Login.aspx) */

#signInList { width: 360px; margin: 25px auto; }
#signInList h2.sign_in { margin: 5px 0 5px 0; }
#signInList table { width: auto; }
#signInList div.formWindow { border: 1px solid lightGrey; }
#signInList div.formWindow label { color: #717171; }
#signInList div.formWindow input { border-color: #717171; }
#signInList div.formWindow td.formButtons { text-align: right; padding: 10px 2px 6px 0pt; }
#signInList div.formWindow td.formLabel { width: auto; text-align: left; padding-top: 10px; }
#signInList div.formWindow td { padding: 2px; }

/* Calendar */

div.calendar table { width: auto; border: inherit; border-collapse: inherit; line-height: inherit; }

/* Site map */

h1.site_map { background: url(/images/master/h1_sitemap.jpg) no-repeat; width: 757px; height: 127px; overflow: hidden; margin: 0px; }
#siteMap { margin: 0 auto; padding: 0px; border: 1px solid lightGrey; width: 757px; text-align: left; border: 0px solid red; }
#siteMap table { border: none; margin: 0 auto; }

/* Terms and Conditions */

h1.terms_conditions { background: url(/images/master/h1_terms.jpg) no-repeat; width: 120px; height: 20px; overflow: hidden; margin: 30px 0pt 12px 105px; }
div.dcTerms { padding: 14px; border: 1px dotted lightGrey; width: 670px; margin: 12px auto; }

/* Page Callouts */

div#choose_most_water { float: right; background: url(/images/master/choose_most_water.jpg) no-repeat; width: 310px; height: 262px; margin: 20px; }
div#choose_most_mix { float: right; background: url(/images/master/choose_most_mix.jpg) no-repeat; width: 310px; height: 262px; }
div#choose_most_celery { float: right; background: url(/images/master/choose_most_celery.jpg) no-repeat; width: 310px; height: 262px; margin: 40px 15px 40px 15px; }
div#choose_most_milk { float: right; background: url(/images/master/choose_most_milk.jpg) no-repeat; width: 310px; height: 262px; }
div#choose_most_apple { background: url(/images/master/choose_most_apple.jpg) no-repeat; width: 310px; height: 262px; }


/* Extra styling for UsingBrandNameList/SearchTheList.aspx */
/* Product List > Search the List > input field  Product/Package Size */

div.formWindowContent input#ctl00_ctl00_parentBodyContent_bodyContent_txtProductPackageSize { width: 4em; }
div.formWindowContent label { margin: 0; }