/* meyer reset & a few common classes */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, tr, th, td, a, cite, code, small, label, legend, fieldset, tbody, tfoot, thead, hr { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
em { font-style: italic }
ol, ul, li { list-style:none }
a img { border:none; }
a { cursor: pointer; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.clear { clear:both; }
:focus { outline:0; }
.smaller, small { font-size:0.67em; }
.hide { display: none; }
.left { float: left; }
.right { float: right; }
.aligncenter { text-align: center; }
.wrapper { margin: 40px auto; width: 856px; position: relative; }
em.red { color: #ff0000; }
.textbox { padding: .3em; border: 1px solid #0067b1; width: 260px; }
.row { width: 510px; padding: 5px 0; clear: both; }
input:focus, textarea:focus, select:focus { border: 1px solid #000; }
.error { color: #f00; }

/* general */
body { font: 12px normal Verdana, Arial, sans-serif; color: #333; }
p { font: 13px normal Verdana, Arial, sans-serif; line-height: 1.33em; }
h1 { margin: 26px 0; font-size: 30px; font-weight: bold; font-family: "Gill Sans", Verdana, Arial, sans-serif; }


/* home */
body#home div.wrapper { width: 786px; text-align: center; }
ul#home-menu { width: 786px; height: 118px; position: relative; }
ul#home-menu li { display: inline; }
ul#home-menu li a { display: block; float: left; height: 118px; overflow: hidden; }
ul#home-menu li a.chocolate-chip-cosmocrisp { width: 125px; background: url(../src/home-menu-cc.jpg) no-repeat 0 0; }
ul#home-menu li a.banana-chocolate-cosmocrisp { width: 134px; background: url(../src/home-menu-bc.jpg) no-repeat 0 0; }
ul#home-menu li a.strawberry-crispiscrumptious { width: 135px; background: url(../src/home-menu-sc.jpg) no-repeat 0 0; }
ul#home-menu li a.peanut-butter-blisscrisp { width: 123px; background: url(../src/home-menu-pb.jpg) no-repeat 0 0; }
ul#home-menu li a.apple-crispalicious { width:126px; background: url(../src/home-menu-ac.jpg) no-repeat 0 0; }
ul#home-menu li a.menu-dots { width: 49px; background:url(../src/home-menu-dots.jpg) no-repeat 0 0; }
ul#home-menu li a.questions { width: 94px; background: url(../src/home-menu-q.jpg) no-repeat 0 0; }
ul#home-menu li a:hover { background-position: bottom left; }
ul#footer-menu { position: relative; margin: 30px auto; }
ul#footer-menu a { color: #fdbb30; text-decoration: none;  }
ul#footer-menu li { color: #fdbb30; display: inline; border-right: 1px solid #fdbb30; padding: 1px 6px; }
ul#footer-menu li.end { border: none; }

/* main menu */
ul#menu { width: 856px; height: 25px; position: relative; }
ul#menu li { display: inline; }
ul#menu li a { display: block; float: left; height: 25px; overflow: hidden; }
ul#menu li a.home { width: 41px; background: url(../src/menu-home.gif) no-repeat 0 0; }
ul#menu li a.chocolate-chip-cosmocrisp { width: 167px; background: url(../src/menu-cc.gif) no-repeat 0 0; }
ul#menu li a.banana-chocolate-cosmocrisp { width: 172px; background: url(../src/menu-bc.gif) no-repeat 0 0; }
ul#menu li a.strawberry-crispiscrumptious { width: 175px; background: url(../src/menu-sc.gif) no-repeat 0 0; }
ul#menu li a.peanut-butter-blisscrisp { width: 142px; background: url(../src/menu-pb.gif) no-repeat 0 0; }
ul#menu li a.apple-crispalicious { width:119px; background: url(../src/menu-ac.gif) no-repeat 0 0; }
ul#menu li a.questions { width: 40px; background: url(../src/menu-faq.gif) no-repeat 0 0; }
ul#menu li a:hover { background-position: bottom left; }

/* flavors */
div#flavor-top { width:856px; position: relative; }
div#flavor-top img { float: left; margin: 20px 0; }
div#flavor-top div#grades { width: 134px; height: 48px; float:right; margin: 20px; background: url(../src/grades.gif) no-repeat 0 0; }

div#flavor-box { width:846px; padding: 5px; position: relative; }
div#flavor-box img { float:left; }
div#flavor-box p { float:right; width: 430px; margin: 8px; font-size: .85em; color: #111; }
body#pb div#flavor-box p, body#cc div#flavor-box p { color: #fff; }
body#ac div#flavor-box { background: #7ac141; }
body#ac h1 { color: #7ac141; }
body#bc div#flavor-box { background: #ffde00; }
body#bc h1 { color: #eecd00; }
body#cc div#flavor-box { background: #532f18; }
body#cc h1 { color: #532f18; }
body#pb div#flavor-box { background: #b2730a; }
body#pb h1 { color: #b2730a; }
body#sc div#flavor-box { background: #f04f32; }
body#sc h1 { color: #f04f32; }

/* faq page */
img#q-head { margin-bottom: 20px;}
ul#questions { width: 320px; text-align: right; float: left; margin: 20px 0; }
ul#questions li { font-size: 1.1em; font-family: "Gill Sans"; }
ul#questions a { color: #ff823a; text-decoration: none; display: block; padding: 2px; }
* ul#questions a { display: inline; }
* ul#questions li { margin: 2px 0; }
ul#questions a:hover { color: #0067b1; }
div#answerbox { width: 510px; height: 245px; overflow: auto; float: right; margin: 20px 0; }
div#answerbox p { margin: 0 15px 10px 0; }

/* contest */
#contest-left { width: 320px; text-align: right; float: left; margin: 20px 0; }
#contest-left p { margin: 5px 0; line-height: 1.4em; }
#contest-right { width: 510px; height: 245px; float: right; margin: 20px 0; }
#would-you-like { width: 320px; height: 67px; background: url(../src/would-you-like.gif) no-repeat top right; display: block; }
#contest-right input, #contest-right label { float: left; }
#contest-right label { margin-top: 2px;}
label.error { margin: 3px 0 0 3px; display: block; }
input#submit { margin-top: 5px; }
input#city { width: 110px; margin-right: 10px; }
input#state { width: 40px; margin-right: 10px; }
input#zip { width: 73px; }
label#first-name { display: block; background: url(../src/first-name.gif) no-repeat; height: 17px; width: 112px; }
label#last-name { display: block; background: url(../src/last-name.gif) no-repeat; height: 17px; width: 112px; }
label#address { display: block; background: url(../src/address.gif) no-repeat; height: 17px; width: 112px; }
label#city-state-zip { display: block; background: url(../src/city-state-zip.gif) no-repeat; height: 17px; width: 112px; }
label#phone { display: block; background: url(../src/phone.gif) no-repeat; height: 17px; width: 112px; }
label#email { display: block; background: url(../src/email.gif) no-repeat; height: 17px; width: 112px; }
label#blog-screenname { display: block; background: url(../src/blog-screenname.gif) no-repeat; height: 17px; width: 112px; }
label#have-tried-1 { display: block; background: url(../src/yes.gif) no-repeat; height: 20px; width: 28px; }
label#have-tried-2 { display: block; background: url(../src/no.gif) no-repeat; height: 20px; width: 31px; }


/* contact page */
form#frmContact { width: 555px; margin-bottom: 20px; }
form#frmContact p { margin: 15px 0; width: 555px; }
body#form div.right { margin-top:80px; padding: 10px; background: #fefefe; border: 1px solid #bbb; }
body#form div.right p { width: 255px; margin: 0 0 10px 0; }
body#form div.right blockquote { margin-left: 20px; }
form#frmContact div.row { clear:both; padding: 10px 0; position: relative; width: 555px; }
form#frmContact div.row label { float: left; }
form#frmContact div.row select, form#frmContact div.row input, form#frmContact div.row textarea { float: right; width: 380px; }
form#frmContact div.row textarea { height: 140px; }
form#frmContact h4 { font-size: 14px; text-decoration: underline; }
form#frmContact div#form-footer p { font-size: 11px; color: #555; width: 480px; }
form#frmContact div#form-footer { padding: 15px 0 0 35px; margin: 20px 0; }