* {
	margin: 0;
	padding: 0;
}

html {overflow-y: scroll;}

body {
	font: 11px Tahoma, Verdana, Arial, sans-serif;
}
body p {line-height:18px;}

img {border: 0;}

.floatleft { float:left; }
.floatright { float:right; }

a:focus,
input:focus {outline: none;}

br.clear {
	display: block;
	height: 0;
	clear: both;
}

div.main {
	margin: 0 auto;
	width: 930px;
}

div.main div.top {
	padding: 46px 0 0;
	width: 930px;
	height: 94px;
}

div.main div.top img.logo {float: left;}

div.main div.top div.register {
	float: right;
	padding: 50px 0 0;
	width: 119px;
}

div.main div.top div.register a:link,
div.main div.top div.register a:visited {
	text-decoration: none;
	text-transform:uppercase;
}

div.main div.top div.twitter {
    margin-right: 15px;
    width: 168px;
    background: transparent url(images/bg-twitter.png) no-repeat right bottom;
}

div.main div.mast {
	position:relative;
	width:930px;
	height:300px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 0;
}

/*:: Nav
------------------------------------- */
.navwrap{width:100%;position:relative;top:30px;left:0;width:100%;height:62px;z-index:99;}
	.nav{width:100px;height:62px;text-align:center;position:relative;font-size:14px;background:transparent url(images/bg-nav.png) repeat 0 0;}
		.nav a.mainnav{position:relative;z-index:10;}
		.nav div{color:#fff;line-height:19px;float:left;text-align:left;width:135px;margin:15px 0 0 15px;display:inline;font-size:12px;}
		* html .nav div{position:relative;z-index:10;float:left;padding:0;margin:0;left:14px;}/*IE6*/
		.nav1 div{width:115px;}
		.nav3 div{width:180px;}
		.nav div h4{margin:10px 0 0;font-size:12px;}
		.nav div h4 a{text-decoration:none;font-weight:lighter;text-transform:uppercase;}
		.nav div h4 a:hover{text-decoration:underline;}
		.nav1{position:absolute;left:0;top:0;width:146px;}
		.nav2{position:absolute;left:146px;top:0;width:178px;}
		.nav3{position:absolute;left:324px;top:0;width:212px;}
		.nav1 a.mainnav,.nav1 a.mainnav:link{background:url(images/li-menu.png) 0 0 no-repeat;float:left;height:18px;width:92px;display:inline;margin:23px 0 0 15px;}
			* html .nav1 a.mainnav,* html .nav1 a.mainnav:link{background:url(images/about.gif) 0 0 no-repeat;}
		.nav2 a.mainnav,.nav2 a.mainnav:link{background:url(images/li-about.png) 0 0 no-repeat;float:left;height:18px;width:125px;margin:23px 0 0 15px;}
			* html .nav2 a.mainnav,* html .nav2 a.mainnav:link{background:url(images/menu.gif) 0 0 no-repeat;}
		.nav3 a.mainnav,.nav3 a.mainnav:link{background:url(images/li-buy.png) 0 0 no-repeat;float:left;height:18px;width:164px;margin:23px 0 0 15px;}
			* html .nav3 a.mainnav,* html .nav3 a.mainnav:link{background:url(images/buy.gif) 0 0 no-repeat;}
		.nav1 a strong,.nav2 a strong,.nav3 a strong{display:none;}
	.navend {float:right;width:394px;height:60px;/*background:transparent url(images/bg-nav.png) repeat 0 0; -- Zak W. 6/2/10 - per Chris request*/}

/*:: CSV Modal */
.sd_container{margin:0;padding:10px;width:890px;height:525px;position:absolute;background:#fff url(/images/content/BGAllAboutBob.jpg) 0 0 no-repeat;border:10px solid #d5d5d6;color:#000;-webkit-box-shadow: 0px 0px 15px #121617;box-shadow:0px 0px 15px #121617;-moz-box-shadow:0px 0px 15px #121617;}
	.sd_header{}.sd_content{}.sd_footer{color:#a0a0a0;margin-top:10px;}
	.sd_overlay{position:absolute;margin:0;padding:0;top:0;left:0;background:#fff;}
	.sd_loading{background:url('/images/ordering/indicator.gif') center no-repeat;background:#fff;height:60px;width:60px;}
	.sd_closelabel{position:absolute;width:50px;height:22px;line-height:22px;top:0;right:-30px;padding:5px;text-align:center;}
	.sd_closelabel a{text-decoration:none;color:#eee;font-size:12px;}
	.sd_container div.modalcol1{position:absolute;top:70px;left:206px;width:317px;}
	.sd_container div.modalcol2{position:absolute;top:70px;left:541px;width:330px;}
	.sd_container p{width:100%;font-size:12px;line-height:17px;margin:0 0 1em;}
	.sd_container .hidden{visibility:hidden;}
	


#nutcracker{height:268px; width:255px; text-indent:-1000em; background:url(images/nutcracker.png) no-repeat bottom right; position:absolute; bottom:0; right:-30px; z-index:100000;}
#modal{width:375px; position:absolute; bottom:0; right:209px; background:url(images/modal-top.png) no-repeat 22px top; padding-top:39px; display:none;}
#modal div{background:url(images/modal-bottom.png) no-repeat bottom left; padding:0px 44px 39px 61px;}
#modal div strong{display:block; padding-bottom:1em;}
#modal div p{line-height:14px;}

div.main h1 {
    margin: 18px 0 0;
    height: 48px;
    background-repeat: no-repeat;
    background-position: 10px 6px;
    text-indent: -10000em;
}

div.main div.home {
    width: 930px;
}

div.main div.home div.flavor-forecast {
    float: left;
    width: 670px;
}

div.main div.home div.flavor-forecast h2 {
    float: left;
    margin: 18px 0 0;
    width: 500px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: 10px 6px;
    text-indent: -10000em;
}

div.main div.home div.flavor-forecast h3 {
    float: left;
    margin: -10px 0 0 15px;
    width: 500px;
    font-size: 14px;
    font-weight: normal;
    color: #d2d4d4;
    text-transform: uppercase;
}

div.main div.home div.flavor-forecast h4 {
    padding: 8px 12px;
    font-size: 21px;
    font-weight: normal;
}

div.main div.home div.flavor-forecast h4 a:link,
div.main div.home div.flavor-forecast h4 a:visited {text-decoration: none;}

div.main div.home div.flavor-forecast p {
    padding: 0 12px 8px;
    font: 14px Arial, Verdana, sans-serif;
}

div.main div.home div.flavor-forecast img {
    float: left;
    margin: 18px 0 0;
}

div.main div.home div.flavor-forecast div.today {
    float: left;
    padding: 0 0 10px;
    margin: 0 0 0 80px;
    width: 550px;
    background: transparent url(images/bg-flavor.gif) repeat 0 0;
}

div.main div.home div.flavor-forecast a.view:link,
div.main div.home div.flavor-forecast a.view:visited {
    float: left;
    margin: 10px 0 0 80px;
    padding: 0 0 0 20px;
    font: 13px Arial, Verdana, sans-serif;
    text-decoration: none;
    background: transparent url(images/a-arrow.png) no-repeat 0 0;
}

div.main div.home div.callouts {
    float: right;
    margin: 18px 0 0;
    width: 260px;
}

div.main div.home div.callouts h3 {
    margin: 0 0 0 -14px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 10px 6px;
    text-indent: -10000em;
}

div.main div.home div.callouts p {
    padding: 3px 0 10px;
    font: 12px Arial, Verdana, sans-serif;
}

div.main div.home div.callouts a:link,
div.main div.home div.callouts a:visited {
    padding: 0 0 0 20px;
    font: 13px Arial, Verdana, sans-serif;
    text-decoration: none;
    background: transparent url(images/a-arrow.png) no-repeat 0 0;
}

div.main div.sidebar {
    float: left;
    margin: 10px 0 0;
    width: 205px;
    font: 12px Arial, Verdana, sans-serif;
}

div.main div.sidebar a.poster{display:block; padding:0 0 20px 0 !important;}

div.main div.sidebar h2,
div.main div.sidebar h3 {
    padding: 5px 0;
    font-size: 16px;
    font-weight: normal;
}

div.main div.sidebar p {
    padding: 0 0 10px;
}
div.main div.sidebar a:link,
div.main div.sidebar a:visited {
    padding: 0 0 0 20px;
    font: 13px Arial, Verdana, sans-serif;
    text-decoration: none;
    background: transparent url(images/a-arrow.png) no-repeat 0 0;
}


div.main div.content {
    margin: 10px 0 0 215px;
}

div.main div.content table.forecast {
    border: 0;
    margin: 0 0 15px;
}

div.main div.content table.forecast table.odd {background: transparent url(images/bg-flavor.gif) repeat 0 0;}

div.main div.content table.forecast table.odd td {padding: 10px 0;}
div.main div.content table.forecast table.even td {padding: 10px 0;}

div.main div.content table.forecast td {vertical-align: top;}

div.main div.content table.forecast td.date {
    padding: 12px 10px 10px !important;
    width: 90px;
    font-size: 14px;
}

div.main div.content table.forecast td.flavors {width: 602px;}

div.main div.content table.forecast td.flavors h4 {
    padding: 0 12px;
    font-size: 21px;
    font-weight: normal;
}

div.main div.content table.forecast td.flavors h4 a:link,
div.main div.content table.forecast td.flavors h4 a:visited {text-decoration: none;}

div.main div.content table.forecast td.flavors p {
    padding: 4px 12px 8px 30px;
    font: 14px Arial, Verdana, sans-serif;
}

div.main div.content table.forecast td.flavors input {
    float: left;
    margin: 6px 10px 0 0;
}

div.main div.content table.forecast tr.pagination a:link,
div.main div.content table.forecast tr.pagination a:visited {
    padding: 0 0 0 20px;
    font: bold 14px Arial, Verdana, sans-serif;
    text-decoration: none;
}

div.main div.content table.forecast tr.pagination td.left {
    padding-left: 15px;
}

div.main div.content table.forecast tr.pagination td.right {
    padding-right: 15px;
    text-align: right;
}

div.main div.content table.forecast tr.pagination td.left a:link,
div.main div.content table.forecast tr.pagination td.left a:visited {background: transparent url(images/a-arrow-right.png) no-repeat 0 0;}

div.main div.content table.forecast tr.pagination td.right a:link,
div.main div.content table.forecast tr.pagination td.right a:visited {
    padding: 0 20px 0 0;
    background: transparent url(images/a-arrow.png) no-repeat right top;
}

div.main div.message {
    float: right;
    padding: 80px 0 0;
    width: 280px;
    text-align: center;
}

div.main div.message h2 {
    font: 33px Georgia, Times, "Times New Roman", serif;
    text-transform: uppercase;
}
div.main div.message h2 span {font-size: 38px;}

div.main div.message h3 {
    margin: 10px 0;
    padding: 10px 0;
    font-size: 24px;
    font-weight: normal;
}

div.main div.message p {font-size: 13px;}

div.main div.login h2 {
    margin: 18px 0 0 -6px;
    width: 278px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: 0 6px;
    text-indent: -10000em;
}

div.main div.login h3 {
    margin: -8px 0 15px;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

div.main div.login h3.alerts {
    margin: 0 0 10px;
    font: 16px Arial, Verdana, sans-serif;
    text-transform: none;
}

div.main div.login div.new-account {
    float: left;
    margin: 0 32px 0 0;
    width: 278px;
}

div.main div.login div.registered {
    float: left;
    width: 278px;
}

div.main div.login div.form {
    padding: 10px 15px;
    margin: 0 0 12px;
    width: 248px;
    height: 300px;
    background: transparent url(images/bg-flavor.gif) repeat 0 0;
}

div.main div.login div.tall {
    height: auto;
    min-height: 430px;
}

div.main div.login div.form label {
    display: block;
    font: 12px Arial, Verdana, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
}

div.main div.login div.form input.text,
div.main div.forgot input.text {
    margin: 5px 0 15px;
    padding: 5px;
    width: 236px;
    height:16px;
    background: #ccc;
    border-left: 1px solid #9e9f9f;
    border-right: 1px solid #9e9f9f;
    border-top: 2px solid #9e9f9f;
    border-bottom: 1px solid #b9bbbb;
    font: bold 13px Arial, Verdana, sans-serif;
}
div.main div.login div.form input.zip {
    margin-right: 120px;
    width: 120px;
}
div.main div.login div.form input.password {
    padding: 3px 5px;
    width: 236px;
    height:20px;
    font: bold 16px Arial, Verdana, sans-serif;
    color: #7e7f80;
}
div.main div.login div.form input.readonly {background: #ccc url(images/input-password.gif) no-repeat 0 0;}

div.main div.login div.form span.note {
    float: right;
    margin: -10px 0 0;
}

div.main div.login div.form table.radio input {
    float: left;
    margin: 2px 0 0;
    width: 14px;
    height: 14px;
}

div.main div.login div.form table.radio label {
    padding: 0 0 10px 7px;
    width: 215px;
    text-transform: none;
}

div.main div.forgot input.text {float: left;}

div.main div.forgot input.submit {
    float: left;
    margin: 2px 0 0 10px;
}

div.main div.login td.alertbox {padding-top: 10px;}

div.main div.flavor-finder {
    float: right;
    width: 630px;
}

div.main div.flavor-finder h2 {
    margin: 18px 0 0 -6px;
    width: 278px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: 0 6px;
    text-indent: -10000em;
}

div.main div.flavor-finder div.flavor-alerts {
    padding-bottom: 10px;
    background: transparent url(images/bg-flavor.gif) repeat 0 0;
}

div.main div.flavor-finder h3 {
    padding: 12px 20px;
    font-size: 21px;
    font-weight: normal;
}

div.main div.flavor-finder h4 {
    padding: 0 20px;
    font: 17px Arial, Verdana, sans-serif;
}

div.main div.flavor-finder h4 a:link,
div.main div.flavor-finder h4 a:visited {font-size: 11px;}

div.main div.flavor-finder p {
    padding: 0 20px 10px;
    font: 12px Arial, Verdana, sans-serif;
}

div.main div.flavor-finder p span.next {
    font-size: 11px;
    text-transform: uppercase;
}

div.main div.flavor-finder h3.flavor-list {
    padding: 15px 0;
    font-size: 19px;
    font-weight: normal;
}

div.main div.flavor-finder input.filter {
    float: left;
    margin: 0 0 15px;
    padding: 5px;
    width: 500px;
    height:16px;
    background: #ccc;
    border-left: 1px solid #9e9f9f;
    border-right: 1px solid #9e9f9f;
    border-top: 2px solid #9e9f9f;
    border-bottom: 1px solid #b9bbbb;
    font: bold 13px Arial, Verdana, sans-serif;
}

div.main div.flavor-finder input.submit {
    float: left;
    margin: -1px 0 0 3px;
}

div.main div.flavor-finder span.note {
    float: left;
    clear: both;
    margin: -10px 0 0 460px;
    white-space: nowrap;
}

div.main div.flavor-finder table.flavor-list {clear: both;}

/*div.main div.flavor-finder table.flavor-list tr {display: none;}*/

div.main div.flavor-finder table.flavor-list td {
    padding: 10px 0;
    vertical-align: top;
}

div.main div.flavor-finder table.flavor-list td.checkbox {width: 23px;}

div.main div.flavor-finder table.flavor-list td.checkbox input {
    margin: 0;
    width: 14px;
    height: 14px;
}

div.main div.billingForm {

}

div.main div.billingForm h3 {
	text-transform:uppercase;
	padding:40px 20px 10px 20px;
	background:transparent url(images/bg-flavor.gif);
	border-bottom:solid 1px #293032;	
	margin:20px 0 3px 0;
}

div.main div.billingForm h3 span {
	color:#fff;
}

div.main div.billingForm div.form {
	border:solid 1px #293032;
	background:#22292b;
	padding:20px 0 20px 30px;
}

div.main div.billingForm div.form div.row {
	clear:both;
	height:40px;
	margin:5px 0;
}

div.main div.billingForm div.form div.row label {
	float:left;
	text-transform:uppercase;
	text-align:right;	
	color:#fff;
	width:100px;
	padding-right:20px;
	line-height:29px;
}

div.main div.billingForm div.form div.row input {
	float:left;
	height:29px;
	width:300px;
	background:url(/images/ordering/TxtBg.gif) repeat-x;
	border-left:solid 1px #bbb;
	border-right:solid 2px #bbb;
}

div.main div.billingForm div.form div.row select {
	float:left;
	height:29px;
	width:100px;
	margin-right:10px;
	padding:3px;
	background:#fff url(/images/ordering/TxtBg.gif) repeat-x;
	border-left:solid 1px #bbb;
	border-right:solid 2px #bbb;
}

div.main div.billingForm div.form div.row img {
	margin-left:10px;
}

div.main div.static h2 {
    margin: 0 0 0 -4px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: 0 6px;
    text-indent: -10000em;
}

div.main div.static h3 {
    padding: 3px 0 10px;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

div.main div.static h4 {
    font: 24px Arial, Verdana, sans-serif;
}

div.main div.ordering-overview h4 {
    font: 21px Arial, Verdana, sans-serif;
}

div.main div.ordering-overview p {
    padding: 5px 20px 20px 0;
    font: 14px Arial, Verdana, sans-serif;
}

div.main div.ordering-overview a.text:link,
div.main div.ordering-overview a.text:visited {
    padding-left: 20px;
    font: 15px Arial, Verdana, sans-serif;
    text-decoration: none;
    background: transparent url(images/a-arrow.png) no-repeat 0 0;
}

div.main div.content div.copy {
    padding: 15px 0;
    width: 712px;
    background: transparent url(images/bg-flavor.gif) repeat;
}

div.main div.content div.copy div.column {float: left;}

div.main div.content div.copy div.column img {float: left;}

div.main div.content div.copy div.column p {font: 12px/22px Arial, Verdana, sans-serif;}
div.main div.content div.copy div.column p.big {font-size: 14px;}
div.main div.content div.copy div.column p.small {
    padding: 0 0 8px;
    font-size: 11px;
    line-height: 16px;
}

div.main div.content div.copy img.img-ordering {
    float: left;
    margin: 0 20px 0 0;
}

div.main p.history {font: 12px/17px Arial, Verdana, sans-serif;}

div.main div.redemption {padding-left: 20px;}

div.main div.redemption input.text {
    float: left;
    margin: 5px 10px 15px 0;
    padding: 5px;
    width: 236px;
    height:16px;
    background: #ccc;
    border-left: 1px solid #9e9f9f;
    border-right: 1px solid #9e9f9f;
    border-top: 2px solid #9e9f9f;
    border-bottom: 1px solid #b9bbbb;
    font: bold 13px Arial, Verdana, sans-serif;
}

div.main div.footer {
    position: relative;
    margin: 18px 0 0;
    width: 930px;
    height: 150px;
}

div.main div.footer div.background {
    position: absolute;
    top: 0;
    left: 0;
    width: 930px;
    height: 150px;
}

div.main div.footer h2 {
    float: left;
    width: 140px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 10px 6px;
    text-indent: -10000em;
}

div.main div.footer div.locations {
    position: relative;
    z-index: 100;
}

div.main div.footer div.locations div.location {
    float: left;
    padding: 10px 0 0 40px;
    width: 190px;
    font-family: Arial, Verdana, Sans-Serif;
}

div.main div.footer div.locations div.location h3 {
    font-size: 13px;
    font-weight: normal;
}

div.main div.footer div.locations div.location address {
    padding: 5px 0 10px;
    font-style: normal;
}

div.main div.footer div.locations div.location strong {
    float: left;
    width: 80px;
}

div.main div.footer div.locations div.location span {
    float: left;
    clear: right;
    width: 100px;
}

div.main div.footer div.locations img.spoon {
    position: absolute;
    top: 5px;
    right: 0;
}

div.main div.footer div.copyright {
    clear: both;
    padding: 30px 0 0;
    width: 930px;
    height: 50px;
    color: #fff;
}

label.error {
        background: transparent url(images/warning-label.gif) no-repeat 5px 5px;
}

a.csvClick{color:#8fa0a6;text-decoration:underline;cursor:pointer;}
a.csvClick:hover{text-decoration:none;}
#csvUploadPanel{clear:both;height:100px;padding:20px 10px 0 0;margin:5px 0;background:transparent url(images/bg-flavor.gif) repeat;}
#csvUploadPanel div{width:630px;padding-left:45px;text-align:left;background:url(/images/ordering/Upload.png) 0 2px no-repeat;margin-left:20px;}
#ctl00_ContentPlaceHolder1__uploadCSVBtn{position:relative;top:12px;}
p.downloadcsv{color:#fff;background:url(/images/ordering/IconDownload.gif) 0 2px no-repeat;padding-left:23px;margin-top:5px;}

div.main div.top div.register2 a,div.main div.top div.register2 a:link,div.main div.top div.register2 a:visited {
	background:url(/images/Signup.gif) 0 0 no-repeat;
	display:inline-block;
	width:119px;height:37px;
	text-indent:-9999em;
	margin-top:-3px;
}