html 
{
    margin: 0;
    padding: 0;
}

body
{  
	margin: 0;
	padding: 0;
	background-image: url('images/layout/background2.jpg');
	background-repeat: repeat-y repeat-x;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	line-height: 1.5em;
}

#flash-ff 
{
    position: relative;
    z-index: 1;
}

p, b, form, table, tr, td 
{
    font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
}

hr 
{
    padding: 0;
    margin: 0;
}

#alignment-table  
{
    width: 100%;
    text-align: center;
    background-image: url('images/layout/background.png');
	background-repeat: repeat-y;
	background-position: top center;
}

#main-table 
{
    width: 1007px;
    text-align: center;
    margin: 0 auto;
}

#container
{
	width: 1007px;
	background-color: #fff;
}

#good-stuff-logo
{
	width: 236px;
	height: 74px;
	background-image: url('images/layout/top-half-header.jpg');
	float: left;
}

#belle-and-herb-logo
{
	width: 64px;
	height: 74px;
	float: left;
}

#what-we-found
{
	width: 128px;
	height: 74px;
	float: right;
}

#bottom-half-logo
{
	width: 284px;
	height: 59px;
	background-image: url('images/layout/bottom-half-logo.jpg');
	float: left;
}

#new-restaurant-experience
{
	width: 421px;
	height: 65px;
	background-image: url('images/layout/the-new-restaurant-experience.jpg');
	float: left;
	background-repeat: no-repeat;
}

#spacer
{
	width: 20px;
	float: left;
}

#contact-details
{
	width: 276px;
	height: 59px;
	background-image: url('images/layout/contact-details.jpg');
	float: left;
}

#look-what-big-top
{
	width: 173px;
	height: 79px;
	background-image: url('images/layout/look-what-big-top.jpg');
	float: left;
	vertical-align: top;
}

#look-what-big-bottom
{
	width: 173px;
	height: 71px;
	background-image: url('images/layout/look-what-big-bottom.jpg');
	float: left;
}

#convenience
{
	width: 542px;
	height: 60px;
	background-image: url('images/layout/convenience-without.jpg');
	float: left;
}

#blank-div-header
{
	width: 70px;
	float: left;
}

#good-stuff-small-logo
{
	width: 131px;
	height: 68px;
	background-image: url('images/layout/logo-small.jpg');
	float: left;
}

#background
{
	width: 1007px;
	height: 100%;
	text-align: center;	
}

.background-color
{
	background-color: #fff;
}

#body-block-inner 
{
    width: 800px;
    margin: 0 auto;
}

.cell-center 
{
    text-align: center;
}

#page-content 
{
    width: 985px;
    text-align: center;
}

#footer-images 
{
    width: 1007px;
    background-color: #fff;
}

.footer-images-cell
{
    width: 335px;
    text-align: center;
}

#footer-left 
{
    width: 60%;
    text-align: left;
}

#footer-right 
{
    width: 40%;
    text-align: right;
}

#footer 
{
    width: 1007px;
    height: 49px;
    background-color: #fff;
}

#footer-cell 
{
    width: 1007px;
    height: 49px;
}

#footer-table 
{
    height: 49px;
    width: 1007px;
}

#body-block-table 
{
	background-color: #fff;
	width: 1007px;
	margin: 0 auto;
	text-align: center;
}

#background-color-center 
{
    text-align: center;
}

#top-half-logo
{
	width: 187px;
	height: 32px;
	background-image: url('images/layout/div-header-1.jpg');
	float: left;
	background-repeat: no-repeat;
}

#header-spacer
{
	width: 30px;
	float: left;
}

.div-header-buttons
{
	width: 101px;
	height: 32px;
	background-image: url('images/layout/div-header-2.jpg');
	float: left;
	background-repeat: no-repeat;
}

.div-header-buttons-large
{
	width: 130px;
	height: 32px;
	background-image: url('images/layout/div-header-4.jpg');
	float: left;
	background-repeat: no-repeat;
}

.button-text
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	text-align: center;
	color: #8ea367;
	font-weight: bold;
	padding-top: 5px;
	margin: 0;
}

#look-what-logo-big
{
	width: 188px;
	height: 92px;
	background-image: url('images/layout/look-what-logo-big.jpg');
	float: left;
	background-repeat: no-repeat;
}

a.button-text:link
{
	text-decoration: none;
}

a.button-text:visited
{
	text-decoration: none;
}	

#top-half-right-logo
{
	width: 155px;
	height: 32px;
	float: right;
}

#top-half-good-stuff-logo
{
	width: 148px;
	height: 34px;
	background-image: url('images/layout/good-stuff-right-top.jpg');
	float: right;
}

#bottom-half-good-stuff-logo
{
	width: 277px;
	height: 102px;
	background-image: url('images/layout/good-stuff-logo-right.jpg');
	float: left;
}

#new-res-experience
{
	width: 450px;
	height: 2px;
	float: left;
}

#cherry-picking-the-best
{
	width: 450px;
	height: 104px;
	background-image: url('images/layout/cherry-picking-the-best.jpg');
	float: left;
}

#leave-the-cherry-picking-to-us
{
	width: 450px;
	height: 104px;
	background-image: url('images/layout/leave-the-cherry-picking-to-us.jpg');
	float: left;
}

#convenience-text
{
	width: 542px;
	height: 93px;
	background-image: url('images/layout/convenience-without.jpg');
	float: left;
}

#what-we-found-bottom
{
	width: 140px;
	height: 109px;
	float: left;
	text-align: right;
	background-repeat: no-repeat;
}

#contact-details1
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #303538;
	text-align: right;
	padding-right: 19px;
}

#contact-details2
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	color: #8ea367;
	text-align: right;
	padding-right: 19px;
}

#blank-space
{
	width: 350px;
	height: 32px;
	float: left;
}

#blank-div-header
{
	height: 5px;
}

#blank-div-header2
{
	height: 35px;
}

#good-stuff-logo-small
{
	width: 131px;
	height: 68px;
	background-image: url('images/layout/logo-small.jpg');
}
	
.top-menu-links
{
	color: #8ea165;
	text-decoration: none;
}

#apple-top
{
	width: 66px;
	height: 30px;
	background-image: url('images/layout/apple-top.jpg');
}

#apple
{
	width: 204px;
	height: 105px;
	background-image: url('images/layout/goodstufflogo.jpg');
}

#new-rest
{
	width: 293px;
	height: 25px;
	background-image: url('images/layout/new-rest.jpg');
	background-repeat: no-repeat;
	padding-right: 20px;
}

.top-menu-blank-div
{
	height: 38px;
}

#delivery-text-format
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-align: right;
}

#number-text
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-align: right;
	color: #8ea367;
}

.border
{
	border-left: solid 1px black;
}

#browse-restaurant-background
{
	width: 220px;
	height: 178px;
	background-image: url('images/layout/home-image4.jpg');
	background-repeat: no-repeat;
	vertical-align: top;
}

.blank-div-content
{
	height: 10px;
}

#content
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	text-align: left;
	padding: 0px 20px 20px 20px;
}

.green-menu-header
{
	width: 280px;
	height: 54px;
	background-image: url('images/layout/green-menu-header.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

.food-title
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #fff;
	text-align: left;
	padding-top: 16px;
	padding-left: 5px;
	text-decoration: none;
}

.food-title:link
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	text-align: left;
	padding-top: 16px;
	padding-left: 5px;
	text-decoration: none;
}

.food-title:hover
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	text-align: left;
	padding-top: 16px;
	padding-left: 5px;
	text-decoration: none;
}

.bottom-contact-info
{
	color: #7d7d7d;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
}

.bottom-links
{
	color: #7d7d7d;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	text-decoration: none;
}

#postcode-text
{
	color: #8ea166;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10px;
	font-weight: bold;
}

#what-we-found-big
{
	width: 141px;
	height: 80px;
	background-image: url('images/layout/look-what-we-found-big.png');
	background-position: top center;
	background-repeat: no-repeat;
}

#convenence
{
	width: 340px;
	height: 19px;
	background-image: url('images/layout/convenience.png');
	background-position: top center;
	background-repeat: no-repeat;
}

#product-range-header
{
	width: 150px;
	height: 29px;
	background-image: url('images/layout/product-ranges.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

#food-type-header
{
	width: 615px;
	height: 51px;
	background-image: url('images/layout/food-type.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

#food1
{
	width: 200px;
	height: 100px;
	background-image: url('images/layout/beef-and-gravey.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

#food3
{
	width: 200px;
	height: 99px;
	background-image: url('images/layout/food3.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

#spacer
{
	height: 10px;
}

.product-range-names
{
	width: 144px;
	height: 35px;
	background-color: White;
	text-align: left;
	border-left: solid 2px #e9e9e9;
	border-right: solid 2px #e9e9e9;
}

.product-header
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	padding-top: 11px;
	color: #b09a5f;
}

.menu-text
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	padding-left: 12px;
}

#blank-div-menu
{
	height: 230px;
	width: 144px;
	border-left: solid 2px #e9e9e9;
	border-right: solid 2px #e9e9e9;	
}

#bottom-menu
{
	width: 150px;
	height: 12px;
	background-image: url('images/layout/bottom-menu.jpg');
	vertical-align: top;
}

a.menu-links:link
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

a.menu-links:visited
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

.product-top-menu
{
	width: 150px;
	height: 31px;
	background-image: url('images/layout/product-top-menu.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

.blank-div-menus
{
	height: 10px;
}

.bottom-product-menu
{
	width: 150px;
	height: 37px;
	background-image: url('images/layout/bottom-product-of-the-month.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

.image-food
{
	width: 144px;
	border: solid 1px #b09a60;
}

.validate 
{
    color: red;
    display: none;
}

.product-text-alt
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	padding: 4px 3px 0px 3px;
}
.product-text
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	padding: 6px 3px 0px 3px;
}

#middle-title
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 14px;
	text-align: left;
	padding-top: 15px;
	padding-left: 10px;
	color: #8ea367;
	font-weight: bold;
}

#bottom-menu-right
{
	width: 198px;
	height: 31px;
	background-image: url('images/layout/bottom-menu-right.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

#right-menu-text-header
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	padding-top: 5px;
}

#pencil-picture
{
	width: 151px;
	height: 15px;
	background-image: url('images/layout/pencil.jpg');
}

#shopping-kart
{
	width: 194px;
	height: 44px;
	background-image: url('images/layout/shopping-kart-top.jpg');
	background-repeat: no-repeat;
}

#shopping-kart-red
{
	width: 194px;
	height: 44px;
	background-image: url('images/layout/your-order-red.jpg');
	background-repeat: no-repeat;
}

#basket-content
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 14px;
	width: 180px;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	text-align: left;
}

.hr-line
{
	width: 170px;
	height: 1px;
	color: #b09a5f;
}

#basket-borders
{
	width: 194px;
	background-image: url('images/layout/basket-borders.jpg');
	background-position: top center;
	background-repeat: repeat-y;
}

#bottom-basket
{
	width: 196px;
	height: 85px;
	background-image: url('images/layout/bottom-basket.jpg');
}

#bottom-basket-red
{
	width: 196px;
	height: 77px;
	background-image: url('images/layout/bottom-basket-red.jpg');
}

#search-section-top
{
	width: 198px;
	height: 13px;
	background-image: url('images/layout/search-section-top.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

#search-middle-section
{
	width: 198px;
	background-image: url('images/layout/search-middle-section.jpg');
	background-position: top center;
}

#search-header-text
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #8ea166;
	font-weight: bold;
	text-align: center;
}

.quick-login 
{
    width: 200px;
    float: right;
    text-align: right;
    padding-right: 10px;
    padding-top: 2px;
}

h1, h2, h3, h4, h5, h6
{
    padding: 0;
    margin: 0;
}

#p-display 
{
    font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
}
	
#bottom-search-box
{
	width: 100%;
	height: 14px;
	background-image: url('images/layout/bottom-search-box.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

#the-good-stuff-search-section
{
	width: 53px;
	height: 34px;
	background-image: url('images/layout/the-good-stuff-small-logo.jpg');
}

#blank-content-3
{
	height: 15px;
}

#blank-content-4
{
	height: 26px;
}

#aboutus-content
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	text-align: left;
	padding-left: 10px;
}

#blank-div-home
{
	height: 60px;
}

#area-post-code
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #8ea367;
	font-weight: bold;
}

#flash-spacer
{
	height: 6px;
}

.bold-text
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	font-weight: bold;
}

#small-accounts-text
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	padding-left: 5px;
}

.new-customers-form-header
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-align: left;
}

.new-customers-form-text
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	text-align: left;
}

.form-spacer
{
	height: 7px;
}

#submit-button
{
	text-align: right;
	padding-right: 87px;
}

#submit-button2
{
	text-align: right;
}

.form-text
{
	text-align: left;
}

#forgotten-password
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	text-decoration: underline;
	text-align: left;
}

#bell-and-herb-top
{
	width: 64px;
	height: 32px;
	float: left;
}
	

#bell-and-herb-bottom
{
	width: 78px;
	height: 39px;
	float: left;
}

#blank-div-belle
{
	width: 61px;
	float: left;
}

#blank-div-belle2
{
	width: 95px;
	float: left;
}

.product-name-blank 
{
    width: 40%;
    color: black;
    text-align: left;
    height: 10px;
    padding: 5px;
}

.product-quantity-blank 
{
    width: 10%;
    color: black;
    text-align: center;
    height: 10px;
    padding: 5px;
}

.product-price-blank 
{
    width: 20%;
    color: black;
    text-align: center;
    height: 10px;
    padding: 5px;
}

.product-add-blank 
{
    width: 5%;
    color: black;
    text-align: center;
    height: 10px;
    padding: 5px;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-top: solid 1px black;
}

.product-name
{
	text-align: left;
	padding-left: 5px;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}

.product-name-alt
{
	text-align: left;
	padding-left: 5px;
}

.product-price-alt
{
	padding-top: 25px;
}

.product-add-alt
{
	padding-top: 23px;
}

.product-quantity-alt
{
	padding-top: 20px;
}

.qty-input 
{
    width: 50px;
    text-align: center;
    padding-top: 5px;
    background-color: #f0f1ed;
}

.product-price
{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	padding-top: 27px;
	background-color: #f0f1ed;
}

.product-quantity
{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	padding-top: 22px;
}

.category-pad
{
	text-align: left;
	padding-left: 30px;
	background-color: #f0f1ed;
	background-color: #f0f1ed;
}

.sMenu-item
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	background-color: #f0f1ed;
	margin-bottom: 5px;
}

.product-add
{
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	padding-top: 23px;
	background-color: #f0f1ed;
}

.product-add-alt
{
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	padding-top: 23px;
	background-color: #f0f1ed;
}

.basket-totals
{
	text-align: right;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
	padding-right: 15px;
	padding-top: 5px;
	height: 41px;
}

#basket-pad
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000;
}

.basket-view
{
	text-align: right;
	padding-right: 12px;
	padding-top: 9px;
}

a.basket-link:link
{
    font-size: 11px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a.basket-link:visited
{
	color: Black;
	text-decoration: none;
}

/* - - - - - - - - - - - - - - - - - - - - -

Title : Default CSS for Lightbox Gone Wild
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

#container
{
	margin:0 auto;
	width: 367px;
    height: 265px;
	padding:40px;
	text-align:left;
}

#container ul
{
	text-align:center;
	margin:0 0 30px 0;
	list-style:none;
}

#container ul a
{
	color:#444;
	font-size:1.5em;
	line-height:2em;
	padding:20px;
	margin:0 0 20px 0;
	display:block;
}

#container ul a:hover
{
	color:#358610;
}

#lightbox h2
{
	margin:0 0 1em 0;
}

#lightbox h3
{
	color:#FF713F;
}

#lightbox.done p
{
	color:#333;
}

#definition
{
	margin:25px;
}

.highlight
{
	background-color:#FEFFAF;
}

/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width: 367px;
    height: 265px;
	margin:-184px 0 0 -184px;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width: 100%;
    height: 100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width: 367px;
    height: 265px;
}

#postcodebox 
{
    width: 367px;
    padding: 180px 10px 0px 10px;
    text-align: center;
    background: url('images/layout/postcodebox.png') no-repeat top center;
}

#postcodeselect 
{
    width: 130px;
    height: 25px;
    font-family: Verdana, Tahoma, Arial;
    border: solid 1px #d0d0d0;
    font-size: 16px;
    color: #000;
}

.pnumbers 
{
    padding: 3px 5px 3px 5px;
    background-color: #f1f1f1;
    border: solid 1px #c0c0c0;
    color: #000;
    text-align: center;
    text-decoration: none;  
}

.pnumbers:hover 
{
    padding: 3px 5px 3px 5px;
    background-color: #393939;
    border: solid 1px #000;
    color: #fff;
    text-align: center;
    text-decoration: none;    
}

.pnumbers-current
{
    padding: 3px 5px 3px 5px;
    background-color: #393939;
    border: solid 1px #000;
    color: #fff;
    text-align: center;
    text-decoration: none;  
}

.paging 
{
  width: 97%;
  text-align: left;
  padding: 7px 7px 7px 7px;  
  border: solid 1px #d0d0d0;
  background: #e6e6e6;
}

.ordering-explained 
{
    width: 100%;
    text-align: center;
    padding: 0px 0px 10px 0px;
}