/* CSS Document */

body{
font:12px Arial, Helvetica, sans-serif;
color:#333;
text-align:center;
margin:0 0 50px 0;
padding:0;
}

#container{
margin:0 auto;
text-align:left;
width:800px;
padding:0 !important;
padding:0 0 0 2px;
}

#header{
float:left;
width:1000px;
background:url(../images/bg_header.jpg) top no-repeat;
}

#header div.logo{
font:22px Arial, Helvetica, sans-serif;
color:#4062a6;
background:#fff;
margin:14px !important;
margin:14px 7px;
padding:20px;
float:left;
border:2px solid #4062a6;
height:73px;
}

#header div.image{
float:right;
padding:0 10px 0 0;
}

#body{
float:left;
width:780px;
padding:10px;
position:relative;
background:#FFFFFF ;
}

h2.title{
border-bottom:2px solid #95181b;
font:18px Arial, Helvetica, sans-serif;
padding:10px 20px;
margin:0 20px;
color:#95181b;
}

h3.title{
font:bold 15px Arial, Helvetica, sans-serif;
padding:5px 0px;
margin:0 0px;
color:#95181b;
}

div.choose_dish{
overflow-y:auto;
overflow-x:hidden;
height:375px;
padding:0 0;
}
div.cart_items{
overflow-y:auto;
overflow-x:hidden;
height:310px;
padding:0 0;
}

div.dishList{
padding:5px;
}

div.dishList a, div.dishList a:hover{
text-decoration:none;
}

div.dishList b{
display:block;
}

div.choose_dish_options select{
width:150px;
margin:8px 0;
}

div.dish_options{
position:relative;
}

div.choose_dish_options input{
float:right;
margin:15px 0 0 0;
position:absolute;
bottom:10px;
right:22px;
}

div.cart div.shopping_cart{
float:left;
height:315px;
}

div.cart div.items{
float:left;
padding:5px 0 5px 0;
border-bottom:1px solid #a5282b;
}

div.cart div.title{
color:#a5282b;
font-weight:bold;
float:left;
padding:2px 0;
}

div.cart div.close{
float:right;
padding:2px 0;
}

div.cart div.quantity{
background:#f4f4f5;
float:left;
width:60px;
padding:2px 2px;
font-size:11px;
color:#666666;
}

div.cart div.price{
background:#f4f4f5;
float:right;
width:75px;
padding:2px 2px;
font-size:11px;
color:#666666;
}

#choose_dish div.price{
font-size:14px;
color:#9e0b0f;
font-style:italic;
font-weight:bold;
}
/*div.total{
color:#666;
position:absolute;
bottom:80px;
}*/
div.total{
left:15px;
color:#666;
position:absolute;
bottom:80px;
z-index:200;
}

div.total div{
padding:2px 0;
}

input.button_catalog{
margin:12px 0;
display:block;
float:right;
}

div.total span{
color:#a5282b;
}

div.form{
padding:20px 0 10px 0;
float:left;
width:100%;
}


div.postcode{
font-size:11px;
color:#666666;
padding:0;
float:left;
}

span.red{
color:#95181b;
}

div.button{
float:right;
padding-right:0px;
position:absolute;
bottom:120px;
right:20px;
width:760px;
}

div.button img{
border:0;
}

div.button a{
display:block;
float:left;
padding:0;
font:12px Arial, Helvetica, sans-serif;
border:0px solid #ba3b3e;
color:#86090c;
text-decoration:none;

}
div.button input.next{
display:block;
float:right;
padding:4px 25px;
font:12px Arial, Helvetica, sans-serif;
border:2px solid #ba3b3e;
color:#86090c;
text-decoration:none;
background:#fff;
cursor:pointer;
}

div.button input.back{
display:block;
float:left;
padding:4px 25px;
font:12px Arial, Helvetica, sans-serif;
border:2px solid #ba3b3e;
color:#86090c;
text-decoration:none;
background:#fff;
cursor:pointer;
}
div.button_catalog{
float:right;
padding-right:10px;
position:absolute;
bottom:30px;
right:20px;
}

/*input{
background:#fff;
display:block;
float:left;
padding:2px 10px;
font:12px Arial, Helvetica, sans-serif;
border:2px solid #ba3b3e;
color:#86090c;
text-decoration:none;
overflow:visible;
cursor:pointer;
}*/

div.button_catalog a:hover{
background:#86090c;
color:#fff;
}


#body div.left, #body div.dish, #body div.dish_options{
float:left;
padding:0px 10px 0 0;
}

#body div.left table{
width:160px;
}

#body div.left ul{
margin:0;
padding:0;
list-style:none;
}

#body div.left ul li{
padding:0 2px;
}

#body div.left ul li a{
font:italic bold 14px Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
display:block;
padding:7px 5px 7px 20px;
width:140px;
}

#body div.left ul li a:hover{
background:#4364a7;
color:#fff;
}

#body div.left ul li a.active{
background:#4364a7;
color:#fff;
font-style:normal;
}

.menu_bg{
background:url(../images/bg_leftnav.jpg) repeat-y;
height:400px;
vertical-align:top;
}

td.tm{
background:url(../images/top_middle.jpg) 0 0 repeat-x;
}

td.bm{
background:url(../images/bottom_middle.jpg);
}

td.tmid{
border-top:1px solid #ccc;
}

td.bmid{
border-bottom:1px solid #ccc;
}

td.lmid{
border-left:1px solid #ccc;
}

td.rmid{
border-right:1px solid #ccc;
}

#body div.right{
line-height:21px;
float:right;
width:600px;
padding:5px 0 0 0;
}

#body div.right span.title{
font-size:17px;
font-weight:bold;
color:#96191c;
display:block;
padding:5px 0 10px 0;
}

#body div.right div.img{
float:left;
padding:0 10px 0 0;
}

#body div.right div.order{
padding:10px 0;
}

#body div.photo_gallery{
float:left;
width:780px;
padding:0 0 0 0;
}

#body div.photo_gallery div{
float:left;
padding:0 8px;
}

#footer{
background:url(../images/bg_footer.jpg) repeat-x;
font-size:11px;
float:left;
width:790px;
padding:10px 10px 10px 0;
text-align:right;
border-top:7px solid #971a1d;
}

.button_add_dish{
display:block;
float:left;
padding:4px 5px;
font:12px Arial, Helvetica, sans-serif;
border:2px solid #ba3b3e;
color:#86090c;
text-decoration:none;
background:#fff;
cursor:pointer;
bottom:10px;
float:right;
margin:15px 0 0;
position:absolute;
right:22px;
}

.button_place_order{
bottom:25px;
}

.button_add_dish2{
background:url(../images/button_bg.jpg) no-repeat;
padding:4px 2px;
font:bold 16px Arial, Helvetica, sans-serif;
color:#fff;
cursor:pointer;
margin:15px 0 0;
width:92px;
height:48px;
border:0;
}

.button_add_dish2 span, .button_add_dish2-alt span {
    white-space:nowrap;
    }
.add-to-cart-box .qty-box .qty {
position:static;
}

.add-to-cart-box {
float:left;
}


/* CSS Document */

body{ 
background:#000;
font:12px Arial, Helvetica, sans-serif;
margin:2px 0 0 0;
padding:0 0 0 0;
color:#333;
text-align:center;
}

#container{
width:1000px;
margin:0 auto;
padding:0 0 0 0;
text-align:left;
}

#header{
background:none;
float:left;
position:absolute;
z-index:100;
padding-top:50px;
}

#body{
float:left;
position:absolute;
top:150px;
z-index:10;
width:1000px;
padding:0 0 0 0;
}

td.left{
background:none;
width:227px;
}

/*<!--Choose Category-->*/

#choose_category{
background:#bdbdbd url(../images/bottom_left.jpg) bottom no-repeat;
float:left;
padding-bottom:15px;
position:relative;
top:0;
min-height:607px;
height:auto !important;
height:607px;
}

td.mid{
background:#fff;
}

#choose_category div.category{
float:left;
padding:0 0 350px 0px;
min-height:407px;
height:auto !important;
height:407px;
}

#choose_category div.category ul{
list-style:none;
margin:0;
padding:0;
}

#choose_category div.category ul li {
display:block;
height:37px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:5px 20px 10px 25px;
width:182px;
}

#choose_category div.category ul li.active{
background:url(../images/cat_bg.jpg) 0 0 no-repeat;
}

#choose_category div.category ul li.active a{
color:#a71c20;
}

#choose_category div.category a{ 
color:#a71c20;
font-size:16px;
text-decoration:none;
font-style:italic;
font-weight:bold;
}

#choose_category div.banner{
padding:0 7px;
float:left;
position:absolute;
bottom:10px;
left:0px;

}

#choose_category div.category div.content{
padding:0 0 5px 0;
}

/**/

/*Choose Dish*/

#choose_dish{
background:#ffd143;
float:left;
padding:2px 0 0 0;
width:528px;
}

#choose_dish .desc{
padding:0 20px 10px 20px;
}

#choose_dish div.dish_container{
background:#fff;
float:left;
padding:0 13px 0 0;
}

#choose_dish div.dishes{
float:left;
padding:0 15px 0 15px;
/*overflow-y:scroll;
overflow-x:hidden;*/
width:485px;

}

#choose_dish div.dishes select{
font-size:11px;
width:145px;
float:right;
padding:1px;
margin-right:15px;
}

#choose_dish div.dishes div.content{
width:475px;
}

#choose_dish div.dishes div.even{
background:#eaeaea;
padding:8px 7px 7px 7px;
}

#choose_dish div.dishes div.odd{
background:#fff;
padding:8px 7px 7px 7px;
}
#choose_dish div.dishes div.even_deals{
background:#fff;
padding:8px 7px 7px 7px;
}

#choose_dish div.dishes div.odd_deals{
background:#ffdfc9;
padding:8px 7px 7px 7px;
}
#choose_dish div.dishes div.dish_title{
font-size:15px;
color:#a71c20;
font-weight:bold;
}

#choose_dish div.dishes div.icons{
float:left;
width:25px;
}

#choose_dish div.dishes div.icon div{
float:left;
}

/*Contact*/

#contact{
background:#bdbdbd url(../images/contact_bg.jpg) no-repeat;
float:left;
padding:15px 0px 0 0px;
}

#contact div.content{
padding:0 5px;
color:#000;
height:175px;
}

.group_logo{
visibility:hidden;
}

#contact h2{
font-size:20px;
font-weight:bold;
color:#a71c20;
text-decoration:underline;
padding:12px 10px;
margin:0;
}

#contact div.address{
padding:0 10px;
}

#contact div.telephone{
font-size:15px;
font-weight:bold;
padding:0px 0 10px 0;
}

#contact div.bottom{
height:14px;
}

/*Order Details*/

#order_details{
background:url(../images/order_details_bg_mid.jpg) repeat-y;
float:left;
margin-top:15px;
position:relative;
}

#order_details div.content{
background:url(../images/order_details_bottom.jpg) bottom no-repeat;
padding:0 0 65px 0;
float:left;
}

#order_details div.content div.content{
background:none;
}

#order_details div.order{
background:url(../images/order_details_bg.jpg) no-repeat;
min-height:458px;
height:auto !important;
height:458px;
padding:90px 15px 0 15px;
width:215px;
color:#9e0b0f;
font-weight:bold;
padding-bottom:20px;
vertical-align:top;
}

#order_details div.order div.order_content{
border-bottom:1px solid #acacac;
float:left;
width:100%;
padding:3px 0;
}

.order_content img{
border:0;
}

#order_details div.order div.details{
width:100px;
color:#707070;
}

#order_details div.order div.price{
width:50px;
}

#order_details div.order div.items{
text-transform:uppercase;
padding:10px 5px 20px 5px;
float:left;
clear:both;
width:90%;
height:50px;
}

#order_details div.order div.total{
border-bottom:2px solid #acacac;
border-top:2px solid #acacac;
font-size:18px;
float:left;
width:215px;
}

#order_details div.pay_order{
position:absolute;
bottom:0px;
right:0px;
z-index:100;
padding:8px;
float:right;
}
.postcode_bg{
background:#000;
position:relative;
}

div.postcode{
background:url(../images/bg_postcode.jpg) no-repeat;
width:1000px;
height:800px;
margin:0 auto;
float:none;
position:relative;
}

div.restaurant{
background:url(../images/restaurant_selecter.jpg) no-repeat;
border:0px solid red;
margin:0;
}

div.restaurant select{
left:120px;
position:absolute;
width:235px;
z-index:300;
}

div.restaurant div.form{
position:absolute;
top:400px;
left:230px;
width:500px;
text-align:center;
}

div.restaurant div.form div.button{
float:left;
left:340px;
position:absolute;
top:85px;
}

div.restaurant div.form div.button input{
background:url(../images/button_start_order.jpg) no-repeat;
width:81px;
height:60px;
border:0;
}

.logo{
position:absolute;
top:314px;
left:143px;
}

#header div.logo{
position:absolute;
top:66px;
left:44px;
padding:0 !important;
margin:0 !important;
border:0;
}

.postcode_bg div.textbox{
position:absolute;
top:490px;
left:415px;
}

.postcode_bg div.button{
position:absolute;
top:482px;
left:625px;
width:200px;
}

.postcode_bg div.textbox input{
padding:3px;
width:190px;
font-size:17px;
letter-spacing:2px;
color:#333;
z-index:1000;
}

div.postcode div.order{
padding:400px 0 0 290px;
color:#fff;
font-size:20px;
width:700px;
}

.order_desc{
padding: 0px 0px 0px 20px; 
height: 85px; 
font-size: 13px; 
color: rgb(255, 255, 255); 
line-height: 17px; 
width:450px; 
margin:0 auto; 
text-align:center; 
font-weight: bold; 
clear:both;
padding:90px 0 0 0px !important;
padding:465px 0 0 0px;
}

div.postcode div.order table{
border:0px solid red;
}

#body_payment{
background:#000 url(../images/content_bg.jpg) bottom repeat-x;
float:left;
position:absolute;
top:140px;
z-index:10;
width:1000px;
padding:100px 0 250px 0;
color:#575757;
}

/*<!--Leftnav-->*/

#body_payment{
background:#000 url(../images/content_bg.jpg) top repeat-x;
float:left;
position:absolute;
top:150px;
z-index:10;
width:1000px;
padding:40px 0 250px 0;
color:#575757;
}

/*<!--Leftnav-->*/

#body_payment .leftnav{
padding:0 0 0 10px;
position:relative;
z-index:100;
height:450px;
}

#body_payment .leftnav ul{
margin:0;
padding:0;
list-style:none;
position:relative;
}

#body_payment .leftnav ul li{
padding:0 0 0 11px;
}

#body_payment .leftnav ul li.section{
height:85px;
}

#body_payment .leftnav ul li#opc-shipping_method{
height:0px;
}


#body_payment .leftnav ul li a{
font-size:17px;
color:#c6924b;
text-decoration:none;
font-weight:bold;
padding:18px 15px;
display:block;
margin:2px 0;
width:90px;
}

#body_payment .leftnav ul li a:hover{
background:none;
color:#9e0b0f;
}

#body_payment .leftnav ul li a.active{
background:url(../images/link_active_bg.gif) no-repeat;
color:#9e0b0f;
}

/*Payment*/

#body_payment .payment{
width:527px;
margin:0 auto;
}

#body_payment .payment .mid{
background:url(../images/mid_bg.gif) repeat-y;
}

#body_payment h2{
color:#fff;
font-size:28px;
font-weight:normal;
margin:0;
padding:5px;
}

#body_payment .form{
padding:0 10px;
width:340px;
height:450px;
float:left;
position:absolute;
z-index:100;
top:0px;
left:145px;
}

#body_payment .form input{
width:170px;
border:1px solid #c3c3c3;
font-size:12px;
padding:2px;
color:#575757;
}

#body_payment .form div.guest input{
width:auto;
border:0px solid #c3c3c3;
}

#body_payment .form h2{
font-size:18px;
border-bottom:2px solid #ab281f;
padding:10px;
color:#ab281f;
}

#body_payment .leftnav .form a{
color:#0092D4;
font-size:12px;
width:auto;
height:auto;
padding:0;
font-weight:normal;
}

#body_payment .leftnav .form a:hover{
background:none;
text-decoration:none;
}

.required{
color:#f84b00;
}

#body_payment a{
color:#0092d4;
}

#body_payment .tableData{
padding:10px 20px;
}

#body_payment div.button{
float:right;
padding:15px 0;
}

#body_payment div#billing_information input, #body_payment div#billing_information select{
width:150px;
margin-bottom:5px;
}

#body_payment div#billing_information input.address{
width:320px;
}

#body_payment div#payment_information label{
width:250px;
display:block;
}

#body_payment div#payment_information input, #body_payment div#payment_information select{
width:300px;
margin-bottom:5px;
}

#body_payment div#payment_information select.small{
width:130px;
}

#body_payment .leftnav ul li h3 {
margin:0;
padding:0;
}

.one-page-checkout .active .box {
background:none;
border:0px;
}

#body_payment .one-page-checkout .box a{
color:#0092D4;
font-size:12px;
font-weight:normal;
text-decoration:underline;
padding:0;
width:auto;
}

#body_payment .one-page-checkout .box a:hover{
text-decoration:none;
color:#0092D4;
}

#body_payment .one-page-checkout li.section h2{
border-bottom:2px solid #AB281F;
color:#AB281F;
font-size:18px;
padding:10px;
}

#body_payment ul li div.head a{
padding:0;
margin:0;
width:100px;
font-size:0px;
padding:0 0;
height:45px;
}

#body_payment .leftnav .one-page-checkout .head {
padding:15px;
margin-bottom:10px;

}



#body_payment .leftnav .one-page-checkout .active .head {
background:url(../images/link_active_bg.jpg) no-repeat;
padding:15px;
margin:0 0 20px 0;

}

#body_payment .leftnav .one-page-checkout .active .head h3{
color:#851923;
margin:0;
padding:0;
border:0px solid green;
position:absolute;
top:0;
left:0;
}

#body_payment .leftnav .one-page-checkout .head h3{
color:#fff;
text-align:left;
margin:0;
padding:0;
border:0px solid green;
position:absolute;
top:0;
left:0;
}

#body_payment .leftnav .one-page-checkout .box a{
font-size:12px;
padding:0;
width:auto;
}

#body_payment .leftnav .one-page-checkout .box a.cvv-what-is-this{
display:inline;
}

#body_payment .leftnav .one-page-checkout a.back{
background:none;
}

#checkout-step-review{
position:absolute;
top:0px;
left:145px;
}

li#opc-shipping_method div.head{
display:none;
}

/*#body_payment .leftnav .one-page-checkout .head{
height:70px;
top:10px;
border:1px solid red;
}

#body_payment .leftnav .one-page-checkout .head h3, #body_payment .leftnav .one-page-checkout .head a{
position:absolute;
top:15px;
left:15px;
height:50px;
border:0px solid red;
}*/

#body_payment .leftnav .one-page-checkout .head a{
border:0px solid red;
cursor:pointer;
position:relative;
}

div.hungry{
float:left;
position:absolute;
top:304px;
left:230px;
display:none;
}

td#button
{
vertical-align:bottom;
}

ul.messages{
background:url(../images/success_msg_top.jpg) top no-repeat;
padding:6px 0 0 0;
float:left;
width:215px;
margin:0;
}

.success-msg {
background:url(../images/success_msg_bottom.jpg) bottom no-repeat !important;
color:#9e0b0f;
border:0px !important;
padding:0px 15px 10px 15px !important;
list-style:none;
margin:0;
}

.success-msg ul{
list-style:circle;
margin:0;
margin-left:10px;
padding:0;
}

.success-msg ul li{
margin:0;
padding:0;
}

div.feedback{
position:absolute;
top:650px;
width:100%;
text-align:center;
}

div.footer{
width:600px;
margin:0 auto;
padding:50px 0 10px 0;
font-size:13px;
color:#fff;
text-align:center;
}

div.footer a{
color:#fff;
}

div.footer a:hover{
text-decoration:none;
}

div.footer div.cards{
padding:3px 0 0 5px;
}



