.online #main-content {
	padding:1.5%;
}

a {text-decoration:none;}

#order-title h2 {
	display:inline-block;
	min-width:100%;
	float:left;
	font-weight:bold;
text-align:left; 
Margin-bottom:5px;
margin-top:12px;
padding-left:1%;
}

#history-wrapper {
	width:96%;
	margin:2%;
}

#history-item {
	width:96%;
	margin:2%;
}


#order-window table {
	border-collapse: collapse;
	width: 99%;
	margin-left:.5%;
	margin-right:.5%;
	}

#order-window th {
	padding: 0 0.5em;
	text-align: left;
	color:#fff;padding:5px;
	background-color:#666;
	border: 1px solid #666;
	border-top:none;
	}
	
#order-window th.left {
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px;
}

#order-window th.no-bg {
background-color:#fff;
}

#order-window th.right {
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px;
}

#order-window td {
	border-bottom: none;
	padding: 0 0.5em;
	padding-top:.2em;
	}
	

#save-button {
	-webkit-appearance: none;
	background:#48a3db;
	color:#fff;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:3px 6px;
	margin-bottom:5px;
	margin-top:4px;
}

#save-button_notes {
	font-size:17px;
	-webkit-appearance: none;
	background:#48a3db;
	color:#fff;
	border: 1px solid #777777;
	border-top:none;
	 -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
	margin-bottom:5px;
	margin-top:-11px;
}

#save-button:hover {
	 background:#F00; 
}

#save-button2 {
	-webkit-appearance: none;
	background:#48a3db;
	color:#fff;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:3px 6px;
	margin-bottom:5px;
	margin-top:4px;
	-webkit-appearance: none;
	font-size:1em;
}

#select-button {
	-webkit-appearance: none;
	background:#48a3db;
	color:#fff;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:5px 6px;
	margin-bottom:4px;
	margin-top:3px;
	-webkit-appearance: none;
	font-size:1.1em;
	min-width:160px;
}

#select-button:hover {
	 background:#F00; 
}

#modal-update-button {
		-webkit-appearance: none;
	background:#48a3db;
	color:#fff;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:5px 6px;
	margin-bottom:4px;
	margin-top:3px;
	-webkit-appearance: none;
	font-size:1.1em;
	width:100%;
	margin-top:11px;
}

#modal-update-button:hover {
	 background:#F00; 
}

.podbar {
    bottom:0;
    position:fixed;
    z-index:150;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+
        (document.documentElement.clientHeight-this.offsetHeight)));
    height:40px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	background:#666;
	width:100%;
	margin-left:-16px;
}

.podbar ul {
	 display: block;
	text-align:center;
	 list-style-type:none;
	 float:left;
}

.podbar ul li {
	margin:0px;
   padding:0;
   position:relative;
   float: right; padding:4px;
   margin-left:3px;
   margin-top:-5px;
}

#fixed-buttons {
	text-decoration:none;
	background:#48a3db;
	color:#fff;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:4px 6px;
	font-size:14px;
}

a:hover #fixed-buttons {
	background:#F00; 
}


#size-line {
	margin-top:-2em;
	font-size:1em;
	font-style:italic;
	clear:both;
	margin-bottom:.3em;
}

#change-line {
	font-size:1em;
	font-style:italic;
	margin-top:-.1em;
}

#change-line img { float:left;
width:14px;height:14px; margin-right:.3em;
margin-left:1em;
}

a:hover #change-line img { 
opacity:.80;
filter:alpha(opacity=.80);
filter: “alpha(opacity=.80)”;
}

#change-text {float:left;
margin-top:-.4em; color:#090;
}

#change-text-std, #change-text-std a {
	float:left;
color:#090;
font-style:normal;
}

a:hover #change-line img {
opacity:.80;
filter:alpha(opacity=.80);
filter: “alpha(opacity=.80)”;
}

.item-name {
	color:#000;
	font-weight:bold;
}
.item-size {
	font-style:italic;
	font-weight:normal;
}

.online .item-size {
	display:inline-block;
	color:#000;
	with:70%;
	min-width:70%;
	max-width:70%;
	white-space: nowrap;
  overflow: hidden;
  text-overflow:inherit;
vertical-align:text-bottom;
}

#select-free {margin-top:.2em;margin-bottom:.1em;
color:#F00;}

#select-free-wrapper {
}

#topping-icons {
	float:left;
	margin-left: .8em;
}

#topping-icons a {
}

#topping-icons a:hover {
opacity:.8;
filter:alpha(opacity=.8);
filter: “alpha(opacity=.8)”;
}

#topping-text {
	float:left;
	margin-left:.4em;
}

#remove-line {
		margin: .3em 0px .5em 0px;
		float:right;
		clear:both;
		width:80px;
}

#remove-text-std, #remove-text-product {
	font-size:.9em;
	font-style:italic;
	color:#F00;
	float:left;
	margin-top:-.2em;
}

#menu-item-img {  /* this hides the item image (if used) */
}


@media screen and (max-width: 500px) {
	
#remove-text-product {
	display:none;
}

#remove-line {
		width:30px;
}

#menu-item-img {  /* this hides the item image (if used) */
	
}

.cart-icon {
	display:none;
}

#order-header a  {
	text-decoration:none;
	color:#000;
font-size:11px;
line-height:120%;
}


}


#remove-icon img {
	float:left;
width:14px;height:14px; margin-right:.3em;
margin-top:-.2em;
margin-left:1em;
}

a:hover #remove-icon img { 
opacity:.80;
filter:alpha(opacity=.80);
filter: “alpha(opacity=.80)”;
}

#change-item-line {
	color:#090;font-size:.9em;
	float:left;
	line-height:1em;
	margin-bottom:.2em;
}


#upgrade-bubble {
	text-decoration:none;
	background:#48a3db;
	color:#fff;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:4px 6px;
	font-size:13px;
	margin:3px;
}

#yes-button a, #no-button a {
	text-decoration:none;
	background:#fff;
	color:#000;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:3px 4px;
	font-size:13px;
	margin:2px;
	float:right;
	text-align:center;
	width:32px;
}

#yes-button a:hover {
background:#090;
color:#fff;
}

#no-button a:hover {
background:#F00; 
color:#fff;
}

#upgrade-text {float:left;width:80%;}



#price-block-line {
	width:auto;
}
#left-title {float:left;
text-align:left;
width: 70px;
}
#right-price {text-align:right;
float:right;
width:70px;
}

#float-right-button {
	float:right;
	margin: .2em 0px;
	padding:0px;
	clear:right;
}


/* #check-clear-buttons css is in th mod_style.css (to control width of check out buttons ****************************************************/




#top-add-button {
	float:right;
	text-decoration:none;
	background:#48a3db;
	color:#fff;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:4px 4px;
	font-size:17px;
	margin-top:6px;
	margin-bottom:5px;
	margin-right:4px;
	width: 157px;
text-align:center;
clear:right;
}

#top-add-button:hover {
background:#F00; 
color:#fff;
}

#top-add-button:hover a, #top-add-button a {
	color:#fff; 
}


#check-out-wrapper {
	float:right;
	margin-bottom:8px;
	
	margin-left:0px;
	width:41%;height:auto;
	border: none;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
padding:0px;
background-color:none;
line-height:1.4em;
margin-right:1%;
}


#check-clear-buttons, #check-out-submit,
#check-out-submit_final {
	text-decoration:none;
	background:#48a3db;
	color:#fff;
	border: 1px solid #F00;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:4px 0px;
	font-size:17px;
	margin-top:0px;
	width: 100%;
text-align:center;
}

#check-out-submit_final {  /* this is the final check out button - by itself */
margin:0;
background:#F00;
border: 1px solid #F00;
color:#fff;
font-weight:bold;
	padding:4px 2px;
	font-size:19px;
	margin-top:0px;
	width: 100%;
	min-width:100%;
	margin-left:-2%;
text-align:center;
height:43px;
}


input#check-out-submit {  /* this is the button on the order page above clear order */
display:inline-block;
padding:0;margin:0;
background:#F00;
border: 1px solid #F00;
color:#fff;
font-weight:bold;
	padding:4px 2px;
	font-size:19px;
	margin-top:0px;
	width: 103%;
	min-width:103%;
	margin-left:-3%;
text-align:center;
height:43px;
}

@media screen and (max-width: 900px) {

input#check-out-submit {
	margin-left:auto;
	margin-right:auto;
	width: 104%;
	min-width:104%;
	margin-left:-4%;
}

}

@media screen and (max-width: 600px) {

#check-out-wrapper {
margin-left:1%;
margin-right:1%;
	width:98%;
}

input#check-out-submit {
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	min-width:100%;
}

}







#check-out-submit:hover,
#check-out-submit_final:hover,
#check-out-submit_final:visited,
#check-out-submit_final:active {
border: 1px solid green;
background:green;
}

#check-clear-buttons:hover {
background:#F00; 
color:#fff;
}

#check-clear-buttons:hover a, #check-clear-buttons a,
#check-out-submit:hover a, #check-out-submit a {
	color:#fff; 
}

#check-clear-buttons {
	text-decoration:none;
	background:#48a3db;
	color:#fff;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:4px 6px;
	font-size:17px;
	margin-top:0px;
text-align:center;
clear:both;
margin-bottom:4px;
margin-top:4px;
}

#check-clear-buttons:hover {
background:#F00; 
color:#fff;
}




#add-to-order-button {
	text-decoration:none;
	background:#48a3db;
	color:#fff;
	border: 2px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:6px 8px;
	font-size:24px;
	margin-top:0px;
	width: 205px;
	width:100%;
margin-left:auto;
margin-right:auto;
margin-top:12px;
text-align:center;
}

#add-to-order-button:hover {
background:#F00; 
color:#fff;
}

#add-to-order-buttons:hover a, #add-to-order-button a {
	color:#fff; 
}

input#image-button{
    background: none;
	border:none;
    padding-left: 6px;
	color:#fff;
	font-size: 18px;
	font-weight:bold;
	padding-right:11px;
	box-shadow:none;
}









/* orderengine page */
#order-info-wrapper {
margin-top:28px;
color:#000;
clear:both;
}

#order-info-wrapper p {
	color: #000;
}

#order-time-block {
	background:#f3f3f3;
	color:#000;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:10px;
	width:100%;
}

#white-button {
	background:#fff;
	color:#000;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:3px 6px;
	margin-bottom:5px;
	margin-top:4px;
}

#white-button:hover {
	 background:#F00; 
	 color:#fff;
}

/* schedule page */
#schedule-wrapper {
	margin-top:20px;
	clear:both;
	text-align:left;
	background:#f3f3f3;
	color:#000;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:10px;
	width:96%;
}

/* confirm page */
#confirm-notes-box {
	float:left;
	width:100%;; height:auto;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
padding:10px;
background-color:#e8e8e8;
margin-bottom: 12px;
margin-top:15px;
}

#confirm-notes-box h2 {
	color:#000;
}

#notes-confirm {
	float:left;
	margin-top:-70px;
	width:55%;
background-color:#e8e8e8;
		border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:10px;
}

#price-block {
	float:right;
	margin-left:6px;
	width:41%;height:auto;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
padding:8px;
background-color:#e8e8e8;
text-align:right;
line-height:1.4em;
margin-right:1%;
	background:none;
	border:none
}

#notes-box {
	float:left;
	width:55%; height:auto;
		border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
padding:1%;
background-color:#e8e8e8;
margin-bottom: 12px;
margin-left:1%;
}

#notes-box textarea {
	width:98%;
	margin:0; padding:0;
}

#notes-box input {
	width:98%;
	margin-right:2%;
}

@media screen and (max-width: 500px) {

#notes-box {
	width:98%;
	clear:both;
	margin-left:1%;
	margin-right:1%;
	border:none;
	background:none;
}

#price-block {
	width:98%;
	clear:both;
	margin-left:1%;
	margin-right:1%;
	background:none;
	border:none;
}
	
}

#tip-box {
	margin-top:-16px;
	margin-bottom:5px;
	text-align:right;
}


#finish-button {
	text-decoration:none;
	background:#48a3db;
	color:#fff;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:12px;
	font-size:17px;
	margin-top:0px;
	width: inherit;
text-align:center;
margin-left: 10px;
}

#finish-button:hover {
background:#F00; 
color:#fff;
}



/* newcard page */
#card-wrapper {
	clear:both;
   width: 100%;
   max-width:400px;
   overflow: hidden;
   font-size:1em;
   margin-left:auto;
   margin-right:auto;
}

#card-wrapper input, #card-wrapper select {
width:98%;
padding: .2em 0em;
margin:.1em 0em;
}

#card-wrapper img {
height:16px;width:16px;
}

.highlight-text {
	font-style:italic;
	color:#F00;
	font-size:.9em;
}

#credit-info-block {
	background:#f3f3f3;
	color:#000;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:10px;
	width:96%;
	border:none;
	background:none;
}

/* styling for popup modals */
.popup_background {
	z-index: 4005; /* any number */
}
.popup_wrapper {
	z-index: 4006; /* any number + 1 */
}

.modal_close_button {
	position: absolute;
	top: 5px;
	right: 5px;
}

.popup_modal {
	display:none;
	background:white;padding:20px;
	border: 1px solid #777777;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	max-width:800px;
}

#menu_modal {
	width:100%;
	height:100%;
    max-height: 600px;
    overflow: auto;
	padding-bottom:70px;
}
.menu_modal_open,
#check-out-submit,
#check-out-submit_final {
	cursor: pointer;
}

#check-out-submit:hover {
	opacity:.8;
filter:alpha(opacity=.8);
filter: “alpha(opacity=.8)”;
}

/* styling for topping select icon popup window */

#modal-close {
	text-align:center;
	margin-top:1.8em;
	padding:.3em;
}



.btn-large {
  padding: 6px;
  font-size: 12px;
  line-height: normal;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
		  width:100%;
		  text-align:left;
}

.btn-large [class^="icon-"] {
  margin-top: 2px;
}

.btn-large2 {
  padding: 6px;
  font-size: 12px;
  line-height: normal;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
		  width:98%;
		  text-align:left;
}

.btn-large2 [class^="icon-"] {
  margin-top: 2px;
}

.btn-success {
  color: #000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #fff;
  *background-color: #fff;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #48a3db;
  *background-color: #48a3db;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}



#topping-icons {
	text-align:center;
	margin-left:-3px;
}

#topping-icons a img{
	width:55px;height:55px;
	padding:.2em;
}

#topping-icons a:hover {
opacity:.8;
filter:alpha(opacity=.8);
filter: “alpha(opacity=.8)”;
}

/* end popup for topping select */


/*specifically for the settings page fields */
table#fields-wrapper .field-line input {width:210px;background:#fff;}

#free-topping-select select {
	margin-bottom:4px;
		-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;
}

input {
	padding: 4px;
}

input, select, textarea {
display:inline;
border: solid 1px #999;
height: auto;
margin-top:5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
min-width:1.5em;
}

input[type="image"]{
border:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

/* Fixings styles */
.fixing-label {
	display: block;
}
.fixing-checkbox {
	display: inline-block;
	padding: 0;
	margin: 0;
	box-shadow: none;
	vertical-align: middle;
	margin-right: 5px;
	height:16px;
}