* { margin:0; padding:0;}
html, body { height: 100%; }
body { font-size:100%; font-family: Trebuchet MS; }
body.ssl { background-position: 0 25px; margin-top: 25px; }

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -180px;
}
.footer, .push { height: 180px; }

div#footer { margin: 25px 0 0 0; height: 155px; padding-bottom: 15px; }
#footer .inner { width: 980px; height: 100%; margin: 0 auto; }

div#footer div.col { float: left; }
div#footer-col-1 { width: 350px; margin-right: 15px; }
div#footer-col-2 { width: 500px; margin-right: 15px; }
div#footer div#footer-col-3 { width: 80px; float: right; }
div#footer div.cafetech { font-size: 1em; }
div#footer div.cafetech span { font-size: 0.5em; }

ul.footer-menu { margin:0; display: block; list-style:none; overflow:hidden }
ul.footer-menu li { line-height:1em; display: inline }
ul.footer-menu li a { padding:0 10px 0 14px; text-decoration: none; }
ul.footer-menu li a:hover { text-decoration: none; }
ul.footer-menu li a.m1 {padding-left:0; border:none}

ul.footer-menu li.first a { border-left: none; }
ul.footer-menu li.last a { border-left: none;}

div#footer div.owner { float: left; display: block; text-align: left; margin-top: 7px; }
div#footer div.owner div.copy { line-height: 1.4em; }
div#footer div.owner div.copy h2 span { font-size: 1.2em; }
div#footer div.owner div.copy span.address {
	font-size: 0.8em; 
	line-height: 1.2em;
	width: 60%;
	margin: 8px 0 0 15px;
	display: block; 
	text-align: center; 
	padding: 5px; 
}
div#footer div.owner div.social-links { margin-top: 5px; }

#content { font-size: 0.75em; }

input, select, textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#38352d; font-size:0.92em; font-weight:normal; padding-left:5px}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

ul{margin:0px; padding:0px; list-style:none}
ul.list-1 li { line-height:18px}
ul.list-1 li a{text-decoration:underline; color:#aaaaaa;  padding-left:12px}
ul.list-1 li a:hover{ text-decoration:none}

dl.prices {}
dl.prices dd {padding-bottom:2px; margin-bottom:1px}
dl.prices a {color:#fff; text-decoration:none}
dl.prices a:hover {color:#e99a7e}
dl.prices span {float:right}

a {text-decoration:underline; color:#333}
a:hover {text-decoration:none}

a.link-2 {text-decoration:none; color:#fff}
a.link-2:hover {text-decoration:none; color:#e99a7e}

h4 {color:#fff; font-size:1em; margin:0 0 15px 0}
h4.font-1 {font-weight:normal}

p {margin:0 0 16px 0}
.p1 {margin:0 0 24px 0}
.p2 {margin:0 0 5px 0}

#header ul.menu { color: #000;position: relative; margin: 0;}
#header ul.menu li { float: right; margin: 5px; padding: 2px; }
#header ul.menu li a { color: #000; font-weight: bold; font-size: 1em; }
#header ul.menu li a:hover { color: #555; }

.logo {position:absolute; margin:0 0 0 28px}
.order {position:absolute; margin:64px 0 0 735px}
.menu {position:absolute; margin:140px 0 0 38px}
.menu img {margin-right:2px}
.slogan {position:absolute; margin:225px 0 0 73px}

/*content*/
.title {margin:0 0 0 34px}
.title2 {margin:0 0 20px 0}
.title3 {margin:0 0 2px 26px}
.img_left {float:left; margin:2px 20px 0 0}

.banner {margin-bottom:5px}
.banner2 {margin-right:5px}
.banner3 {margin-bottom:-14px; position:relative}

.content-indent {padding:20px 28px 20px 37px}

.img_main {position:absolute; margin:0 0 0 580px; width:360px; height:48px}

.link {float:right}
.more {float:right; width:78px; height:13px}

.line-margin {margin-bottom:20px}
.inner { width:100%; overflow:hidden; padding:0 0 20px 0}

.chalkboard {
  padding: 10px;
  background: #e0d0a4;
	border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #000;
  color: #333333}

.chalkboard div.inner_message {
  width: 70%;
  background: #777;
  margin: 10px auto;
  border: 1px solid #777;
	border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.chalkboard div.inner_message div.inner_border { color: #000;  border: 10px solid #555; }
.chalkboard div.inner_message div.inner_border div.inner_padding {
  padding: 15px; border: 1px solid #444;
}

/* Order Status Styles */

div.order-success h2 { margin-top: 10px; }
div.order-success h2.center { *margin-top: -20px;}
div.order-success h2 img { position: relative; top: -8px; }
div.order-success div.time-info { padding: 15px 0;font-size: 2em; font-weight: bold; }
div.order-success span { font-weight: bold; text-decoration: underline; }
div.order-success div.center { margin: 15px 0; padding: 5px; }
div.order-success div.time-est { font-weight: bold; font-size: 1.5em; text-decoration: underline; }
div.order-status { clear: both; margin-top: 10px; font-size: 0.9em; }
div.time-ticker { margin: 5px auto; font-size: 1.25em; }

/* Generated via www.cssmenubuilder.com */

.usermenu{margin:0; padding:0; width:300px; list-style:none;background:rgb(244,203,111);}
.usermenu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.usermenu li a{text-align:left;height:40px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('/images/users/verMenuImages.png') 0px 0px no-repeat; text-decoration:none;}
.usermenu li a:hover{background:url('/images/users/verMenuImages.png') 0px -40px no-repeat; color:rgb(120,29,8);}
.usermenu li a.active, .menu li a.active:hover{background:url('/images/users/verMenuImages.png') 0px -80px no-repeat; color:rgb(255,255,255);}
.usermenu li a span{line-height:40px;}
.usermenu li a span.fr { width: 40%; text-align: right;}

#nav { padding: 0 2px 2px 2px; color: #fff; font-weight: bold;}
#nav li a { color: #555; text-decoration: none; }
#nav li a:hover { color: #999;}

#nav li a span { color: #777; font-size: 0.75em; text-decoration: none;}

#referral_invite_form, #how_it_works { margin: 0 auto; padding: 10px; border: 1px solid #777; background: #333; color: #fff; }
#referral_invite_form .text { background-color: #ccc; border: 1px solid #111; }
#referral_invite_form h1 { margin-bottom: 10px; font-size: 2em; line-height: 2em; }
#referral_invite_form label { font-weight: bold; font-size: 1.2em; }
#referral_invite_form ul {list-style-type: circle; margin-left: 25px;}
#referral_invite_form h2 { font-size: 1.75em; line-height: 1.75em; }
div.step { font-size: 1em; height: 85px; width: 19%; border: 5px solid #555;  background: #ccc; padding: 5px; }
div.step h2 { text-align: center; margin-bottom: 10px; font-size: 1.5em; }
div.coupon h2 { font-size: 1.5em }
div.center div h2 { font-size: 1.5em; }

#crumbs { color: #555; padding: 5px; text-align: center; width: 80%; margin: 0 auto;  }
#crumbs ul { list-style-type: none; font-size: 1.5em; }
#crumbs ul li { background: #fff;  margin-left: 25px; display: inline; float: left; margin: 0 5px 0 0; border: 3px solid #000; }
#crumbs ul li a { padding: 10px 10px 5px 10px; color: #a40001; }
#crumbs ul li a:hover { color: #fff; background: #a40001;}

#welcome_box_bg {
  width: 495px;
  height: 115px;
  background: url('/images/store/welcome_text_bg.jpg');
  padding: 28px 20px 20px 60px;
  color: #603913;
  font-size: 1em;
}

#welcome_box_bg h2 {
  font-size: 1.75em;
  margin-bottom: 15px;
  color: #000;
}

#store_hours { width: 150px; }

/* Flash messages */

.notice_flash,
.failure_flash,
.success_flash {
  border: 1px solid;
  padding: 3px;
  padding:15px 10px;
  background-repeat: no-repeat;
  background-position: 10px center;
  margin-bottom: 10px;
  font-weight: bold;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.notice_flash {
  color: #00529B;
  background-color: #BDE5F8;
}

.failure_flash {
  color: #D8000C;
  background-color: #FFBABA;
}

.success_flash {
  color: #4F8A10;
  background-color: #DFF2BF;
}

#info-bar {
		z-index: 10000;
    background: none repeat scroll 0 0 #FFFBE5;
    border-bottom: 1px solid #CCCCCC;
    color: #666666;
    font-size: 80%;
    left: 0;
    padding: 0;
    position: fixed;
		height: 15px;
		padding: 5px 0;
    text-align: center;
    top: 0;
    width: 100%;
}

#contact_form h2 { margin-bottom: 10px; }
#contact_form div.note { margin: 5px 25px 15px 200px; padding-top: 5px; font-style: italic; }
#contact_form #store_info { 
	margin-left: 2px; 
	padding: 4px; 
	float: left;
	text-align: center;
	border: 1px solid #ccc; 
	background: #fff;
	border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
	}
#contact_form textarea { width: 100%; height: 162px; resize: none; }

div.account-info { margin: 25px 125px; }
div.account-info h2 { margin-bottom: 10px; }
div.account-info input[type="text"] { border: 1px solid #ccc; }
div.account-info div.save-cancel div.fl { width: 77px; margin-top: 25px; }
div.account-info div.save-cancel div.fr { width: 140px;}
div.quick-orders { margin: 25px 100px; }

/*//////////////////////  REFERRAL INVITES ////////////////////////*/

div#referral-dashboard { }

div#referral-dashboard .stats {
	float: right;
	text-align: center;
	width: 30%; 
	padding: 0 5px 0 0; 
	line-height: 2em;
	margin-top: 25px;
}

div#referral-dashboard .stats .counter {
	margin-bottom: 15px; 
	color: #777; background: #efefef; border: 5px solid #ddd; 
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
div#referral-dashboard .stats .counter .number { font-size: 3em; padding: 5px; }

#referral_invite_form, #how_it_works {
 color: #777; background: #efefef; border: 5px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#referral_invite_form input[type="text"] { border: 1px solid #ccc;}
#referral_invite_form .text { background-color: #fff; }

div#referral_invite_form { margin-top: 25px; }
div#referral_invite_form div.form { margin: 0 0 0 15px; }
div#referral_invite_form div.field { margin: 10px 0; width: 45%; float: left; }

div#referral_invite_form div.submit { margin-top: 42px; width: 150px; float: right; }

h1.huge { font-size: 8em; font-weight: bold;}













.menu_wrapper { margin: 0; padding: 0; clear: both; }
div.menu-container div.col-1 { width: 730px; margin-right: 0; }
div.menu-container div.col-2 { width: 250px; }
div.menu_item_wrapper { padding: 0 0 3px 0; margin: 0; }
div.menu_item_wrapper div.description { margin: 0 5px; padding: 5px; }
div.menu_item_wrapper div.description.no-img { margin: 0; }
div.menu_item_wrapper div.description span.name { font-size: 1.5em; margin-bottom: 5px; }
div.menu_item_wrapper div.description.img { margin: 0; }
div.menu_item_wrapper div.description.img div.fl { width: 280px; }
div.menu_item_wrapper div.description.img.single div.fl { width: 200px; }
div.menu_item_wrapper div.description.no-img.single div.fl { width: 75%; }
div.menu_item_wrapper div.description.no-img div.fl { width: 100%; }
div.menu_item_wrapper div.description p { margin-bottom: 5px; }
div.menu_item_wrapper div.description div.product-image { 
	max-width: 140px;
	max-height: 140px;
	overflow: hidden;
	margin: 0 10px 10px 0;
	float: left;
}

div.menu_item_wrapper div.description span.name { display: block }
div.menu_item_wrapper div.description span { display: inline }
div.menu_item_wrapper div.description span.prices a { font-size: 1.5em; }

#menu_groups_list { 
	margin: 0; 
	padding: 0;
	clear: both; 
}

div.menu_group { 
	margin: 0 10px 10px 0;
	padding: 0px;
}

.menu_group h3 { 
	line-height: 1.5em; 
	font-size: 1.75em; 
}
.menu_group h3 a:hover { text-decoration: none; }
.menu_group h3 a span { font-size: 1.4em; line-height: 0.8em; }

.menu_group a { display: block; width: 100%; }
.menu_group td { text-align: center; }

.menu_group.list ul.items a,
.menu_group.list ul.items span.name { font-size: 1.5em; padding: 5px 5px 10px 5px; }

ul.items { margin: 0; padding: 0; }

li.menu_item {
	clear: both;
	list-style: none; 
	padding: 5px;
}

li.menu_item span { display: block; }

li.menu_item span.name { 
	font-size: 1.2em; 
	line-height: 1em;
}

div.menu_group.verbose li.menu_item div.prices,
div.menu_group.verbose li.menu_item span.price { font-size: 1.25em; }

li.menu_item div.prices { padding: 5px 0 0 0; }

li.menu_item a span.price_label { 
	font-size: 0.9em; 
	padding-bottom: 2px;
	display: block; 
	clear: both;
}
li.menu_item span.topping-tag { font-weight: bold; }
li.menu_item.grid span.name { width: 100%; }
li.menu_item.col:hover { cursor: pointer }
li.menu_item.col:hover a { text-decoration: underline; }
li.menu_item.col span { line-height: 1em; }
li.menu_item.col span.name { width: 74%; float:left; }
li.menu_item.col span.price { 
	float: right; 
	width: 20%; 
	text-align: right; 
	font-size: 100%; 
	font-style: normal;
	margin-right: 5px;
}
li.menu_item.col span.price a { padding: 2px; }

div.cols { float: left; padding: 0; }

/* 100 */
div.col_100_0 { width: 100%; }

/* 50-50 */
div.col_50_0, 
div.col_50_1,
div.col_50_2 { width: 50%; _width: 48%; }

/* 35-65 */
div.col_35_0, div.col_35_1 { width: 35%; _width: 33%; }
div.col_65_0, div.col_65_1 { width: 65%; _width: 63%; }

/* 25-25-50 */
div.col_25_0, div.col_25_1, div.col_25_2, div.col_25_3,
.col_25 { width: 25%; *width: 24%; font-size: 0.75em;}

/* 33-33-33 */
div.col_33_0, div.col_33_1,
div.col_33_2 { width: 33%; font-size: 0.85em; _width: 32%; }

.menu_group h3.title {
	font-weight: bold; 
	padding: 2px 0 2px 10px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.menu_group a { text-decoration: none; }
.menu_group a:hover { text-decoration: underline; }
.menu_group a:hover span.price_label { text-decoration: none; }

div.menu_item_wrapper {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

div.menu_item_wrapper div.product-image {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

ul.items {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

li.menu_item span.name { font-weight: bold }
li.menu_item a { font-weight: bold; }
li.menu_item a span.price_label { font-weight: normal; }

#cart_full { width: 250px; margin: 0 auto; }

.selections {
	clear: both;
	text-align: left;
	font-size: 0.85em;
  margin: 0 10px 0 15px;
}

div.selections div.section { 
	margin-right: 5px;
	font-style: italic;
	clear: both;
}

.cart_item div.fr { width: 55px; }
div.selections .fl { width: 75%; text-align: left; }
div.selections .fr { width: 35px; text-align: right; }
div.selections .cb,
div.mini_cart_total .cb { display: none; }
div.selections .fl span { font-size: 0.8em; }

.tip { text-align: justify; }
.tip a { color: #fff; }

#mini_cart_items {
  background: transparent url('/images/cart-item-bg.jpg');
  overflow: hidden;
  min-height: 300px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
  border: 1px solid #ccc;
  border-bottom: none;
}

#mini_cart_items h2.add_some_items { text-align: center; margin: 25px; color: #999; }

#mini_cart_total {
  background: transparent url('/images/cart-total-bg.jpg') 0 100% repeat-x;
  padding: 8px 3px;
  border: 1px solid #ccc;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#mini_cart_total div.summary.discount { color: #006600; font-weight: bold; font-style:italic; }
#mini_cart_total div.summary.discount div.fr::before { content: "-"; }
.tax-label { 
	line-height: 0.5em;
	font-size: 0.75em; 
	font-style: italic; 
	font-weight: normal; 
}

div#cart_full div#coupons_list div.failure span { background: none; margin-top: 0; height: auto; }
div#cart_full div#coupons_list div.failure span.title { width: 60%; }
div#cart_full div#coupons_list ul.coupons { clear: both; }
div#cart_full div#coupons_list div.failure span.errors { width: 100%; }
div#cart_full div.failure { 
	font-size: 1em;
	border-radius: 0;
	margin-bottom: 0;
	border-top: none;
	border-left: none;
	border-right: none;
 } 

#store_address { 
	margin-bottom: 5px; 
	padding: 5px 8px; 
	background: #efefef; 
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}	

#store_address .store { float: right; font-size: 1em; line-height: 15px; text-align: center; }
#store_address .address { float: left; text-align: center; }
#store_address a { text-decoration: none; }
#store_address a, #store_address a:visited { width: 75%; margin: 0 auto 5px auto; color: #999; } 
#store_address a:hover { color: #555; }
#store_address span.close { display: block; width: 16px; height: 16px; font-size: 16px; float: right; }
#store_hours_today { margin-bottom: 4px; clear: both; }
#store_hours_today span { font-size: 1em; display: block; }
#store_hours_today div.fr { width: 50%; text-align: right; }
#store_hours_today div.fl { width: 45%; text-align: left; }

#cart_full div.notice, #cart_full div.warning, #cart_full div.error { margin-top: 0; margin-bottom: 4px; }
#cart_full div#current_time { margin-bottom: 4px; }

div#checkout_button a { display: block; width: 158px; height: 60px; margin: 0 auto; }
#cart_full h2#void a { 
	display: block;
	width: 120px; 
	text-decoration: none;
	margin: 25px auto 0 auto; 
	padding: 5px 5px 5px 25px;
	background: #efefef url('/images/icons/cross.png') 5px 50% no-repeat; 
	color: #c33;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.cart_item {
  color: #333;
  padding: 3px 5px;
}

.cart_item span.price { color: #333; font-weight: bold; font-size: 0.9em; }

.cart_item.invalid { color: #af0100 }
.cart_item.active { background: #ffffcc; }

.cart_item.customizable:hover { cursor: pointer; background: #ffffcc; }
div#cart_full.locked .cart_item.customizable:hover { cursor: not-allowed; }

.cart_item .fr { text-align: right; }
.cart_item .fl { text-align: left }
div#cart_full .controls { display: block; width: 12px; height: 12px; float: right; padding-left: 3px; overflow: hidden;}
div#cart_full .controls a img { width: 12px; height: 12px; }
.summary { 
	padding: 0 10px; font-size: 0.9em; border: none;
	font-weight: normal; }
.summary.totals { font-size: 1.2em; font-weight: bold; }

.title { margin: 0;}
.title h4 { color: #555;}

#flasher p.notice { margin: 0;}

/* COUPONS LIST */

.coupon_list {
  margin: 0;
  padding: 10px;
 }

#log_in_for_rewards { 
	background: transparent url('/images/cart-item-bg.jpg');
 border: 1px solid #ccc; border-top: none; border-bottom: none; }
#log_in_for_rewards h2 { font-size: 1.5em; padding: 4px 0; color: #999; text-align: center; }
#log_in_for_rewards h2 a, #log_in_for_rewards h2 a:visited { color: #999; text-decoration: none; }

/* Cart Coupon List Styles */

#coupons_list span.title { font-weight: bold; }

#coupons_list { clear: both; }
#coupons_list div.success,
#coupons_list div.failure { padding: 5px; }

#coupons_list div.success { 
	background: #8ab073 url(/images/flash/flash-notice-bg.jpg) repeat-x left top;
	border-bottom: 2px solid #41612f;
	color: #41612f;
}

#coupons_list div.failure {
	background: #e28276 url(/images/flash/flash-error-bg.jpg) repeat-x left -10px;
	color: #af0100;
	border-bottom: 2px solid #af0100; 
}

#coupons_list div.success ul.coupons span.remove a { background: #41612f; color: #fff; }
#coupons_list div.failure ul.coupons span.remove a { background: #af0100; color: #fff; }

#coupons_list div.failure ul.coupons span.errors { display: block; clear: both; font-size: 0.8em; }

#coupons_list ul.coupons { margin-left: 10px; }
#coupons_list ul.coupons li { margin-bottom: 5px; }

div#coupons_list ul.coupons span.name { float: left; width: 175px; }
div#coupons_list ul.coupons span.remove { float: right; width: 40px; margin-right: 5px;}
div#coupons_list ul.coupons span.remove a { 
	font-size: 0.8em;
	text-align: center;
	display: block; 
	width: 100%; 
	padding: 1px 2px;
	font-size: 0.8em;
	text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/* Order Status Styles */

div.order-success h2 { margin-top: 10px; }
div.order-success h2 img { position: relative; top: -8px; }
div.order-success div.time-info { padding: 15px 0;font-size: 2em; font-weight: bold; }
div.order-success span { font-weight: bold; text-decoration: underline; }
div.order-success div.center { margin: 15px 0; padding: 5px; }
div.order-success div.time-est { font-weight: bold; font-size: 1.5em; text-decoration: underline; }
div.order-status { clear: both; margin-top: 10px; font-size: 0.9em; }
div.time-ticker { margin: 5px auto; font-size: 1.25em; }

.weekly_store_hours { font-size: 1em; text-align: right; display: block; }

div.accepted_cards { margin-top: 20px;}
div.accepted_cards h2 {margin-bottom: 15px; text-align: center; font-size: 1.75em; }
ul.card_types { margin: 15px 0 0 10px; font-size: 0.8em;}
ul.card_types li.fl { list-style: none; float: left; width: 20%; padding: 10px;}
ul.card_types li.fl img { position: relative; bottom: 5px; }
div.accepted_cards div.indent { margin-left: 50px; }

div#cart_full ul.card_types { text-align: center; }
div#cart_full ul.card_types li { display: inline; float: none; }
div#cart_full ul.card_types img { width: 36px; height: 36px; }

.clock { color: #555; }
#store_address { color: #333; }
#store_address #location { width: 160px; margin-right: 5px;}
#store_address input[type="submit"].minimal {
	background: #fff;
	margin-right: 5px;
	padding: 2px 1px;
	width: 30px;
}

.store_status { color: #000; }

div#cart_full div.notice,
div#cart_full div.warning,
div#cart_full div.error {
	font-size: 16px;
	padding: 10px 15px;
	border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

div#cart_full div.edit-queue {
	cursor: pointer;
	font-size: 1.2em;
	padding: 5px 5px 5px 42px;
	margin-bottom: 10px;
	color: #cc0000;
	background: #fff url('/images/icons/attention.png') no-repeat 5px 50%;
	border: 2px dotted #cc0000;
	-ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

div#cart_full div.edit-queue:hover { background: #ffffcc url('/images/icons/attention.png') no-repeat 5px 50%; }

div#cart_full.order-summary h2 { margin: 0 0 5px 0; text-align: center; }
div#cart_full.order-summary div#mini_cart_items { padding: 5px 0 0 0; }
div#cart_full.order-summary div.cart_item { clear: both; }
div#cart_full.order-summary div.extras-section { padding: 0; }
div#cart_full.order-summary div.selected-extras { padding: 0 0 0 15px; clear: both; }




#facebox .b {
  background:url(/images/facebox/b.png);
}

#facebox .tl {
  background:url(/images/facebox/tl.png);
}

#facebox .tr {
  background:url(/images/facebox/tr.png);
}

#facebox .bl {
  background:url(/images/facebox/bl.png);
}

#facebox .br {
  background:url(/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
/*  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px; */
	height: 15px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


#flash_wrapper { margin: 15px 65px 25px 65px; }

.notice,
.warning,
.error,
.failure {
  font-size: 18px;
  padding: 15px 10px;
  margin-bottom: 10px;
	border-radius: 9px; 
	-moz-border-radius: 9px; 
	-webkit-border-radius: 9px;
}

.notice span,
.warning span,
.error span,
.failure span {
	
  float: left;
  width: 42px;
  height: 32px;
  margin-top: -5px;
}

.notice {
  background: #8ab073 url(/images/flash/flash-notice-bg.jpg) repeat-x left top;
  color: #41612f;
  border: 2px solid #41612f;
}
.notice span {
  background: url(/images/flash/flash-check.png) no-repeat left top;
}

.warning {
  background: #bfc36e url(/images/flash/flash-warning-bg.jpg) repeat-x left -10px;
  color: #a26a1a;
  border: 2px solid #a26a1a;
}
.warning span {
  margin-top: -6px;
  background: url(/images/flash/flash-warning.png) no-repeat left top;
}

.error, .failure {
  background: #e28276 url(/images/flash/flash-error-bg.jpg) repeat-x left -10px;
  color: #af0100;
  border: 2px solid #af0100;
}
.error span, .failure span {
  margin-top: -6px;
  background: url(/images/flash/flash-error.png) no-repeat left top;
}

/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000; text-align: left;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}

.prototip .title { margin: 0; }
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}
/* creamy */

.prototip .creamy {
  width: 300px;
  color: #624816;
}
.prototip .creamy .toolbar {

  background: #d1c88b;
  font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
  background: #f8f4ca;
  padding: 10px 5px;
}


/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */


#hand_b {
  width:31px;
  height:31px;
  background-image: url(/images/maps/Bsu.png);
}
#hand_b.selected {
  background-image: url(/images/maps/Bsd.png);
}

#placemark_b {
  width:31px;
  height:31px;
  background-image: url(/images/maps/Bmu.png);
}
#placemark_b.selected {
  background-image: url(/images/maps/Bmd.png);
}

#line_b {
  width:31px;
  height:31px;
  background-image: url(/images/maps/Blu.png);
}
#line_b.selected {
  background-image: url(/images/maps/Bld.png);
}

#shape_b {
  width:31px;
  height:31px;
  background-image: url(/images/maps/Bpu.png);
}
#shape_b.selected {
  background-image: url(/images/maps/Bpd.png);
}


.location { padding: 10px; float: left; width: 275px; border: 1px solid #eee; webkit-border-radius: 5px;
-moz-border-radius: 5px;}
.mini-map { border: 1px solid #ccc; float: left; width: 90px; border: 1px solid #ccc; margin-right: 5px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;}


/* Human readable time format */
#store_hours { padding-bottom: 10px;}

#store_hours p span.day {
  font-weight: bold;
  text-align: left;
  width: 15%;
  float: left;
  line-height: 12px;
  color: #000;
  clear: left;
}

#store_hours p span.hours {
  float: right;
  text-align: right;
  width: 85%;
  line-height: 12px;
  clear: right;
}

	.pizza_points, .pizza_rewards, .invite_friend  { 
		height: 277px;
		width: 255px;
		margin: 0 auto 35px auto;
		padding: 0;
	}
.invite_friend a { color: #fff;}
	
	.pizza_points  { background: url('/images/store/pizza_points_bg.jpg') no-repeat;  }
	.pizza_rewards { background: url('/images/store/pizza_rewards_bg.jpg') no-repeat; height: 149px; }
	.invite_friend { background: url('/images/store/invite_friend_bg.jpg') no-repeat;  }
	
	.pizza_points .pp_content,
	.pizza_rewards .pp_content,
	.invite_friend .pp_content {
		color: #000;
		padding: 50px 10px 10px 10px;
	}
	
	.pizza_rewards .pp_content { padding-top: 35px;}
	
	.pp_content h2 { font-size: 1.5em;}
	
	.pp_content ul {
		list-style: square;
		font-size: 1.6em; 
    line-height: 1.3em;
		font-weight: bold;
		margin: 0 0 0 25px;
		padding: 0 0 0 10px;
	}
	
	.pp_content .click_here {
		width: 139px;
		height: 28px;
		margin: 0 auto;
		font-weight: bold;
		padding: 5px 5px 3px 8px;
		
		font-size: 1.4em;
		text-align: center;
	/*	background: url('/images/store/click_here_bg.jpg') no-repeat; */
	}
	.pp_content .click_here a, 
	.pp_content .click_here a:visited, 
	.click a,	.click a:visited { color: #0066cc; text-decoration: none; }
	.pp_content .click_here a:hover, .click a:hover { color: #3399cc;}
	.or { width: 10%; margin: 0 auto; text-align: center; font-size: 1.25em; font-weight: bold; line-height: 1em; }
	
	.connect_w_facebook { 
	/*	background: url('/images/store/facebook_connect_bg.jpg') no-repeat; */
		width: 204px;
		height: 48px;
		padding: 5px;
		margin: 0 auto;
	}
	
	.connect_w_facebook .fb_text {
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		
	}
	.fb_button { padding-top: 5px;text-align: center; }
	
	.pizza_rewards .click{ text-align: right; font-size: 1.8em; font-weight: bold; margin-right: 15px;  }
	
	.smalltext { font-size: 11px; text-align: center;} 

	.pp_content p {
		margin-top: 10px;
		padding: 5px 15px;
		text-align: center;
		font-size: 1em;
		line-height: 1em;
	}
	.form_invitation {text-align: left; }
	.form_invitation .text { background: #fff; width: 85%;  font-size: 16px; }
	.form_invitation .submit { margin: 40px 0 20px 0; font-size: 21px; font-weight: bold; }
	.form_invitation input.submit { font-size: 1.3em; font-weight: normal;  padding: 5px 10px; border: 1px solid #777; background: #eee; /*IE Hacks > */ *width: 130px; *padding: 2px 10px;  }
	.form_invitation label { position: relative; float: left; margin: 0; padding-bottom: 5px; *padding-bottom: 0;}
	.form_invitation .right { position: relative; float: left; padding-bottom: 0; width: 100%;}

      /* ITEM CUSTOMIZER */

  .item_customizer, .customize_item {
		font-family: arial;
		font-size: 12px;
	  background: #fff;
	  width: 600px;
	  color: #000;
  }

	div.menu-container div.item_customizer { padding: 10px; margin: 0 auto; }
	
	div.item_customizer div.description_wrapper,
	div.customize_item div.description_wrapper {
		width: 85%; margin: 10px auto 10px 20px; clear: both;
	}

  div.description_wrapper div.description {
		padding: 5px 10px;
    font-size: 1em;
    background: #efefef;
		float: left;
		width: 260px;
		-ms-border-radius: 5px;
	  -o-border-radius: 5px;
	  border-radius: 5px;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
  }
	div.description_wrapper div.description.no-img {
		width: auto; float: none;
	}

	div.description_wrapper div.product_image {
		float: right; 
		overflow: hidden;
		padding: 10px;
		margin-left: 10px;
		border-top: 1px solid #d4d4d4;
		border-right: 1px solid #d4d4d4;
		border-bottom: 3px solid #aaaaaa;
		border-left: 1px solid #d4d4d4;
		-ms-border-radius: 5px;
	  -o-border-radius: 5px;
	  border-radius: 5px;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		background: #f2f2f2;
	}

	div.description_wrapper div.product_image img {
		-ms-border-radius: 5px;
	  -o-border-radius: 5px;
	  border-radius: 5px;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
	}
	
  .available-toppings {
    clear: both;
    text-align: left;
  }
  .available-toppings ul li:hover {
      cursor: move;
  }

	textarea#customer_comments { 
		overflow: hidden;
		height: 30px;
		border: 1px solid #fff;
		width: 96%;
		padding: 3px;
	}

	div.comment_note {
		font-size:0.8em;
		margin-right: 8px;
		color: #ff0000;
		font-style: italic;
	} 

  .italic {
    padding: 0 10px;
  }

  .extra-group {
    text-align: left;
  }

	legend span.required { color: #cc0000; }

	div.extra-group.required fieldset,
	div.extra-group.required fieldset legend { color: #cc0000; }
	div.extra-group.required fieldset,
	div.topping_group.required fieldset,
	div.required div.extra-toppings fieldset { border: 1px solid #cc0000; color: #000; }
	div.topping_group.required fieldset legend,
	div.required div.extra-toppings fieldset legend { color: #cc0000; }
  .extra-group fieldset { padding: 3px 6px; margin-right: 3px; }

  .extra-group .text { padding: 2px 5px; }
  .extra-group h3 {
    font-size: 1.5em;
  }

  .extra-group {
    float: left; margin: 0 5px 5px 0;
  }

	.extra-group .single { margin-top: 2px; }

  .extra-group .single select {
		width: 86%;
    margin: 0 0 6px 10px;
		padding-left: 0;
  }
	
	.extra-group select option { padding: 2px 0 0; }

  .customize-item h4 {
    width: 400px;
    padding: 10px 10px 0px 20px;
    margin: 0;
    color: #333;
    font-size: 16px;
    font-weight: bold;
  }

	div.multi span.item { display: block; padding: 2px; margin-bottom: 2px; clear: both; }
	div.multi span.item span.name { margin-left: 5px; }
	div.multi span.item span.extra_price { display: block; float: right; margin-left: 10px; }

	div.numeric { padding: 4px 5px 6px 5px; }
	div.numeric span.item { clear: both; display:block; margin-left: 5px; }
	div.numeric span { line-height: 1em; }
	div.numeric span.counter { font-size: 18px; font-weight: bold; }
	div.numeric span.label { color: #777; font-size: 0.8em; }
	div.numeric span.controls { display: block; float: right; width: 60px; clear: right; }

	div.numeric a.num_more,
	div.numeric a.num_less { 
		display: block;
		float: right;
		margin-left: 5px;
		margin-top: 2px;
		padding: 3px; 
		font-size: 18px; 
		font-weight: bold; 
		text-decoration: none;
		background: #fff;
	  -ms-border-radius: 3px;
	  -o-border-radius: 3px;
	  border-radius: 3px;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
	}

	div.numeric a.num_more { color: #0d5e00; border: 1px solid #0d5e00; }
	div.numeric a.num_less { color: #b70000; padding: 2px 5px 4px 5px; border: 1px solid #b70000; }

	div.numeric a.num_more:hover { background: #0d5e00; color: #fff; }
	div.numeric a.num_less:hover { background: #b70000; color: #fff; }

	div#extra-groups-top, 
	div#extra-groups-bottom { clear: both; }

	div#extra-groups-top { padding-top: 10px; }
	div#extra-groups-bottom { padding-bottom: 10px; }

	div.extra-group div.msg,
	div.topping_group div.msg,
	div.extra-toppings div.msg { margin-bottom: 4px; color: #cc0000; font-weight: bold; }
	
	div.topping_group div.msg,
	div.extra-toppings div.msg { font-size: 1.5em; margin-bottom: 5px; }

	.extra-group label { cursor: pointer; }
	.extra-group div.radio { margin: 3px 5px 7px 4px; font-size: 1.1em; }
	.extra-group .radio div.fl { padding: 2px; margin-right: 5px; }
	.extra-group .radio div.fl input.radio { margin-left: 4px; }
	.extra-group input:hover, .extra-group select:hover { cursor: pointer; }
	.extra-group div.multi { margin: 5 5px 6px 5px; }

/* Drag and Drop Topping Selector */

  .droppable_whole,
  .droppable_h1,
  .droppable_h2 {
    width: 190px;
    height: 70px;
    margin-bottom: 3px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px 5px 5px 5px;
    color: #000;
  }

.droppables a { color: #333;}

  .droppable_whole { text-align: center; background: url('/images/topping_selector/whole_pizza.jpg') no-repeat; }
  .droppable_whole_highlight { background: url('/images/topping_selector/whole_pizza_highlight.jpg') no-repeat;}

  .droppable_h1 {text-align: left; background: url('/images/topping_selector/first_half.jpg') no-repeat; }
  .droppable_h1_highlight { background: url('/images/topping_selector/first_half_highlight.jpg') no-repeat; }

  .droppable_h2 { text-align: right; background: url('/images/topping_selector/second_half.jpg') no-repeat; }
  .droppable_h2_highlight { background: url('/images/topping_selector/second_half_highlight.jpg') no-repeat; }

  .droppable_whole li,
  .droppable_h1 li,
  .droppable_h2 li {
    list-style: none;
    padding: 2px 5px;
  }

  .droppable_whole li { float: left; }

  .droppable_h1 li a,
  .droppable_h1 li a:visited {
  }

  .droppable_h2 li {
    list-style: none;
  }

  .droppable_h2 li span {
    display: none;
  }

  .droppables {
    margin-top: 75px;
    float: right;
    margin: 5px;
  }

  .topping-lists {
    margin: 10px;
    float: right;
    width: 200px;
  }

  span.price {
    color: #11aa11;
    font-style: italic;
    font-size: 75%;
  }

  .section-active {
    background: #fff;
  }

  .topping-selector {
    width: 88%;
    margin: 0 auto;
    background:transparent url('/images/topping_selector/drag_to_add.jpg') no-repeat scroll 50% 0;
  }

/* Accordian menu for toppings */

  #master {
  width: 100%;
  margin: 0 0 0 10px;
  padding: 0;
  }

  #master ul {
    width: 80%;
    text-align: right;
    margin: 0 0 0 auto;
  }

  #master li {
    padding: 1px 30px 1px 0px;
	  -ms-border-radius: 3px;
	  -o-border-radius: 3px;
	  border-radius: 3px;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
margin-bottom: 3px;
    color: #333;
    list-style: none;
    background: #ccc url('/images/topping_selector/minimal_drag.jpg') 99% 50% no-repeat;
   border: 1px solid #aaa;

  }

 #master ul li:hover {
    border: 1px dashed  #aaa;
    background: #dddddd url('/images/topping_selector/minimal_drag_highlight.jpg') 99% 50% no-repeat;

 }
  li.included-topping {
    background: #66cc66;
  }

  #master h3 {
    width: 100%;
    font-size: 18px;
    margin: 0 0 3px 0;
    padding: 0;
  }

  #master h3 a {
  	border: 2px solid #0000ff;
	  -ms-border-radius: 3px;
	  -o-border-radius: 3px;
	  border-radius: 3px;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;    padding: 2px 30px 2px 5px;
    background: #ffffff url('/images/topping_selector/deselected.jpg') 99% 50% no-repeat;
    text-decoration: none;
    font-weight: bold;
    color: #0000ff;
    display: block;
  }

  #master h3.selected a {
    background: #0000ff url('/images/topping_selector/selected.jpg') 99% 50% no-repeat;
    color: #fff;
  }

  a img { border: none;}

	.add_to_cart {
		float: right;
		width: 45%;
		margin: 0 12px 10px 0;
	}
	
	.add_to_cart a.minimal {
		margin-top: 25px; 
		margin-right: 15px;
	}
	
	.add_to_cart .save_button {
		float: right;
	}

  .inc-toppings-list {
    background: #ffff99;
    margin: 5px;
    padding: 2px;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    text-align: left;
  }

  .inc-toppings-list ul { margin: 0; padding: 0;}

  .inc-toppings-list ul li{
    display: inline;
    list-style: none;
  }

  .inc-toppings-list li a,
  .inc-toppings-list li a:visited {
    text-decoration: none;
    color: #555;
  }

  div.droppables li a { }
  div.droppables li a:hover {
    text-decoration: none;
    background: none;
    color: #990000;
    text-decoration: line-through;
  }

  li.hold-the a {
    color: #990000;
    text-decoration: line-through;
  }

  .topping-group {
    width: 270px;
    float: right;
  }

/* #########################  Single Item Customizer (no half/whole) ############################# */

div.extra-toppings fieldset { 
	width: 45%; float: left; margin-left: 1%;  
			padding: 5px 5px 5px 10px;
    border: 1px solid #ccc; 
	  -ms-border-radius: 3px;
	  -o-border-radius: 3px;
	  border-radius: 3px;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
    margin-bottom: 5px;
		float: left; 
	}

  div.extra-toppings fieldset legend {
    color: #000;
    font-weight: bold;
    padding: 0 10px;
    font-size: 1.2em;
  }

  div.included-toppings {
    font-size: 1em;
  }

  div.included-toppings ul#included_toppings li.hold-the a{
    padding: 2px 4px;
    background: #ffaaaa;
    border: 1px solid #990000;
    color: #990000;
    text-decoration: line-through;
	  -ms-border-radius: 3px;
	  -o-border-radius: 3px;
	  border-radius: 3px;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
  }

  div.included-toppings ul#included_toppings li a  {
    padding: 2px 4px;
    background: #aaffaa;
    border: 1px solid #009900;
    color: #009900;
	  -ms-border-radius: 3px;
	  -o-border-radius: 3px;
	  border-radius: 3px;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;  }

	ul.extra_toppings li { list-style: none; }

  ul.extra_toppings li a {
    padding: 2px 4px;
    display: block;
    text-decoration: none;
    border: 1px solid #ccc;
	  -ms-border-radius: 3px;
	  -o-border-radius: 3px;
	  border-radius: 3px;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;  }

  ul.extra_toppings li a:hover { color: #009900; background: #ccffcc; border: 1px solid #009900;}

  ul.extra_toppings li.add-the a,
  ul.extra_toppings li.add-the a:visited {
    padding: 2px 4px;
    background: #aaffaa;
    border: 1px solid #009900;
    color: #009900;
  }

  div.included-toppings ul {
    text-align: center;
  }

  div.included-toppings ul li {
    list-style: none;
    float: left;
  }

  div.included-toppings ul li a,
  div.extra-toppings ul li a {
    text-decoration: none;
    margin-bottom: 5px;
    margin-right: 5px;
    float: left;
  }

  div.included-toppings ul li a:hover {
    color: #990000;
    text-decoration: line-through;
  }

  li.toppings span { display: none; }

	div#item_loading_gif { font-size: 1.2em; }
	div#item_loading_gif img { height: 20px; width: 20px; }
	div#item_loading_msg { color: #ff0000; font-size: 0.8em;}

	/* #########################  Mobile Item Customizer (no half/whole) ############################# */

	div#mobile_topping_selector { clear: both; }

  div#mobile_topping_selector fieldset { float: none; }

	div#mobile_topping_selector ul.mobile_toppings li { 
		float: left; 
		width: 32%;
		padding: 3px 0;
		list-style: none;
		margin-right: 5px; 
		border-right: 1px solid #ccc;
	}
	
	div#mobile_topping_selector ul.mobile_toppings li.selected { 
		background: #AAFFAA; 
		color: #009900; 
	 }
	
	div#mobile_topping_selector ul.mobile_toppings li.removed { background: #FFAAAA; color: #990000; }
	
	div#mobile_topping_selector ul.mobile_toppings li.third { border-right: none; margin-right: 0;}
	
	div#mobile_topping_selector ul.mobile_toppings li span.name { 
		display: block; 
		float: left;
		padding: 2px 0 0 4px; 
		width: 65%; 
		cursor: pointer;
	}
	div#mobile_topping_selector ul.mobile_toppings li span.toppings { display: block; width: 30%; float: right; }
	div#mobile_topping_selector ul.mobile_toppings li span.toppings span a { 
		height: 16px; 
		width: 16px; 
		display: block; 
		float: right; 
		text-indent: -9999px;
	}
		
	div#mobile_topping_selector ul.mobile_toppings li span.whole a { 
	  background: transparent url('/images/topping_selector/whole_normal.png') no-repeat; margin-right: 5px;
	}
	div#mobile_topping_selector ul.mobile_toppings li span.first_half a { 
		background: transparent url('/images/topping_selector/h1_normal.png') no-repeat; 
	}
	div#mobile_topping_selector ul.mobile_toppings li span.second_half a { 
	  background: transparent url('/images/topping_selector/h2_normal.png') no-repeat;  
	}
	
	div#mobile_topping_selector ul.mobile_toppings li span.whole.selected a { 
		background: transparent url('/images/topping_selector/whole_selected.png') no-repeat;
	}
	div#mobile_topping_selector ul.mobile_toppings li span.first_half.selected a { 
		background: transparent url('/images/topping_selector/h1_selected.png') no-repeat;
	}
	div#mobile_topping_selector ul.mobile_toppings li span.second_half.selected a { 
		background: transparent url('/images/topping_selector/h2_selected.png') no-repeat;  
	}
	
	div#mobile_topping_selector ul.mobile_toppings li.removed span.name { color: #ff0000; text-decoration: line-through;}
	
	div#mobile_topping_selector table { width: 100%; }
	div#mobile_topping_selector table td {padding: 2px;}
	
	div.item-title div.item-name { width: 500px; }
	div.item-title div.item-price { width: 75px; text-align: right; }
	
	div.customize_item fieldset legend {
		color: #000;
		font-weight: bold;
		padding: 0 10px;
		font-size: 1.2em;
	}
	
	div.customize_item fieldset {
		padding: 5px 5px 5px 10px;
		border: 1px solid #ccc;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin-bottom: 5px;	
	}


.fieldWithErrors .text,
.fieldWithErrors textarea {
  background-color: #f5e99c;
  border: 1px solid #cb2e22;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
  border-radius: 3px;
}

.fieldWithErrors label { color: #cb2e22; font-weight: bold; }

#errorExplanation {
	margin:10px auto;
	padding:0 0 15px 0;
	width: 75%;
  border: 3px solid #f0490f;
  background-color: #fff;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px; 
  border-radius: 9px;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  background: transparent url('/images/flash/flash-warning.png') no-repeat 5px -2px;
  padding: 0 0 4px 45px;
  font-size: 1.8em;
  margin: 0;
  background-color: #f0490f;
  color: #fff;
}

#errorExplanation p {
  color: #333;
	font-size: 1.2em;
	font-weight: bold;
  padding: 5px 20px;
	margin: 10px 0 0 0;
}

#errorExplanation ul li {
	color: #555;
  font-size: 1em;
  list-style: square;
	margin-left: 75px;
}

/* Coupon Redeem Choice */
.coupon_choices_wrapper { 
	background: #eee; 
	border: 2px solid #ccc; 
	margin: 10px 20px 0 20px;
	padding: 5px 10px;
}

div.coupon_choice_prompt {
	float: left; 
	font-size: 1.4em; 
	color: #336633
}

.coupon_choices { 
	margin: 5px; 
	padding: 10px;
	border-bottom: 2px solid #ccc;
}

.coupon_choices.last { border-bottom: none; }
.coupon_choices, .coupon_choices label { cursor: pointer; }
.coupon_choices:hover { background: #efefef;}

/* Coupon Lookup Form */

.coupon_lookup { width: 175px; margin-left: auto; margin-right: 10px;}

.coupon_lookup a.minimal { font-weight: normal; width: 45px; padding: 4px 0 5px}

.coupon_lookup h2 {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #EEEEEE, #CCCCCC) repeat scroll 0 0 transparent;
    border-color: #BBBBBB #BBBBBB #AAAAAA;
    border-style: solid;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-width: 1px;
    color: #444444;
    font-size: 14px;
		font-weight: normal;
		text-align: center;
    margin: 0;
    padding: 4px 10px;
}

.coupon_lookup div.form {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: -moz-use-text-color #BBBBBB #BBBBBB;
    border-right: 1px solid #BBBBBB;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    margin: 0;
    padding: 15px;
}

.coupon_lookup div.form input[type="text"] { border: 1px solid #bbb; width: 45px; padding: 3px}

/* Coupons */

.coupon_wrapper {
	position:relative; 
	float:left;
	width:185px; 
	height:235px;
	margin: 15px 0;
}

.coupon:hover {
	cursor: pointer;
	color: #777; 
	background: #fff url('/images/coupons/bg_highlight.png') repeat-x bottom;
	border: 1px solid #ccc;
	box-shadow: 1px 2px 5px #ddd;
}

.coupon {
	margin:0 10px 5px 0; 
	border:1px solid #999; 
	background:#fff url('/images/coupons/bg.png') repeat-x bottom; 
	font-family: Arial, Helvetica, Sans-Serif;
	border-radius: 5px;
	box-shadow: 1px 2px 5px #aaa;
}

.coupon:hover h3.red 		{ background-color: #dd0000; color: #fff; }
.coupon:hover h3.green 	{ background-color: #3b8b19; color: #fff; }
.coupon:hover h3.blue 	{ background-color: #3177be; color: #fff; }
.coupon:hover h3.yellow { background-color: #fff153; color: #777; }
.coupon:hover h3.orange { background-color: #fd7530; color: #fff; }
.coupon:hover p.terms { border-top: 1px solid #ccc; }
.coupon .ribbon{ position:absolute; right: 0px; top:-8px; }

/* Good background colors to use: #2e6fb1 (blue), #fde800 (yellow), #367e17 (green) : these can be set inline */
/* inline line-height should be reset to 17px if two lines */ 
/* lnline right-padding should be reset to 12px if a ribbon exists */
.coupon h3 {
	margin:0; 
	height:34px; 
	padding:9px; 
	color:#fcfcfc; 
	font-size:15px; 
	font-weight:bold; 
	overflow:hidden; 
	line-height:34px;
	border-radius: 4px 4px 0 0;
	text-shadow: 1px 1px 1px #333;
}

.coupon h3.red 		{ background-color: #d20000; }
.coupon h3.green 	{ background-color: #367e17; }
.coupon h3.blue 	{ background-color: #2e6fb1; }
.coupon h3.yellow { background-color: #fde800; color: #555; text-shadow: 1px 1px 1px #fff; }
.coupon h3.orange { background-color: #ff6a1e; }

.coupon .description {
	margin:0; 
	font-size:15px; 
	text-align:center; 
	height:130px; 
	padding:0 9px; 
	overflow:hidden; 
} 

.coupon p {
	margin: 15px 0;
}

.coupon .description ul {
	text-align: left;
  margin: 15px 0 10px 15px;
}

.coupon .description ul li { list-style: disc; }

.coupon p.note {
/*	float:left; */
	margin:0; 
	font-size:12px; 
	color:#666; 
	font-style:italic; 
	line-height:12px;
	text-align: center;
}
	
.coupon p.price {
/*	position:absolute; */
	margin: 0; 
/*	left: 9px; */
/*	bottom: 50px; */
	font-size:20px; 
	line-height:20px;
/*	width: 80%;*/
	text-align: center;
}

/*.coupon .add, .coupon .add:hover, 
.coupon .add:visited {
	float:right; 
	margin-top: 4px; 
	display:block; 
	width:66px; 
	height:30px; 
	color:#fff; 
	text-align:center; 
	font-size:16px; 
	font-weight:bold; 
	text-decoration:none; 
	background-color:#62a644; 
	line-height:30px;
}*/
	
.coupon .terms {
	margin:8px 0 0 0; 
	height:23px; 
	border-top:1px solid #999; 
	text-align:center; 
	line-height:23px; 
	font-size:11px; 
	color:#666;
}

.coupon_wrapper .restrictions {
	margin-right: 10px;
}

.hide{ display:none; }
.clear{ clear:both; }

#fb_content div.coupon_wrapper { margin: 5px auto; }

/* end coupons */


div#checkout { margin: 40px 15px; }
div#checkout h2 { margin: 0; }
div#checkout h2 img { height: 20px; width: 20px; }
div#checkout div.spacer { margin: 0 75px; padding: 15px 10px; }
div#checkout label { font-weight: bold; }
div#checkout div.invalid .text,
div#checkout div.invalid select { border: 1px solid #cc0000; background: #ffffcc; }
div#checkout div.invalid label { color: #cc0000; }
div.pending_charges_info, div.large_order_info { 
	padding: 4px 6px;
	font-size: 1em;
	color: #777;
	background: #fff; 
	border: 2px dotted #cc0000;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

div.pending_charges_info span.help a { text-decoration: none; color: #cc0000; font-weight: bold; font-size: 1.25em; }

div#tips { margin: 15px auto 0 auto; width: 65%; }
div#tips div.inside { 
	clear: both; 
	color: #000;
	padding: 5px 10px; 
	background: #fff; 
	border: 2px dotted #cc0000; 
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
div#tips input#order_tip { width: 30px; }
div#tips div.inside div.fr { width: 30%; }
div#tips div.inside div.fl { width: 50%; font-weight: bold; font-size: 1.2em;}
div#tips div.tip-links { margin-top: 4px; margin-left: 10px; }
div#tips div.tip-links a.minimal { 
	background: #fff;
	margin-right: 4px;
	padding: 2px 1px;
	width: 30px;
	margin-left: 0;
	float: left;
}

div#address_info,
div#payment_info {
	padding: 5px;
	margin: 10px 5px;
}

div.delivery-instructions textarea { 
	width: 88%;
	height: 30px;
	padding: 5px;
	border: 1px solid #ccc; 
	resize: none; 
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

div.checkout-requirements { text-align: center; }
div.checkout-requirements h2 { margin-bottom: 10px; font-size: 1.5em; }

div.min-order {
  text-align: center;
  padding: 5px;
  margin-bottom: 10px;
  background: #ffeecc;
  color: #ff3333;
  border: 2px solid #ff3333;
}

div.min-order h2 { margin: 0; }	

div.trusted-seals { width: 250px; float: left; margin: 0 0 10px 10px; }
div#trustkeeper-seal { width: 135px; float: left; }
div#DigiCertClickID_LFpxHSC_ { width: 100px; float: left; margin-top: 4px; }
div.checkout-button {width: 200px; float: right; margin: 0 10px 10px 0; }
div.checkout-button #save_button { float: right; }
div.checkout-button div.checkout_loading_gif { float: right; width: 140px; }

div#customer_info input.text { width: 75%; }

div#card_messages { color: #cc0000; }
div#card_info input#order_cc_number { width: 120px; }
div#card_info input#order_cc_cvv { width: 35px; }

div.accepted-cards div.fl { float: left; text-align: left; width: 30%; font-weight: bold; padding-top: 11px; }
div.accepted-cards div.fr { float: right; text-align: right; width: 60%; }

div#store_finder div#tabs { font-size: 100%; }

div#address_info input#order_street,
div#card_billing_info input#order_billing_street { width: 85%; }
div#address_info input#order_zip,
div#address_info input#order_apt,
div#card_billing_info input#order_billing_zip { width: 50px; }
div.tab-wrapper { clear: both; }

div.tab-wrapper div.subtabs {
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #f3f3f3 50%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(50%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#f3f3f3 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#f3f3f3 50%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#f3f3f3 50%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#f3f3f3 50%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	 border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 0;
	margin: 0;
	clear: both;
}

div.tab-wrapper div.subtabs.pickup,
div.tab-wrapper div.subtabs.cash {
	-webkit-border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	-ms-border-top-left-radius: 0px;
	-o-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}

div.tab-wrapper div.tabs {
	margin: 0;
	font-family: tahoma,verdana,sans-serif;
	font-size: 85%;
	clear: both;
	text-align: center;
}

div.tab-wrapper div.tabs ul {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.tab-wrapper div.tabs ul li { float: left; }

div.tab-wrapper div.tabs a, div.tab-wrapper div.tabs span { 
	font-size: 1.5em;
	font-weight: normal;
	top: 1px;
	width: 90px;
	position: relative;
	margin-right: 10px;
	float: left;
	text-decoration: none;
	color: #777;
	padding: 7px;
	border-radius: 5px 5px 0 0;
}

div.tab-wrapper div.tabs span {
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
}

div.tab-wrapper div.tabs a {
	background: none;
	border: none;
}

div.tab-wrapper div.tabs a:hover {
	color: #999;
	border: none;
}

div#delivery_messages div.problem {
	color: #000; 
	background: #fff; 
	border: 2px dotted #cc0000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 5px; 
}
div#delivery_messages div.problem span.source { color: #cc0000; font-weight: bold; font-size: 1.1em; }
div#delivery_messages div.problem p { margin: 2px 5px; }
div.no-delivery { text-align: center; }
div.no-delivery h3 { color: #cc0000; margin-bottom: 10px;}
div.no-delivery p { margin-bottom: 0;}



#main {margin:0 auto; width:980px; text-align:left;}
/* #main { *margin-top: -20px;} */ /* IE ONLY HACK: CB EDIT */
#header, #content, #footer, .container {width:100%; overflow:hidden;} /* EDIT BY CB */

.col-1, .col-2, .col-3, .list-col-1, .list-col-2 { float:left;}

.col-1{width:575px; margin-right:10px}
.col-2{width:330px}
.col-2 .inner {padding:2px 0 14px 0}

/*======= index.html =======*/
#page1 .col-1{width:575px; margin-right:10px}
#page1 .col-2{width:330px}
/*=========================*/

/*======= index-2.html =======*/
#page3 .list-col-1{width:235px; margin-right:40px}
#page3 .list-col-2{width:235px}
/*=========================*/

body { color: #333;}

/* SIDE TAB CODE */

a#rewards_tab {
  position: fixed;
  top: 200px;
  right: 0;
  margin: 0;
  width: 42px;
  height: 102px;
  color: #FFF;
  cursor:pointer;
  text-indent:-99999px;
  overflow:hidden;
  z-index: 40;
  margin-left: -7px;
  background-image: url(/images/rewards_tab.png);
}

a#rewards_tab:hover {
    margin-left: -4px;
}

a#order_tab {
  top: 325px;
  left: 0;
  width: 42px;
  height: 102px;
  color: #FFF;
  cursor:pointer;
  text-indent:-100000px;
  overflow:hidden;
  position: fixed;
  z-index: 100000;
  margin-left: -7px;
  background-image: url(/images/order_tab.png);
}

a#order_tab:hover {
    margin-left: -4px;
}

a.side_tab_right {
  right: 0 !important;
  left: auto !important;
  margin-right: -7px !important;
  margin-left: auto !important;
}
a.side_tab_right:hover {
    margin-right: -4px !important;
    margin-left: auto !important;
}
a.side_tab_bottom {
  top: auto!important;
  bottom: 0 !important;
  left: 20% !important;
  height: 38px !important;
  width: 102px !important;
  background-position: 0 -102px !important;
  margin-bottom: -7px !important;
  margin-left: auto !important;
}
a.side_tab_bottom:hover {
    margin-bottom: -4px !important;
    margin-left: auto !important;
}

/* EDIT CB */
.logo { position: relative; margin: 1px 0 0 28px; width: 251px; height: 140px; *margin-top: -39px; } /*EDIT BY CB*/
.order {position:relative; float: right; margin: 28px 37px 0 0; clear: both; *margin-top: -75px;} /* EDIT BY CB */
.menu {position:relative; margin:0px 0 0 38px;} /* EDIT CB */
.menu img {margin-right:2px}
.slogan {position:relative; margin:40px 0 0 75px; display: inline;} /* EDIT CB */
#nav { position: relative; float: right;color: #fff; padding: 0 2px 2px 2px; font-weight: bold;} /* EDIT BY CB */

.social-links { clear: both; margin-top: 10px; }
.social-links img { margin-right: 10px; }
#facebook_incentive { margin-right: 10px;}
#facebook_incentive #flash_wrapper { margin: 0; }
div.bold { font-weight: bold; }

div.activate {
	width: 400px;
	margin: 0 auto; 
}

div.activate img { margin-right: 10px; float: left; display: block; }

div.activate div.inner,
div.rewards_list div.inner {
	border: 1px solid #ccc; 
	padding: 15px;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #f3f3f3 50%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(50%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#f3f3f3 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#f3f3f3 50%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#f3f3f3 50%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#f3f3f3 50%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	 border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin: 10px 0 15px 0;
	height: 320px;
}

div.activate div.inner div.explanation,
div.rewards_list div.inner div.explanation { 
	margin: 10px; padding: 10px; 
}

div.rewards_list h2 { margin-bottom: 10px; }
div.rewards_list span.emphasis { color: #ff3333; background: #ffea00}
div.rewards_list ul { 
	margin: 10px 25px; padding: 5px; 
	line-height: 12px; list-style-image:url('/images/icons/small-list-arrow.png'); }
div.rewards_list ul.rewards li { padding: 2px 0; }
div.rewards_list ul.rewards li span.name { font-weight: bold; float: left; }
div.rewards_list ul.rewards li span.fr { text-align: right; }

div.rewards_list span.footnote { font-style: italic; color: #ff3333; }

/* CSS Shared between Admin and Main Site */

.minimal {
  background: #e3e3e3;
  border: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 6px 0 7px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  width: 75px; }

  .minimal:hover {
    background: #d9d9d9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer; }

  .minimal:active {
    background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000; }

		a.minimal {
			float: right; 
			margin-left: 10px; 
			display: block; 
			text-decoration: none;
		}

		input[type="submit"].minimal {
			margin-right: 5px;
			padding: 4px 0 5px;
			width: 60px;
		}
		
		/* button (inspired by thoughtbot.com) */
			a.save_button { display: block; }
			div.item_customizer input.save_button,
			div.customize_item input.save_button,
			input#save_button, input.save_button,
			a.save_button {
		  background-color: #ee432e;
		  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
		  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
		  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
		  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
		  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
		  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
		  border: 1px solid #951100;
		  -webkit-border-radius: 5px;
		  -moz-border-radius: 5px;
		  -ms-border-radius: 5px;
		  -o-border-radius: 5px;
		  border-radius: 5px;
		  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
		  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
		  -ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
		  -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
		  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
		  color: #fff;
		  font: bold 20px "helvetica neue", helvetica, arial, sans-serif;
		  line-height: 1;
		  padding: 7px 0 9px 0;
		  text-align: center;
		  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
		  width: 140px; 
			margin-top: 19px;
			margin-bottom: 10px; }
		  div.item_customizer input.save_button:hover,
			div.customize_item input.save_button:hover,
			input#save_button:hover, input.save_button,
			a.save_button:hover {
		    background-color: #f37873;
		    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
		    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
		    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
		    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
		    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
		    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
		    cursor: pointer; }
		  div.item_customizer input.save_button:active,
			div.customize_item input.save_button:active,
			input#save_button:active, input.save_button,
			a.save_button:active {
		    background-color: #d43c28;
		    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
		    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
		    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
		    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
		    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
		    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
		    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
		    -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
		    -ms-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
		    -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
		    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); }
		
/* USER / ADMIN NAVIGATION MENU */

#main-nav {
	float: right;
	font-size: 16px;
	margin: 15px 50px 0 0;
}

#main-nav a {
	color: #2c2b2b;
	font-weight: normal;	
	text-decoration: none;
}

#main-nav a:hover {
	text-decoration: none;
}

#main-nav ul li {
	float: left;
	list-style: none;
	margin: 0px 4px;
}

.nav-item {
	padding: 6px 16px 8px;
	position: relative;
	z-index: 9000;
}

.dropdown:hover .nav-item {
	background: #fff url(/images/navigation/nav-btn-bg.gif) repeat-x 0 bottom;
	padding: 6px 15px 7px;
	border-top: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 2px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;	
}

.nav-item:active {
	border-bottom-width: 1px;
}

#main-nav #nav-selected {
	color: #fff;
	border: none;
	padding: 6px 16px 7px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

#main-nav .dropdown:hover #nav-selected {
	padding-bottom: 13px;
	border: none;	
}

.dropdown {
	position: relative;
}

.dropdown:hover {
	background: #fff;
}

.dropdown:hover .nav-item {
	background: #f4f4f4 none;
	padding-bottom: 13px;
	border-bottom: none;	
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

.dropdown-wrap, .nav-flyout ul {
	width: 130px; /*Drowndown and Sub-Nav Menus Width. If you change the width here, you must also change the Sub-Nav Menu Position below to match the width here. Otherwise the submenu will not appear in the right location. */
	display: none;
	padding-bottom: 10px;
	position: absolute;
	z-index: 8999;
	top: 31px;
	left: 0;
}

.nav-flyout {
	position: relative;
}

.nav-flyout ul {
	left: 130px; /*Sub-Nav Menu Position*/
	top: 0;
}

.dropdown .dropdown-wrap, .nav-flyout ul {
	background: #d4d4d4 url(/images/navigation/dropdown-bg.gif) repeat-x 0 top;
	border-top: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 2px solid #818080;
	border-left: 1px solid #c3c3c3;	
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown:hover .dropdown-wrap, .dropdown-wrap > .nav-flyout:hover > ul, .nav-flyout .nav-flyout:hover > ul, .nav-flyout .nav-flyout .nav-flyout:hover > ul {
	display: block;
}

#main-nav ul li .dropdown-wrap li {
	float: none;
	margin: 0;
}

#main-nav ul li .dropdown-wrap li:first-child a {
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;	
}

#main-nav ul li .dropdown-wrap li a {
	display: block;
	padding: 5px 12px;
	font-size: 14px;
}

#main-nav ul li .dropdown-wrap li a:hover {
	background-color: #fff;
}


br.cb, li.cb, span.cb { display:block;height:0;font-size:1px;line-height:0px; } br.cb { content: " "; } .cb { clear: both; } .cr { clear: right; } .fr { float: right; } .cl { clear: left; } .fl { float: left; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .justify { text-align: justify; } .italic { font-style: italic; } .bold { font-weight: bold; } .underline { text-decoration: underline; } .hidden { visibility: hidden; } .round-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .round-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.gradient {
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #f3f3f3 50%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(50%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#f3f3f3 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#f3f3f3 50%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#f3f3f3 50%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#f3f3f3 50%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

body { background: #fff url('/images/store/body_bg.jpg') repeat-x;  font-family: "Times New Roman" }
#main {  background: #fff;  }
#header { height: 209px; background: #fff url('/images/store/header_bg.jpg') repeat-x; }

#header h1 { display: block; float: left; }
#header h1 a {
display: block;
  height: 133px;
  width: 228px;
         margin-top: 13px;
         margin-right: 12px;
  padding: 0;
  text-indent: -9999px;
  background: transparent url('/images/store/halo-logo.png') no-repeat;
}

#footer { background: #526284; color: #fff; border-top: 5px solid #3a4967 }
#footer a, #footer a:visited { color: #fff; text-decoration: none; }
#footer div.inner { padding-top: 15px; }
#content { background: #fff; padding-top: 15px; }
div.checkout-process { border: none;}
#header div.menu { padding-top: 12px; clear: both; margin-left: 0;}
#header div.menu ul { color: #fff; height: 46px; font-size: 1.5em; margin-left: 15px; }
#header div.menu ul li {
  padding: 8px 0 0 0;
  float: left;
  list-style: none;
} 
div#social_links { margin-bottom: 15px;}
#header div.menu ul li a { padding: 0 5px; text-decoration: none; color: #fff; }
#header div.menu ul li a:hover { color: #ffffcc;}
#header div.menu ul li:after {
  content: "|";
}
#header div.menu ul li.last:after {
  content: "";
}

#nav, #facebook {  width: 300px;  display: block; float: right; clear: right; }

.slogan { display: block; margin: 25px 0 0 35px; float: left; }

div#promo-area img { margin-right: 10px; }


img.logo { width: 320px; }
div#welcome_box_bg { background: url("/images/store/welcome_text_bg.jpg") no-repeat; }

   /*
    Light Beige #a8996d
    Dark Brown #653600
    Dark Red #b9131a
    Bright Red #ec1c23
  */

div#right_col div.blurb, div#main_col div.blurb {
color: #000;
background: #fff;
padding: 15px;
margin-bottom: 15px;
font-size: 14px;
}

div#main_col div.blurb { margin-left: 180px; }

div.col-1 div#main_col {
width: 540px;
height: 425px;
color: #484848;
background: white url('/images/store/left-column-bg.jpg');
padding: 15px;
}

div#right_col {
background: white url('/images/store/right-column-bg.jpg') no-repeat;
padding: 15px;
width: 300px;
height: 425px;
}

div.blurb p.last { margin-bottom: 0; }
div.col-1 div#main_col h1 { font-size: 1.7em; margin-bottom: 15px; }

div.halo_food { clear: both; }
div.halo_food h2 { margin-bottom: 10px; }

span.halo_warning { color: #b00; }
div.halo_hours { font-size: 1.2em; width: 400px; margin: 0 auto; padding: 10px; }

div.halo_order { width: 300px; text-align: center; padding: 10px; margin: 10px auto;   border: 5px solid #526284; border-radius: 5px;   background: #f9f2e0;
}
div.halo_order div.halo_text { font-size: 1.5em; }
div.halo_order a.save_button { margin: 10px auto; text-decoration: none;}
div.halo_order a.save_button:hover { text-decoration: none; }

div.halo_food div.food_item { width: 33%; float: left; text-align: center; font-style: italic; }

div.halo_left { float: left; width: 60%; margin-right: 15px; }
div.halo_right { float: left; width: 30%; }
div.halo_left div.halo_local { width: 178px; margin-left: 15px; float: right; }

div.halo_left h2, div.halo_right h2 { margin: 15px 0; clear: both; font-size: 1.6em;  }

ul.footer-menu li.coupon-link,
ul.sf-menu li.coupon-link { display: none; }
div#store_address div.store a {
display: none;
}
div.facebook-bg {
width: 200px; background: #fff;  clear: right; height: 65px; margin-top: 25px;
       margin-right: 50px; 
}
