html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    text-align: left;
}
html
{
    max-width: 1680px;
    background-color: #BA281B;
}

a img, :link img, :visited img
{
    border: 0;
}

a
{
	outline:none;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
table.tablePad td
{
    padding: 5px !important;
}
table.tablePad label
{
    font-weight: bold;
    display: block;
}

table.tablePad tbody tr td span
{
    display: block;
    float: left;
    margin: 5px;
}
table.tablePad tbody tr td span span
{
    float: none;
    margin: 0px;
}
em, i
{
    font-style: italic;
}
ul
{
    list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after
{
    content: "";
}

body
{
    text-align: center;
    font-family: Arial, Sans-Serif;
    font-size: 75%;
    font-weight: normal;
    color: #754c24; /* background: transparent url('/images/global/bg_footer.jpg') repeat-y scroll 50% top; */
}

div
{
    /* position: relative; This breaks IE6!! */
}

img
{
    border: none;
}

img.left-col
{
    margin: 0 25px;
    display: block;
}

sup
{
    position: relative;
    top: -4px;
    font-size: 90%;
    vertical-align: 0;
}

a
{
    color: #9c0706;
    text-decoration: underline;
}


strong
{
    font-weight: bold;
    color: #533110;
}

.bold
{
    font-weight: bold;
}

h1 /* H1s are now for the last breadcrumb */
{
    display: inline;
}

h2
{
    font-size: 1.83em;
    color: #9c0706;
    line-height: 1.2em;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 800;
    max-height: 60px;
}
h2 a
{
    text-decoration: none;
}

h2 sup
{
    font-size: 12px;
    top:-9px;
}

h3, h3.tablehead
{
    font-size: 14px;
    color: #9c0706;
    font-weight: bold;
    margin: 3px 0 3px;
}

h3.tablehead
{
    font-style: italic;
}
h3 strong
{
    font-size: 14px;
    color: #9c0706;
    font-weight: bold;
    margin: 3px 0 3px;
    letter-spacing: inherit;
}

h4
{
    font-size: 14px;
    color: #9c0706;
    font-weight: bold;
    margin: 3px 0 10px;
}
h5
{
    font-size: 12px;
    color: #9c0706;
    font-weight: normal;
    margin: 0px 0 5px;
}

h6
{
    font-size: 18px;
    color: #9c0706;
    font-weight: bold;
    margin: 3px 0 3px;
}

p
{
    margin-bottom: 14px;
}

ol
{
    margin: 0px 0px 14px 10px;
    *margin-left: 15px;
}

ul
{
    margin-bottom: 14px;
}

li
{
    margin-left: 15px;
}

.red
{
    font-size: 14px;
    color: #9c0706;
    font-weight: bold;
}
.skip_to_main
{
    position: absolute;
    top: 0px;
    left: 0px;
}

#container
{
    position: relative;
    text-align: left;
    width: 938px;
    background-color: #ffffff;
    margin: 0px auto;
    overflow: hidden; /*added*/
}



#header
{
    /*z-index: 3;*/
    padding: 11px 0px 0px 27px;
}

#top_nav
{
    position: absolute;
    left: 137px;
    top: 19px;
}

#top_nav ul
{
    margin-bottom: 0px;
}

#top_nav li
{
    float: left;
    position: relative;
    list-style: none;
    font-family:Arial Narrow;
    margin: 0 22px 0 22px;
    *margin: 0 18px 0 18px;
}
#top_nav li a
{
    text-decoration: none;
    font-weight: bold;
}
#top_nav li div
{
    position: absolute;
    visibility: hidden;
    top: 28px;
    left: 0px;
    width: 141px;
    background: #ffffff url(/images/global/folgers_dropdown_stretch.gif) repeat-y scroll left top;
    border-bottom: 1px solid #9f782c;
    z-index:2000;
}

#top_nav li div ul
{
    width: 141px;
    background: transparent url(/images/global/folgers_dropdown_top.gif) no-repeat scroll left top;
    padding: 8px 0px 6px 0px;
}

#top_nav li div ul li
{
    float: none;
    padding-top: 2px;
}

#top_nav li div ul li a
{
    display: block;
    text-align: center;
    color: #666666;
    padding-bottom: 4px;
    text-decoration: none;
    letter-spacing: .2em;
    line-height: 1.3em;
    margin: 0;
    border-bottom: 1px solid #d4d4d4;
	width: 97px;
}

#top_nav li div ul li.last a
{
    border-bottom: none;
}

/**** left-nav menu ***/
ul.leftmenu
{
    float: left;
    list-style-type: none;
    margin: 21px 0 0 0;
    width: 200px;
    padding: 0;
}
ul.leftmenu li
{
    *display:inline-block;
}

ul.leftmenu ul
{
    list-style-type: none;
    padding: 0;
    margin: 3px 0 4px;
}

ul.leftmenu a
{
    display: block;
    text-decoration: none;
    font-weight: bold;
    line-height:16px;
}
ul.leftmenu li a.selected, ul.leftmenu li ul li a.selected,#top_nav li a.selected
{
    color: #9C0706;
}
ul.leftmenu li
{
    padding: 0 0 10px 0;
    background: url("/images/global/left_nav_divider.gif") no-repeat scroll left bottom transparent;
}
ul.leftmenu li ul li
{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin: 0 0 0 -5px;
    padding: 2px 0 1px;
}

ul.leftmenu li a, #top_nav li a
{
    color: #754C24;
}

ul.leftmenu li a#twoline
{
    line-height: 12px;
}
ul.leftmenu li a:hover, #top_nav li a:hover, #top_nav li div ul li a:hover
{
    color: #9C0706;
}

ul.leftmenu li ul li a
{
    color: #754C24;
    padding-left: 19px;
}

ul.leftmenu li ul li a:hover
{
    color: #9C0706;
}
/**** End Left-Nav menu ****/

#breadcrumbs, .breadcrumbs
{
    /* *** position: relative; breaks IE6 */ /*width: auto;*/
    margin-top: 20px;
}
.breadcrumb-links
{
    color: #999999;
    font-size: .9em;
    letter-spacing: .1em;
    line-height: 1.2em;
    margin-bottom: 1em; /*white-space:nowrap;*/
}
#breadcrumbs a, .breadcrumbs a
{
    color: #9c0706;
    text-decoration: none;
}

#breadcrumbs a:hover, .breadcrumbs a:hover
{
    color: #666666;
    text-decoration: underline;
}

#main_content
{
    /*background: #ffffff url(/images/global/folgers_main_bg.jpg) no-repeat scroll 349px top;*/
    padding: 0px 19px 0px 16px;
}

#content_left
{
    float: left;
    width: 755px;
}

#content_right
{
    float: left;
    width: 123px;
    margin-top: 27px;
}
#leftmenu_right
{
    float: left;
    width: 700px;
}
.clear
{
    clear: both;
}

.prod_img
{
    float: left;
    width: 333px;
}

.prod_info
{
    float: left;
    width: 400px;
    height: 365px;
}
.prod_description
{
}
.prod_group
{
    display: none;
}
.prod_container, .prod_img img
{
    display: none;
}


.prod_info div.active, .prod_img img.active
{
    display: block;
}
.prod_info p
{
    font-size: 13px;
}

.prod_group_list, .prod_list
{
    clear: both;
    list-style-type: none;
}

.prod_list
{
    background: transparent url("/images/global/product_list_bg.jpg") scroll repeat-x top left;
    height: 140px;
}

.prod_group_list li, .prod_list li
{
    float: left;
    margin: 0;
}

.prod_group h2
{
    width: 400px;
}
.prod_list li
{
    display: none;
}

.prod_list li.active
{
    display: list-item;
}

.prod_list li.previous, .prod_list li.next
{
    margin-top: 46px;
}

.prod_avail_in
{
    display: block;
}

div.prod_avail_in div
{
    color: Black;
}

div.left_avail
{
    float: left;
    width: 120px;
    margin-right: 20px;
}

div.roastometer img
{
    display:block;
}
div.roastometer
{
    margin: 0;
    display: block;
}

p.find
{
    clear: both;
    padding: 5px 0 5px;
    text-align:center;
    width:313px;
}
p.find img
{
    display:inline;
}

.prod_details
{
    color: #333333;
    margin-left: 25px;
    clear: both;
}

.left_column, .left
{
    float: left;
}

.right_column
{
    padding-left: 15px;
    border: 1px solid blue;
}

div.bodyimage
{
    width: 286px;
    float: left;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

div.wrapcontainer
{
    width: 99.5%;
    float: left;
}
.image-left
{
    float: left;
    vertical-align: text-top;
}
.image-right
{
    float: right;
    vertical-align: text-top;
}

div.copyleft
{
}

.padright
{
    margin-right: 15px;
}
.padtop
{
    padding-top: 45px;
}
.padtopsmall
{
    padding-top: 25px;
}
.padtopsmaller
{
    padding-top: 15px;
}
.padleft
{
    padding-left:144px;
}
.marginbottom
{
    margin-bottom: 15px;
}
div.copyleft ul
{
    margin-bottom: 10px;
}
div.copyleft ul li, .li_indent li
{
    margin: 0 0 10px 15px;
    list-style-type: disc;
    list-style-position: outside;
}

div.copyleft ul li.imgwrap
{
    margin: 0 0 10px 264px;
    list-style-type: disc;
    list-style-position: outside;
}
div.copyleft ul li.imgwrap2
{
    margin: 0 0 10px 174px;
    list-style-type: disc;
    list-style-position: outside;
}

div.buttonlinks
{
    padding: 20px 0 0 0;
}

p.buttonlinks a, div.buttonlinks a
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: none;
    text-decoration: none;
}
p.buttonlinks img
{
    padding: 0 0 0 0;
    margin: 0 0px 0 0;
    border: none;
    display: block;
    float: left;
}


div.brewlink
{
    padding: 10px 0 0 0;
}
.calculate_button
{
    margin: 8px 0 -7px 0;
}
.brewlink_button
{
    margin: 0 0 -8px 0;
    width: 61px;
    height: 25px;
}
.brewlink_cups
{
    width: 50px;
    margin-left: 5px;
    border:1px solid gray;
}
.brewresult
{
    padding: 8px 0 8px;
    line-height: 1.3em;
    font-size: 1.1em;
    font-weight: Bold;
    color: #9c0706;
    font-style: italic;
    height:35px;
}


div.copyright
{
    width: 150px;
    float: left;
    line-height: 18px;
}

a.backtotop
{
    display: block;
    text-align: right;
}

a.backtotop img
{
    margin: 0px 3px -3px 0;
}
div.divider
{
    width: 100%;
    text-align: center;
    padding: 10px 0 20px 0;
}

table.backimaged
{
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
}

table.backimaged th, table.backimaged td, table.backimaged td.bgcell
{
    background: url("/images/global/table_cell_bg.gif") repeat-x top;
    height: 56px;
    padding: 0 15px 0 15px;
    font-family: Arial; /*font-size: 1.1em;*/
    color: #533110;
    background-color: #ffffff;
    text-decoration: none;
    text-align: center;
    line-height: 1.3em;
    font-weight: normal;
    text-transform: none;
    border-right: solid 1px #f6d782;
    vertical-align: middle;
}

table.backimaged th
{
    background: #ffffff url("/images/global/table_header_cell_bg.gif") repeat-x left bottom;
    height: 53px;
    color: #9c0706;
    background-color: inherit;
    font-weight: Bold;
}

table.backimaged td.bgcell
{
    padding: 5px 15px 5px 15px;
    background-color: #f8f6f3;
    font-weight: normal;
    font-style: italic;
}
table.backimaged .cell_last
{
    border-right:none;
}
table.tb_recipe, table.tb_locations
{
    padding: 10px 0 10px 0;
    font-family: Arial;
    font-size: 1.1em;
}

table.tb_recipe span
{
    font-weight: bold;
}

table.tb_locations td.cell_header
{
    padding: 10px 0 5px;
}

table.tb_locations td.cell_radio
{
}

table.tb_locations td.cell_label
{
    padding: 3px 0 3px;
}

div.col_location
{
    float: left;
    padding-right: 15px;
    padding-bottom: 20px;
    width: 167px;
}
div.noproduct
{
    margin-top: -10px;
    padding-left: 364px;
}
ul.ul_recipe li
{
    margin: 0 0 3px 0px;
    list-style: none;
}
ul.ul_recipe li a span
{
    text-decoration: none;
}


/* --- Holiday Promotion form --- */
div.formcontainer
{
    padding: 10px 0 10px 0px;
}
div.subhead
{
    padding: 0 0 20px 0px;
}
div.step
{
    float: left;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}

span.validator
{
    color: Red;
}
div.txtcontrol
{
    padding: 5px 0px 3px 0px;
    width: 100%;
}

div.txtcontrol input
{
    width: 200px;
}

div.txtcontrol div select
{
    width: 204px;
}
div.ctlcaption, div.ctlcaption_survey
{
    float: left;
    padding: 0px 8px 0px 0px;
    width: 157px;
    text-align: right;
}
div.ctlcaption span, div.ctlcaption_survey span
{
    color: Red;
}



div.ctlcaption_survey
{
    width: 92px;
}

div.ctlchk
{
    width: 550px;
    padding: 8px 0px 0px 145px;
}
div.ctlchk label
{
    margin: 0px 0 0 8px;
}
div.txtessay
{
    padding: 5px 0px 3px 0px;
}

div.essay div.ctlcaption
{
    float: none;
    padding: 0px 8px 0px 20px;
    width: 80px;
    text-align: left;
    font-weight: bold;
}

div.essay input, div.essay textarea
{
    width: 680px;
    margin: 0 0 0 20px;
}
div.essay div.validator
{
    clear: both;
    padding: 0 0 0 20px;
}

div.essay div.limit
{
    padding: 0 0 0 0px;
    font-size: 10px;
    width: 700px;
    text-align: right;
}
div.essay div.remaining
{
    padding: 0 0 0 0px;
    width: 700px;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}




div.answer div.ctlcaption
{
    float: none;
    padding: 0px 8px 0px 0px;
    width: 80px;
    text-align: left;
    font-weight: bold;
}

div.answer input, div.answer textarea
{
    width: 680px;
    margin: 0 0 0 0px;
}

div.answer div.limit
{
    padding: 0 0 0 0px;
    font-size: 10px;
    width: 680px;
    text-align: right;
}
div.answer div.remaining
{
    padding: 0 0 0 0px;
    width: 680px;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}

div.submit
{
    width: 680px;
    text-align: center;
    padding: 10px 0 0 0;
}

div.submit_survey
{
    text-align: right;
    padding: 10px 0 0 0;
    width: 307px;
}
div.submit span, div.submit_survey span
{
    color: Red;
}
div.remaining
{
    padding: 0 0 0 0px;
    width: 100%;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
}

div.txtcontrol input.lastinit
{
    width: 20px;
    text-transform: uppercase;
}

/* --- End Holiday Promotion form --- */

/**************
    FORM STYLES
    ***************/

fieldset
{
    /*margin: 10px 0;*/ /*padding-top: 10px;*/
    border: none;
}
legend
{
    font-weight: bold;
    padding: 0pt 2px;
}
fieldset label
{
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
    width: 170px;
    font-weight: bold;
}
fieldset ol, fieldset ul
{
    margin: 0pt;
    padding: 0pt;
}
fieldset li
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0pt;
    padding: 0.5em 0;
}


.validationSummary
{
    margin: 10px 0;
    border: solid 1px #FF0000;
    background-color: #FFFFC1;
    padding: 5px;
}


.validationSummary li
{
    margin: 5px 0;
    list-style-type: square;
}

.validationSummary ul
{
    margin-left: 20px;
    padding: 0;
}

h2.wrap-left
{
    width: 332px;
    margin-top: 25px;
}

.faq_list
{
    color: #9c0706;
    margin: 0px 0px 30px 14px;
    /*margin: 0px 0px 14px 307px;*/
}

.faq_label
{
    float: left;
    width: auto;
    font-weight: bold;
    color: #9c0706;
    padding-right: 5px;
}

.faq_question
{
    float: left; /*width: 610px;*/
    font-weight: bold;
}

.faq_answer
{
    clear: left;
    margin: 5px 0px 10px 25px; /*   *margin-top:-14px; */
}

.left_narrow
{
    padding-right: 58px;
    padding-left: 25px;
}

.left_wide
{
    padding-right: 40px;
    padding-left: 135px;
    display: inline-block;
}

.right
{
    float: right;
}

div.sitemap
{
    margin-left: -15px;
}

div.sitemap ul
{
    margin-bottom: 0px;
}

div.sitemap ul li
{
    margin-bottom: 15px;
}

div.sitemap ul li li
{
    margin-bottom: 0px;
}
.tooltip-link
{
    cursor: pointer;
}
div.tooltip
{
    background-color: #000;
    border: 1px solid #fff;
    padding: 10px 15px;
    width: 200px;
    display: none;
    color: #fff;
    text-align: left;
    z-index: 40;
    font-size: 12px;
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
}

table.prod_results
{
    width: 650px;
    padding: 0 0 0 0;
    margin: 15px 0 20px 0;
}

table.prod_results th
{
    padding: 3px 10px 3px 10px;
    color: black;
    background-color: inherit;
    font-weight: Bold;
    font-family: Arial;
    font-size: 1.3em;
}

table.prod_results td, table.prod_results td.nav_row
{
    background: url("/images/global/table_cell_bg.gif") repeat-x top;
    height: 30px;
    padding: 3px 10px 3px 10px;
    font-family: Arial;
    font-size: 1.1em;
    color: #533110;
    text-decoration: none;
    text-align: left;
    line-height: 1.3em;
    font-weight: normal;
    text-transform: none;
    vertical-align: middle;
}

table.prod_results td.nav_row
{
    height: auto;
    padding: 15px 0px 20px 0px;
    text-align: right;
}
table.prod_results td.nav_row a
{
    color: #9c0706;
}

div.next
{
    float: right;
}

p.toplink
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.tm
{
    padding-top: 15px;
    font-size: 10px;
}

.ref
{
    font-size: 10px;
}
.leftsmuckers
{
    width: 680px;
    font-size: 11px;
}
div.serving
{
    color: #9c0706;
    padding: 8px 0 10px;
}

table.admintable
{
    color: Black;
    background-color: #F9F99F;
    border-color: #CC9360;
    border-width: 1px;
    border-style: solid;
}
table.admintable td input
{
    width: 120px;
}
table.admintable td.gv_chk input
{
    width: 20px;
}
table.admintable th
{
    background-color: #CC9360;
    font-weight: bold;
}
table.admintable td, th
{
    padding: 4px 10px 4px 5px;
    vertical-align: middle;
    text-align: left;
}
table.admintable th.gv_buttons
{
    width: 60px;
}
table.admintable div.gv_head
{
    font-size: 15px;
}
table.admintable div.gv_headcheck
{
    height: 75px;
}
table.admintable div.gv_date
{
    padding-top: 8px;
    font-size: 10px;
    color: #CC9360;
}
table.admintable div.question_box
{
    width: 690px;
}
table.admintable tr.admintable_alt
{
    background-color: #F9FCC6;
}
table.admintable tr.admintable_selected
{
    background-color: #6C339F;
    color: #F9FCC6;
}
div.username
{
    float: left;
    padding-right: 20px;
    font-size: 11px;
    color: Black;
}
ul.adminlist
{
    padding-top: 20px;
}
ul.adminlist li
{
    padding: 0 0 10px;
    list-style-type: disc;
}

table.login td
{
    padding: 3px 0 3px;
}
table.login input
{
    width: 170px;
}
table.login input.login_button
{
    margin-top: 10px;
    width: 70px;
}

ul.ul_faq li
{
    list-style-type: disc;
    margin-bottom: 5px;
}


/* FOOTER ALT STICK */

#main_form, form.main_form
{
    background: transparent url('/images/global/c-frame/bg_repeater.jpg') repeat-y scroll 50% top;
}

#background_top
{
    background: transparent url('/images/global/c-frame/bg_top.jpg') no-repeat scroll 50% top;
    text-align: center;
}
#master_search
{
    color: #FFFFFF;
    font-size: 12px;
    height: 26px;
    margin: 0 auto;
    padding:4px 0 4px 493px;
    width:458px;
    font-size: .9em;
}
#master_search div
{
    float: left;
}
#master_search .rb_mastersearch input
{
    margin: 4px 3px 0 12px;
}
#master_search .rb_mastersearch label
{
    top: -5px;
}
#master_search .txt_mastersearch
{
    width: 190px;
    height: 16px;
    margin-left: 10px;
    display: block;
    float: left;
}
#master_search .btn_mastersearch
{
    margin-left: 10px;
    display: block;
    float: left;
}
#footer
{
    margin: 0px auto;
    background: transparent url('/images/global/c-frame/bg_bottom.jpg') no-repeat scroll 50% top;
}

#footer p
{
    padding: 180px 0 0 0;
    text-align: center;
    font-size: .9em;
    line-height: 1.6em;
    color: #ffffff;
}

#footer a
{
    letter-spacing: .1em;
    margin: 0 4px;
    color: #ffffff;
    text-decoration: none;
}

#footer a:hover
{
    text-decoration: underline;
}


/* SPECIAL HOLIDAY ONLY STYLES */
#holiday_header
{
    padding: 36px 88px 0 74px;
    margin-left: 64px;
    margin-top: 42px;
}

#holiday_header #breadcrumbs
{
    margin-top: -60px;
    height: 96px;
    padding: 0;
}

#holiday_header #breadcrumbs .breadcrumb-links
{
    margin-bottom: 50px !important;
    display: block;
    color: #999999;
    font-size: .9em;
    letter-spacing: .1em;
    line-height: 1.2em;
    margin-bottom: 1em;
}
#holiday_header #breadcrumbs .breadcrumb-links a
{
    color: #9c0706;
    text-decoration: none;
}

#holiday_header #breadcrumbs .breadcrumb-links a:hover
{
    color: #666666;
}
#holiday_header.rules
{
    height: 94px;
    background: transparent url(/images/holiday/rules_bg.jpg) no-repeat scroll top left;
}

#holiday_header.entry
{
    height: 183px;
    width: 738px;
    background: transparent url(/images/holiday/entry_bg.jpg) no-repeat scroll top left;
}

#holiday_header.thanks
{
    height: 256px;
    width: 784px;
    background: transparent url(/images/holiday/2.1_folgers_perfect_cup_main_image.jpg) no-repeat scroll top left;
}

#holiday_header h2, #holiday_header p
{
    color: #FFFFFF;
    margin: 0 0 1em 0;
}

#holiday_header p
{
    padding: 0 100px 0 0;
    font-size: 13px;
    line-height: 1.3em;
}

#holiday_header img
{
    float: left;
}
#holiday_header a
{
    color: #FFFFFF;
    text-decoration: underline;
}

#holiday_header b, #holiday_header strong
{
    color: #FFFFFF;
}

.none
{
    display: none;
}

div.filter h3
{
    margin-bottom: 8px;
}

div.filter h4
{
    color: #000000;
    font-size: 12px;
}

div.filter ul li
{
    padding-bottom: 3px;
    margin-left: 0px;
}
div.filter ul li a, div.filter h3 a
{
    text-decoration: none;
}
div.filter ul li a:hover, div.filter h3 a:hover
{
    text-decoration: underline;
}
div.filter ul li.active a, div.filter h3 a.active
{
    font-weight: bold;
    text-decoration: underline;
}
div.canister_select
{
    width: 334px;
    text-align: center;
    margin: 10px 0 10px 0;
    padding: 0 0 10px 0;
    background: url("../images/holiday/canister/dotted_line.gif") bottom left no-repeat;
}
div.canister_own
{
    width: 334px;
    text-align: center;
    margin: 10px 0 10px 0;
    padding: 0 0 10px 0;
}
div.canister_left
{
    float: left;
    width: 285px;
    padding: 20px 0 0 0;
}
div.canister_right
{
    float: left;
    width: 420px;
    padding: 0 0 0 15px;
}
div.canister_right ul li
{
    margin: 0 0 15px 0;
}
div.canister_series
{
    padding: 15px 0 5px;
}
h3.canister
{
    font-size: 10px;
    color: #9c0706;
    font-weight: bold;
    margin: 3px 0 10px;
}
div.canister_tip
{
    padding: 345px 0 0 10px;
}
div.canister_tip p
{
    padding: 8px 0 0 0;
}
div.canister_tip img
{
    margin: 0 0 0 -10px;
}
div.canister_flash
{
    height: 465px;
    width: 586px;
}
div.winners_right
{
    vertical-align: text-top;
    width: 420px;
    float: left;
}
div.winners_right p
{
    padding: 0px 0 10px 0;
    font-style: italic;
}
div.winners_right p img
{
    padding: 8px 0 0 0;
    display: block;
}
div.winners_right p.winners_head
{
    font-style: normal;
}
/* the overlayed element */
.overlay
{
    /* initially overlay is hidden */
    display: none;
    width: 524px;
    min-height: 208px;
    z-index: 3000;
   /* -moz-box-shadow: 0 0 20px 5px #000;
    -webkit-box-shadow: 0 0 20px #000;
    border: 1px solid #9C0706;*/
}

/* default close button positioned on upper right corner */
.overlay div.close
{
    /*background-image: url(/images/overlay/close.png); */
    color:#9C0706;
    cursor:pointer;
    font-weight:bold;
    position:relative;
    right:-475px;
    top:25px;
    width:35px;
}
.overlaymasterdiv
{
    background-color: transparent;
    width: 524px;
}
#overlay-bg
{
    background: transparent url("/images/overlay/div_overlay_repeater.png") repeat-y scroll left top;
    padding: 15px 25px;
    width: 474px;
}
#overlay-top
{
    background: transparent url("/images/overlay/div_overlay_top.png") no-repeat scroll left top;
    width: 524px;
    height:18px;
}
        
#overlay-bottom
{
    background: transparent url("/images/overlay/div_overlay_btm.png") no-repeat scroll left top;
    width: 524px;
    height:18px;
}
.contentWrap
{
    overflow: auto;
    z-index: 1000;
}
/* End Overlay */

div.good-news-header
{
    width: 849px;
    height: 223px;
    background: url(/images/good-news/wakeup_hdr.jpg) no-repeat top left;
}
div.good-news-header img
{
    display: block;
    float: right;
}
div.good-news-header p
{
    color: #fef9b0;
    font-size: 12px;
    padding: 75px 90px 0 300px;
    line-height: 18px;
}
div.good-news-breadcrumb
{
    margin-left: 295px;
    margin-bottom: 5px;
}
div.good-news-content
{
    margin: 10px 0 0 30px;
    width: 786px;
}
p.good-news-heading
{
    font-size: 18px;
    color: #ac2930;
    font-weight: bold;
    margin: 3px 0 8px;
}
div.good-news-content table
{
    width: inherit;
    border: none;
    margin-left: -10px;
}
div.good-news-content table td
{
    width: 242px;
    padding: 0 10px 0 10px;
    border-right: solid 1px #e4ddd5;
    vertical-align: top;
}
div.good-news-content table td div
{
    font-weight: bold;
    margin-bottom: 7px;
}
div.good-news-content table td img
{
    margin-top: 5px;
    margin-bottom: 10px;
}
div.good-news-subhead
{
    font-weight: bold;
    width: inherit;
}
div.good-news-rss
{
    margin-bottom: 5px;
}




/*********** WHAT'S NEW SPECIFIC ****************/
#whats-new #breadcrumbs
{
    margin-left: 330px;
}

.whats-new-item
{
    float: left;
    clear: left;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    _margin-bottom: 10px;
}

.whats-new-item img
{
    float: left;
    margin: 0 25px;
}

.whats-new-item p img
{
    margin: 0;
}

.whats-new-item table img
{
    display: block;
    margin: 0 10px 0 0;
    float: none;
}

.whats-new-item h3
{
    margin-top: 50px;
}


/* JINGLE */

.jingle-left
{
	width: 300px;
	float: left;
}
.jingle-headline
{
    font-weight: bold; /*text-transform: uppercase;*/
    color: #9c0706;
}

.jingle-callout
{
    background: transparent url('/images/about-us/ringtones_callout_background.png') no-repeat scroll left top;
    margin-left:25px;
	margin-right:30px;
    padding: 10px 15px 0;
    width: 226px;
    float: right;
    height: 379px;
}

.jingle-callout h4
{
    font-size: 20px;
    margin-bottom: 3px;
}


.jingle-callout h3
{
    margin-bottom: 0;
}


ul.jingle
{
    list-style-type: disc;
}

ul.jingle li
{
    margin-bottom: 1em;
}

.jingle-callout ul li
{
    margin-bottom: .5em;
    margin-left: 0;
}

.jingle-callout ul li span
{
    color: #9c0706;
}

.jingle-callout ul li div, .jingle-callout ul li object
{
    display: inline;
    position: relative;
    top: 2px;
    left: 5px;
    border: none;
}

div.commercialcallout
{
    float: left;
    width: 185px;
}

div.commercialcallout h3
{
    text-align: center;
    width: 160px;
}

div.enjoyingcallout
{
    float: left;
    width: 233px;
}

div.enjoyingcallout h3
{
    text-align: center;
    width: 201px;
}

div.enjoyingcallout p
{
    padding: 0 0 0 5px;
    width: 187px;
}


/**** Recipe Section ****/
div.recipecourse
{
    float: left;
    padding-right: 25px;
}
div.recipecourse h3
{
    text-align: center;
}
h3.trantino
{
    font-size: 14px;
    color: #9c0706;
    font-weight: bold;
    margin: 3px 0 10px;
}
h3.trantino a
{
    text-decoration: none;
}
h3.trantino a img
{
    padding-right: 5px;
}
p.recipehowto
{
    margin-bottom: 30px;
}
p.recipehowto img
{
    margin: 0 0 -6px;
    padding-right: 10px;
}

#recipes_breakfast
{
    background: url('/images/recipes/main_img_bkfst_recipes.jpg') no-repeat top left;
}
#recipes_entree
{
    background: url('/images/recipes/main_img_entree_recipes.jpg') no-repeat top left;
}
#recipes_dessert
{
    background: url('/images/recipes/main_img_dessert_recipes.jpg') no-repeat top left;
}
#recipes_drink
{
    background: url('/images/recipes/main_img_drink_recipes.jpg') no-repeat top left;
}

.recipes_white
{
    width: 645px;
    height: 262px;
    margin-top: 15px;
}
.recipes_white h2
{
    color: #FFFFFF;
    margin: 0 0 6px 258px;
    padding-top: 18px;
}
.recipes_white p
{
    color: #ffffff;
    line-height: 22px;
    margin: 0 0 0 258px;
    width: 368px;
}
.recipes_white p a
{
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
}
.recipes_white p strong
{
    color: #ffffff;
    font-weight: bold;
}
#recipelist
{
    width: 645px;
    padding: 0;
    margin: 0;
}

#recipelist li
{
border-bottom:1px solid #DACEC4;
border-spacing:15px;
float:left;
height:135px;
margin:0 20px 25px 0;
padding:0;
width:302px;
}

#recipelist div.recipeimage
{
	width: 105px;
	height: 105px;
	/*background-color: #9c0001;*/
	background-repeat: no-repeat;
}


#recipelist div.recipeimage
{
    float: left;
    width: 105px;
}

#recipelist div.recipeinfo
{
    float:left;
    padding:0 0 0 10px;
    width:187px;
}

#recipelist div.recipeinfo div
{
    padding: 0px 0 3px 0;
}

div.datapagertop, div.datapagerbottom
{
    width: 645px;
    text-align: right;
    font-weight: bold;
}
div.datapagertop a, div.datapagerbottom a
{
    text-decoration: none;
}
div.datapagertop
{
    padding: 10px 0 20px 0;
}
div.datapagerbottom
{
    padding: 35px 0 10px 0;
    clear: both;
}
span.CurrentPage
{
    font-weight: bold;
}

.recipedetailprint{
    float:right; 
    clear: both; 
    margin-top:-33px; 
    margin-right: 14px;
}

.recipedetailimage
{
    background: transparent url('/images/recipes/img_bckgrd.gif') no-repeat top left;
    width: 267px;
    height: 334px;
    float: left;
    margin: 10px 15px 0 0;
}

.recipedetailimage img
{
    width: 251px;
    max-height: 259px;
    padding: 8px 8px 8px 8px;
    vertical-align: top;
}

.recipedetailimage p
{
    color: #ffebb5;
    padding: 0 8px 8px 10px;
    line-height: 20px;
}
.recipedetailimage p span
{
    color: #ffffff;
    font-size: 12px;
}

.recipeingredients
{
    float: left;
    width: 330px;
    margin: 5px 0 0 0;
}

.recipeingredients ul li
{
    list-style-type: none;
    margin: 3px 0 3px 0px;
}

.recipeingredients ul li .ingredient_subhead
{
    color:#9C0706;
    font-weight:bold;
    margin:5px 0 5px 0;
}
.recipedirections
{
    clear: both;
    padding-top: 10px;
    width: 590px;
}
.recipedirections ol li, ol.ol_rednumber li
{
    margin: 8px 0 8px 9px;
    color: #9C0706;
    font-weight: bold;
}
.recipedirections ol li span, ol.ol_rednumber li span
{
    color: #754C24;
    font-weight: normal;
}
ul.disclist li
{
    margin: 8px 0 8px 20px;
    list-style: disc;
    
}

/**** End Recipe Section ****/

.measure_divider
{
    background: url('/images/enjoying-folgers/page_divider.gif') no-repeat top left;
    width: 510px;
    height: 5px;
    margin: 20px 0 15px;
}

.measurement_chart, .cups_calculator
{
    background: #ffffff;
    margin: -3px 0 0;
    padding-bottom: 22px;
}

iframe.calc_frame
{
    width: 510px;
    height: 212px;
}
iframe.chart_frame
{
    width: 510px;
    height: 225px;
}
/**** Tabs ****/
/* root element for tabs  */
ul.tabs
{
    list-style: none;
    margin: 0 !important;
    padding: 0;
    height: 22px;
}

/* single tab */
ul.tabs li
{
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0 !important;
    list-style-image: none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a
{
    background: url(/images/enjoying-folgers/measurement_flowplayer_img.gif) no-repeat -260px 0;
    font-size: 11px;
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0px;
    margin: 0px;
    position: relative;
    top: 1px;
}

ul.tabs a:active
{
    outline: none;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
ul.tabs #w1
{
    background-position: 0 0;
    width: 79px;
}
ul.tabs #w1:hover
{
    background-position: 0 -23px;
}

ul.tabs #w1.current
{
    background-position: 0 -46px;
}

/* width 2 */
ul.tabs #w2
{
    background-position: -79px 0;
    width: 198px;
}
ul.tabs #w2:hover
{
    background-position: -79px -23px;
}
ul.tabs #w2.current
{
    background-position: -79px -46px;
}
/* width 3 */
ul.tabs #w3
{
    background-position: -277px 0;
    width: 113px;
}
ul.tabs #w3:hover
{
    background-position: -277px -23px;
}
ul.tabs #w3.current
{
    background-position: -277px -46px;
}
#tab_panes
{
    width: 390px;
    height: 160px;
    margin-top:10px;
}

/* tab pane styling */
#tab_panes div
{
    padding: 0;
}

#tab_panes table
{
    width: 385px;
}
#tab_panes table th, div.panes table td
{
    padding: 0 5px 0 5px;
    font-family: Arial;
    color: #754C24;
    background-color: #ffffff;
    text-decoration: none;
    text-align: center;
    line-height: 1.3em;
    font-weight: normal;
    text-transform: none;
    border-right: solid 1px #dacec4;
    vertical-align: middle;
    font-weight: bold;
}
#tab_panes table td
{
    padding: 5px;
    border-top: solid 1px #dacec4;
}
#tab_panes table th
{
    background: #ffffff url("/images/global/table_header_cell_bg.gif") repeat-x left bottom;
    color: #9c0706;
    background-color: inherit;
    height:40px;
    vertical-align:top;
}
#tab_panes table th.th_nobr
{
    white-space: nowrap;
}
#tab_panes table .cell_last
{
    border-right:none;
}
/**** End Tabs ****/

div.brewingvid
{
    padding-bottom: 20px;
    text-align:center;
}

div.brewingvid p
{
    margin: 0 auto;
    width: 470px;
}

.brewingsteps
{
    width: 159px;
    float: left;
    margin: 0 40px 0 0;
}
.brewingsteps p
{
    float: left;
    margin-bottom: 0;
}

div.chousecallout
{
    float: left;
    width: 160px;
    margin-right: 10px;
}
div.chousecallout img
{
    display:block;
}
div.chousecallout h3
{
    height: 25px;
    text-align: center;
    width: 160px;
}
div.chousecallout h3 img
{
    display:inline;
}

/* *** Site Search *** */

#GSASearchResults
{
    width: 645px;
    padding: 0;
    margin: 0;
}
#GSASearchResults li
{
    padding: 0 0 20px 0;
}


/*****************************
****           CONTACT US FORM */
.numbers li
{
	margin-bottom: 19px;
}

.required-notice
{
	font-weight: bold;
	margin: 30px 0;
}

.required
{
	color: #ff0000;
}

.input-field
{
	margin-bottom: 15px;
}

.input-field label
{
	display: block;
	font-weight: bold;
	margin-bottom: 1px;
}

.input-field input
{
	padding: 1px 0;
}

.input-field input.textbox, .input-field textarea.textbox
{
	width: 323px;
}

.input-field textarea.textbox
{
	height: 100px;
}

.input-field select.short
{
	width: 65px;
}

.input-field input.short
{
	width: 61px;
}

.input-field .dob
{
	margin-left: 15px;
}

.input-field .radio-buttons li
{
	display: inline;
}

.input-field .radio-buttons input
{
	vertical-align: -3px;
	margin-right: 5px;
}

.input-field .radio-buttons label
{
	display: inline;
	font-weight: normal;
	margin-right: 25px;
}
.opt-in
{
	margin: 30px 0 50px 0;
}

.leftmenu-body
{
    margin-right: 120px;
}
.jingles td
{
    vertical-align: middle;
    padding: 3px 45px 3px 0;
    border-bottom: 1px solid #999999;
}
.jingles .last-row td
{
    border-bottom: none;
}
.jingles td img
{
    vertical-align: text-bottom;
}
.jingles td.artist-song
{
    font-weight: bold;
}
.jingles td.listen
{
    color: #9c0605;
}
.jingles td.download
{
    padding-right: 15px;
}

.jingle-links
{
    float: left;
    margin: 0;
    padding: 0;
}

.jingle-links li
{
    display: block;
    float: left;
    text-align: center;
    margin: 0 20px 0 0;
    padding: 0;
}

.jingle-links .text
{
    height: 40px;
    text-align: center;
}

.jingle-links a
{
    font-size: 1.1667em;
    white-space: nowrap;
    text-decoration: none;
}

.jingle-links .disclaimer
{
    font-size: .75em;
    text-align: center;
    margin-top: 4px;
}

.bts-videos-container
{
    width: 640px;
    height: 448px;
    background: transparent url(/images/about-us/behind-the-scenes/fol_jingle_video-bg.jpg) no-repeat scroll left top;
    padding: 0 20px 0 7px;
}

.bts-videos
{
    float: left;
    width: 420px;
}

.video-info
{
    display: none;
    height: 37px;
    color: #ffffff;
}

.video-info h3
{
    float: left;
    color: #ffffff;
    margin-top: 12px;
}

.video-info a
{
    color: #ffffff;
}

.video-info .links
{
    float: right;
    display: inline;
    margin: 14px 0 0 0;
    padding: 0;
}

.video-info .links li
{
    display: inline;
    margin: 0 0 0 15px;
    padding: 0;
}

.transcript-link
{
    display: none;
    margin-top: 20px;
}

.bts-playlist
{
    float: left;
    margin: 36px 0 0 17px;
    padding: 0;
}

.bts-playlist li
{
    float: left;
    width: 202px;
    margin: 0 0 28px 0;
    padding-left: 0;
    clear: left;
}

.bts-playlist .thumb
{
    float: left;
    border: 1px solid transparent;
    margin-right: 10px;
}

.bts-playlist .play-video
{
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.bts-playlist .playing .thumb
{
    border-color: #F6D782;
}

.bts-playlist .playing .play-video
{
    color: #F6D782;
}

/* Coupon redirect page styles */
.coupon_text 
{
    display: block;
    margin: 0 10px;
    font-weight: bold;   
}