/* @group reset */
* { margin:  0; padding: 0; }
ul { list-style: none; }
p { margin: 0 0 10px 0; }
a img, frameset { border: 0; }
/* @end */

/* @group utility */
.clear {
	height: 1px;
	clear: both;
	margin-top: -1px;
	overflow: hidden;
}
.row:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.add_top, #add_top { margin-top: 15px; }
.add_bottom, #add_bottom { margin-bottom: 15px!important; }
.no_bottom { margin-bottom: 0; padding-bottom: 0; }
.no_top { margin-top: 0; }
.no_border { border: 0; }
.left { float: left; }
img.left { margin: 0 15px 15px 0; }
.right { float: right; }
img.right { margin: 0 0 15px 15px; }
.text_right { text-align: right; }
.text_larger { font-size:  1.2em; line-height: 1.4em; }
.hide { display: none; }
.bold { font-weight: bold; }
.emphasis { font-style:italic; }


h2, h3, h4, h5 { }
h2 { font-size: 150%; margin: 25px 0; }
h3 { font-size: 130%; margin: 0; font-weight: normal;}
h4 { font-size: 115%; margin: 15px 0; }
h5 { font-size: 105%; margin: 5px 0; }

/* @group -links */
a, a:link { color: #666666; text-decoration: underline; }
a:visited {}
a:hover { text-decoration: none; }
a:active {}
/* @end */
	

/* @group -form elements */
button { 
	cursor: pointer; 
	width: auto;
	overflow: visible;
}
#buttons, #submit{
	margin-top: 10px;
}
.button-wrapper{
	border-top: 1px solid #dad9d7;
	padding-top: 10px;
}
#buttons p a{
	color: #666666;
}
input.button{
	border: 0;
	padding-top: 0px;
	color: #fff;
}
.button input { 
    padding: 6px 10px; 
	text-transform: capitalize; 
	background: #f3852f; 
	color:#fff; 
	margin-top: 15px; 
	border: 2px solid #e4731b;
}

label { font-weight: bold; }
fieldset { border: 0; }
legend { display: none; }
	/* @end */

/* HR replacement */
.hr{
	clear: both;
	width: 445px;
	height: 1px;
	border-top: 1px solid #e6e3df;
}

/* @end */
/* @group =base */

body {
	background: #ff911e url(../images/pagebg.gif) 0 0px repeat;
	font: 62.5% Verdana, Geneva, sans-serif;
	color: #464646;
}
#wrapper-content{	position: relative; background:url(../images/headerbg.gif) 0 0 repeat-x; }

/* @group -header */

#header{
	background: #fff;
	margin: 0px auto 0 auto;
	width: 930px;
	position: relative;
	z-index: 90;
}
#header .logo a{
	background: #fff url(../images/stgermaincatering.gif) 12px 41px no-repeat;
	width: 484px;
	height: 171px;
	display: block;
	text-indent: -5000px;
	outline: none;
}
#subheader{
	width: 925px;
	position: relative;
    background:url(../images/homebanner.png) 0 0 no-repeat;
    border:0;
    margin: 0 auto 0 auto;
	z-index: 80;
    padding-bottom:27px;
	overflow: hidden;
}
#subheader-images{
	position: absolute;
	text-align: left;
	right: 10px;
    top:7px;
	bottom: 0;
	overflow: hidden;
	height: 261px;
	width: 426px;
	z-index: -1;
}

/* @group subheader images */
#internalphoto{
 background:url(../images/internal_subheader.png) 0 0 no-repeat;
 width:913px;
 margin:0 auto;
 padding:10px 10px 0px 10px;
 height:154px;
}
#internalphoto h1{
font-size:22px;
color:#de5b04;
padding-bottom:6px;
}
#internalphoto h2{
 color:#555;
 font-size:12px;
}
#internalphoto #banner{height:131px;}
.subheader-home{
	background: url(../images/bg-subheader.png) 0 0 no-repeat;
}
.subheader-general{
	background: url(../images/chefs.jpg) 0 0 no-repeat;
}


.subheader-events{
	background: url(../images/bg-subheader-events.jpg) 0 0 no-repeat;
}
.subheader-general1, .subheader-menu-appetizers{	background: url(../images/appetizers.jpg) 0 0 no-repeat;}
.subheader-general2, .subheader-menu-breakfast{	background: url(../images/breakfast.jpg) 0 0 no-repeat;}
.subheader-general4, .subheader-menu-salads{ 	background: url(../images/salads.jpg) 0 0 no-repeat;}
.subheader-general3, .subheader-menu-beverages { 	background: url(../images/beverages.jpg) 0 0 no-repeat;}
.subheader-general5, .subheader-menu-desserts{ 	background: url(../images/desserts.jpg) 0 0 no-repeat;}
.subheader-general6, .subheader-menu-entres{ 	background: url(../images/entrees.jpg) 0 0 no-repeat;}
.subheader-general7, .subheader-menu-healthy-menu-options{ 	background: url(../images/healthy-options.jpg) 0 0 no-repeat;}
.subheader-general8, .subheader-menu-lunch{ 	background: url(../images/lunch.jpg) 0 0 no-repeat;}
.subheader-general9, .subheader-menu-mid-day-snacks{ 	background: url(../images/mid-day-snacks.jpg) 0 0 no-repeat;}
.subheader-general10, .subheader-menu-plasticware{ 	background: url(../images/plasticware.jpg) 0 0 no-repeat;}

.subheader-menu-appetizers{	background: url(../images/appetizers.jpg) 0 0 no-repeat;}
.subheader-menu-breakfast{	background: url(../images/breakfast.jpg) 0 0 no-repeat;}
.subheader-menu-salads{ 	background: url(../images/salads.jpg) 0 0 no-repeat;}
.subheader-menu-beverages { 	background: url(../images/beverages.jpg) 0 0 no-repeat;}
.subheader-menu-desserts{ 	background: url(../images/desserts.jpg) 0 0 no-repeat;}
.subheader-menu-entres{ 	background: url(../images/entrees.jpg) 0 0 no-repeat;}
.subheader-menu-healthy-menu-options{ 	background: url(../images/healthy-options.jpg) 0 0 no-repeat;}
.subheader-menu-lunch{ 	background: url(../images/lunch.jpg) 0 0 no-repeat;}
.subheader-menu-mid-day-snacks{ 	background: url(../images/mid-day-snacks.jpg) 0 0 no-repeat;}
.subheader-menu-plasticware{ 	background: url(../images/plasticware.jpg) 0 0 no-repeat;}


.subheader-home1{
	background: #f1eeea url(../images/bg-subheader-homeholidays1.jpg) 0 0 no-repeat;
}
.subheader-home2{
	background: #f1eeea url(../images/bg-subheader-homeholidays2.jpg) 0 0 no-repeat;
}
.subheader-home3{
	background: #f1eeea url(../images/bg-subheader-homeholidays1.jpg) 0 0 no-repeat;
}
.subheader-home4{
	background: #f1eeea url(../images/bg-subheader-homeholidays2.jpg) 0 0 no-repeat;
}
.subheader-home5{
	background: #f1eeea url(../images/bg-subheader-pepper.jpg) 0 0 no-repeat;
}

.subheader-menu-monthlyspecials{
	background: url(../images/bg-subheader-cherry.jpg) 0 0 no-repeat;
}
.subheader-menu-sideslightfare{
	background: url(../images/bg-subheader-menu-pepper.jpg) 0 0 no-repeat;
}
.subheader-menu-assortedplatters, .subheader-menu-servingware, .subheader-menu-spreads{
	background: url(../images/bg-subheader-menu-servingware.jpg) 0 0 no-repeat;
}
.subheader-menu-staffservice{
	background: url(../images/bg-subheader-event.jpg) 0 0 no-repeat;
}
.subheader-event{
	background: url(../images/bg-subheader-event.jpg) 0 0 no-repeat;
}
.subheader-checkout{
	background: url(../images/bg-subheader-checkout.jpg) 0 0 no-repeat;
}
.subheader-checkout h1 { color: #ffffff; }

/* @end */
.search{
 padding-top:20px;
}
#column-sub .search-button{
	background: #a1b1c3 url(../images/btn-search.png) 0 0 no-repeat;
	text-indent: -5000px;
    top:1px;
    position:relative;
	width: 28px;
	height: 25px;	border: 1px solid #8a9fb5;
}
#column-sub .search-query{
	border: 1px solid #a6b5c6;
	font-size: 15px;
	line-height: 12px;
	color: #6e86a0;
	background: #fefefe url(../images/bg-search.png) 0 0 repeat-x;
	margin-right: -4px;
	padding: 3px 3px 2px 3px;
	width: 110px;
}
/* @end */

/* @group -navigation */
#nav { 
    height:45px;
    width: 870px;
    padding-left:60px;
    font-family:Georgia, "Times New Roman", Times, serif;
    background:url(../images/headerbg.gif) 0 100% repeat-x;
}
.clear{
 clear:both;
}
#nav .menu, #nav .menu ul {
 float: left;
 list-style: none;
 padding: 0;	
 z-index:999999;
 list-style-image:none;
}
#nav .menu a {
 display: block;
 color: #fff;
 font-size:18px;
 z-index:99995;
 text-decoration: none;
 border:0;
 outline:none;
 padding: 13px 36px 10px 36px;
 background:url(../images/navdivider.gif) 100% 0 no-repeat;
 
}
#nav .menu .last a{background-image:none;}
#nav .menu li {
 float: left;
 padding:0;
 margin:0;
 background:none;
 list-style-image:none;
 list-style-type:none;
 z-index:99990;
}
#nav .menu li ul {
 position: absolute;
 left: -999em;
 height: auto;
 width: 170px;
 w\idth: 170px;
 background:#ff7c23;
 margin: 0;
 z-index:99980;
}
#nav .menu li li {
 width: 170px;
 border:0;
 background:#ff7c23;
 list-style-image:none;
 z-index:99975;
}
#nav .menu li ul a{
 width: 170px;
 w\idth: 170px;
 color:#fff;
 background:#ff7c23;
 padding:6px 5px 6px 14px;
 text-transform:capitalize;
 font-size:14px;
 z-index:99970;
}

#nav .menu li li:hover, #nav .menu li ul a:hover, #nav .menu li li.first a:hover, #nav .menu li li.last a:hover, #nav .menu li li a:hover, #nav .menu li li.leaf a:hover, #nav .menu li li.collapsed a:hover, #nav .menu li li.active-trail a.active{
 color:#fff;
 background:#e65c00;
}
#nav a:hover, #nav .menu li a.active, #nav .menu li.active-trail a, #nav a.current{
 color:#000;
}
#nav .menu li ul ul {	margin: -1.75em 0 0 14em; display: none;}
#nav .menu li:hover ul ul, #nav .menu li:hover ul ul ul{	left: -999em;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li li li:hover ul {left: auto;}
#nav .menu li:hover, #nav .menu li.active-trail {background:url(../images/navholder_hover.gif) 50% 0 no-repeat;} 


#nav-utility{
	position: absolute;
	top: -6px;
    background:#ffedcc;
    border:7px solid #ffe6b8;
	padding: 0 1px 0px 1px;
	font-size: 110%;
	height: 35px;
	right: 10px;
}
#nav-utility ul{
	color: #707070;
	padding: 10px 6px 4px 6px;
}
#nav-utility ul li{
	display: inline; 
 }
#nav-utility ul li a{
	color: #707070;
 display:block;
 float:left;
 padding:0 7px 0 7px;
 background:url(../images/utilnavdivider.gif) 100% 2px no-repeat;
 text-decoration:none;
}
#nav-utility ul li a:hover{text-decoration:underline;}
#nav-utility ul li.phone{
 font-weight:bold;
 padding-left:5px;
 color:#e15802;
 background:none;
}
#nav-utility #login-nav{font-weight:bold;}

/* @end */
	
/* @group -footer */
#wrapper-footer{
 background:#fff;
 width:890px;
 margin:0 auto;
 text-align: center;    
position: relative;
	z-index: 45;
	top: -25px;
}
.footer, .copyright{
	width:932px;
    position: relative;
    text-align: center;
    z-index: 500;
}
.footer{
    padding: 60px 20px 0px 20px;
    margin: 0 auto 6px auto;
    top: -15px;
}
.copyright{
	margin: 0 auto;
    padding: 0px 20px 10px 20px;
}
.footer, .footer-links a{
	color: #636363;
 font-weight:bold;
 text-decoration:none;
}
.footer-links a:hover{text-decoration:underline;}
.footer-links a.newsletter{
	text-decoration: none;
	font-weight: bold;
	color: 	#636363;
}
.footer-links{
	text-align: center;	
}
.footer-links li{
	display:inline;
	margin: 0px 10px 0px 0px;
}
.footer-links a{
	margin-right: 10px;
}
#subfooter-clients{
    color:#B2A697;
   	background: #443329;
   	border: 1px solid #4f4037;
 	width:932px;
   	position: relative;
   	margin: 0 auto;
   	z-index: 50;
  	padding: 3px;
}
#subfooter-clients a{
	color: #ded8d0;
}
.clients{
	background: #453329 url(../images/bg-clients.png)  top left repeat-x;
	padding: 10px 0px;
	
}
.clients dl{
	height: 95px;
	padding-top: 10px;
}
.clients dl.clients-about{
	width: 335px;
	padding-right:20px;
	float: left;
}
.clients dl.clients-about dt{
	padding-right: 10px;
}
.clients dl.clients-about a{
	font-weight:bold;
}
.clients dl.clients-hear{
	width: 340px;
	float: left;
	border-left: 1px solid #705e50;
	padding-left: 110px;
	padding-right: 10px;
	background: url(../images/bg-facebook.png) no-repeat 0 3px;
}
.clients dl.clients-hear a{
	font-weight:bold;
}
.clients dt{
	font: italic 1.8em Georgia, "Times New Roman", Times, serif;
	color: #e2dbd3;
	margin-bottom: 10px;
}
.clients dd{
	font-size: 1.2em;
}
.clients a.request-tasting{
	font-size: 1em;
}
.clients h4{
	float: left;
	width: 74px;
	height:  90px;
	margin: 10px 10px 10px 10px;
	font: italic 2.2em Georgia, "Times New Roman", Times, serif;
	color: #e2dbd3;
	background: url(../images/bg-holidaycup.png) no-repeat 0 3px;
	text-indent: -9000px;
}
.clients ul{
	float: left;
	padding: 15px 25px 5px 25px;
	width:  135px;
}
.clients blockquote{
	color: #c9b695;
	font: 1.55em Georgia, "Times New Roman", Times, serif;
	padding: 17px 20px 17px 20px;
}
#subfooter-callouts{
    color:#fff;
    height:198px;
   	background: #95c82a url(../images/footerbg.gif) 0 0 repeat;
   	position: relative;
   	margin: 0 auto;
   	z-index: 50;
  	padding: 0px;
}
#subfooter-callouts a{
	color: #fff;
}
.callouts{
 padding: 0px;
 width:890px;
 margin:0 auto;
}

.subfooter-chefs {
	float: left;
	width: 547px;
	padding: 0px;
}
#footer-images {
	float: left;
	display: inline;
	position: relative;
}
#footer-images img {
float:left;
padding-top: 0;
margin:0 16px 0 0;
}
.subfooter-chefs h4, .subfooter-connect h4 {
	margin-top: 33px;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:18px;
	font-weight: normal;
}
.subfooter-chefs p, .subfooter-connect p {
	font-size: 11px;
 font-family:Verdana, Geneva, sans-serif;
}
.subfooter-chefs p img{
 float:right;
 margin:0 0 20px 20px;
}
.subfooter-connect{
	width: 276px;
	float: left;
	padding: 0px 0px 0px 35px;
}
.subfooter-connect p img{
 position:relative;
 top:6px;
 margin-left:6px;
 }

.subfooter-chefs a, .subfooter-connect a{
	font-weight: bold;
	color: #ffffff;
}

#subfooter-menu{
 	position: fixed;
 	bottom: 0;
 	width:100%;
 	z-index: 500;
}
#menu{
  	width:940px;
  	margin: 0 auto;
  	text-align: right;
}
.order-menu{
	background: #705b4d;	    
	text-align: left;
}
.menu-container{
	background: #95c05d;	    
	text-align: left;
	border: 2px solid #90b95a;
}
.order-preview{
	padding: 5px 10px;
}
.current-total{
	float: left;
}
.current-total h4, .current-total p{
	float: left;
	margin: 0;
	font-size: 1.4em;
	font-weight: 400;
}
.current-total h4, .current-total p.latest{
	padding: 5px 10px;
}
.current-total p.subtotal{
	background: #779e45;
	text-align: right;
	padding: 5px;
	width: 130px;
}
.current-total p.latest{
	font-size: 1.2em;
}
.current-total span.latest-choice{
	font-style: italic;
	padding: 0px 4px;
}
.current-total span.highlight{
	background-color: #bd5444;
}
.current-total h4, .current-total p.subtotal, .current-total p.latest, .current-total p.latest a{
	color: #fff;
}
.edit-order{
	float: right;
	width: 200px;
}
.order-items{
	display: none;
}
.list-left{
	float: left;
	padding: 30px 15px 30px 30px;
}
.list-right{
	float: right;
	padding: 30px 30px 30px 15px;
}
.item-list{
	width:  400px;
}
.item-list li{
	border-bottom: 1px solid #67574a;
	margin-bottom: 10px;
	font-size: 1.2em;
}
.item-list p.quantity{
	float: left;
	width: 40px;
	text-align: center;
}
.item-list p.quantity a{
	background: url(../images/btn-remove.png) left center no-repeat;
	text-indent: -9000px;
	display: block;
	width: 15px;
	height: 15px;
	float: left;
}
.item-list p.item-name{
	float: right;
	width: 350px;
}
#menu .menu-tab{
	background: url(../images/btn-my-menu.png) no-repeat;
	width: 156px;
	height: 35px;
	border: 0;
	text-indent: -90000px;
}
#menu .open{
	background: url(../images/btn-my-menu-open.png) no-repeat;
}

#footer-social { 
float: left; 
padding-right: 15px;
}
#footer-social li a {
display:block;
width: 35px;
height: 36px;
text-indent: -9999px;
margin-bottom: 5px;
outline: none;
}
.link-facebook {
background:url(../images/ico-facebook.png) no-repeat;
}
.link-twitter {
background:url(../images/ico-twitter.png) no-repeat;
}
.link-linkedin {
background:url(../images/ico-linkedin.png) no-repeat;
}
#start{
width: 410px;
float: left;
color:#555;
}

#start1{
width: 500px;
float: left;
margin-right:20px;
padding-top:20px;
color:#555;
margin-left:-150px;
}
#loginbox{
width: 300px;
float: left;
padding-top:20px;
color:#555;
}

#start h1{
	font:22px Georgia, "Times New Roman", Times, serif;
    color:#de5b04;
   margin:0 0 10px 0;
}
#start h1 a{
 color:#de5b04;
 text-decoration:none;
}
#start a:hover{text-decoration:underline;}
#start h2{font-size:12px; padding:0; margin:0 0 8px 0;}
#start p, #loginbox p{ font-size: 11px; line-height:16px;  }

/* @group red buttons on homepage */
#start a#order-now-button, #start a#contactnow{
width: 153px;
height: 90px;
display: block;
float:left;
color: #fff;
padding:10px 28px 0 18px;
margin:0;
background:url(../images/orangebutton.jpg) 0 0 no-repeat;
text-decoration:none;
font-size: 14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#start a#order-now-button{ margin-right:10px;}
#start a#order-now-button:hover, #start a#contactnow:hover{color:#000;}
#start a#order-now-button span, #start a#contactnow span{font-size:16px; font-weight:bold;}
/* @end */

/* @group smaller red buttons for sandstone pages */
a.place-order-small, a.plan-event-small{
	width: 124px;
	height: 22px;
	display: block;
	text-indent: -90000px;
	outline: none;
}
a.place-order-small{
	background: url(../images/bg-btn-placeorder-sm.png) no-repeat;
	margin-top: 20px;
}
a.plan-event-small{
	background: url(../images/bg-btn-planevent-sm.png) no-repeat;
	margin-top: 10px;
}
a.place-order-small:hover, a.plan-event-small:hover{
	background-position: bottom left;
}
/* @end */

#home-actions{
	width: 889px;
	padding: 20px 0 30px 35px;
}
#home-login{
font-size: 9px;
position:absolute;
margin:-115px 0 0 590px;
}
#home-login a{ color: #698fb0; }
#home-login input.text{
	border: 1px solid #c4c4c3;
	color: #444;
	padding:3px 5px;
	width: 120px;
 font-size:11px;
	margin-right: 3px;
}
#home-login .forgotpwd{
 padding-left:140px;
}
#home-login h3{
	font-size: 11px;
	margin-bottom: 10px;
	font-weight: bold;
color:#e15802;
}
#home-login h3 span{
	font-size: 1.3em;
	margin-bottom: 10px;
}#home-login form{
 padding-bottom:16px;
}
#home-login #login-button{
	border: 0;
	width: 50px;
	height: 18px;
	background: url(../images/btn-login.gif) no-repeat;
 color:#ff8f43;
 font-size:0px;
top:-3px;
 position:relative;

}
.user-past li{
	background: url(../images/ico-bullet-small.png) left center no-repeat;
	padding-left: 10px;
	margin-bottom: 10px;
}
/* @end */

/* @group callouts */

#callout-rewards {
	float:left;
	width: 200px;
	background: #d2c4ad url(../images/bg-callout-specials.png) bottom left repeat-x;
	color: #fff;
	border: 5px solid #d1bfa0;
}
#callout-rewards a {
	color: #fff;
	background: #d2c4ad url(../images/bg-btn-learnmore.png) top left repeat-x;
	display:block;
	width:120px;
	height:32px;
	text-indent:-5000px;
}
#callout-rewards a:hover {
	background-position:0 -32px;
}
#callout-rewards p {
	padding: 10px;
	font-size: 1.2em;
	margin-bottom: 0;
	line-height: 1.4em;
}
#callout-rewards ul {
	padding: 0 15px;
	font-size: 1.2em;
	line-height: 1.4em;
}
#callout-rewards ul {
	font-weight:bold;
}
#callout-rewards h3 {
	font-size: 1.6em;
}
#callout-rewards h3{
	padding: 10px 7px 10px 40px;
	background: #bba888 url(../images/ico-star.png) 5px center no-repeat;
	font-weight:bold;
}
#callout-tastings h3{
	font-size: 1.6em;
}
#callout-tastings p{
	color: #fff;
	font-size: 1.2em;
}

#callout-tastings{
	float:right;
	width: 195px;
	padding: 0 0 0 0;
	color:#fff;
}
#callout-tastings a{
	text-decoration:none;
	color:#fff;
}
#callout-tastings span{
	color: #BB4A3A;
}
#callout-tastings h3{
	padding: 10px 0px 2px 0px;
	margin-bottom: 0px;
	font-weight:bold;
}
#callout-tastings p{
	line-height: 1.1em;
}
.have-taste a{
	margin-left: 45px;
	display:block;
	color:#fff;
}
.have-taste{
	padding: 7px 10px 10px 12px;
	margin-top:20px;
	background: #6c87a1 url(../images/ico-tasting.png) no-repeat 10px 15px;
}
#callout-catering {
	float: left;	
	width: 514px;
	padding: 0px 0 0px 30px;
}
#callout-catering h2 {
	margin: 14px 0 2px 0;
	color: #ff7c23;
	font: 14px Georgia, "Times New Roman", Times, serif;
}
#callout-catering img {
margin:0 20px 0 0;
float: left;
}
#callout-catering h1{
 font-size:20px;
 color:#81bd32;
 padding-bottom:10px;
 text-transform:uppercase;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}
#callout-catering .green {
color:#81bd32;
font-weight: normal;
text-decoration: none;
font-style: italic;
}
#callout-catering p {
	color: #464646;
	line-height: 14px;
	font-size: 11px;
}
#callout-catering .boxed-lunch-btn, #callout-catering .btn-newmenu {
	display: block;
	text-indent: -9000px;
	width: 200px;
	height: 28px;
	outline: none;
}
#callout-catering .boxed-lunch-btn {
	background: url(../images/bg-btn-boxed-lunches.png) 0 0 no-repeat;
}
#callout-catering .btn-newmenu {
	background: url(../images/bg-btn-newmenu.png) 0 0 no-repeat;
}
#callout-catering .boxed-lunch-btn:hover, #callout-catering .btn-newmenu:hover {
	background-position: 0 -28px;
}
#callout-boxes {
	float: right;
	width: 284px;
	padding-right: 32px;
}
.callout-monthlyspecials .monthlyspecial{margin:0 7px 0 0px;}
.callout-monthlyspecials{margin-bottom:7px;}
.express-menu a, .holiday-menu a, .rssFeed a {
	display:block;
	color: #464646;
	text-decoration: none;
}
.express-menu p a, .holiday-menu p a, .rssFeed p a{
	font-size: 1.1em;
}
.express-menu h3 a, .join-list h3{
	color: #464646;
	font-weight: bold;
	font-size: 14px;
    padding-bottom:8px;
	text-decoration: none;
}
.holiday-menu h3, .rssFeed h3{
 padding:12px 0 6px 0;
 	color: #464646;
	font-weight: bold;
	font-size: 14px;
}
.express-menu, .join-list {
	padding:10px 20px 10px 12px;
	margin-bottom: 10px;
}
.express-menu {
	padding-top: 15px;
	padding-bottom: 15px;
}
.holiday-menu img, .rssFeed img{
float:left; margin-right:10px;
}
.express-menu {
	background: #f1eeea url(../images/bg-callout-menu.png) 0 50% no-repeat;
}

.holiday-menu {
	background:#e6f2d5 url(../images/callout_bg.gif) 0 50% no-repeat;
 margin-bottom:7px;
}
.rssFeed {
	background:#e6f2d5 url(../images/blogfeed_bg.gif) 0 50% no-repeat;
    margin-bottom:6px;
    padding-left:85px;
    padding-right:8px;
    padding-bottom:3px;
}

.join-list {
	background: #e6f2d5;
}
.join-list p {
	font-size: 11px;
	color: #464646;
}
.join-list form{
	padding-top: 0px;
}
.join-list label{
	display: none;
}
.join-list input{
	padding: 3px 5px;
	color:  #444;
	border: 1px solid #b7b7b7;
	font-size: 11px;
	width: 150px;
	margin-left: 0;
	float: left;
}
.join-list button{
	background: url(../images/btn-join.gif) no-repeat;
	height: 21px;
	width: 43px;
	border: 0;
	text-indent: -9000px;
	margin-left: 5px;
}
/* @end */

#gallery-foods{
	background: #f5efce;
	height: 150px;
	position: relative;
	top: 20px;
	margin-bottom: 20px;
}
#mainpage, #subpage{
	width:890px;
	position: relative;
	margin: 0 auto;
	z-index: 50;
}
#subpage{
	padding: 10px;
	width: 870px;
    background:#fff;
    margin-top:-14px;
}
#mainpage {
	padding: 20px 0px;
 	background:#fff;
    margin-top:-30px;
}
#banner{
	padding: 40px 0 40px 45px;	
}
#banner h1{
	font: 2.8em Georgia, "Times New Roman", Times, serif;
}
#banner h2{
	font-size: 1.255em;
	margin: 0;
}
#column-sub{
	width: 164px;
	float: left;
}
#column-main{
	float: right;
	width: 706px;
	min-height: 400px;
}
/*body.earnRewardsWithEachOnlineOrder #subpage {
	padding: 20px 40px;
	width: 860px;
}*/
body.earnRewardsWithEachOnlineOrder #subpage h2 {
	font-weight: normal;
	font-size: 2.2em;
}
body.earnRewardsWithEachOnlineOrder #subpage a {
	color: #BB4A3A;
}
body.earnRewardsWithEachOnlineOrder #column-main {
	width: 620px;
}
body.earnRewardsWithEachOnlineOrder #column-sub {
	font-size: 1.2em;
	width: 180px;
}
body.earnRewardsWithEachOnlineOrder .info-container {
	padding: 0;
}

body.earnRewardsWithEachOnlineOrder .info-container img {
	float: left;
}

body.earnRewardsWithEachOnlineOrder #column-main ul {
	/*width: 100px;*/
	font-size: 0.9em;
}
/* @group page tools */

.tools{
	float: right;
}
.tools li{
	float: left;
}
.tools form, .tools select{
	color: #6e86a0;
	width: 150px;
	margin-right: 10px;
}
.tools a.print{
	background: url(../images/btn-print.png) no-repeat;
	width: 24px;
	height: 26px;
	text-indent: -9000px;
	display: block;
}

/* @end */

/* @group menu pages */

.page_title{
	border-bottom: 1px solid #e6e3df;
	margin-bottom: 10px;
}
.container{
	padding: 20px 35px 20px 35px;
}
.items-container{
	padding-top: 30px;
	padding-bottom: 20px;
}
.account-container, .info-container{
	padding-top: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
}
.menu-header, .account-header{
	padding-left: 25px;
	padding-right: 30px;
	margin-bottom: 20px;
}
.menu-header p{
	clear: left;
}
.account-header h2{
	width: 100%;
	border-bottom: 1px solid #e4e4e2;
}
.container h2, .items-container h2, .account-container h2, .info-container h2, .large-title {
	color: #EF8129;
	font-size: 2.4em;
	font-weight: 400;
	margin: 0;
	padding-bottom: 10px;
	float: left;
}
.large-title { 
margin-top: 20px; 
}
.container h3, .narrow h3, .pay-info h3{
	font-size: 2.1em;
	color: #666666;
}
.items-container h3, .account-container h3, .info-container h3{
	font-size: 1.6em;
	color: #666666;
}
.items-container h4{
	font-size: 1.8em;
	margin-left: 25px;
	margin-bottom: 10px;
	color: #666666;
}
.container p, .items-container p, .account-container p{
	font-size: 1.2em;
}
.item-description{
	float: left;
	width: 570px;
}
.item-status{
	float: right;
	width:  95px;
	text-align: center;
}
p.price, p.on-my-menu{
	font-size: 1.4em;
}
p.cancel a{
	color: #666;
	margin: 10px 0px;
}
.change-item button{
	background: url(../images/btn-change.png) no-repeat;
}
.current-items{
	color: #333333;
	font-size: 1.2em;
}
.change-item .price{
		color: #333333;
}
.item, .event, .account, .package{
	border-top: 1px solid #e6e3df;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 25px;
	margin-right: 30px;
}
.account{
	border: 0;
}
.item-add{
	margin: 0 0 -1px 0;
	border-bottom: 1px solid #e6e3df;
	background: #f0ede9;
	padding-left: 25px;
	padding-right: 30px;
	border-top: none;
}
.options h5{
	color: #e9761a;
	background: url(../images/bg-options.png) left center repeat-x;
	font-size: 1.2em;
}
.options h5 span{
	background: #f0ede9;
	padding: 0px 5px;
	margin-left: 15px;
}
.options input{
	padding: 2px 3px;
}
.options select{
	padding: 1px 2px;
}
.options input, .options select{
	border: 1px solid #fec79b;
	color:  #707070;
	font-size: 1.2em;
}
.options select{
	width: 150px;
}
.options ul.serving-size{
	float: left;
	width: 50px;
	padding-left: 2px;
	margin: 5px 0 10px 0;
}
.options ul.serving-size li span{
	clear: both;
	font-size: 1em;
	color: 	#e9761a;
	line-height: 2em;
}
.options ul.specifics{
	float: right;
	width: 490px;
	padding-left: 2px;
	margin: 5px 0 10px 0;
}
.options ul.specifics p{
	float: left;
	width: 440px;
}
.options ul.specifics label{
	color: #e9761a;
	float: right;
	vertical-align: top;
}
.options li{
	 float: left;
	 margin-right: 8px;
	 margin-bottom: 10px;
}
.change-item h3, .change-item .price{
	color: #333;
}

/* @group menu-nav */
.menu-nav, .sub-nav{
	width: 158px;
	padding-right: 6px;
	margin-bottom: 10px;
}
.menu-nav a, .sub-nav a{
	text-decoration: none;
	color:#1f1f1e;
	display: block;	
	font-weight: 400;
}
.menu-nav a:hover, .sub-nav a:hover{
 color:#fb540a;
}
.menu-nav a.specials{
	color: #666;
}
.menu-nav h3, .sub-nav h3{
	padding: 20px 15px 15px 15px;
	color: #1f1f1e;
	font-size: 1.6em;
}	
.menu-nav h3 span, .sub-nav h3 span{
	padding: 10px 10px 10px 0px;
}
.menu-nav h3{
	padding-bottom: 10px;
}
.menu-nav li span, .sub-nav li span{
	margin: 0;
	font-size: 1.4em;
	display: block;
}
.menu-nav ul, .sub-nav ul{
	padding-bottom: 20px;
	list-style-type: none;
}
.sub-nav ul{
	padding-top: 20px;
}
.menu-nav ul ul, .sub-nav ul ul{
	padding-bottom: 0px;
}
.menu-nav ul, .menu-nav h3, .sub-nav ul, .sub-nav h3{
	background: #ffd790;
}
.menu-nav li, .sub-nav li{	
	padding-left: 15px;
}
.menu-nav li li, .sub-nav li li{	
	font-size: 1.2em;	
}
.menu-nav li a, .sub-nav li a{
	padding-bottom:5px;
	padding-top: 5px;
	padding-right: 5px;
}
.menu-nav li li a, .sub-nav li li a{
	padding-bottom:4px;
	padding-top: 2px;
}
.menu-nav ul ul, .menu-nav li.open, .sub-nav ul ul, .sub-nav li.open{
	background:#EF8129;
}
.menu-nav li.open, .sub-nav li.open{
	padding:5px 0px 5px 15px;
	margin-bottom: 0px;
}
.menu-nav li.open ul, .sub-nav li.open ul{
	padding-left: 0px;
}
.menu-nav li.open span a, .menu-nav li.open li a.selected, .menu-nav li.current, .menu-nav lig-nav-checkout.pnga, .menu-nav li a.current, .menu-items li ul li a.current, .menu-items li ul li.current a, .sub-nav li.open span a, .sub-nav li.open li a.selected, .sub-nav li.current, .sub-nav li.current a, .sub-nav li a.current{
	color:#fff;
}
.menu-nav li li a:hover, .menu-nav li li.current a{text-decoration:underline;}
.menu-nav li.open li a.selected, .sub-nav li.open li a.selected{
	font-weight: 800;
	margin-right: -6px;	
	background: url(../images/bg-menu.png) 128px center no-repeat;
}
.menu-nav li.selected, .sub-nav li.selected{
	font-weight: 400;
	background: #ef8129;

}
.menu-nav li.selected span, .sub-nav li.selected span{
	font-weight: 400;
	margin: 5px -6px 5px 0px;
	padding-right: 5px;
	background:url(../images/bg-menu.png) 142px center no-repeat;
}
.menu-nav li.open li a, .sub-nav li.open li a{
	color: #fde6c8;
}
.menu-nav button, .sub-nav button{
	color: #fff;
	background: url(../images/btn-menu-nav.png) top left no-repeat;
	border: 0;
	width: 120px;
	padding-top: 5px;
	padding-bottom: 6px;
	font-size: 1.3em;
	margin: 5px 0px;
}
.menu-nav-sub{
	background: #ffd890;
	width: 138px;
	text-align: center;
	padding: 10px;
}
.menu-nav-sub h3{
	color: #fff;
	font-size: 1.6em;
}
.menu-nav-sub form li{
	float: none;
}
.menu-nav-sub select, .tools select{
	border: 1px solid #e6e3df;
	color: #544635;
	font-size: 1.2em;
	padding: 2px;
}
.menu-nav-sub select{
	width: 120px;
}
.menu-nav-sub h3, .menu-nav-sub select{
	margin-bottom: 10px;
}

/* @end */

/* @end */

/* @group my account pages */

.sub-nav ul.submenu-links{
	padding-top: 20px;
}
.menu-nav .account-links li.selected, .sub-nav .submenu-links li.selected{
	color: #392f26;
}
.menu-nav .account-links li span, .sub-nav .submenu-links li span{
	margin-top: 0px;
	margin-bottom: 0px;	
	padding-bottom: 0px;
}
.menu-nav .account-links li.open, .sub-nav .submenu-links li.open{
	padding-top: 0px;
	padding-bottom: 0px;
	
	margin-top: 0px;
	margin-bottom: 0px;
}
.menu-items li.open.selected li{
	margin-bottom: 5px;
}
.menu-items li.open.selected li a{
	margin-bottom: 0px;
	padding: 0;
}
.account-links li, .submenu-links li{
	font-weight: 400;
}
.account-links a, .submenu-links a{
	padding-right: 10px;
}
.address-box h3, .rewards-box h3, .orders-box h3{
	font-size: 2.1em;
	color: #EF8129;
	padding-bottom: 10px;
}
.address-box h3 a{
	color: #EF8129;
}
.account-container a, .info-container a{
	color: #eb4c0d;
}
.account-container a.view-past{
	color: #eb4c0d;
	font-size: 1.2em;
}
.address-box h3{
	border-bottom: 1px solid #e4e3e1;
	margin-bottom: 10px;
}
.address-box ul{
	font-size: 1.2em;
	line-height: 1.4em;
}
.address-box{
	/*background: blue;*/
	width: 410px;
	float: left;
}
.rewards-box{
	/*background: red;*/
	width: 240px;
	float: right;
}
.rewards-box p.total-points{
	font-size: 1.8em;
	background: #f1eee9;
	padding: 30px 20px;
	color: #746c5f;
	text-align: center;
}
.rewards-gifts{
	background: #f1eee9;
	padding: 10px;
	margin-top: 10px;
}
.rewards-gifts a{
	color: #EF8129;
}
.rewards-gifts #reward_request_request, .modify #order_modification_request_request{
	font-size: 1.2em;
	font-family:"Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 4px;
	border: 1px solid #d2ccc4;
	color: #666666;
	margin-bottom: 10px;
}
.rewards h3.rewards-total{
	float: right;
	background: #f1edea;
	padding: 10px;
}
.orders-box{
	clear:both;
	padding: 40px 0;
}
.orders-box table, .rewards table, .orders table{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
	margin-top: 10px;
}
.orders-box table th, .rewards table th, .orders table th{
	background: #f0ede9;
	color: #333333;
	text-align: left;
	padding: 8px;
	font-size: 1.2em;
}
.orders-box table td, .rewards table td, .orders table td{
	border-bottom: 1px solid #e6e3df;
}
.orders-box table td, .rewards table td, .orders table td{
	padding: 8px;
	font-size: 1.2em;
}
.orders h2, .modify h2{
	border-bottom: 1px solid #e4e4e2;
	width: 100%;
}
.modify h2, .modify h3{
	margin-bottom: 20px;
	width: 100%;
	border-bottom: 1px solid #e4e4e2;
}
.modify h3{
	padding-bottom: 20px;
	color: #333333;
}
/* @end */

/* @group course select and recommendations */
.tag_set_recommended{
	float: left;
	width: 400px;
}
.tag_set_other{
	float: right;
	width: 270px;
}
.tag_set_recommended, .tag_set_other{
	padding: 10px 0px;
}
.tag_set_recommended h3, .tag_set_other h3{
	font-size: 1.5em;
	margin: 10px 0px;
	font-weight: bold;
}
.tag_set_recommended p, .tag_set_other p{
	font-style: italic;
	padding: 5px 10px;
}
.tag_set_recommended ul, .tag_set_other ul{
	float: left;
	width: 180px;
	margin-bottom: 20px;
}
.tag_set_recommended li, .tag_set_other li{
	font-size: 1.4em;
	clear:both;
	padding: 10px 0px;
}
.tag_set_legend p{
	padding: 0px 40px 0px 0px;
	margin-top: 10px;
}
.tag_set_recommended input, .tag_set_other input{
	float: left;
	margin-right: 10px;
}
.tag_set_recommended label, .tag_set_other label{
	float: left;
	display:block;
	width: 150px;
}
/* @end */

/* @group events */

.events h2 { color: #666; letter-spacing: -0.02em; float: none;}
.events h3, .info-container.rewardscontainer h3 { margin-top: 30px; font-size: 1.8em; font-weight: normal;color: #EF8129;; }
/*.wedding-callout { 
background: #f7f6f4 url(../images/wedding-callout.jpg) 10px 10px no-repeat;
padding: 20px 20px 20px 180px;
min-height: 160px;
border-top: 1px solid #e7e4e0;
border-bottom: 1px solid #e7e4e0;
margin: 20px 0 10px 0;
}

.wedding-callout h4 { 
	font-size: 1.6em; 
	font-weight: normal;
	margin: 15px 0 8px 0;
}
.wedding-callout ul li {
	font-size: 1.2em; 
	margin: 0 0 5px 15px;
	list-style-type: disc; 
}
.wedding-callout a#wedding-btn { 
	width: 131px;
	height:  29px;
	background: url(../images/btn-wedding-tasting.png) 0 0 no-repeat;
	text-indent:  -9999px;
	display: block;
	margin-top: 15px;
	outline: none;

}*/
.holidays-callout { 
background: #f7f6f4 url(../images/bg-callout-holidays-events.jpg) 10px 10px no-repeat;
padding: 20px 20px 20px 180px;
min-height: 160px;
border-top: 1px solid #e7e4e0;
border-bottom: 1px solid #e7e4e0;
margin: 20px 0 10px 0;
}

.holidays-callout h4 { 
	font-size: 1.6em; 
	font-weight: normal;
	margin: 15px 0 8px 0;
}
.holidays-callout ul li {
	font-size: 1.2em; 
	margin: 0 0 5px 15px;
	list-style-type: disc; 
}
.holidays-callout a#holidays-btn { 
	width: 226px;
	height:  28px;
	background: url(../images/btn-learn-more-holiday.png) 0 0 no-repeat;
	text-indent:  -9999px;
	display: block;
	margin-top: 15px;
	outline: none;

}
.holidays-callout a#holidays-btn:hover { 
	background: url(../images/btn-learn-more-holiday.png) 0 -28px no-repeat;
}
.event{
	padding-top: 0px;
}
.event-listing{
	float: left;
	margin-right: 30px;
}
.event-listing li{
	width: 290px;
	border-bottom: 1px solid #dad9d7;
	height: 80px;
	line-height: 80px;
	font-size: 15px;
	display: block;
	text-decoration: none;
	color: #666666;	
	vertical-align: middle;
	}
.event-listing h5 { font-weight: normal; }
.event-listing img { float: left; padding: 10px 5px; }
ul.callout-buttons { 
	width: 158px; 
	margin-top: 30px;
}
a#btn-tasting { 
	width: 158px;
	height: 28px;
	background: url(../images/btn-tasting.png) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	margin-top: 8px;
	outline: none;
}
a#btn-inquiry { 
	width: 158px;
	height: 28px;
	background: url(../images/btn-submit-inquiry.png) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	outline: none;
}

li#btn-download { 
	width: 90px;
	height: 65px;
	background: url(../images/btn-download-menu.png) 0 0 no-repeat;
	padding: 10px 0 10px 65px;
	margin-top: 10px;
}
#btn-download a { 
	font-size: 1.3em; 
	color: #666;
}

/* @end */

/* @group checkout pages */

/* @group checkout navigation */

.nav-checkout{
	background: url(../images/bg-nav-checkout.gif) 0 0 no-repeat;
}
.nav-checkout li{
	float: left;
	height: 22px;
}
.nav-checkout li {
	height: 22px;
	display: block;
	color: #666666;
	text-decoration: none;
	text-align: center;
	line-height: 1.5em;
	font-size: 1.4em;
}
.nav-checkout li#checkout-review{
	width: 113px;
	/*margin-left: -5px;*/
}
.nav-checkout li#checkout-review.current{
	background: url(../images/bg-nav-checkout.png) 0px -32px no-repeat;
	color: #333;

}
.nav-checkout li#checkout-billing{
	width: 107px;
	margin-left: -9px;
}
.nav-checkout li#checkout-billing.current{
	background: url(../images/bg-nav-checkout.png) -104px -64px no-repeat;
	color: #333;
}
.nav-checkout li#checkout-delivery{
	width: 122px;
	margin-left: -14px;
}
.nav-checkout li#checkout-delivery.current{
	background: url(../images/bg-nav-checkout.png) -196px -95px no-repeat;
	color: #333333;
}
.nav-checkout li#checkout-payment{
	width: 95px;		
	margin-left: -14px;
}
.nav-checkout li#checkout-payment.current{
	background: url(../images/bg-nav-checkout.png) -305px -127px no-repeat;
	color: #333;
}
.nav-checkout li#checkout-confirmation{
	width: 125px;
	margin-left: -12px;
}
.nav-checkout li#checkout-confirmation.current{
	background: url(../images/bg-nav-checkout.png) -388px -160px no-repeat;
	color: #333;
}
/* @end */

.confirm{
	border-top: 2px solid #666666;
	border-bottom: 2px solid #666666;
	background: url(../images/bg-confirm.png) -58px 0 repeat-y;
}
.confirm.narrow {
	background: url(../images/bg-confirm-narrow.png) top right repeat-y;
}
.order-info{
	float: left;
	width: 500px;
	/*border-right: 2px solid #666666;*/
	padding: 40px 45px 40px 0px;
	}
.narrow .order-info{
	width: 420px;
}
.delivery-bill-info{
	float: right;
	width:  240px;
	font-size: .9em;
	/*border-left: 1px solid #666666;*/
	padding: 40px 0px 35px 0;
}
dd.highlight { 
	color: #EF8129;
	font-weight: bold; 
	padding-bottom: 5px;
}
.delivery-details { 
	padding-bottom: 10px; 
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
a.btn-change, a.btn-xsmall, input.btn-xsmall{
	background: url(../images/btn-xsmall.png) top left no-repeat;
	width: 65px;
	height: 30px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	line-height: 2.4em;
}
a.btn-small, input.btn-small{
	background: url(../images/btn-select.png) no-repeat;
	border: 0;
	width: 95px;
	height:  29px;
	color: #fff;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 6px;
}
a.btn-checkout, a.btn{
	background: url(../images/btn-checkout.png) top left no-repeat;
	width: 152px;
	height: 39px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	line-height: 3em;
	display: block;
	float: left;
	margin-right: 10px;
}
input.btn-regular, button.btn-regular{
	background: url(../images/btn-regular.png) top left no-repeat;
	width: 152px;
	height: 39px;
	color: #fff;
	font-size: 12px;
}
button.btn-regular{border:0;}
input.update{
	background: url(../images/btn-checkout.png) top left no-repeat;
	width: 152px;
	height: 39px;
	color: #fff;
	margin-left: 30px;
}
/* payment information */
.pay-info{
	clear: both;
	border-bottom: 2px solid #666666;
	padding: 10px 0px;
	margin-bottom: 10px;
}
.pay-info ul{
	float: left;
}
.pay-info ul li{
		width: 100%;
}
.pay-info p{
	margin-bottom: 20px;
	width: 600px;
}
.pay-info .ssl-cert{
	float: right;
}
p.review-instructions{
	font-style: italic;
	width: 300px;
	float: right;
	padding: 0px 10px;
}
a.cvv-link{
	padding: 10px;
	float: left;
}
table.order-review{
	width: 100%;
	margin-top: 10px;
}
table.order-review th{
	background: #f0ede9;
	color: #333333;
	text-align: left;
	padding: 5px;
	font-size: 1.2em;
}
table.order-review td{
	border-bottom: 1px solid #e6e3df;
	padding: 10px;
}
table.order-review td span{
	font-style: italic;
}
table.order-review td.total{
	border: 0;
	padding: 0;
}
.total-box{
	float: right;
	background: #f0ede9;
	color: #666666;
	font-size: 1.4em;
	padding: 0px;
	width: 350px;
}
.total-box.checkout{

	width: 180px;
}
.total-box dl{
	font-size: 1em;
	float: left;	
	width: 150px;
	padding: 10px;
}
.total-box dl dt{
	float: left;
}
.total-box dl dd{
	text-align:right;
}
td.item-action{
	text-align: center;
	width: 110px;
}
dt.total-title, dd.total-amount{
	border-top: 1px solid #666666;
	margin-top: 10px;
	padding-top: 10px;
	text-transform: uppercase;
	color: #423025;
}
table.order-review td.item-servings{
	/*text-align: center;*/
	padding: 10px;
}
table.order-review td.item-servings{
	width: 10%;
}
table.order-review td.item-name{
	width: 60%;
}
table.order-review td.item-price{
	width: 10%;
}
table.order-review td.item-total{
	width: 10%;
}
table.order-review td.item-action{
	width: 10%;
}
table.order-review h3, table.order-review td.item-servings, table.order-review td.item-name h3{
	font-size: 1.4em;
}
table.order-review td.item-name h3{
	margin-bottom: 5px;
	width: 100%;
}
table.order-review td.item-price, table.order-review td.item-total{
	font-size: 1.4em;
}
button#order_submit {  }
/* @group order confirmation */

.confirm h3 span{
	float: left;
}
.confirm h3 a{
	float: right;
}
.delivery-bill-info h3{
	margin-bottom: 10px;
}
.delivery-address, .delivery-details, .billing-address{
	font-size: 1.2em;
}
.delivery-details{
	margin: 10px 0px;
}
.delivery-details dt{
	float: left;
	font-weight: bold;
}
.delivery-month{
	
}

/* @end */


/* @end */

/* @group status */
.status{
	border-bottom: 2px solid #666666;
	background: url(../images/bg-status.png) 0 0 repeat-y;
}
.status-order{
	width:  425px;
	padding-right: 0px;
}
.status-info{
}
.status-order, .status-info{
		padding-top: 0px;
}
.status-header{
	padding-left: 0;
	padding-right: 0;
}

/* @end */

/* @group info pages - about, services, contact, etc. */
.info-container p{
	font-size: 1.2em;
}
.info-container h2{
	color: #333333;
	font-size: 2.1em;
	width: 100%;
}
.info-container h3{
	width: 100%;
	font-size: 1.6em;
	color: #666666;
}
.info-container h4{
	width: 100%;
	font-size: 1.4em;
	color: #666666;
}
.info-container ul, .info-container ol{
	margin: 10px 0px;
	padding-left: 20px;
	font-size: 1.2em;
}
.info-container ul{
	list-style: disc;
}
.info-container blockquote{
	margin:22px 40px;
	padding: 0 50px;
	background: transparent url(../images/bg-blockquote.png) no-repeat 0 0;
	font-style: italic;
}
/* @end */
/* @group form styles */

.form-box h3{
	margin-bottom: 20px;
}
.form-box.pay-info h3{
	margin-bottom: 10px;
}
.form-box li.highlight{
	background: #f0ede9;
	padding: 5px;
}
.form-box label{
	color: #666666;
	font-size: 1.4em;
	font-weight: normal;
	clear: both;
}
.form-box select{
	padding: 2px;
}
.form-box checkbox{
	border: 0;
	padding: 0;
	margin: 0;
}
input.checkbox{
	border: none;
}
.form-box label.title{
	float: left;
	clear: both;
	width:  135px;
	padding-right: 10px;
}
.form-box li span { 
	float: left; 
	margin-right: 5px;
	margin-bottom: 5px;
}
.form-box li span label{
	display: block;
	clear: both;
	font-size: 1em;
}
.form-box li span.indent{
	margin-left: 145px;
}
/*.form-box li span.address { 
	margin-bottom: 5px;
}*/
.form-box label.delivery-instructions, label.other-comments{
	vertical-align: top;
}
.form-box #order_billing_address_state{
	padding: 3px;
}
.form-box span.separator{
	font-size: 1.2em;
}
.form-box a{
	color: 	#666666;
}
.form-box{
	/*border-bottom: 1px solid #e6e3df;*/
	padding: 10px 0px;
}
.divider{
	border-bottom: 1px solid #e6e3df;
}
.form-box  li{
	width: 600px;
	margin: 0px 0px 10px 0px;
	clear:both;
	float: left;
}
.form-box input, .form-box textarea, .form-box select{
	border: 1px solid #e3e3e3;
	margin: 0;
	float:left;
	color: #666666;
	font-size: 1.4em;
}
.form-box input{
	padding: 4px;
	
}
.form-box textarea{
	font-size: 1.4em;
	font-family:"Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 4px;
}
label.use-billing{
	margin-left: 10px;
	
}
.form-box li.highlight label{
	clear: none;
	margin-left: 10px;
}
.checkbox, input.checkbox{
	margin-right: 10px;
	border: none;
}
p.checkbox, li.checkbox {
	font-weight: bold;
	padding: 15px 0; 
	font-size: 1.2em;
}
p.checkbox input, li.checkbox input { 
	margin-right: 5px; 
}
#order_payment_method_credit_card, #order_payment_method_invoice{
	margin-right: 5px;
}

.notice { 
	clear: both;
	font-weight: bold; 
	font-size: 1.2em; 
	text-align: left;
	padding: 20px;
	background-color: #e6f5d2;
}
p.note { float: left; margin: 10px 0 20px 145px; width: 400px; font-size: 1em;  }
/* @end */

/* @group input buttons */
input.full, span.full input{
	width: 360px;
}
input.medium, span.medium input{
	width: 172px;
}
input.small, select.small, span.small input{
	width: 113px;
}
input.servings-edit{
	width: 40px;
	font-size: 1.1em;
	color: #707070;
	border: 1px solid #707070;
}
input.servings-edit, input.edit-special-instructions{
	color: #707070;
	border: 1px solid #707070;
	padding: 3px;
}
input.servings{
	width:  40px;
	/*float: left;*/
}
input.instructions{
	width: 300px;
	border: 1px solid #e4e1dc;
	background-color: #f5f3f0;
}
input.add-item, input.change-item, input.select-item, input.order-edit, input.order-checkout, input.btn-menu-nav{
	border: none;
	width: 95px;
	height: 30px;
	color: #fff;
	padding-top: 0px;
	font-size: 12px;
}
input.order-gratuity{
	font-size: 1em;
	text-align: right;
	border: 1px solid #423025;
	color: 	#423025;
	/*border: 1px solid #eae5dc;*/
	/*color: #707070;*/
}
input.add-item{
	background: url(../images/btn-add.png) no-repeat;
}
input.change-item, a.change-item{
	background: url(../images/btn-add.png) no-repeat;
	font-size: 12px;
	width: 95px;
	height: 30px;
	color: #fff;
	display: block;
	/*padding-top: 0px;*/
	text-decoration: none;
	font-size: 12px;	
	/*line-height: 1.8em;*/
}
a.change-item{
	line-height: 1.8em;
	padding-top: 5px;
}
input.btn-finish{
	margin-bottom: 5px;
	padding-top:0px;
	font-size: 12px;
}
a.delete-item{
	color: #bfbab3;
	padding-top: 5px;
	display: block;
}
input.select-item{
	background: url(../images/btn-select.png) no-repeat;
}
input.order-edit{
	background: url(../images/btn-edit.png) no-repeat;
}
input.order-checkout{
	background: url(../images/btn-check-out.png) no-repeat;
}
a.order-edit, a.order-checkout{
	width: 95px;
	height:  24px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	display: block;
	padding-top: 5px;
	font-size: 12px;
	line-height: 1.8em;
}
a.order-edit{
	background: url(../images/btn-edit.png) no-repeat;
	float: left;
}
a.order-checkout{
	background: url(../images/btn-check-out.png) no-repeat;
	float: right;
}
a.btn-menu-nav, input.btn-menu-nav{
	background: url(../images/btn-menu-nav.png) no-repeat;
	width: 120px;
	height: 20px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 1.6em;
	margin-top: 10px;
}
input.chose-items{
	background: url(../images/btn-chose-items.png) no-repeat;
	width: 180px;
	height: 46px;
	font-size: 12px;
	padding-right:20px;
	float: right;
}
input.submit-order{
	background: url(../images/btn-submit-order.png) no-repeat;
	width: 206px;
	height: 66px;
	float: right;
	border: 0;
	color: #fff;
	font-size: 18px;
}
input.phone-area-code{
	width: 50px;
}
input.phone-first-three{
	width: 55px;
}
input.phone-last-four{
	width: 75px;
}
input.phone-extension{
	width: 65px;
}
input.btn-left{
	background: url(../images/btn-left-lg.png) no-repeat;
	color: #fff;
	float: left;
	width: 132px;
	height: 39px;
	font-size: 12px;
	padding-top: 0px;
}
a.btn-left, a.btn-right{
	color: #fff;
	display: block;
	text-decoration: none;
	text-align: center;
}
a.btn-left{
	background: url(../images/btn-left-lg.png) no-repeat;
	width: 132px;
	height: 39px;	
	font-size: 1.2em;
	padding-top: 10px;
	padding-left: 5px;
	line-height: 1.4em;
}
a.btn-right{
	background: url(../images/btn-right-sm.png) no-repeat;
	width: 92px;
	height: 39px;	
	font-size: 12px;
	padding-top: 10px;
	padding-right: 15px;
	line-height: 1.4em;
}
a.back-menu, a.total-continue{
	margin-top: 20px;
}
a.total-continue{
	margin-right: 10px;
}
input.btn-right{
	background: url(../images/btn-right-sm.png) no-repeat;
	color: #fff;
	float: right;	
	width: 107px;
	height: 39px;
	font-size: 12px;
	padding-right: 10px;
}

/*****Replaced with Inputs****/
.item button, .package button{
	background: url(../images/btn-select.png) no-repeat;
	border: 0;
	width: 95px;
	color: #fff;
	font-size: 1.3em;
	padding-top: 5px;
	padding-bottom: 6px;
}

.change-item button{
	background: url(../images/btn-change.png) no-repeat;
}
.add-item button{
	background: url(../images/btn-add.png) no-repeat;
}
.edit-order button{
	border: none;
}
button.edit{
	background: url(../images/btn-edit.png) no-repeat;
	width: 95px;
	color: #fff;
	font-size: 1.3em;
	padding-top: 5px;
	padding-bottom: 6px;
}
button.check-out{
	background: url(../images/btn-check-out.png) no-repeat;
	width: 95px;
	color: #fff;
	font-size: 1.3em;
	padding-top: 5px;
	padding-bottom: 6px;
}
/****************************/

/* @end */

/* @group error messages */
.errorExplanation{
	clear: both;
	color: #d00a00;
}
.errorExplanation h2{
	color: #d00a00;
	font-size: 1.8em;
}
.errorExplanation p{
	font-size: 1.6em;
}
.errorExplanation ul{
	padding-left: 20px;
	list-style-type: disc;
}
.errorExplanation h2, .errorExplanation ul, .errorExplanation p, .errorExplanation li{
	float: none;
	font-weight: bold;
}
.required{
	border: 2px solid #8c040f;
}
span.error-request{
	color: #8c040f;
	background: url(../images/ico-error-arrow.png) left center no-repeat;
	padding-left: 10px;
	font-style: italic;
}

/* @end */
/* @end */


ul.steplist{list-style-type:none; padding-left:0; margin-bottom:10px;}

ul.steplist span{
	font-weight:bold;
	font-size:18px;
	color:#F90;
	padding-right:10px;
}

.callout{
background: #f7f6f4;
padding: 10px 20px 10px 20px;
border-top: 1px solid #e7e4e0;
border-bottom: 1px solid #e7e4e0;
margin: 20px 0 10px 0;
}

.callout p{
	padding-top:16px;
	font-weight:bold;
	border-top:1px solid #e7e4e0;
}

.rewardscontainer h4{	
color:#72a72b;
margin:0;
font-size:14px;
padding:0px 0 0 0;
}

.rewardscontainer .point{
	width:176px;
	float:left;
	border-right:1px solid #ccc;
	margin-right:10px;
	padding-right:20px;
	height:190px;
	margin-bottom:20px;
}

.rewardscontainer .guide{
	float:left;
	clear:both;
border-top: 1px solid #e7e4e0;
border-bottom: 1px solid #e7e4e0;
	background: #f7f6f4;
	padding:8px 20px;
	margin-bottom:20px;

}

.rewardscontainer .point h2{
	font-size:17px;
	width:145px;
	text-align:center;
	font-weight:normal;
	color:#555;
	padding:17px 20px 18px 20px;
	line-height:30px;
	background:#e7f0da;
}