.checkoutFormHolder{
	text-align:left;
}

#checkout-form-content .steps{
	position:relative;
	height:auto;
	margin-top:15px;
}

.steps .step{
	line-height:30px;
	height:30px;
	color:#FF0000;
	display:block;
	background-color:#fff;
	margin:5px 0 0 0;
	background-image:none;
	font-weight:bold;
	font-size:13px;
	float:none;
	width:auto;
}

.steps .passed .contentHolder,
.steps .future .contentHolder{
	display:none;
}
.stepName{
	font-weight:bold;
	padding:5px;
}

.contentHolder{
	padding:0px;
}
.contentHolder .leftBody,.contentHolder .rightBody{
	padding:10px 10px 10px 10px;
}

.steps .passed .step{
	color:#FA7676;
}
.steps .future .step{
	color:#A0A0A0;
}

#time-online{
	display:none;
}


.checkoutBoxLeft{
	width:49%;
	float:left;
}
.checkoutBoxRight{
	width:50%;
	float:right;
}
div.checkoutBoxBig{
	width:100%;
	float:none;
}


/** Forms **/
div.error{
	padding:0px;
}
div.error input,
div.error textarea,
#checkout-form-holder  div.error select{
	border:1px solid red;
}
.tdRow{
	margin-bottom:7px;
	position:relative;
	clear:both;
}
#stepHolder-1 .inlineTable{
	margin-bottom:7px;
}
.stepHolder a{
	text-decoration:none;
}

.contentHolder select{
	margin-top:4px;
}
.contentHolder input{
	margin-top:4px;
	height:17px;
}
.contentHolder tr td{
	vertical-align:top;
	white-space:nowrap;
}
.contentHolder table,
.contentHolder table tbody,
.4contentHolder table td,
.contentHolder table tr{
	border-collapse:collapse;
	white-space:nowrap;
}

.infoBoxPopup span{
	display:none;
}
#checkout-form-holder .tooltipPopup, 
#checkout-form-holder .tooltip{
	color:#fff;
	background-color:#000;
	padding:5px;
	width:200px;
	z-index:300;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top:3px;
	white-space:normal;
}
#checkout-form-holder .tooltip .error{
	color:#fff;
}

.mandatory{
	color:#ff0000;
}
.warning{
	color:#FA7676;
	font-size:9px;
	font-weight:bold;
}

input[type="text"], 
input[type="password"], 
textarea, 
#checkout-form-holder select,
#checkout-form-holder select.card-input{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	padding:3px !important;
	font-size:1em;
	background-image: url(/images/design/input.png);
	background-repeat: repeat-x;
	border:1px solid #B5B8C8;
	width:90%;
	color: #131313;
}
#checkout-form-holder select option{
	font-size:.9em;
	padding:1px !important;
}

.corners{
	display:none;
}
.trustedLogos{
	text-align:center;
}

.stepBull{
	display:none;
}

/** Buttons **/
#back-to-menu-button,#order_back_button{
	float:left;
}
#order_next_button{
	float:right;
}

.smallEditButton {
	background-image:url(/images/design/edit-button.png);
	background-position:0 0;
	background-repeat:no-repeat no-repeat;
	display:block;
	height:21px;
	width:43px;
	overflow:hidden;
	text-indent:-1000px;
	float:right;
}
.mainButtons{
	background-color:#D6D6D6;
	position:relative;
}
.viewCart{
	background:url(/images/design/cartBox.gif) no-repeat;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	top:20px;
	float:left;
	width:183px;
}
.viewCart a {
	background:url(/images/design/cartBoxRight.png) 100% 0 no-repeat;
	color:#3E3E3E;
	display:block;
	font-size:20px;
	height:45px;
	padding-bottom:3px;
	padding-left:40px;
	padding-right:65px;
	padding-top:6px;
	text-decoration:none;
}
.viewCart{
	display:none;
}

#checkout-my-order{
	display:block;
}

/** Payments **/
#checkout-choose-payment-method label {
	background-image:url(/images/design/cards.png);	
	background-repeat:no-repeat;
	padding-left: 70px;	
	padding-top: 4px;
	padding-bottom: 5px;
	height: 27px;
	display:block;
	cursor:pointer;
}

#checkout-choose-payment-method div {
/*display: block;*/
}
 
.paymentMethodCash label{
 	background-position:left 1px;
}

 .paymentMethodOnlineVisa label {
  	background-position:left -39px;
 }
 .paymentMethodOnlineDelta label {
	background-position:left -80px;
 }
 .paymentMethodOnlineElectron label {
	background-position:left -120px;
 }
 .paymentMethodOnlineMastercard label {
	background-position:left -160px;
 }
 .paymentMethodOnlineMaestro label {
	background-position:left -200px;
 }
 .paymentMethodOnlineSolo label {
	background-position:left -240px;
 }
 
 .paymentMethodCheque label{
 	background-position:left -275px;
}

 .paymentMethodOnlineAccount label{
 	background-position:left -310px;
}



/** Step 1 **/
#stepHolder-1 .customerEditBox .inlineTable select{
	width:70px;
}
#stepHolder-1 .customerEditBox .inlineTable input{
	width:80%;
}
#stepHolder-1 .customerEditBox .inlineTable div{
	margin-left:4px;
}
.infoBoxPopup {
	background:url(/images/design/comment.png) 5px 5px no-repeat;
	float:left;
	height:11px;
	margin-left:7px;
	margin-top:5px;
	padding-bottom:7px;
	padding-left:7px;
	padding-left:28px;
	padding-right:7px;
	padding-top:7px;
}
#stepHolder-1 .stepName{
	display:none;
}

/** Step 2 **/
#stepHolder-2 .checkoutBoxLeft{
	width:100%;
	float:none;
}
#stepHolder-2 .checkoutBoxRight{
	width:100%;
	float:none;
}
.locationEditBox tr td{
	margin-bottom:7px;
	display:block;
}
.smallEditButtonHolder{
	float:left;
	margin-bottom:10px;
	margin-right:7px;
	margin-left:7px;
	width:43px;
}
.chooseAddressSpan{
	float:left;
	line-height:23px;
}
.chooseAddressSpan span{
	font-weight:bold;
}
#checkout-address-selector{
	clear:both;
	float:left;
	margin-bottom:7px;
}
.postcodeEditHolder input{
	height:43px;
	float:left;
}
.postcodeEditHolder .inputSmall{
	height:17px;
	width:30%;
	margin-top:12px;
	margin-right:10px;
}

/** Step 3 **/
#stepHolder-3 .checkoutBoxLeft{
	width:100%;
	float:none;
}
#stepHolder-3 .checkoutBoxRight{
	width:100%;
	float:none;
}
#checkout-choose-payment-method{
	padding:0px;
	margin:0px;
}
#checkout-choose-payment-method li{
	list-style:none;
	background-image:none;
	margin:0px;
	padding-left:0px;
}
.checkoutCardData td label{
	display:block;
	position:relative;
	margin-bottom:5px;
	float:left;
}
.checkoutCardData .inlineTable{
/*	width:100px;*/
}
#checkout-payment-method-form select.card-input{
	width:55px !important;
}
.contentHolder tr td.OrHolder{
	vertical-align:bottom;
	width:auto;
	text-align:center;
	min-width:25px;
}
.OrHolder span{
	margin-bottom:8px;
	display:block;
}
.checkoutCardData input.cvv{
	width:79%;
}



/** Step 4 **/
.infoLastStep{
	font-weight:bold;
	margin-bottom:7px;
}
#stepHolder-4 table td{
	white-space: normal;
}
#stepHolder-4 .contentHolder .orderInfoSummary{
	margin-bottom:7px;
}
#stepHolder-4 .contentHolder .orderInfoSummary td{
	padding:4px;
}
.orderInfoSummary .orderInfoRestaurant img{
	float:left;
	padding-right:10px;
}
.myOrderTotals{
	width:100%;
}
#stepHolder-4 .specialRequestsCharsCounter{
	margin-top:10px;
}
#stepHolder-4 .specialRequestsCharsCounter span{
	float:left;
	line-height:30px;
	margin-right:10px;
}
#stepHolder-4 .specialRequestsCharsCounter label{
	float:left;
	width:50px;
}
#stepHolder-4 .specialOfferConfition{
	clear:both;
}

#stepHolder-4 .checkoutBoxLeft{
	width:100%;
}
#stepHolder-4 .checkoutBoxRight{
	display:none;
}
.maincontentStep40 #stepHolder-4 .checkoutBoxRight{
	display:block;
}
#hungryhouse-family-row{
	clear:both;
}
.mainButtons .error{
	width:175px;
	margin-top:10px;
}

/** Special offers **/
.mySpecialOffer .infoBoxPopup{
	margin-top:5px;
}
.mySpecialOffer .infoBoxPopup{
	margin:0px;
	float:right;
	/*display:none;*/
}


.maincontentStep40 #checkout-my-order{
	display:none !important;
}
.maincontentStep40 #stepHolder-4 .offerDesc{
	float:left;
}

/*
.stepNumber{
	height:30px;
	line-height:30px;
	display:block;
	float:left;
	color:#fff;
	font-weight:bold;
	font-size:17px;
	background-color:#E3AE3E;
	width:30px;
	text-align:center;
	margin-right:15px;
}
.steps .step{
	padding-left:0px !important;
}*/
.stepNumber{
	display:none;
}