﻿body {
    background-color: #F9F8F3;
    color: #000000;
    font-family: Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0;
}

#header {
    background-image:url(/img/bkd_header.jpg); 
    width: 800px; 
}
.bordered {
    margin-top: 20px;
    border-top: 1px solid #E7DACC;
}
.hidden {
    display: none;
}
#footer {
    background-image:url(/img/bkd_footer.jpg); 
    background-repeat:no-repeat;
    width: 800px; 
    height: 64px;
	color: #A6A6A6;
	text-decoration: none
}
#footer ul {
    margin: 0 12px 0 19px; 
    padding: 17px 0 0;
}
.homepage #footer ul { border: none; }
#footer ul li {
    border-right: 1px solid #b3b3b3;
	list-style: none;
	float: left;
	font-size: 10px;
    height: 11px;
    padding: 0 18px 0 18px;
    margin: 2px 0 0;  
}
#footer ul li.copyrt {
    padding: 0 70px 0 0; 
    border: none;
}
#footer ul li.last {
    border: none;
    padding-right: 0;
}
#footer ul li a {
	font-size: 10px;
	text-decoration: none;
	white-space: nowrap;
}
#maintop {
    height: 33px;
    width: 800px;
    background-image:url(/img/bkd_subheader.jpg);
    margin: 0;
}   
#aspnetForm { margin: 0;}
#main {
    width: 739px;
    margin: 0;
    padding: 0 29px 12px 32px;
    background: #fff url(/img/bkd_center.jpg) no-repeat top;
}

.homepage #main {
    padding: 0;
    width: 800px;
    background: #fff url(/img/bkd_1_home_trim.jpg) no-repeat left top;
}

sup.reg {
   font-size: 8px; 
}


.style14 {font-size: 12px}
.style21 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style22 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style23 {font-size: 12px}
.style24 { font-size: 10px}
.style26 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.style30 {
	font-size: 12px;
	color: #774A1A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style32 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.style36 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.style41 {font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
.style42 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #333333; 
}
.style44 {
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
}
.style45 {
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.style46 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style48 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.style50 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style51 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
}
.style54 {color: #FF9933}

.footer_on{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #F8A959;
}	

.holidayFlavors {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 20px;
}

a.holidayFlavors {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #CC6600;
	line-height: 20px;
}


a.holidayFlavors:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #F8A959;
	line-height: 20px;
}

p.recipeLink { margin: 0 0 0.4em 0; }

ul.dashBullet {
    list-style-image:url(/img/dash_bullet.gif);
    padding: 0px 0px 0px 15px;
    margin: 0px;
}

/* */
a.footer{
	color: #CC6600;
	font-size: 10px;
}
a.footer:hover{
	color: #F8A959;
}
.footnote{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999999;
	line-height: 14px;
}
a{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #CC6600;
	text-decoration: none;
	line-height: 15px;
}
a:hover{
	color: #F8A959;
}
a.links_1{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #CC6600;
	text-decoration: none;
	line-height: 20px;
}
.body_text{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 15px;
}
.error_text{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: red;
	line-height: 15px;
}
.body_text_popup{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
}
.subhead{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight : bold;
}
.subhead_2{
    font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight : bold;
}
.subhead_3{
    font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #996600;
	font-weight : bold;
}

.promo_text{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 13px;
}

.header_1{
	font-family: Verdana, Arial, sans-serif;
	font-size: 22px;
	color: #8C8B8A;
	line-height: 22px;
}	

.header_1B{
	font-family: Verdana, Arial, sans-serif;
	font-size: 22px;
	color: #8C8B8A;
}	
.header_2{
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #8F8051;
}	

.header_3{
	font-family: Verdana, Arial, sans-serif;
	font-size: 25px;
	color: #8C8B8A;
}
div.callout_text{
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	color: #724D29;
	line-height: 20px;
	padding-right:20px;
}
a.callout_text{
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	color: #CC6600;
}
a.callout_text:hover{
	color: #F8A959;
}

.callout_text2{
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	color: #CC6600;
	line-height: 20px;
}

.pull_quoute{
    font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #BFB1A0;
	font-weight : bold;
	line-height: 16px;
}
.pull_quoute_credit{
    font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #BFB1A0;
}
.required_text{
    font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #6699CC;
}
.label_text{
    font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #918C66;
    line-height: 14px;
}

.linkList {
		line-height: 1.5em
	}

.linkList sup	 { 
		font-size: 11px;		
		line-height: 0; 
	}
	
td.flavorlist { padding: 0 0 2px 0; border: 0px solid red; } 

td.flavorlist a { line-height: 13px;  }
td.flavorlist a sup { line-height: 16px; }

.icelist table { width: 210px; }

/* 2009 New Flavor Day */
#shopsComingsoon {
    background: transparent url(/img/shops_newflavorday_bg.jpg) no-repeat top left;
    position: relative;
    width: 550px; height:111px;
}
#shopsComingsoonContent {

}

/* temporary homepage modules */

/* new flavor day 2007 */
.newflavordayhomemodule {
    background: transparent url(/img/newflavorday/home_newflavorday_bg.gif) no-repeat top left;   
    position: relative;
    height: 125px;
    width: 436px;
}

.dayof { background: transparent url(/img/newflavorday/home_newflavorday_bg_dayof.gif) no-repeat top left; }

.newflavordayhomemodule .textcopy {
    color: #fff;
    font-size: 10px;
    position: absolute;
    width: 275px;
    top: 70px;
    left: 15px;
}
.newflavordayhomemodule a:link, .newflavordayhomemodule a:active, .newflavordayhomemodule a:visited { font-size: 10px; color:#333; }

.newflavordayhomemodule a:hover { font-size: 10px; color:#555; }

.newflavordayhomemodule .countdown {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 96px;
    left: 314px;
    width: 122px;
    text-align: center;
}

.newflavordayhomemodule .clickthrough {
    width: 120px;
    height: 110px;
    position: absolute;
    left: 311px;
}

/* store locator module */

.storeLocator {
	position: relative;
    background-color: #ebc584; 
    width: 800px; height: 59px;
    font-size: 9px;
}

#main .storeLocator { margin-left: -32px;  margin-right: -32px;}
.homepage .storeLocator { margin-top: 0; }
.storeLocator a { color: #000; margin-left: 3px; }
.storeLocator #slZipCode {
    width: 13px; height: 9px;
    position: absolute;
    top: 23px; left: 366px;
}
.storeLocator .slZipCodeTextBox {
    width: 56px; height: 16px;
    position: absolute;
    top: 14px; left: 385px;
    z-index: 5;
}
.storeLocator .findButton {
    width: 50px; height: 19px;
    position: absolute;
    top: 16px; left: 451px;
    z-index: 5;
}
.storeLocator .slAdvanced {
    width: 97px; height: 19px;
    position: absolute;
    top: 34px; left: 377px;
    z-index: 4;
    border: 0px;
}
.storeLocator .slAdvanced img {
    border: 0px;
}
.storeLocator #slFlavorFinder {
    width: 90px; height: 19px;
    position: absolute;
    top: 22px; left: 24px;
}
.storeLocator .slDropDown {
    position: absolute;
    top: 20px; left: 116px;
    width: 230px;
}
.storeLocator #slVertline {
    width: 4px; height: 33px;
    position: absolute;
    top: 14px; left: 518px;
}
.storeLocator #slArrow {
    width: 7px; height: 7px;
    position: absolute;
    top: 25px; left: 351px;
}
.storeLocator #fbArea {
    width: 265px; height: 47px;
    background-image: url('/img/locator_fb_bg2.jpg');
    background-repeat: no-repeat;
    position: absolute;
    top: 7px; left: 533px;
    overflow: visible;
}
.storeLocator #fbArea .container {
    width: 272px; height: 54px;
    float: left;
    margin: -6px 0px 2px 5px;
    overflow: visible;
}
.storeLocator option.grouping,
select.flavorlist_grouped option.grouping { color: #900; font-weight: bold; }



.productCopy {
    font-size: 15px; line-height: 18px;
    font-family: Verdana, Arial, sans-serif;
    color: #8f6944;
    margin: 15px 0px;
}

/* five styling */
.five_nav {position:relative;overflow:hidden;height:18px;font-family: Verdana, Arial, sans-serif;font-size: 17px;padding: 5px 0 7px 12px;letter-spacing:-0.5px;}
.five_nav a {color:#dda844!important;}
.five_nav a:hover {color:#989898!important;}

/* holiday recipe page */
.recipepage #main {
    padding: 0;
    width: 800px;
    background: #fff url(/img/bkd_1_home_trim.jpg) no-repeat left top;
}
.recipepage #main .recpieheader {position:relative; top:20px; left:30px; width:748px; height:257px;}
.recipepage #main .recipeslider {position:relative; top:30px; left:30px; height:240px; padding:0}
.recipepage #main .recipeslider .prev {position:relative; width: 51px; height: 140px; background: url(/img/holidayrecipes/arrow-lt.jpg) no-repeat; float: left}
.recipepage #main .recipeslider .slide {position:relative; width: 640px; float: left}
.recipepage #main .recipeslider .next {position:relative; width: 26px; height: 140px; background: url(/img/holidayrecipes/arrow-rt.jpg) no-repeat; float: left}
.prev, .next {cursor: pointer}
.recipepage #main .recipeslider li {width: 165px; height: 180px;}
.recipepage #main .slide img {border: 0}

/* home page */
.home_slider {
    position: relative;
    width: 748px; height: 240px;
    overflow: hidden;
    
}
.home_slider img {
    width: 748px; height: 240px;
    border: 0px;
    position: absolute;
    top: 0px; left: 0px;
    z-index: 1;
}
#home_slider_nav1 {
    width: 9px; height: 9px;
    top: 222px; left: 12px;
    z-index: 20;
}
#home_slider_nav2 {
    width: 9px; height: 9px;
    top: 222px; left: 24px;
    z-index: 20;
}
#home_slider_nav3 {
    width: 9px; height: 9px;
    top: 222px; left: 35px;
    z-index: 20;
}
#home_slider_nav4 {
    width: 9px; height: 9px;
    top: 222px; left: 47px;
    z-index: 20;
}
#home_slider_nav5 {
    width: 9px; height: 9px;
    top: 222px; left: 59px;
    z-index: 20;
}
