html, body { color: #666; height: 100%; text-align: center; background: #fff url(images/bg_site.gif) repeat-x; }
* {margin: 0px; padding: 0px; }
img, div { behavior: url(iepngfix.htc); }
#container { width: 781px; height: auto; min-height: 600px; padding-bottom: 0px; margin: 0px auto 20px; text-align: center; }
#masthead { width: 781px; height: 86px;; }
#topnav { width: 781px; height: 72px; background-color: #fff; }
.leftnav { margin: 0px 25px 20px 35px; }
.leftnav ul { padding-top: 20px; }
.leftnav ul li { list-style-type: none; margin-bottom: 10px; font: bold 11px/13px verdana, arial, sans-serif; }
.leftnav ul li ul { padding-top: 5px; margin-left: 15px; }
.leftnav ul li ul li { list-style-type: none; margin-bottom: 8px; font: 10px/11px verdana, arial, sans-serif; }
.leftnav ul li a:link { color: #ff6600; font: bold 11px/13px verdana, arial, sans-serif; text-decoration: none; }
.leftnav ul li a:hover { color: #fff; font: bold 11px/13px verdana, arial, sans-serif; text-decoration: none; }
.leftnav ul li a:active { color: #fff; font: bold 11px/13px verdana, arial, sans-serif; text-decoration: none; }
.leftnav ul li a:visited { color: #ff6600; font: bold 11px/13px verdana, arial, sans-serif; text-decoration: none; }
.leftnav ul li a:visited:hover { color: #fff; font: bold 11px/13px verdana, arial, sans-serif; text-decoration: none; }
.leftnav ul li a:link.selected { color: #fff; font: bold 11px/13px verdana, arial, sans-serif; text-decoration: none; }
.leftnav ul li a:visited.selected { color: #fff; font: bold 11px/13px verdana, arial, sans-serif; text-decoration: none; }
.leftnav ul li ul li a:link { color: #ff6600; font: 10px/11px verdana, arial, sans-serif; text-decoration: none; }
.leftnav ul li ul li a:hover { color: #fff; font: 10px/11px verdana, arial, sans-serif; text-decoration: none; }
.leftnav ul li ul li a:active { color: #fff; font: 10px/11px verdana, arial, sans-serif; text-decoration: none; }
.leftnav ul li ul li a:visited { color: #ff6600; font: 10px/11px verdana, arial, sans-serif; text-decoration: none; }
.leftnav ul li ul li a:visited:hover { color: #fff; font: 10px/11px verdana, arial, sans-serif; text-decoration: none; }
.leftnav ul li ul li a:link.selected { color: #fff; font: 10px/11px verdana, arial, sans-serif; text-decoration: none; }
.leftnav a:visited.selected { color: #fff; font: 10px/11px verdana, arial, sans-serif; text-decoration: none; }
/* @group HOMEPAGE */ #photoandnews { width: 781px; height: 386px; background-color: #fff; }
#photorotation { width: 550px; height: 386px; float: left; display: inline; background-color: #d2f0fe; z-index: -1; }
#joesblog { width: 231px; height: 386px; float: right; display: inline; background-color: #523414; background-image: url(images/joesblog_homebg.jpg); text-align: left; }
.blogheader h1 { color: #cccc99; font: 24px/24px Georgia, "Times New Roman", Times, serif; margin-top: 30px; margin-left: 25px; margin-right: 20px; padding-bottom: 10px; }
.blogentry { text-align: left; color: #cccc99; font: 11px/14px verdana, arial, sans-serif; margin-top: 10px; margin-left: 25px; margin-right: 20px; padding-bottom: 10px; }
.blogentry h1 { font: bold 11px/14px verdana, arial, sans-serif; color: #ff6600; padding-bottom: 2px; }
.blogentry h1 a:link { color: #ff6600; text-decoration: none; }
.blogentry h1 a:visited { color: #ff6600; text-decoration: none; }
.blogentry h1 a:hover { color: #fff; text-decoration: none; }
.blogentry h1 a:active { color: #fff; text-decoration: none; }
.blogentry h1 a:visited:hover { color: #fff; text-decoration: none; }
.blogentry a:link { color: #cccc99; text-decoration: underline; }
.blogentry a:visited { color: #cccc99; text-decoration: underline; }
.blogentry a:hover { color: #ff6600; text-decoration: underline; }
.blogentry a:active { color: #ff6600; text-decoration: underline; }
.blogentry a:visited:hover { color: #ff6600; text-decoration: underline; }
.moreposts { text-align: left; color: #cccc99; font: 11px/14px verdana, arial, sans-serif; margin-top: 10px; margin-left: 25px; margin-right: 20px; padding-bottom: 10px; }
.moreposts a:link { color: #ff6600; text-decoration: underline; }
.moreposts a:visited { color: #ff6600; text-decoration: underline; }
.moreposts a:hover { color: #fff; text-decoration: underline; }
.moreposts a:active { color: #fff; text-decoration: underline; }
.moreposts a:visited:hover { color: #fff; text-decoration: underline; }
#joesinfo { width: 781px; height: 220px; background-color: #fff; clear: both; text-align: left; }
#cancan { position: absolute; top: 442px; z-index: 400; /* Mozilla ignores crazy MS image filters, so it will skip the following filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/slideshow/cup_iso.png');*/ }
.joesinfotext { font: 13px/21px Georgia, "Times New Roman", Times, serif; color: #666; margin-left: 251px; margin-right: 42px; padding-top: 28px; padding-bottom: 32px; }
.joesinfotext h1 { color: #663300; font: 24px Georgia, "Times New Roman", Times, serif; display: inline; margin-right: 3px; }
#fanclub { width: 781px; height: 63px; background: #fff url(images/bg_dot.gif) repeat-x; }
.fanclubintro { float: left; display: inline; }
.fanclubintro h1 { color: #ff6600; font: 22px Georgia, "Times New Roman", Times, serif; margin-top: 15px; margin-left: 30px; }
.fanclubtext { float: left; display: inline; color: #333; font: 10px/12px verdana, arial, sans-serif; margin-top: 23px; margin-left: 20px; }
.emailform { float: left; display: inline; margin-left: 20px; margin-top: 18px; }
.emailsubmit { width: 90px; height: 19px; border: 0; padding: 0; margin: 0; line-height: 0; font-size: 0; background: #ff6600 url(images/button_submit.gif) no-repeat center top; }
.emailsubmit:focus, .emailsubmit:hover { width: 90px; height: 19px; border: 0; padding: 0; margin: 0; line-height: 0; font-size: 0; background: #666 url(images/button_submit.gif) no-repeat center bottom; }
#callouts { clear: both; width: 553px; height: 239px; float: left; display: inline; background-color: #fff; }
#fuelcard { width: 273px; height: 120px; float: left; display: inline; background: #fff url(images/box_fuelcard.jpg) no-repeat left top; }
.fuelcardtext { text-align: left; color: #333; font: 10px/14px verdana, arial, sans-serif; margin-left: 30px; margin-top: 20px; }
.fuelcardtext h1 { color: #663300; font: 22px Georgia, "Times New Roman", Times, serif; padding-bottom: 2px; }
.fuelcardtext a:link { color: #663300; text-decoration: underline; }
.fuelcardtext a:hover { color: #ff6600; text-decoration: underline; }
.fuelcardtext a:active { color: #ff6600; text-decoration: underline; }
.fuelcardtext a:visited:hover { color: #ff6600; text-decoration: underline; }
.fuelcardtext a:visited { color: #663300; text-decoration: underline; }
#subscription { width: 280px; height: 120px; float: right; display: inline; background: #fff url(images/box_subscribe.jpg) no-repeat left top; }
.subscriptiontext { text-align: left; color: #333; font: 10px/14px verdana, arial, sans-serif; margin-left: 17px; margin-top: 20px; }
.subscriptiontext h1 { color: #663300; font: 22px Georgia, "Times New Roman", Times, serif; padding-bottom: 2px; }
.subscriptiontext a:link { color: #663300; text-decoration: underline; }
.subscriptiontext a:hover { color: #ff6600; text-decoration: underline; }
.subscriptiontext a:active { color: #ff6600; text-decoration: underline; }
.subscriptiontext a:visited:hover { color: #ff6600; text-decoration: underline; }
.subscriptiontext a:visited { color: #663300; text-decoration: underline; }
#beanteam { width: 553px; height: 118px; clear: both; background: #fff url(images/box_beanteam.jpg) no-repeat left top; }
.beanteamtext { text-align: left; color: #333; font: 10px/14px verdana, arial, sans-serif; margin-left: 30px; padding-top: 20px; }
.beanteamtext h1 { color: #663300; font: 22px Georgia, "Times New Roman", Times, serif; padding-bottom: 2px; }
.beanteamtext a:link { color: #663300; text-decoration: underline; }
.beanteamtext a:hover { color: #ff6600; text-decoration: underline; }
.beanteamtext a:active { color: #ff6600; text-decoration: underline; }
.beanteamtext a:visited { color: #663300; text-decoration: underline; }
.beanteamtext a:visited:hover { color: #ff6600; text-decoration: underline; }
#ad { width: 228px; height: 239px; float: right; display: inline; background-color: #4f4f4f; }
/* @end */ /* @group ABOUT */ #leftnav_about { width: 180px; height: 504px; float: left; display: inline; background: url(images/nav_bg_tinoverlap3.jpg) no-repeat left -82px; text-align: left; }
#content_about { width: 601px; height: auto; min-height: 800px; float: right; display: inline; background-color: #fff; }
#intro_about { width: 601px; height: 285px; background: #cfd2cb; text-align: left; }
#about_slideshow { width: 405px; height: 285px; float: left; display: inline; }
#charliemustard { width: 196px; height: 285px; float: left; display: inline; background: url(images/c_mustard.jpg) no-repeat left top; }
#main_about { width: 601px; height: auto; min-height: 500px; background: url(images/contentbg_02.jpg) no-repeat; text-align: left; clear: both; }
.maintext_about { margin: 0 30px 30px; padding-top: 30px; }
.maintext_about p { font: 13px/21px Georgia, "Times New Roman", Times, serif; color: #333; margin-bottom: 15px; margin-right: 30px; }
.maintext_about h1 { color: #f5821a; font: 21px/28px Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; }
.maintext_about h2 { color: #663300; font: italic 16px Georgia, "Times New Roman", Times, serif; margin-top: 0px; margin-bottom: 5px; }
.maintext_about a:link { color: #ff6600; text-decoration: none; }
.maintext_about a:hover { color: #ff6600; text-decoration: underline; }
.maintext_about a:active { color: #ff6600; text-decoration: underline; }
.maintext_about a:visited { color: #ff6600; text-decoration: none; }
.maintext_about a:visited:hover { color: #ff6600; text-decoration: underline; }
/* @end */ /* @group FUNDRAISING */ #leftnav_fundraising { width: 180px; height: 307px; float: left; display: inline; background: url(images/nav_bg_burlap.jpg) no-repeat left 71px; text-align: left; }
#content_fundraising { width: 601px; height: auto; min-height: 800px; float: right; display: inline; background-color: #fff; }
#ordernow { position: absolute; top: 488px; width: 465px; height: 135px; margin-left: 119px; z-index: 2; background: url(images/fund_ordernow.gif) no-repeat left top; }
.orderdropdown { margin-left: 160px; padding-top: 45px; float: left; display: inline; }
.selectschool { width: 250px; }
.almostready { margin-top: 290px; margin-right: 30px; margin-left: 15px; text-align: left; color: #333; font: 10px/14px verdana, arial, sans-serif; }
.almostreadylogo { margin-bottom: 15px; }
.almostready h1 { color: #663300; font: 22px Georgia, "Times New Roman", Times, serif; padding-bottom: 2px; }
.almostready a:link { color: #663300; text-decoration: underline; }
.almostready a:hover { color: #ff6600; text-decoration: underline; }
.almostready a:active { color: #ff6600; text-decoration: underline; }
.almostready a:visited:hover { color: #ff6600; text-decoration: underline; }
.almostready a:visited { color: #663300; text-decoration: underline; }
#intro_fundraising { width: 601px; height: 387px; background: #f9ee92 url(images/paper_bg.jpg) no-repeat left top; text-align: left; }
#intro_bikeathens { width: 601px; height: 387px; background: #ddd url(images/athens_bg.jpg) no-repeat left top; text-align: left; }
#intro_affinitybean { width: 601px; height: 387px; background: #faf8ec url(images/diploma_bg.jpg) no-repeat left top; text-align: left; }
.introtext { width: 390px; height: auto; float: left; display: inline; }
.introtext h1 { padding-top: 25px; color: #f5821a; font: 21px/28px Georgia, "Times New Roman", Times, serif; margin-left: 40px; }
.introtext h2 { color: #663300; font: italic 16px/20px Georgia, "Times New Roman", Times, serif; margin-left: 40px; padding-bottom: 12px; }
.introtext p { color: #000; font: 14px/20px Georgia, "Times New Roman", Times, serif; margin-right: 20px; margin-top: 10px; margin-left: 40px; }
.introtext a:link { color: #663300; text-decoration: underline; }
.introtext a:hover { color: #ff6600; text-decoration: underline; }
.introtext a:active { color: #ff6600; text-decoration: underline; }
.introtext a:visited:hover { color: #ff6600; text-decoration: underline; }
.introtext a:visited { color: #663300; text-decoration: underline; }
.introimage { width: 211px; height: auto; float: left; display: inline; }
#main_fundraising { width: 601px; height: auto; min-height: 500px; background: url(images/contentbg_01.jpg) no-repeat; text-align: left; clear: both; }
#main_fundraising h1 { color: #f5821a; font: 21px/28px Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; }
.howitworks h2, .whyjitteryjoes h2, .infoforschools h2 { color: #663300; font: italic 16px Georgia, "Times New Roman", Times, serif; margin-top: -10px; margin-bottom: 15px; }
.howitworks p, .whyjitteryjoes p, .infoforschools p { font: 13px/21px Georgia, "Times New Roman", Times, serif; color: #333; margin-bottom: 15px; }
.howitworks { padding-top: 90px; margin-bottom: 40px; margin-left: 40px; }
.howitworks blockquote { font: 13px/21px Georgia, "Times New Roman", Times, serif; color: #333; margin: -21px 90px 20px 55px; }
.whyjitteryjoes { margin-bottom: 40px; margin-left: 40px; margin-right: 90px; }
.infoforschools { margin-bottom: 60px; margin-left: 40px; margin-right: 90px; }
.steps { color: #663300; font: italic 16px Georgia, "Times New Roman", Times, serif; }
.fuelimage { margin-right: -50px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; }
.toolkit { margin-bottom: 60px; margin-left: 40px; margin-right: 90px; color: #333; font: 11px/18px Helvetica, Arial, Verdana, "Sans Serif"; }
.toolkit h2 { color: #663300; font: italic 16px Georgia, "Times New Roman", Times, serif; margin-top: 0px; margin-bottom: 10px; }
.toolkit p { margin-bottom: 5px; font: 11px/18px Helvetica, Arial, Verdana, "Sans Serif"; }
.toolkit a:link { color: #333; text-decoration: none; border-bottom: 2px solid #ccc; padding-top: 1px; }
.toolkit a:hover { color: #333; text-decoration: none; border-bottom: 2px solid #ccc; background-color: #fda941; padding-top: 1px; }
.toolkit a:active { color: #333; text-decoration: none; border-bottom: 2px solid #ccc; padding-top: 1px; }
.toolkit a:visited { color: #333; text-decoration: none; border-bottom: 2px solid #ccc; padding-top: 1px; }
.toolkit a:visited:hover { color: #333; text-decoration: none; border-bottom: 2px solid #ccc; padding-top: 1px; background-color: #fda941; }
/* @end */ /* @group CYCLING */ #cycling_can { position: absolute; top: 315px; width: 164px; height: 203px; margin-left: 593px; z-index: 2; }
#leftnav_cycling { width: 180px; height: 504px; float: left; display: inline; background: url(images/nav_bg_cycling.jpg) no-repeat left 71px; text-align: left; }
.gearpromo { width: 180px; height: 231px; background-image: url(images/gear_promobg.jpg); margin-top: 300px; }
.gearpromotext { text-align: left; color: #333; font: 10px/14px verdana, arial, sans-serif; margin-left: 30px; margin-top: 20px; }
.gearpromotext h1 { color: #663300; font: 22px Georgia, "Times New Roman", Times, serif; padding-bottom: 2px; }
.gearpromotext a:link { color: #663300; text-decoration: underline; }
.gearpromotext a:hover { color: #ff6600; text-decoration: underline; }
.gearpromotext a:active { color: #ff6600; text-decoration: underline; }
.gearpromotext a:visited:hover { color: #ff6600; text-decoration: underline; }
.gearpromotext a:visited { color: #663300; text-decoration: underline; }
#content_cycling { width: 601px; height: auto; min-height: 800px; float: right; display: inline; background-color: #fff; }
#intro_cycling { width: 601px; height: 285px; background: #cfd2cb; text-align: left; }
#cycling_slideshow { width: 405px; height: 285px; float: left; display: inline; }
#support { width: 196px; height: 285px; float: left; display: inline; background: url(images/tinroof_rusted.jpg) no-repeat left top; }
.supporttext { margin: 15px 30px 20px 25px; text-align: left; color: #cccc99; font: 11px/15px verdana, arial, sans-serif; }
.supporttext a:link { color: #cccc99; text-decoration: underline; }
.supporttext a:visited { color: #cccc99; text-decoration: underline; }
.supporttext a:hover { color: #ff6600; text-decoration: underline; }
.supporttext a:active { color: #ff6600; text-decoration: underline; }
.supporttext a:visited:hover { color: #ff6600; text-decoration: underline; }
.supporttext h1 { color: #f5821a; font: 21px/26px Georgia, "Times New Roman", Times, serif; margin-bottom: 5px; }
#main_cycling { width: 601px; height: auto; min-height: 500px; background: url(images/contentbg_02.jpg) no-repeat; text-align: left; clear: both; }
.maintext_cycling { margin: 0 30px 30px; padding-top: 30px; }
.maintext_cycling p { font: 13px/21px Georgia, "Times New Roman", Times, serif; color: #333; margin-bottom: 15px; margin-right: 30px; }
.maintext_cycling h1 { color: #f5821a; font: 21px/28px Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; }
.maintext_cycling h2 { color: #663300; font: italic 16px Georgia, "Times New Roman", Times, serif; margin-top: -10px; margin-bottom: 15px; }
/* @end */ /* @group LOCATIONS */ #joes_mug { position: absolute; top: 335px; width: 196px; height: 207px; margin-left: 585px; z-index: 2; }
#leftnav_locations { width: 180px; height: 300px; float: left; display: inline; background: url(images/nav_bg_chalkboard.jpg) no-repeat left -85px; text-align: left; }
#content_locations { width: 601px; height: auto; min-height: 800px; float: right; display: inline; background-color: #fff; }
#intro_locations { width: 601px; height: 285px; background: #cfd2cb; text-align: left; }
#cycling_slideshow { width: 405px; height: 285px; float: left; display: inline; }
#support { width: 196px; height: 285px; float: left; display: inline; background: url(images/tinroof_rusted.jpg) no-repeat left top; }
.wifipromo { margin-top: 135px; margin-left: 15px; }
.wifipromocopy { text-align: left; color: #333; font: 10px/14px verdana, arial, sans-serif; margin-left: 40px; margin-top: 20px; }
.wifipromocopy h1 { color: #663300; font: 22px Georgia, "Times New Roman", Times, serif; padding-bottom: 2px; }
.wifipromocopy a:link { color: #663300; text-decoration: underline; }
.wifipromocopy a:hover { color: #ff6600; text-decoration: underline; }
.wifipromocopy a:active { color: #ff6600; text-decoration: underline; }
.wifipromocopy a:visited:hover { color: #ff6600; text-decoration: underline; }
.wifipromocopy a:visited { color: #663300; text-decoration: underline; }
.supporttext { margin: 15px 30px 20px 25px; text-align: left; color: #cccc99; font: 11px/15px verdana, arial, sans-serif; }
.supporttext a:link { color: #cccc99; text-decoration: underline; }
.supporttext a:visited { color: #cccc99; text-decoration: underline; }
.supporttext a:hover { color: #ff6600; text-decoration: underline; }
.supporttext a:active { color: #ff6600; text-decoration: underline; }
.supporttext a:visited:hover { color: #ff6600; text-decoration: underline; }
.supporttext h1 { color: #f5821a; font: 21px/26px Georgia, "Times New Roman", Times, serif; margin-bottom: 5px; }
#main_locations { width: 601px; height: auto; min-height: 500px; background: url(images/contentbg_02.jpg) no-repeat; text-align: left; clear: both; }
.maintext_locations h1 { color: #f5821a; font: 21px/28px Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; }
.maintext_locations { margin: 0 30px 30px; padding-top: 60px; }
.maintext_locations p { font: 11px/18px verdana, arial, sans-serif; color: #333; margin-bottom: 15px; margin-right: 30px; }
.loc_main h1 { color: #663300; font: 4px Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; }
.loc_main h1.city { color: #663300; font: 24px/28px Georgia, "Times New Roman", Times, serif; margin-bottom: 15px; }
.locmaindividerfirst h1.city { color: #663300; font: 24px/28px Georgia, "Times New Roman", Times, serif; padding-top: 20px; margin-bottom: 15px; }
.locmaindivider h1.city { color: #663300; font: 24px/28px Georgia, "Times New Roman", Times, serif; padding-top: 20px; margin-bottom: 15px; }
.loc_main h2 { color: #ff6600; font: bold 12px/18px verdana, arial, sans-serif; margin-top: 0px; margin-bottom: 0px; }
.loc_main { width: 275px; min-height: 100px; height: auto; float: left; font: 11px/18px verdana, arial, sans-serif; color: #333; }
.loc_secondary { width: 230px; min-height: 100px; height: auto; float: left; padding-top: 0px; margin-left: 20px; }
.locmaindividerfirst { clear: both; height: auto; width: 530px; margin-bottom: 20px; }
.locmaindivider { clear: both; height: auto; width: 530px; margin-bottom: 20px; background: url(images/city_divider.jpg) repeat-x left top; }
.locdotlinediv { clear: both; height: 3px; width: 530px; margin-bottom: 20px; background: url(images/bg_dot.gif) repeat-x left top; }
.loc_main a:link { color: #ff6600; text-decoration: underline; }
.loc_main a:visited { color: #ff6600; text-decoration: underline; }
.loc_main a:hover { color: #ff6600; text-decoration: underline; }
.loc_main a:active { color: #ff6600; text-decoration: underline; }
.loc_main a:visited:hover { color: #ff6600; text-decoration: underline; }
.loc_secondary a:link { color: #ff6600; text-decoration: underline; }
.loc_secondary a:visited { color: #ff6600; text-decoration: underline; }
.loc_secondary a:hover { color: #ff6600; text-decoration: underline; }
.loc_secondary a:active { color: #ff6600; text-decoration: underline; }
.loc_secondary a:visited:hover { color: #ff6600; text-decoration: underline; }
/* @end */ /* @group FRANCHISE */ #frosty_joe { position: absolute; top: 265px; width: 164px; height: 203px; margin-left: 593px; z-index: 2; }
#leftnav_franchise { width: 180px; height: 350px; float: left; display: inline; background: url(images/nav_bg_franchise.jpg) no-repeat left 71px; text-align: left; }
#content_franchise { width: 601px; height: auto; min-height: 800px; float: right; display: inline; background-color: #fff; }
#intro_franchise { width: 601px; height: 285px; background: #cfd2cb; text-align: left; }
#espresso { width: 196px; height: 285px; float: left; display: inline; background: url(images/espresso_shots.jpg) no-repeat left top; }
#microroast { width: 196px; height: 285px; float: left; display: inline; background: url(images/micro_roaster.jpg) no-repeat left top; }
#mugpastries { width: 196px; height: 285px; float: left; display: inline; background: url(images/mug_bagel.jpg) no-repeat left top; }
#population { width: 196px; height: 285px; float: left; display: inline; background: url(images/chalk_board.jpg) no-repeat left top; }
#coffeerings { width: 196px; height: 285px; float: left; display: inline; background: url(images/coffeering_tin.jpg) no-repeat left top; }
#franchise_slideshow { width: 405px; height: 285px; float: left; display: inline; }
#main_franchise { width: 601px; height: auto; min-height: 500px; background: url(images/contentbg_02.jpg) no-repeat; text-align: left; clear: both; }
.maintext_franchise { margin: 0 30px 30px; padding-top: 30px; }
.maintext_franchise p { font: 13px/21px Georgia, "Times New Roman", Times, serif; color: #333; margin-bottom: 15px; margin-right: 30px; }
.maintext_franchise ul { font: 13px/21px Georgia, "Times New Roman", Times, serif; color: #333; margin-bottom: 5px; margin-left: 50px; margin-top: 10px; }
.maintext_franchise h1 { color: #f5821a; font: 21px/28px Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; }
.maintext_franchise h2 { color: #663300; font: italic 16px Georgia, "Times New Roman", Times, serif; padding-top: 10px; margin-bottom: 0px; }
.maintext_franchise a:link { color: #ff6600; text-decoration: none; }
.maintext_franchise a:hover { color: #ff6600; text-decoration: underline; }
.maintext_franchise a:active { color: #ff6600; text-decoration: underline; }
.maintext_franchise a:visited { color: #ff6600; text-decoration: none; }
.maintext_franchise a:visited:hover { color: #ff6600; text-decoration: underline; }
/* @end */ /* @group OUR COFFEE */ #coffee_mug { position: absolute; top: 285px; width: 164px; height: 203px; margin-left: 593px; z-index: 2; }
#leftnav_ourcoffee { width: 180px; height: 350px; float: left; display: inline; background: url(images/nav_bg_grounds.jpg) no-repeat left 71px; text-align: left; }
#content_ourcoffee { width: 601px; height: auto; min-height: 800px; float: right; display: inline; background-color: #fff; }
#coffee_slideshow { width: 405px; height: 285px; float: left; display: inline; }
#intro_ourcoffee { width: 601px; height: 285px; background: #cfd2cb; text-align: left; }
#bythepound { width: 196px; height: 285px; float: left; display: inline; background: url(images/coffee_bypound.jpg) no-repeat left top; }
#coffeecherries { width: 196px; height: 285px; float: left; display: inline; background: url(images/coffee_cherries.jpg) no-repeat left top; }
#fuel { width: 196px; height: 285px; float: left; display: inline; background: url(images/chalk_board.jpg) no-repeat left top; }
.fueltext { margin: 15px 30px 20px 25px; text-align: left; color: #cccc99; font: 11px/15px verdana, arial, sans-serif; }
.fueltext a:link { color: #cccc99; text-decoration: underline; }
.fueltext a:visited { color: #cccc99; text-decoration: underline; }
.fueltext a:hover { color: #ff6600; text-decoration: underline; }
.fueltext a:active { color: #ff6600; text-decoration: underline; }
.fueltext a:visited:hover { color: #ff6600; text-decoration: underline; }
.fueltext h1 { color: #f5821a; font: 21px/26px Georgia, "Times New Roman", Times, serif; margin-bottom: 5px; }
#franchise_ourcoffee { width: 405px; height: 285px; float: left; display: inline; }
#main_ourcoffee { width: 601px; height: auto; min-height: 500px; background: url(images/contentbg_02.jpg) no-repeat; text-align: left; clear: both; }
.maintext_ourcoffee { margin: 0 30px 30px; padding-top: 30px; }
.maintext_ourcoffee p { font: 13px/21px Georgia, "Times New Roman", Times, serif; color: #333; margin-bottom: 15px; margin-right: 30px; }
.maintext_ourcoffee a:link { color: #ff6600; text-decoration: none; }
.maintext_ourcoffee a:hover { color: #ff6600; text-decoration: underline; }
.maintext_ourcoffee a:active { color: #ff6600; text-decoration: underline; }
.maintext_ourcoffee a:visited { color: #ff6600; text-decoration: none; }
.maintext_ourcoffee a:visited:hover { color: #ff6600; text-decoration: underline; }
.maintext_ourcoffee h1 { color: #f5821a; font: 21px/28px Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; }
.maintext_ourcoffee h2 { color: #663300; font: italic 16px Georgia, "Times New Roman", Times, serif; padding-top: 10px; margin-bottom: 5px; }
.blendinfo { clear: both; border-bottom: 1px solid #c8c8c8; float: left; padding-bottom: 10px; padding-top: 20px; width: 541px; }
.blendinfo p { width: 395px; }
.buy { text-align: right; color: #ffffff; }
.buy a:link { font: bold 10px verdana, arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; background-color: #ff6600; padding: 2px; text-decoration: none; }
.buy a:hover { font: bold 10px verdana, arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; background-color: #666666; padding: 2px; text-decoration: none; }
.buy a:active { font: bold 10px verdana, arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; background-color: #666666; padding: 2px; text-decoration: none; }
.buy a:visited { font: bold 10px verdana, arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; background-color: #ff6600; padding: 2px; text-decoration: none; }
.buy a:visited:hover { font: bold 10px verdana, arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #ffffff; background-color: #666666; padding: 2px; text-decoration: none; }
.canimg { float: right; clear: both; }
.roast { color: #999999; font: 10px verdana, arial, sans-serif; letter-spacing: 1px; text-align: right; margin-left: 20px; }
.roast strong { color: #663300; font-weight: normal; }
.maintext_ourcoffee h3 { color: #f5821a; font: bold 12px/18px verdana, arial, sans-serif; margin-top: 0px; margin-bottom: 5px; }
/*.maintext_ourcoffee blink { color: #e40620; }
.maintext_ourcoffee a:link { color: #ff6600; text-decoration: none; }
.maintext_ourcoffee a:hover { color: #ff6600; text-decoration: underline; }
.maintext_ourcoffee a:active { color: #ff6600; text-decoration: underline; }
.maintext_ourcoffee a:visited { color: #ff6600; text-decoration: none; }
.maintext_ourcoffee a:visited:hover { color: #ff6600; text-decoration: underline; }
*/ /* @end */ /* @group WHOLESALE */ #wholesale_can { position: absolute; top: 295px; width: 164px; height: 203px; margin-left: 593px; z-index: 2; }
#leftnav_wholesale { width: 180px; height: 350px; float: left; display: inline; background: url(images/nav_bg_tinoverlap2.jpg) no-repeat left 71px; text-align: left; }
#content_wholesale { width: 601px; height: auto; min-height: 800px; float: right; display: inline; background-color: #fff; }
#intro_wholesale { width: 601px; height: 285px; background: #cfd2cb; text-align: left; }
#wholesale_slideshow { width: 405px; height: 285px; float: left; display: inline; }
#coffee { width: 196px; height: 285px; float: left; display: inline; background: url(images/coffee_grindon.jpg) no-repeat left top; }
.maintext_ourcoffee ul { font: 13px/21px Georgia, "Times New Roman", Times, serif; color: #333; margin-bottom: 10px; margin-left: 50px; margin-top: -5px; }
#main_wholesale { width: 601px; height: auto; min-height: 500px; background: url(images/contentbg_02.jpg) no-repeat; text-align: left; clear: both; }
.maintext_wholesale { margin: 0 30px 30px; padding-top: 30px; }
.maintext_wholesale p { font: 13px/21px Georgia, "Times New Roman", Times, serif; color: #333; margin-bottom: 15px; margin-right: 30px; }
.maintext_wholesale ul { font: 13px/21px Georgia, "Times New Roman", Times, serif; color: #333; margin-bottom: 5px; margin-left: 50px; margin-top: 10px; }
.maintext_wholesale h1 { color: #f5821a; font: 21px/28px Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; }
.maintext_wholesale h2 { color: #663300; font: italic 16px Georgia, "Times New Roman", Times, serif; padding-top: 10px; margin-bottom: 0px; }
.maintext_wholesale a:link { color: #ff6600; text-decoration: none; }
.maintext_wholesale a:hover { color: #ff6600; text-decoration: underline; }
.maintext_wholesale a:active { color: #ff6600; text-decoration: underline; }
.maintext_wholesale a:visited { color: #ff6600; text-decoration: none; }
.maintext_wholesale a:visited:hover { color: #ff6600; text-decoration: underline; }
/* @end */ #main_view { text-align: center; background: url(images/jitteryjoes_popmast_bg.jpg) repeat-x left top; text-align: left; font: 12px/12px verdana, arial, sans-serif; color: #333; }
.main_view_img { margin-left: 20px; }
#main_view b { color: #f5821a; font: 21px/26px Georgia, "Times New Roman", Times, serif; }
#main_view a:link, #main_view a:visited, #main_view a:active { color: #ff6600; text-decoration: none; }
#main_view a:hover, #main_view a:visited:hover { color: #ff6600; text-decoration: underline; }
#video_view { width: 780px; margin-left: 20px; margin-top: 30px; margin-bottom: 20px; }
.video_close { clear: left; margin: 0 auto; text-align: center; }
#footer { width: 781px; height: 50px; clear: both; background-color: #fff; padding-top: 50px; padding-bottom: 40px; }
.footlogo { margin-left: 20px; float: left; display: inline; }
.footertext { margin-left: 20px; float: left; display: inline; text-align: left; font: 9px/18px verdana, arial, sans-serif; color: #999; }
.footertext a:link { color: #999999; text-decoration: none; }
.footertext a:visited { color: #999999; text-decoration: none; }
.footertext a:hover { color: #ff6600; text-decoration: none; }
.footertext a:active { color: #ff6600; text-decoration: none; }
.footertext a:visited:hover { color: #ff6600; text-decoration: none; }
div.entry ul {}