@import "reset.css";
/* CSS Document */
/*****general styles***************************/
/*body{
font-family:Arial, Helvetica, sans-serif;
width: 99.9999%;
margin: 0%;
padding: 0%;
overflow: auto;
}*/
/*html{ height:100%}*/
/*enter your style in cntral*/
/*#wrap { width:1000px; margin:0 auto;}*/
/*#header {height:200px}*/
/*overflow:hidden????? for content*/
/*****side1***********************display:block; position:fixed;****/
#side1 {width:200px;
background-color:#993;
position:relative;
left:0px;
float:left;
}
/*this is left site floating menu bar*/
#table1 {
width:160px;
margin-left:-48px;
font-family:'NunitoRegular';
}
#table1 td{
width:140px;
background-color:#FFD;
height:23px;
line-height:23px;
border:1px #000000 solid;
}
/*#table1 td a:hover { text-decoration:underline; color: rgba(40,57,57,1);font-weight:bold; font-style:italic}*/
/*
border-top-right-radius:10px;
border-top-left-radius:10px;
behavior: url(PIE.htc);
*/
#table1 th{
background-color: #660000;
font-weight:bold;
color:#FFF;
text-align:center;
vertical-align:middle;
width:140px;
height:45px;
border:1px #000000 solid;
}
.menu_clicked{font-weight:bold;color:#FFFFFF}
/*
.menu2{
cursor:pointer;
}
*/
#table1 tr td a{ color:#000;
text-decoration:none;
font-size:13px;
width:140px;
display:block;
height:26px;
text-align:left;
}
#table1 tr td:hover {
cursor: hand;
cursor:pointer;
background-color:#CC3;
font-size:13px;
width:140px;
height:26px;
}
.me {
background-color:#F00;
width:130px;
}
td.pizza a{ cursor: pointer ; }
td.special a{cursor: hand;}
/*
#table1 tr td:hover { color: #F00; background-color: #DCDCB8; font-size:15px;}
*/
/*****centre_3***************************/
/*id=center_3:pizza,sideorder,offer*/
/*class=table2:pizza,sideorder,offer*/
/*id :center0=pizza*/
/*id :center=order*/
/*id :center1-..=sideorder*/
#center_3{
width:500px;
position:relative;
left:0px;
}
/*table2:pizza,sideorder,offer*/
.table2 {
width:500px;
position:relative;
top:-3px;
display:none;
}
#center{
}
.table2 th{
}
.table2 th{
background-color: #660000;
width:500px;
border-top-right-radius:12px;
border-top-left-radius:12px;
font-weight:bold;
color:#FFF;
text-align:left;
height:45px;
behavior: url(PIE.htc);
}
.table2 td{
padding:5px;
font-size:17px;
color:#2B4242;
}
/*.size:table with size of pizza*/
.size{
border: 1px solid black;
width:500px;
position:relative;
right:5px;
}
.table2_side {
width:500px;
position:relative;
left:1px;
display:none;
}
.table2_side td{
font-size:17px;
color:#2B4242;
}
/*background color of main pizza menu rows*/
table.size tr{
background-color:transparent;
}
.new tr td{
font-size:13px;
padding:1.5px;
position:relative;
}
#sideMenu tr td {}
/*.show=form for add to basket & quantity(tr)*/
.show {
background-color: transparent;
}
.table2 tr td table.size tr td.dif_size{
font-size:15px;
position:absolute;
right:20px;
top:2px;
font-family:"Times New Roman", Times, serif;
}
/*.pizzaName:| tag with pizza name */
.table2 tr td table.size tr td.dif_size2{
font-size:15px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
}
/*.pizzaName: tag with pizza name */
.pizzaName{
font-weight:bold;
font-size:20px;
color:#900;
}
#corecter{
height:1px;
}
/*create a border for types???????????????????
border: 1px solid black;
border-radius: 3px 3px 3px 3px;
*/
#tb{
}
/*.des: this is for description for menu list*/
p.desoff {
font-size:12px;
font-family :'NunitoRegular';
line-height:19px;
text-align:left;
width:300px;
word-spacing:2px;
}
/*.des: this is for description for menu list*/
.des {
font-size:12px;
line-height:19px;
text-align:left;
font-family :'NunitoRegular';
color:#000;
}
/**/
.table2_side .des{
color:#000;
width:500px;
font-family :'NunitoRegular';
text-align:left;
position:relative;
bottom:0px;
}
/*this is type name*/
.table2_side #typename{
font-family:'NunitoRegular';
font-size:15px;
font-weight:bold;
}
/* this is for header of types*/
.type2{
font-weight:bold;
font-size:15px;
font-family :'NunitoRegular';
color:#000;
padding:8px;
background-color:#CC0;
}
#desType{
background-color:#CC0;
}
/* drink type*/
#typeprice{
font-size:15px;
float:right;
position:relative;
font-family :'NunitoRegular';
}
/* drink type price*/
p.typprice{
position:relative;
right:15px;
}
#startertd{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
float:left;
}
@font-face {
font-family :'NunitoRegular';
src :url('../fonts/nunito-regular-webfont.eot');
src :url('../fonts/nunito-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/nunito-regular-webfont.woff') format('woff'),
url('../fonts/nunito-regular-webfont.ttf') format('truetype'),
url('../fonts/nunito-regular-webfont.svg#NunitoRegular') format('svg');
font-weight :normal;
font-style :normal;
}
@font-face {
font-family :'Lobster1.4Regular';
src :url('../fonts/lobster-webfont.eot');
src :url('../fonts/lobster-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/lobster-webfont.woff') format('woff'),
url('../fonts/lobster-webfont.ttf') format('truetype'),
url('../fonts/lobster-webfont.svg#Lobster1.4Regular') format('svg');
font-weight :normal;
font-style :normal;
}
@font-face {
font-family :'LimelightRegular';
src :url('../fonts/limelight-webfont.eot');
src :url('../fonts/limelight-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/limelight-webfont.woff') format('woff'),
url('../fonts/limelight-webfont.ttf') format('truetype'),
url('../fonts/limelight-webfont.svg#LimelightRegular') format('svg');
font-weight :normal;
font-style :normal;
}
.starter_name{
font-weight:200;
font-family :'NunitoRegular';
font-size:14px;
font-weight:bold;
}
.off_name{
font-weight:bold;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
color:#930;
}
p.pos_fixed
{
float:right;
position:relative;
right:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
top:7px;
}
p.pos_pizza
{
position: relative;
top:7px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
p.sp_offer1
{
float:right;
position:relative;
right:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
top:7px;
}
p.sp_offer2{
position: relative;
top:7px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
left:10px;
}
.off_price
{
position: relative;
top:-2px;
right:-7px;
font-family :'NunitoRegular';
font-size:15px;
}
/*we have different type of side order*/
.type_table{
width:500px;
}
.type_table td{
font-size:17px;
color:#2B4242;
}
#typename{
font-size:15px;
font-family:'NunitoRegular';
float:left;
}
.table2_side .clicked p.starter_price {
position: relative;
right:20px;
color:#000;
}
/*starter price */
p.starter_price{
font-size:15px;
position:relative;
right:20px;
font-family :'NunitoRegular';
color:#000;
bottom:40px;
}
/*starter price | */
#starterprice{
font-size:14px;
float:right;
}
/***********************************show*************************************************/
.table2 tr.show td{ }
/*modify button for pizza and offer and side order*/
.dd {
cursor:pointer;
background-image: url(../images/add.png);
background-repeat:no-repeat;
display:block;
width:60px;
height:28px;
border:none;
background-color: transparent;
position: relative;
left:20px;
top:8px;
}
.table2 .clicked .dd {
position: relative;
left:40px;
top:8px;
}
/*add botton for starters*/
#sideMenu .starter{
cursor:pointer;
background-image: url(../images/add.png);
background-repeat:no-repeat;
display:block;
width:60px;
height:28px;
border:none;
background-color: transparent;
position: relative;
right:32px;
bottom:25px;
}
#sideMenu .modify{
cursor:pointer;
background-image:url(../images/modify.png);
background-repeat:no-repeat;
background-color:transparent;
display:block;
width:60px;
height:28px;
border:none;
position: relative;
right:110px;
top:20px;
}
.type_table .drinkdip{
cursor:pointer;
background-image: url(../images/add.png);
background-repeat:no-repeat;
display:block;
width:60px;
height:28px;
border:none;
background-color: transparent;
position: relative;
right:32px;
top:5px;
}
/* potato sking add buttom*/
#sideMenu .burger{
cursor:pointer;
background-image: url(../images/add.png);
background-repeat:no-repeat;
display:block;
width:60px;
height:28px;
border:none;
background-color: transparent;
position: relative;
right:32px;
top:-8px;
}
.table2_side tr td{
font-size:13px;
padding:1.5px;
position:relative;
}
.table2_side tr {
font-size:13px;
padding:1.5px;
height:55px;
position:relative;
}
.dropdown{
position:relative;
background-color: #FFF;
width:150px;
border: thin;
border-style:dotted;
}
.dd a:hover {}
#jj th{
padding:10px;
background-color: #660000;
border-top-right-radius:12px;
border-top-left-radius:12px;
font-weight:bold;
color:#FFF;
text-align:left;
height:30px;
}
/*modify button for offer and side order*/
#offer .modify{
cursor:pointer;
background-image:url(../images/add.png);
background-repeat:no-repeat;
background-color:transparent;
display:block;
width:60px;
height:28px;
border:none;
position: relative;
right:8px;
top:8px;
}
/*modify button for pizza
left:300px;
top:15px;
*/
.modifyP{
cursor:pointer;
background-image:url(../images/modify.png);
background-repeat:no-repeat;
background-color:transparent;
display:block;
width:60px;
height:28px;
border:none;
position: relative;
left:30px;
top:8px;
}
#sideMenu .burger2{
cursor: hand;
cursor:pointer;
background-image: url(../images/add.png);
background-repeat:no-repeat;
display:block;
width:60px;
height:28px;
border:none;
background-color: transparent;
position: relative;
left:140px;
top:-20px;
}
.dd_button{
cursor: hand;
cursor:pointer;
background-image: url(../images/add.png);
background-repeat:no-repeat;
display:block;
width:60px;
height:28px;
border:none;
background-color: transparent;
position: relative;
left:400px;
top:-20px;
}
/* pizza offers*/
.offer{
height:auto;
background-color:#F00;
}
/* pizza offer containing dropdowm menu*/
.design_offer{
position:relative;
left:40px;
width:400px;
}
/* any size pizza dropdown menu */
.anysize_pizzaname{
width:200px;
height: 30px;
border: solid 1px #FF3300;
font-weight: bold;
}
.anysize_pizzabase{
width:200px;
height: 30px;
border: solid 1px #FF3300;
font-weight: bold;
}
.anysize_pizza{
width:200px;
height: 30px;
border: solid 1px #FF3300;
font-weight: bold;
}
/********* any size pizza labels*************/
.anysize_pizzanamelb{
font-weight: bold;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.anysize_pizzalb{
font-weight: bold;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.anysize_pizzabaselb{
font-weight: bold;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
/* special offers*/
.pizzaoffer{
width:200px;
height: 30px;
border: solid 1px #FF3300;
font-weight: bold;
}
.pizzaofferlb{
font-weight: bold;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.pizzaoffer_base{
width:200px;
height: 30px;
border: solid 1px #FF3300;
font-weight: bold;
}
.pizzaoffer_baselb{
font-weight: bold;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.pizzaoffer_side{
width:200px;
height: 30px;
border: solid 1px #FF3300;
font-weight: bold;
}
.pizzaoffer_sidelb{
font-weight: bold;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.pizzaoffer_drink{
width:200px;
height: 30px;
border: solid 1px #FF3300;
font-weight: bold;
}
.pizzaoffer_drinklb{
font-weight: bold;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
}
/* pizza offer base box
.pizzaoffer_base{
position: relative;
left:75px;
top:5px;
width:200px;
height: 30px;
overflow: hidden;
border: solid 1px #FF3300;
font-weight: bold;
}
*/
/*pizza offer base label
.pizzaoffer_baselb{
position: relative;
left:70px;
top:5px;
width:250px;
height: 30px;
font-weight: bold;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
*/
/* pizza offer side box
.pizzaoffer_side{
position: relative;
top:-35px;
left:75px;
width:200px;
height: 30px;
overflow: hidden;
border: solid 1px #FF3300;
font-weight: bold;
}
*/
/*pizza offer side label margin-right:70px;
.pizzaoffer_sidelb{
position: relative;
left:70px;
top:-50px;
width:250px;
height: 30px;
overflow: hidden;
text-align:left;
font-weight: bold;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
*/
/* pizza offer drink box
.pizzaoffer_drink{
position: relative;
left:75px;
top:45px;
width:100px;
height: 30px;
overflow: hidden;
border: solid 1px #FF3300;
font-weight: bold;
}
*/
/*pizza offer side label
.pizzaoffer_drinklb{
position: relative;
left:70px;
top:45px;
width:250px;
height: 30px;
overflow: hidden;
text-align:left;
font-weight: bold;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
*/
.window_any{
cursor: hand;
cursor:pointer;
background-image:url(../images/close.png);
background-repeat:no-repeat;
position:relative;
left:5px;
top:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
/***********************************click*************************************************/
/*.click=name of foods and price(tr)
background-color:#0F0;
width:500px;
*/
.click {
padding:0.5px;
background-color:#9C3;
}
.click td {}
/*clicked:click when we clicked that*/
.clicked {
font-weight:bold;
}
/* change color of price and pizza name when clicked on modify buttom*/
.table2 .clicked tr td.dif_size{
color:#933;
}
/* change color of pizza size name*/
.table2 .clicked tr td.dif_size2{
color:#933;
}
/* hide offer description when user clicked*/
.table2 .clicked p.desoff{
display:none;
}
p.pizzanameex{
font-size:18px;
position:relative;
left:200px;
display:none;
color:#933;
}
.table2 .clicked tr p.pizzanameex{
display:block;
}
/*.extra=extra list(tr)*/
.extra {
background-color:#996;
cursor: auto ;
display:none;
width:470px;
}
.checkbox, .radio {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(../images/checkbox4.png) no-repeat;
display: block;
clear: left;
float: left;
position:relative;
top:-5px;
}
.radio {
background: url(radio.png) no-repeat;
}
.select {
position: absolute;
width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(select.png) no-repeat;
overflow: hidden;
}
.windowC:hover { }
/*a link for close extra form in pizza*/
.windowCP{
cursor: hand;
cursor:pointer;
display:none;
background-image:url(../images/close.png);
background-repeat:no-repeat;
position:relative;
left:1px;
top:-1px;
}
.close{
position: relative;
left:26px;
}
p.close2{
position: relative;
left:26px;
}
/*a link for close extra form in side order and offer*/
.windowC{
cursor: hand;
cursor:pointer;
background-image:url(../images/close.png);
background-repeat:no-repeat;
position:relative;
right:20px;
top:20px;
}
/*a link for close extra form in side order and offer*/
.windowS{
cursor: hand;
cursor:pointer;
background-image:url(../images/close.png);
background-repeat:no-repeat;
position:relative;
right:55px;
top:-3px;
}
#sideMenu .burgerstart{
cursor:pointer;
background-image: url(../images/add.png);
background-repeat:no-repeat;
cursor: hand;
display:block;
width:60px;
height:28px;
border:none;
background-color: transparent;
position: relative;
left:115px;
top:4px;
}
#burgerextra{
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color:#006;
}
/* style's the burgers extra*/
.extra .tb_sty_burger{
color:#006;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
.extra .tb_sty_burger2{
color:#006;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.tb_ex_burger{
position:relative;
left:30px;
top:-22px;
width:350px;
}
.extra .tb_sty_starter{
color:#006;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
.table2_side .click #startertd {}
.table2_side .clicked #startertd {
color:#933;
}
.table2_side .clicked #starterprice {
color:#933;
}
.table2_side .clicked p.des {
display:none;
}
/*
*/
#starter_extra{
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color:#006;
}
.tb_extra2{
position:relative;
left:55px;
}
#burg_qty_lb{
position:relative;
right:110px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
top:-10px;
font-weight:bold;
}
.burger_qty{
position:relative;
right:105px;
top:-10px;
}
#starter_qty_lb{
position:relative;
right:120px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
top:-30px;
font-weight:bold;
}
.starter_qty_box{
position:relative;
right:105px;
top:-30px;
}
.windowCP:hover { }
/*background-color: #1A5F64;
cursor: auto ;
color:#FFFFFF;
display:none*/
.table2 tr.extra td{
color:#FFFFFF;
}
/*a table with extra toppings*/
.tb_extar {
width:470px;
}
.tb_extra tr th{
text-align:center;
background-color:transparent;
color:#006;
font-family: Arial, Helvetica, sans-serif ;
height:5px;
}
.tb_extra tr td{
position:relative;
font-size:10px;
color:#006;
text-align:justify;
font-family: Arial, Helvetica, sans-serif ;
}
.tb_extra tr{}
.tb_extra{
position:relative;
left:25px;
}
.tb_extra2 tr {
font-size:10px;
height:2px;
font-family: Arial, Helvetica, sans-serif;
}
.tb_ex_burger tr {
font-size:10px;
height:2px;
font-family: Arial, Helvetica, sans-serif ;
}
#qtybox{
position:relative;
right:15px;
}
#lbqty{
position:relative;
right:25px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
/*table-layout: fixed*/
.new{
width:470px;
position:relative;
}
/*
.new tr td{
font-size:13px;
padding:1.5px;
position:relative;
}*/
.new tr td{text-align: left}
.new tr.show td{ vertical-align:central;}
/*extra topping and quantity*/
/*.tb_extra {display:none}*/
/*.sticky {position:fixed; top:0;}*/
/*button for add offer*/
/*****end of centre***************************/
/* this is for shopping cart
#side2 {width:280px ; hight:100%; float:right ;
}
*/
#showDialog{
top: 100px;
left: 350px !important;
margin:0 auto;
background-color:#F00;
}
#box4{
}
#postcodeFind{
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#ccc;
overflow:hidden;
height:120px;
}
/* enter post code dialogbox*/
.btn_find {
background-image:url(../images/search.png);
background-repeat:no-repeat;
background-color:transparent;
width:75px;
height:60px;
display:block;
border:none;
cursor: pointer;
position:relative;
top:27px;
left:250px;
}
.btn_find :hover{
background-image: url(../images/searchover.png);
background-repeat:no-repeat;
width:75px;
height:60px;
display:block;
border:none;
cursor: pointer;
position:relative;
top:10px;
left:235px;
}
input.txt_postcode[type=text]
{
height:39px;
border: 1px solid #696;
padding: 5px 0;
text-align: center; width: 180px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #F2F6DA;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F2F6DA), to(#D6F7CA));
background: -webkit-linear-gradient(#F2F6DA, #D6F7CA);
background: -moz-linear-gradient(#F2F6DA, #D6F7CA);
background: -ms-linear-gradient(#F2F6DA, #D6F7CA);
background: -o-linear-gradient(#F2F6DA, #D6F7CA);
background: linear-gradient(#F2F6DA, #D6F7CA);
-pie-background: linear-gradient(#F2F6DA, #D6F7CA);
behavior: url(PIE.htc);
position:absolute;
top:53px;
right:140px;
width:200px;
font-size:28px;
}
.enterpost{
position:relative;
top:0px;
left:90px;
}
/*
#closeDialog{
background-image:url(../images/close.png);
background-repeat:no-repeat;
height:34px;
width:34px;
position:relative;
top:-130px;
left:360px;
}
*/
.rounded-corners {
behavior: url(/css/border-radius.htc);
border-radius: 20px;
}
.rounded-corners {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}
/*************alert(dialog)******************/
.dialog{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#F00;
}
#box1 {
}
.box{display:none}
.mybox{}
/*for disign dialog box*/
.ui-dialog{ background-color: rgba(4,149,149,1)}
.ui-dialog .ui-dialog-titlebar{ background-color:rgba(62,88,91,1)}
.no-close .ui-dialog-titlebar-close {display:block; }
/* : postcode isn't valid */
.ui-dialog
{
position:fixed;
}
.ValidPostcode{
color:red;
font-size:14px ;
display:none;
position:relative;
top:30px;
left:65px;
}
#yes{
color:#F00;
position:relative;
top:-9px;
left:40px;
}
#wehave{
color:#03C;
position:relative;
top:-10px;
left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
text-align:center;
}
#wehave2{
color:#000;
position:relative;
top:-10px;
left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
}
/*result of asking postode*/
.showResult{display:none;} |