/* @override http://www.jerseymikes.com/styles/screen.css */

@font-face {
	font-family: 'GothamMedium';
	src: url('gotham-medium-webfont.eot');
	src: local('☺'), url('gotham-medium-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamBlack';
	src: url('gotham-black-webfont.eot');
	src: local('☺'), url('gotham-black-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* baseline */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td, input { margin: 0; padding: 0; }  
img, input[type=image] {
	border: 0;
	vertical-align: top;
}
img.inline {
	vertical-align: middle;
}
h1,h2,h3,h4,h5,h6 {
	margin-bottom: 10px;
	font-weight: normal;
	line-height: 1;
}
p,form,ul,ol,dl,blockquote,table,fieldset {
	margin-bottom: 10px;
}
ul,ol,dd {
	margin-left: 2em;
}
.break {
	clear: both;
	height: 1px;
}
.clear {
	clear: both !important;
}
.clear_l {
	clear: left !important;
}
.clear_r {
	clear: right !important;
}
.float_r {
	float: right !important;
}
.float_r.flush {
	position: relative;
	left: 20px;
}
.float_l {
	float: left !important;
}
img.float_r {
	margin: 0 0 20px 20px;
}
img.float_l {
	margin: 0 20px 20px 0;
}
#content img.nostyle {
	background: none;
	padding: 0;
	margin: 0;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.large {
	font-size: 1.2em;
}
.small {
	font-size: .8em;
}
.light {
	color: #666;
}
/* 3 col */
.col3_l, .col3_c, .col3_r {
	float: left;
	width: 279px;
}
.col3_l, .col3_c,.col23_l {
	margin-right: 20px;
}
.col3_c {
	width: 282px;
}
/* 2/3 col */
.col23_l,.col23_r {
	float: left;
	width: 600px;
}
/* 2 col */
.col2_l, .col2_r {
	float: left;
	width: 438px;
}
.col2_l {
	margin-right: 20px;
	clear: left;
}
/* 4 col */
.col34_l {
	float: left;
	width: 660px;
	margin-right: 20px;
}
.col4_r,.col4_rr {
	float: left;
	width: 200px;
	margin-right: 20px;
}
.col4_rr {
	margin-right: 0;	
}
/* global */
form fieldset {
	position: relative;
	background: #faf9ec;
	background: rgba(255,255,255,.7);
	border: none;
	padding: 10px;
	margin-top: 1.8em !important;
}
fieldset legend {
	position: absolute;
	left: 0;
	top: -1em;
	font-family: GothamMedium, sans-serif;
	font-size: 1.5em;
	color: #3e7999;
}
.box,
img.float_r,img.float_l {
	background: #faf9ec;
	background: rgba(255,255,255,.7);
	padding: 10px;
	margin-bottom: 20px;
	overflow: auto;
}
.box img.float_r,
.box .float_l {
	padding: 0;
	background: none;
}
table {
	border-right: 1px #eaead0 solid;
}
td,th {
	padding: 4px;
	border-bottom: 1px solid #eaead0;
	border-left: 1px #eaead0 solid;
}
thead th,
.fixedtableheader th {
	color: #615e2f;
	background: #d8d6a2;
	vertical-align: bottom;
}
.nutrition thead th,
.fixedtableheader th {
	font-size: .8em;
	text-align: center;
}
tbody th {
	background: #3e7997;
	color: #fff;
	text-align: left;
}
tbody th.cat {
	background: #15487c;
	color: #fff;
	font-size: 1.2em;
}
tfoot td {
	background: #eaead0;
	font-weight: bold;
}
blockquote {
	font-style: italic;
	font-size: 1.5em;
	padding: 10px 10px 10px 50px;
	background: url(/images/blockquote-bg.png) no-repeat 0 10px;
}
/* messasges */
.message {
	margin-bottom: 10px;
	text-align: center;
}
.message h3 {
	height: 30px;
	line-height: 30px;
	margin: 0;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 2px 2px #c60201;
	background: url(/images/messages-title-l.png) no-repeat;
}
.message h3 span {
	padding: 0 10px;
	display: block;
	background: url(/images/messages-title-r.png) no-repeat 100% 0;
}
.message div {
	background: #f4ccb2;
	background: rgba(238,4,2,.2);
	padding: 10px;
	border-bottom: 1px #bbb solid;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.message ul {
	list-style: none;
	margin: 0;
}
.message li {
	padding-bottom: 2px;
	margin-bottom: 2px;
	
}

/* basic layout */
body {
	background: #d25527 url(/images/body-bg.jpg) repeat-x 50% 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
}
#wrapper,
#nav {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#header {
	background: url(/images/header-bg.png) repeat-x;
}
#nav {
	position: relative;	
	z-index: 1;
}
#nav ul {
	margin: 0;
	list-style: none;
	overflow: hidden;
}
#nav .main {
	height: 50px;
}
#nav .sub {
	height: 30px;
}
#nav a {
	top: 0;
	position: absolute;
	background-repeat: no-repeat;
	text-indent: -99999px;
}
#nav .main a {
	background: url(/images/nav-main.png) no-repeat;
	height: 49px;
}
#nav .sub a {
	top: 50px;
	background: url(/images/nav-sub.png) no-repeat;
	height: 29px;
}

#nav .home a {
	background-position: -20px 0;
	left: 20px;
	width: 90px;
}
#nav .home a:hover {
	background-position: -20px -50px;
}
body.home #nav .home a {
	background-position: -20px -100px;
}
#nav .locations a {
	background-position: -120px 0;
	left: 120px;
	width: 125px;
}
#nav .locations a:hover {
	background-position: -120px -50px;
}
body.locations #nav .locations a {
	background-position: -120px -100px;
}
#nav .menu a {
	background-position: -250px 0;
	left: 250px;
	width: 130px;
}
#nav .menu a:hover {
	background-position: -250px -50px;
}
body.menu #nav .menu a {
	background-position: -250px -100px;
}
#nav .catering a {
	background-position: -590px 0;
	left: 620px;
	width: 113px;
}
#nav .catering a:hover {
	background-position: -590px -50px;
}
body.catering #nav .catering a {
	background-position: -590px -100px;
}
#nav .email a {
	background-position: -714px 0;
	left: 734px;
	width: 137px;
}
#nav .email a:hover {
	background-position: -714px -50px;
}
body.email #nav .email a {
	background-position: -714px -100px;
}
#nav .gift-cards a {
	background-position: -860px 0;
	left: 870px;
	width: 129px;
}
#nav .gift-cards a:hover {
	background-position: -860px -50px;
}
body.gift-cards #nav .gift-cards a {
	background-position: -860px -100px;
}
#nav .news a {
	background-position: -80px 0;
	left: 80px;
	width: 60px;
}
#nav .news a:hover {
	background-position: -80px -30px;
}
body.news #nav .news a {
	background-position: -80px -60px;
}
#nav .giving a {
	background-position: -148px 0;
	left: 158px;
	width: 60px;
}
#nav .giving a:hover {
	background-position: -148px -30px;
}
body.giving #nav .giving a {
	background-position: -148px -60px;
}
#nav .franchise a {
	background-position: -220px 0;
	left: 240px;
	width: 125px;
}
#nav .franchise a:hover {
	background-position: -220px -30px;
}
body.franchise #nav .franchise a {
	background-position: -220px -60px;
}
#nav .history a {
	background-position: -620px 0;
	left: 640px;
	width: 73px;
}
#nav .history a:hover {
	background-position: -620px -30px;
}
body.history #nav .history a {
	background-position: -620px -60px;
}
#nav .comment a {
	background-position: -700px 0;
	left: 720px;
	width: 131px;
}
#nav .comment a:hover {
	background-position: -700px -30px;
}
body.comment #nav .comment a {
	background-position: -700px -60px;
}
#nav .contact a {
	background-position: -837px 0;
	left: 857px;
	width: 131px;
}
#nav .contact a:hover {
	background-position: -837px -30px;
}
body.contact #nav .contact a {
	background-position: -837px -60px;
}
#logo {
	position: absolute;
	left: 370px;
	z-index: 100;
}
#content {
	margin: 0 10px;
	padding: 10px 20px 20px 20px;
	background: #f4f3d9 url(/images/content-bg.jpg) no-repeat 50% 0 ;
	min-height: 210px;
}
#content p a:link,
#content dd a:link,
#content li a:link {
	color: #3e7997;
}
#content p a:visited,
#content dd a:visited,
#content li a:visited {
	color: #666;
}
#content-top {
	background: url(/images/content-top.jpg) no-repeat 50% 0;
	height: 150px;
}
#global-locator {
	position: absolute;
	right: 30px;
	top: 115px;
}
#global-zip {
	width: 90px;
	text-align: center;
}

#footer {
	height: 30px;
	margin-left: 10px;
	background: url(/images/footer-bg.png) no-repeat 0 100%;
	text-align: center;
}
#footer li,
#footer li a {
	display: inline;
	color: #bbbaa4;
	font-size: 12px;
	padding: 0 5px;
}
#footer li a {
	text-decoration: none;
	margin-left: 10px;
}
#footer li a:hover {
	color: #00487d;
}
/* text formatting */
h1 {
	position: absolute;
	width: 330px;
	height: 110px;
	top: 30px;
	left: 20px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
h2 {
	font-family: GothamBlack,sans-serif;
	color: #2b799a;
	font-size: 2em;
}
h3 {
	font-family: GothamMedium,sans-serif;
	font-size: 1.5em;
}
h4 {
	font-size: 1.2em;
	font-weight: bold;	
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 10px;
}
form dd {
	margin-left: 0;
}
label {
	margin-right: 10px;
}
 
/* home */
body.home h1 {
	position: relative;
	left: 0;
	top: 0;
	width: auto;
	height: auto;
}
body.home #content-top {
	height: 340px;
	background: none;
	margin: 0;
	line-height: 0;
	display: block;
}
#latest-offers {
	height: 340px;
}
body.home #content {
	padding-top: 0;
}
#tiles {
	list-style: none;
	margin-left: 0;
	height: 160px;
}
#tiles li,
#tiles a {
	position: relative;
	float:  left;
	width: 220px;
	height: 160px;
	text-indent: -9999px;
}
#tiles li {
	margin-right: 20px;
}
#tiles li.last {
	margin: 0;
}
#tiles .locations a {
	background-image: url(/images/home-locations.jpg);
}
#tiles .locations form {
	text-indent: 0;
	position: absolute;
	bottom: 40px;
	left: 10px;
}
#tiles .giving a {
	background-image: url(/images/home-giving.jpg);
}
#tiles .email a {
	background-image: url(/images/home-email.jpg);
}
#tiles .franchise a {
	background-image: url(/images/home-franchise.jpg);
}
#latest-news {
	float: left;
	clear: both;
	padding-left: 260px;
	width: 460px;
	margin-left: -20px;
	background: url(/images/latest-news-bg.jpg) no-repeat;
}
#latest-news h1 {
	text-indent: -9999px;
	height: 40px;
	background: url(/images/title-latest-news.png) no-repeat 0 100%;
}
#video-spotlight {
	float: right;
	margin-top: 30px;
}
#video-spotlight h2 {
	text-indent: -9999px;
	height: 35px;
	background: url(../images/title-video-spotlight.png) no-repeat;
}
#video-spotlight li {
	list-style: none;
	padding-left: 20px;
	background: url(/images/icons/play.png) no-repeat 0 2px;
	margin-bottom: 10px;
}
.sidebar {
	width: 230px;
}
.sidebar h2 {
	font-family: GothamMedium, sans-serif;
	font-size: 20px;
	padding: 0 5px;
	text-align: center;
	margin: 0;
}
.sidebar div {
	padding: 5px 15px 15px 15px;
	background: url(/images/sidebar-bg.png) no-repeat 50% 100%;
}
.sidebar ul {
	margin: 0;
}
.sidebar a {
	color: #555;
	text-decoration: none;
}
.sidebar a:hover {
	color: #000;
}

/* global news list */
.news-list {
	clear: both;
	border-top: 1px #d1d3b7 solid;
	padding-top: 5px;
}
.news-list dt a {
	font-weight: normal;
	color: #000;
	text-decoration: none;
	display: block;
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 25px;
	min-height: 18px;
	border: none;
}
.news-list dt a:hover {
	color: #00487d;
}
.news-list dd {
	border-bottom: 1px #d1d3b7 solid;
	margin: 0 0 5px 0;
	font-size: .8em;
	color: #767762;
	padding: 0 0 5px 25px;
}


/* news */
body.news h1 {
	background-image: url(/images/title-news.png);
}
#awards-list {
	background-image: url(/images/award-bg.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
#awards-list dt a, #awards-list dd {
	padding-left: 0;
	border-color: #eee;
}
#news-search dt,
#news-search dd {
	display: inline;
}
#read h2 {
	text-align: center;
}
#read h3 {
	text-align: center;
}
#read .info {
	text-align: center;	
	color: #6c6b60;
	border-bottom: 1px #d1d3b7 solid;
	border-top: 1px #d1d3b7 solid;
	padding: 5px 0;
}
#read .info a {
	color: #383832;
}
.media {
	width: 420px;
	float: right;
	clear: right;
	margin: 0 0 10px 10px;
	text-align: center;
}
.media .caption {
	font-size: .85em;
	font-style: italic;
	color: #6c6b60;
}
.media .img {
	position: relative;
}
.media img {
	display: block;
	border: 10px #fff solid;
	margin: 0 auto;
	margin-bottom: 5px;
	max-width:400px; 
	width:auto !important; 
	width:400px;
}
.media .credit {
	position: absolute;
	right: 0;
	top:  0;
	width: 100%;
	height: 10px;
	font-size: 8px;
	text-transform: uppercase;
	color: #999;
	display: block;
}
/* news icons */
.news-list .pr {
	background-image: url(/images/icons/news-pr.png)
}
.news-list .articles {
	background-image: url(/images/icons/news-article.png)
}
.news-list .giving {
	background-image: url(/images/icons/news-giving.png);
}
.news-list .awards {
	background-image: url(/images/icons/news-award.png)
}
.news-list .open,
#new-soon ul a {
	background-image: url(/images/icons/store.png);
	background-position: 2px 50%;
}
ul.pagination {
	list-style: none;
	margin: 0 0 10px 0;
	overflow: auto;
	clear: left;
}
ul.pagination li {
	float: left;
	margin-right: 2px;
	font-size: 11px;
	text-transform: uppercase;
}
ul.pagination a {
	float: left;
	color: #666 !important;
	background: #dfddb2 url(/images/pagination.png) no-repeat 50% 0;
	height: 20px;
	line-height: 20px;
	padding: 0 4px;
	text-decoration: none;
	border-left: 1px #d9d6a5 solid;
	border-right: 1px #d9d6a5 solid;
}
ul.pagination a:hover {
	color: #000;
}
ul.pagination li.current a {
	background-position: 50% -20px;
	color: #fff;
	font-weight: bold;
}
ul.pagination li.next a {
	background-color: transparent;
	background-position: 100% 0;
	border-right: none;
	padding-right: 12px;
}
ul.pagination li.prev a {
	background-color: transparent;
	background-position: 0 0;
	border-left: none;
	padding-left: 12px;
}

/* history */
body.history h1 {
	background-image: url(/images/title-history.png);
}

/* locator */
body.locations h1 {
	background-image: url(/images/title-locations.png);
}
body.locations .active #map {
	float: right;
	width: 640px;
	height: 450px;
}
body.locations .active #locations-list {
	width: 300px;
	height: 450px;
	overflow: auto;
	background: #fff;
}
body.locations .locations {
	margin: 0;
}
body.locations .tabs,
body.locations dd form,
body.locations dd form p {
	margin: 0;
}
body.locations dd input,
body.locations dd select {
	margin-right: 1em;
}
.state-count {
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	width: 40px;
	height: 30px;
	line-height: 30px;
	color: #fff;
}
.store-actions {
	float: right;
	list-style: none;
	width: 60px;
	margin-bottom: 0;
}
.store-actions li,
.store-actions a {
	float: left;
	display: block;
	min-height: 16px;
	width: 25px;
	height: 25px;
	margin: 0 5px 5px 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
.store-actions .order {
	width: 55px;
	height: 20px;
}
.store-actions .order a {
	background-image: url(/images/icons/order-online.png);
	width: 55px;
	height: 20px;
}
.store-actions .dir a {
	background-image: url(/images/icons/directions.png);
}
.store-actions .email a {
	background-image: url(/images/icons/email-club.png);
}
.store-actions .comment a {
	background-image: url(/images/icons/comment-card.png);
}
.store-actions .gc a {
	background-image: url(/images/icons/gift-cards.png);
}
.lat,.lng,.storeno {
	display: none;
}

/* store detail */
#store-detail #map {
	height: 300px;
	width: 550px;
	float: right;
	border: 1px #d1d3b7 solid;
	margin-bottom: 20px;
}
#store-detail .store-actions {
	float: none;
	width: 220px;
	margin: 0;
}
#store-detail .store-actions li,
#store-detail .store-actions a  {
	float: none;
	text-indent: 0;
	height: auto;
	width: auto;
}
#store-detail .store-actions a {
	padding-left: 30px;
	line-height: 25px;
	height: 25px;
	text-decoration: none;
	background-color: #faf9ec;
}
#store-detail .store-actions .order a {
	background-image: url(/images/icons/order-online-sm.png);
}
#store-detail .detail {
	clear: both;
}
/* gift-cards  */
body.gift-cards h1 {
	background-image: url(/images/title-gift-cards.png);
}
body.gift-cards #balance-check dl {
	float: left;
	margin: 0 10px 0 0;
}
body.gift-cards .message {
	width: 500px;
}

/* store picker */
#store-picker.active #map,
#store-picker.active #locations-list {
	height: 350px;
	width: 50%;
	float: left;
	display: block;
	margin-bottom: 10px;
	border-top: 1px #bfbca9 solid;
	border-bottom: 1px #bfbca9 solid;
}
.active #locations-list {
	position: relative;
	overflow: auto;
	background: #fff;
	font-size: 1em;
}
#locations-list > ul {
	margin-left: 0;
}
#locations-list > ul > li {
	list-style: none;
	padding: 8px;
	border-bottom: 1px #eee solid;
	cursor: pointer;
	overflow: auto;
}
#locations-list .active {
	padding-left: 25px;
	background: url(/images/store-active.png) no-repeat 0 50%;
	border-top: 1px solid;
	border-color: #ee2e24;
}
#new-soon {
	padding: 10px;
}
#new-soon h2 {
	margin-bottom: 5px;
}
#new-soon ul {
	margin-left: 10px;	
}
#new-soon li {
	list-style: none;
}
#new-soon li a,
#new-soon .soon li {
	background-repeat: no-repeat;
	padding: 1px 1px 1px 25px;
	text-decoration: none;
	display: block;
}
#new-soon .soon li {
	background: url(/images/icons/clock.png) no-repeat;
}
.active #map-message {
	display: block;
}
#map-message {
	display: none;
	background-color: #fff;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding: 5px 10px;
	padding-left: 25px;
}
#map-message.loading {
	background-image: url(/images/icons/loading.gif);
}
#map-message.alert {
	background-color: #fbf9ee;
	background-image: url(/images/icons/error.png);
	border: 1px solid #ebd99c;
}
#map-message.done {
	background-color: #e6fedf;
	background-image: url(/images/icons/tick.png);
	border: 1px solid #a3d49a;
}
.dist {
	font-size: .9em;
	color: #a7a593;
}

/* menu */
body.menu h1 {
	background-image: url(/images/title-menu.png);
}
.print-dl {
	margin-bottom: 0;
}
.print-dl li {
	list-style: none;
	padding: 4px 0;
}
.print-dl .print {
	border-bottom: 1px #ddd solid;
}
.print-dl li a {
	color: #3e7999;
	text-decoration: none;
	display: block;
	line-height: 16px;
}
li.print a {
	background: url(/images/icons/print.png) no-repeat;
	padding-left: 20px;
}
.download a {
	background: url(/images/icons/download.png) no-repeat;
	padding-left: 20px;
}
#cold-subs h2 {
	background-image: url(/images/title-cold-subs.png);
}
#hot-subs h2 {
	background-image: url(/images/title-hot-subs.png);
}
#wraps h2 {
	background-image: url(/images/title-wraps.png);
}
#salads h2 {
	background-image: url(/images/title-salads.png);
}
.menu-browser h2 {
	height: 100px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	clear: both;
}
.menu-browser {
	margin-bottom: 20px;
	position: relative;
	overflow: auto;
}
.menu-browser h3 {
	margin: 0;
}
.menu-browser .info {
	float: right;
	width: 360px;
	background: #fff;
	padding: 20px;
	font-size: 1.2em;
	margin-bottom: 30px;
}
.menu-browser .info p {
	margin: 10px 0 0 0;
}
.menu-browser h3 strong {
	font-family: GothamMedium, sans-serif;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 31px;
	position: absolute;
	top:  10px;
	left: 0;
	background: url(/images/number-bg.png) no-repeat 50% 50%;
	color: #fff;
	font-size: 13px;
}
.menu-browser h3 em {
	font-size: .65em;
	color: #999;
}
.menu-browser .item,
.menu-browser dd {
	position: relative;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 40px;
	margin-right: 420px;
	border-bottom: 1px #d2d2b6 solid;
}
.menu-browser .item > p {
	margin: 0;
	padding-right: 20px;
}
.menu-browser .detail {
	display: none;
}
.menu-browser dt {
	font-family: GothamMedium, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	padding: 10px 0 0 0;
}
.menu-browser dd {
	padding: 0 0 10px 0;
}
.menu-browser.active .item:hover {
	background: #fff url(/images/menu-item-hover.jpg);
	cursor: pointer;
}

/* email club */
body.email h1 {
	background-image: url(/images/title-email.png);
}
body.email #store-picker {
	min-height: 360px;
}
/* terms/privacy */
body.terms h1 {
	background-image: url(/images/title-terms.png);
}
body.privacy h1 {
	background-image: url(/images/title-privacy.png);
}
/* contact */
body.contact h1 {
	background-image: url(/images/title-contact.png);
}
/* comment card */
body.comment h1 {
	background-image: url(/images/title-comment.png);
}
#visit-details {
}
#visit-details dt {
	padding-top: 3px;
	margin-bottom:  2px;
	border-top: 1px #eee solid;
}
#visit-details dd {
	margin-bottom: 5px;
}
#visit-details label {
	margin-right: 15px;	
}

/* catering */
body.catering h1 {
	background-image: url(/images/title-catering.png);
}
body.catering #products {
	overflow: auto;
	margin-bottom: 20px;
}
body.catering #products div {
	background-repeat: no-repeat;
	padding: 150px 20px 0 200px;
	width: 250px;
	min-height: 130px;
	float: left;
}
body.catering #products h2 {
	display: none;
}
body.catering .menu-browser h2 {
	background-image: url(/images/title-catering-subs.png);
}
body.catering .boxlunch {
	background-image: url(/images/catering-boxlunch.png);
}
body.catering .salad {
	background-image: url(/images/catering-salad.png);
}
body.catering .dessert {
	background-image: url(/images/catering-dessert.png);
}
body.catering .subtrays {
	background-image: url(/images/catering-subtrays.png);
}

/* nutritional information */
body.nutrition h1 {
	background-image: url(/images/title-nutrition.png);
}
.warning {
	color: #ee2e24;
	font-weight: bold;
}
.warning:before {
	content: '!! '
}
/* tabs */
.tabs > dt {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background: #e8e7ce url(/images/tab-inactive-bg.png) repeat-x;
	color: #7a796c;
}
.tabs > dd {
	background: #fff;
	margin: 0;
	padding: 10px;
}
dl.tabs.active {
	margin-top: 30px;
	position: relative;
}
dl.tabs dt.active {
	background: #fff;
	color: #15487c;
}
dl.tabs.active > dd {
	display: none;
}
dl.tabs dd.active {
	display: block;
}
dl.tabs.active > dt {
	position: absolute;
	top: -30px;
	cursor: pointer;
}
dl.tabs.active > dt:hover {
	color: #3b7c92;
}

/* franchising */
body.franchise h1 {
	background-image: url(/images/title-franchise.png);
}
body.franchise .awards {
	list-style: none;
	margin: 0;
	text-align: center;
}
body.franchise .awards li {
	display: inline;
}
body.franchise .awards img {
	padding: 10px;
}
body.franchise .qa dt {
	font-size: 1.2em;
}
.testimonial {
	clear: both;
}
.testimonial h3 {
	padding-top: 20px;
}
.testimonial .by {
	font-style: italic;
	font-size: 1.2em;
}
.subnav {
	background: transparent url(/images/subnav-bg.png) no-repeat 50% 0;
	height: 45px;
	text-align: center;
	font-family: GothamMedium, sans-serif;
	font-size: 14px;
	margin: 0 -25px 10px -25px;
	padding: 0 20px;
	list-style: none;
}
.subnav li,
.subnav li a  {
	float: left;
	height: 40px;
	line-height: 40px;
}
.subnav a {
	text-decoration: none;
	margin: 0 5px;
	padding: 0 5px;
	color: #3e7999;
}
.subnav .app,
.subnav .app-dl {
	float: right;
}
.subnav .app a {
	background: url(/images/icons/pencil.png) no-repeat 5px 50%;
	padding-left: 25px;
}
.subnav .app-dl a {
	background: url(/images/icons/download.png) no-repeat 5px 50%;
	padding-left: 25px;
}
.subnav a:hover {
	color: #15487c;
}

body#intro  .subnav .intro a,
body#video  .subnav .vid a,
body#faq    .subnav .faq a,
body#awards .subnav .awards a,
body#peter  .subnav .peter a,
body#test   .subnav .test a,
body#start  .subnav .start a,
body#app    .subnav .app a,
.subnav .active a {
	background-color: #eff9f9;
	color: #15487c;
}

/* giving */
body.giving h1 {
	background-image: url(/images/title-giving.png);
}
body.giving #intro {
	line-height: 1.5;
}
#cup-series select {
	width: 100%;
}
/* 404 */
body.missing h1 {
	background-image: url(/images/title-404.png);
}
/* ordering */
body.ordering h1 {
	background-image: url(/images/title-ordering.png);
}
