body {
	background:#cecece;
}

body#core.online {
	background:#000;
}

body#core.online #wrapper, 
body#core.online #page {
	background:none;
}
.online #wrapper {
	margin-top:0;
	margin-top:0px;
}

.online #main-content {
	margin-top:0;
	padding:1.5%;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;
}

.online #exit-word {
	display:block;
	margin-top:8px;
}

.online #online-close-icon {
	float:right;
	vertical-align:middle;
	width:30px;
}

.online #online-exit-wrapper {
	float:right;
	vertical-align:middle;
	width:50px;
	text-align:right;
}

#online-order-logo {
	float:left;
	text-align:left;
	clear:both;
	height:auto;
	width:auto;
	padding:7px;
}

#online-order-logo p {
	color:#000;
}

/* favorites */

.save-favorites {
 display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 19px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	
}

/* Hide the browser's default checkbox */
.save-favorites input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
	border:solid .5px #000;
}


/* On mouse-over, add a grey background color */
.save-favorites:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.save-favorites input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.save-favorites input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.save-favorites .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



@media screen and (max-width: 1024px) {	
.online #wrapper {
	margin-top:10px;
}
}

@media screen and (max-width: 900px) {	
.online #wrapper {
	margin-top:10px;
}
}

@media screen and (max-width: 800px) {	
.online #wrapper {
	margin-top:0px;
}
}

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

body#core.online #wrapper, 
body#core.online #page {
	background:#fff;
}
.online #wrapper {
	margin-top:0px;
}

.online #exit-word {
	display:none;
}

#online-order-logo {
	float:left;
	text-align:left;
	clear:both;
	height:auto;
	width:auto;
	max-width:70%;
	padding:5px;
}
#online-order-logo img {
}
	
}

a {text-decoration:none;}

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

#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: none;
	border-top:none;
	}
	
#order-window th.left {
	-webkit-border-radius: 6px 0px 0px 0px; 
	-moz-border-radius: 6px 0px 0px 0px; 
	border-radius: 6px 0px 0px 0px;
}

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

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

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

#save-button {
	-webkit-appearance: none;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:4px 6px;
	margin-bottom:5px;
	margin-top:4px;
}

#save-button_notes {
	-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_notes:hover, #save-button:hover {
	 background:#F00; 
	cursor:pointer;
}

#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:4px 6px;
	margin-bottom:5px;
	margin-top:4px;
	-webkit-appearance: none;
	font-size:1em;
}

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

#select-button:hover {
	 background:#FFF; 
	border: 1px solid #F00;
	color:#F00;
}

#select-button:active,
#select-button:visited
{
	 background:#ccc; 
	color:green;
}

#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:8px 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:6px 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) */
	display:none;
}

.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;
}

input[type="submit"] {  /* this is the final check out button - by itself */
	
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
	
}
input#check-out-submit_final {  /* this is the final check out button - by itself */
			padding:0;margin:0;
background:#F00;
border: 1px solid #F00;
color:#fff;
font-weight:bold;
	padding:4px 2px;
	font-size:22px;
	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:6px 2px;
	font-size:19px;
	margin-top:0px;
	width: 103%;
	min-width:103%;
	margin-left:-3%;
text-align:center;
height:47px;
}

@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: 102%;
	min-width:102%;
	margin-left:-2%;
}

}

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

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

}


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

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

}


#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:10px 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 { /* this is the start your order button */
	text-decoration:none;
	background:#48a3db;
	color:#fff;
	border: 7px solid #8f8f8f;
	border-color:#8f8f8f; 
	border-top: 7px solid #ccc;
	border-left: 7px solid #ccc;
	border-width:7px;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:10px 11px;
	font-size:28px;
	width:100%;
margin-left:auto;
margin-right:auto;
margin-top:24px;
text-align:center;
}

@media screen and (max-width: 600px) {
	
#add-to-order-button { /* this is the start your order button */
	text-decoration:none;
	background:none;
	color:#fff;
	border:none;
     -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	padding:0%;
	font-size:34px;
	width:60%;
margin-left:auto;
margin-right:auto;
margin-top:12px;
text-align:center;
}
	
#add-to-order-button .menu_modal_open {
	display:block;
	text-decoration:none;
	background:#48a3db;
	color:#fff;
	border: 8px outset #bbbbbb;
     -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	padding:20%;
	font-size:34px;
	margin-top:0px;
	width:100%;
margin-left:auto;
margin-right:auto;
margin-top:15px;
text-align:center;
	}
	
#add-to-order-button .menu_modal_open:hover {
	background:#F00; 
color:#fff;
	}
}

.online #main-content h2 { 
	font-style:italic;
	font-weight:500;
	font-size:1.4em;
	margin-top:8px;
}
@media screen and (max-width: 460px) {

.online #main-content h2 { 
	font-size:1.1em;
}
}

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

#add-to-order-button {
	width:75%;
}
	
#add-to-order-button .menu_modal_open {
	font-size:30px;
	}
}



#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:99%;
}

#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:100%;
}

/* 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%;
	background:none;
	border: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;
	border: 1px solid #777777;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:10px;
	width:98%;
	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;
	overflow-x:hidden;
	overflow-y:hidden;
}
.popup_modal select {
	padding:.2em;
	margin-bottom:.2em;
	width:95%;
	max-width:95%;
	min-width:95%;
	border-radius:4px;
	font-size:17px;
	line-height:2em;
}
#menu_modal {
    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;
}


.address_modal_open,
.use-address-btn,
.edit-address-btn,
.delete-address-btn,
#add-new-address-btn {
	padding:.3em;
	margin-top:7px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
}

#registration-form {
	margin-left:25%;
	margin-right:25%;
	width:50%;
	min-width:50%;
	max-width:50%;
	float:right;
	margin-bottom:15px;
}

#registration-form #save-button {
	padding:.7em;
	height:2.6em;
	font-size:16px;
	font-weight:bold;
}

#registration-form p {
	text-align:left;
}

#registration-form p input,
#registration-form p select {
	width:100%;
	max-width:100%;
	margin-top:-12px;
}

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

#registration-form {
	margin-left:15%;
	margin-right:15%;
	width:70%;
	min-width:70%;
	max-width:70%;
}
}

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

#registration-form {
	margin-left:10%;
	margin-right:10%;
	width:80%;
	min-width:80%;
	max-width:80%;
}
	
#registration-form p input,
#registration-form p select {
}
	
#registration-form p  {
	text-align:center;
}
	
}
.done-with-toppings-wrapper {
	width:90%;
	float:right;
}

.done-with-toppings-wrapper_lower {
	width:100%;
	float:right;
	margin-top:5px;
}
button.Done_with_toppings {
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	color:#fff;
	background:#e90611;
	width:100%;
	text-align:center;
	font-size: 12px;
	font-weight:bold;
}