body {
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background:transparent url('images/bg.jpg') fixed top left repeat-x;
}

#container {
width:960px;
margin:24px auto 0px auto;
position:relative;
}

#header {
width:960px;
height:151px;
background:transparent url('images/header.gif') top left no-repeat;
position:relative;
}

#navbar {
width:305px;
height:28px;
position:absolute;
top:92px;
right:22px;
z-index:5;
font-size:14px;
background:transparent url('images/navfoot.gif') left bottom  no-repeat;
padding-top:10px;
text-align:right;
}
#navfoot {
width:305px;
height:5px;
background:transparent url('images/navfoot.gif') left bottom  no-repeat;
position:absolute;
bottom:-5px;
left:0px;
}

#dotA {
position:absolute;
width:14px;
height:11px;
top:0px;
left: 64px;
background:transparent url('images/dot.gif') top center no-repeat;
display:none;
}
#dotB {
position:absolute;
width:14px;
height:11px;
top:0px;
left: 144px;
background:transparent url('images/dot.gif') top center no-repeat;
display:none;
}
#dotC {
position:absolute;
width:14px;
height:11px;
top:0px;
left: 193px;
background:transparent url('images/dot.gif') top center no-repeat;
display:none;
}
#dotD {
position:absolute;
width:14px;
height:11px;
top:0px;
left: 258px;
background:transparent url('images/dot.gif') top center no-repeat;
display:none;
}

#navbar a {
color:white;
text-decoration:none;
margin-right:10px;
}

#navbar a:link {
color:white;
text-decoration:none;
}

#navbar a:visited {
color:white;
text-decoration:none;
}

#navbar a:hover {
color:white;
text-decoration:none;
}



#logo {
width:503px;
height:128px;
background:transparent url('images/logo.gif') top left no-repeat;
position:absolute;
left:20px;
top:15px;
z-index:1;
}
#logo h1 {
display:none;
}

.orderbutton {
float:right;
width:101px;
height:61px;
background:transparent url('images/orderhere.gif') top left no-repeat;
cursor:pointer;
}
.orderbutton h4{
display:none;
}

/* ~~ SectionA elements ~~ */
#sectionA {
width:960px;
height:355px;
background: #C1D72E;
position:relative;
margin-top:7px;
}

#photo1 {
width:616px;
height:344px;
position:absolute;
top:0px;
left:0px;
background:transparent url('images/photo1.jpg') top left no-repeat;
z-index:1;
}
#p1-left {
width:53px;
height:366px;
position:absolute;
top:-22px;
left:-53px;
background:transparent url('images/photo1-ext.png') top left no-repeat;
}
#p1-top {
width:616px;
height:22px;
position:absolute;
top:-22px;
left:0px;
background: transparent url('images/photo1-top.png') top left no-repeat;
}
#photo1 h3 {
display:none;
}

#homequote1 {
width:368px;
height:104px;
position:absolute;
top:0px;
right:0px;
background: transparent url('images/businessquote.gif') top left no-repeat;
z-index:3;
}
#homequote1 h3 {
display:none;
}

#photo2 {
width:327px;
height:211px;
position:absolute;
top:104px;
right:0px;
background: transparent url('images/photo2.jpg') top left no-repeat;
}
#photo2-right {
width:53px;
height:366px;
position:absolute;
right:-53px;
top:0px;
background:transparent url('images/photo2-ext.png') top left no-repeat;
}
#photo2 h3 {
display:none;
}

#sectionAtext {
width:720px;
height:40px;
position:absolute;
bottom:0px;
right:0px;
z-index:4;
}

/* ~~ SectionB Elements ~~ */

#sectionB {
width:960px;
background: #C1D72E url('images/footer.gif') bottom left no-repeat;
position:relative;
margin-top:7px;
padding-bottom:40px;
}

#Freshheader {
width:960px;
height:58px;
background: transparent url('images/freshheader.gif') top left no-repeat;
}
#Freshheader h2 {
display:none;
}


#maincontent {
width:890px;
margin:0px auto 0px auto;
position:relative;
}

.contentcols {
float:left;
width:222px;
}

.colsheads {
height:51px;
width:222px;
}
.colsheads h3 {
display:none;
}

#ChoiceToOrder {
background:transparent url('images/ChoiceToOrder.gif') top left no-repeat;
}
#MadeToOrder {
background:transparent url('images/MadeToOrder.gif') top left no-repeat;
}
#EasyToOrder {
background:transparent url('images/EasyToOrder.gif') top left no-repeat;
}
#DeliveredToOrder {
background:transparent url('images/DeliveredToOrder.gif') top left no-repeat;
}

.colspad {
margin:0px 30px 0px 10px;
}

/* ~~ Shops Page elements ~~ */

#shopcontent {
width:900px;
margin:18px auto 0px auto;
position:relative;
}

#shoplogo {
width:198px;
height:45px;
background:transparent url('images/ourshops.gif') top left no-repeat;
}

#shopheader {
width:960px;
height:63px;
background: transparent url('images/ourshops.gif') top left no-repeat;
}
#shopheader h2 {
display:none;
}

#enquiryheader {
width:960px;
height:63px;
background: transparent url('images/enquiry.gif') 40px 18px no-repeat;
}
#enquiryheader h2 {
display:none;
}

#contactheader {
width:960px;
height:63px;
background: transparent url('images/contact.gif') 40px 18px no-repeat;
}
#contactheader h2 {
display:none;
}

#shopheading {
width:200px;
height:41px;
background:transparent url('images/ourshops1.gif') top left no-repeat;
position:absolute;
top:21px;
left:44px;
}
#shopheading h1 {
display:none;
}

.shopbutton {
width:206px;
height:60px;
background:transparent url('images/shopbuttonbg.gif') top left repeat-y;
padding:3px 10px 0px 10px;
margin:8px 0px 8px 0px;
text-align:center;
position:relative;
}

.shopbuttontop {
width:226px;
height:5px;
position:absolute;
left:0px;
top:-5px;
background: transparent url('images/shopbutton-top.gif') top left no-repeat;
}

.shopbuttonbottom {
width:226px;
height:5px;
position:absolute;
left:0px;
bottom:-5px;
background: transparent url('images/shopbutton-bottom.gif') top left no-repeat;
}

#detailsmaincontent {
width:960px;
background:transparent url('images/shopbg.jpg') top left no-repeat;
}

#shops-A {
float:left;
width:515px;
margin-bottom:40px;
background:transparent url('images/paperbg.jpg') top left repeat-y;
font-size:14px;
font-weight:bold;
text-align:left;
color:black;
}
#shops-A a {
color:black;
font-style:italic;
}
#shops-A-Contact {
float:left;
width:515px;
margin-bottom:40px;
background:transparent url('images/paperbg.jpg') top left repeat-y;
font-size:12px;
text-align:left;
color:black;
}
#shops-A-Contact a {
color:black;
font-style:italic;
}
#shops-top {
float:left;
width:510px;
height:40px;
background:transparent url('images/papertop.jpg') top left no-repeat;
}
#shops-bottom {
width:510px;
height:10px;
background:transparent url('images/paperbottom.jpg') bottom left no-repeat;
}
.shopslist {
font-size:14px;
font-weight:bold;
text-align:left;
color:black;
}
.shopslist a{
color:black;
font-style:italic;
}

#shops-A-details {
float:left;
width:488px;
height:590px;
margin-left:18px;
}

#shops-B {
float:left;
width:400px;
margin-left:15px;
}

#shops-B-details {
float:left;
width:400px;
height:540px;
margin-left:15px;
margin-top:-28px;
position:relative;
}

#label {
height:39px;
max-width:400px;
background:transparent url('images/labelbg.gif') repeat-x;
position:relative;
margin:20px 0px 0px 80px;
padding-top:5px;
}
#label-left {
height:44px;
width:44px;
background:transparent url('images/label-left.gif') no-repeat;
position:absolute;
left:-44px;
top:0px;
}
#label-right {
height:44px;
width:44px;
background:transparent url('images/label-right.gif') no-repeat;
position:absolute;
right:-44px;
top:0px;
}

#details {
width:386px;
margin:0px 0px 0px 55px;
position:relative;
}

#menusbottom {
width: 488px;
position:relative;
}

#postit {
width:188px;
height:152px;
background:transparent url('images/postit.png') no-repeat;
margin:0px 0px 0px 50px;
padding:20px 25px;
float:left;
}

#mapsframe {
width:342px;
height:211px;
position:relative;
}

#maps {
z-index:1;
width:327px;
height:199px;
position:absolute;
margin:4px 0px 0px 8px;
overflow:hidden;
}

#frametop {
z-index:2;
width:342px;
height:4px;
position:absolute;
top:0px;
left:0px;
background:transparent url('images/frametop.png') top left no-repeat;
overflow:hidden;
}
#framebottom {
z-index:2;
width:342px;
height:15px;
position:absolute;
bottom:0px;
left:0px;
background:transparent url('images/framebottom.png') top left no-repeat;
overflow:hidden;
}
#frameleft {
z-index:2;
width:10px;
height:211px;
position:absolute;
bottom:0px;
left:0px;
background:transparent url('images/frameleft.png') top left no-repeat;
overflow:hidden;
}
#frameright {
z-index:2;
width:13px;
height:211px;
position:absolute;
bottom:0px;
right:0px;
background:transparent url('images/frameright.png') top left no-repeat;
overflow:hidden;
}


#orderhere1 {
float:left;
margin-left:37px;
width:107px;
height:65px;
background:transparent url('images/orderhere1.png') top left no-repeat;
position:relative;
cursor:pointer;
}
#orderhere1 h3{
display:none;
}
#orderphone {
float:left;
margin-left:37px;
width:112px;
height:58px;
background:transparent url('images/phone.gif') top left no-repeat;
position:relative;
cursor:pointer;
}
#orderphone h3{
display:none;
}

#pen {
width:178px;
height:277px;
position:absolute;
bottom:-283px;
right:-91px;
background:transparent url('images/pen.png') top left no-repeat;
}

#outsides {
	z-index:1;
	width:430px;
	height:340px;
	position:absolute;
	top:0px;
	left:0px;
}
#outsides-frame {
	z-index:2;
	width:430px;
	height:340px;
	position:absolute;
	top:0px;
	left:0px;
	background:transparent url('images/outsideframe.png') top left no-repeat;
}
#outsidespic {
z-index:1;
width:408px;
height:317px;
position:absolute;
top:6px;
left:11px;
overflow:hidden;
}

#insides {
z-index:2;
width:321px;
height:257px;
position:absolute;
top:289px;
left:80px;
}
#insides-frame {
	z-index:2;
	width:321px;
	height:257px;
	position:absolute;
	top:0px;
	left:0px;
	background:transparent url('images/insideframe.png') top left no-repeat;
}
#insidespic {
z-index:1;
width:301px;
height:236px;
position:absolute;
top:8px;
left:11px;
overflow:hidden;
}



/* ~~ Menu elements ~~ */


#sectionA-menu {
width:960px;
height:290px;
background: transparent url('images/menu-sectionA.jpg') top left no-repeat;
position:relative;
margin-top:7px;
}

#menu-img1 {
width:450px;
height:290px;
position:absolute;
top:0px;
right:18px;
background:transparent url('images/menu-img1.jpg') top left no-repeat;
z-index:1;
}

#menu-img2 {
width:171px;
height:269px;
position:absolute;
top:-21px;
left:354px;
background:transparent url('images/menu-img2.png') top left no-repeat;
z-index:2;
}


#menuheading {
width:120px;
height:35px;
background:transparent url('images/menu.gif') top left no-repeat;
position:absolute;
top:21px;
left:44px;
}
#menuheading h1 {
display:none;
}
#menutext {
width:288px;
height:198px;
position:absolute;
left:48px;
top:88px;
}

#chooseheader {
width:960px;
height:58px;
background: transparent url('images/ChooseFrom.gif') top left no-repeat;
}
#chooseheader h2 {
display:none;
}

.menusbar {
width:929px;
height:290px;
margin:0px 0px 0px 16px;
background: transparent url('images/menus-bg.gif') top left no-repeat;
position:relative;
}

.menucols {
width:209px;
height:287px;
float:left;
background: transparent url('images/menupanels.png') top left no-repeat;
}

.menucolsheads {
width:209px;
height:50px;
}
.menucolsheads h3 {
display:none;
}
#baguettehead {
background: transparent url('images/platterBaguette.gif') top center no-repeat;
}
#sandwichhead {
background: transparent url('images/platterSandwich.gif') top center no-repeat;
}
#mixedhead {
background: transparent url('images/platterMixed.gif') top center no-repeat;
}
#rollhead {
background: transparent url('images/platterRoll.gif') top center no-repeat;
}
#fruithead {
background: transparent url('images/platterFruit.gif') top center no-repeat;
}
#specialhead {
background: transparent url('images/platterSpecial.gif') top center no-repeat;
}


.platterimg {
width:185px;
height:110px;
margin-left:12px;
}
#platterimgBaguette {
background: transparent url('images/plattersimgBaguette.jpg') top center no-repeat;
}
#platterimgSandwich {
background: transparent url('images/plattersimgSandwich.jpg') top center no-repeat;
}
#platterimgMixed {
background: transparent url('images/plattersimgMixed.jpg') top center no-repeat;
}
#platterimgRoll {
background: transparent url('images/plattersimgRoll.jpg') top center no-repeat;
}
#platterimgFruit {
background: transparent url('images/plattersimgFruit.jpg') top center no-repeat;
}
#platterimgSpecial {
background: transparent url('images/plattersimgSpecial.jpg') top center no-repeat;
}

.plattertext {
width:185px;
margin-left:12px;
height:65px;
text-align:center;
overflow:hidden;
}
.plattertext p {
margin:5px 0px 0px 0px;
}

.platterprices {
width:209px;
height:54px;
}
.platterprices p {
display:none;
}
.platpriceA {
background: transparent url('images/195.png') top center no-repeat;
width:209px;
height:54px;
}
.platpriceA p {
display:none;
}
.platpriceB {
background: transparent url('images/245.png') top center no-repeat;
width:209px;
height:54px;
}
.platpriceB p {
display:none;
}
.platpriceC {
background: transparent url('images/365.png') top center no-repeat;
width:209px;
height:54px;
}
.platpriceC p {
display:none;
}

/*~~~~~~~~~~~~~~~Other Stuctural Elements~~~~~~~~~~~~~~~~~~*/

#littlefoot {
width:960px;
height:47px;
background:transparent url('images/littlefoot.png') top left no-repeat;
position:relative;
}
#littlefoot a {
color:#FFFFFF;
text-decoration:none;
}
#littlefootpad {
width:960px;
height:40px;
padding-top:7px;
font-size:11px;
color:white;
}
#littlefoot-left {
width:89px;
height:79px;
position:absolute;
left:-89px;
bottom:0px;
background:transparent url('images/littlefoot-left.png') top left no-repeat;
}
#littlefoot-right {
width:89px;
height:79px;
position:absolute;
right:-89px;
bottom:0px;
background:transparent url('images/littlefoot-right.png') top left no-repeat;
}

#siteby {
width:222px;
height:34px;
position:absolute;
top:0px;
right:0px;
cursor:pointer;
background:transparent url('images/intimation.png') top left no-repeat;
}
#siteby h4 {
display:none;
}

/* ~~~ Headings/Sifr Tags ~~~ */
		
h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

h1 {
	text-align: left;
	font-size: 14px;
	padding: 6px 0 6px 0;
	margin: 0 6px 0 6px;
}

h2 {
	text-align: left;
	font-size: 15px;
	padding: 6px 0 6px 0;
	margin: 0 6px 0 6px;
}

h3 {
	font-size: 11px;
	padding: 4px 0 4px 0;
	margin: 0 4px 0 8px;
}

h4 {
	font-size: 13px;
	padding: 8px 0 8px 0;
	margin: 0 8px 0 8px;
}

h5 {
	font-size: 11px;
	padding: 15px 0 4px 0;
	margin: 0 4px 0 4px;
}

.floatfix {
height:0px;
font-size:0px;
clear:both;
overflow:hidden;
}

#halal {
	width:54px;
	height:67px;
	background:transparent url('images/halal.png') top left no-repeat;
	position:absolute;
	top:-50px;
}