/************************************
**          Tamburino CSS          **
**         Copyright ©2009         **
**   Written by Sharp Format Ltd   **
**  http://www.sharpformat.co.uk/  **
************************************/
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; background: #EECC22 url(../images/background.jpg) repeat-x; }
h1 { margin: 10px 0px 5px 20px; padding: 0px; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; color: #006600; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #006600; font-size: 16px; }
img { border: none; }

textarea#description { width: 500px; height: 250px; }
table.formTable th { font-weight: normal; vertical-align: text-top; padding-top: 6px; text-align: left; }
.left { float: left; }
.right { float: right; }
p.note { clear: both; font-size: 9px; color: #666666; margin: 0px 2px; }
div#message { border: 1px solid #000000; background-color: #FFFFFF; padding: 4px 8px; margin: 10px 0px; }
.error { color: #F00; }

#topstrip { font-size: 10px; text-align: center; height: 15px; background-color: #006600; color: #FFFFFF; }
#container { width: 755px; margin: auto; position: relative; }
#header { position: relative; }
#header ul { list-style: none; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; height: 17px; }
#header ul.sections { float: left; margin-right: 30px; }
#header ul li { float: left; margin-right: 5px;}
#header ul li.active { background-color: #060; color: #FFF; padding: 0px 4px 2px 4px; border: 2px solid #060; border-top: none; }
#header ul li a {
	text-decoration: none;
	padding: 0px 4px 2px 4px;
	background-color: #FFF;
	border: 2px solid #060;
	border-top: none;
	color: #000;
}
#header ul li a:hover { background-color: #060; color: #FFF; }
#header ul.homepage { float: left; margin-left: 12px; margin-right: 76px; }
#header ul.homepage li { margin: 0px; }

img#logo { position: absolute; top: -25px; right: -15px; z-index: 99999; }

#content-container { background-color: #FFFFFF; border: 2px solid #006600; position: relative; }
#content-container img#mainImage { border-bottom: 1px solid #999; }
#content { padding: 0px 10px 8px 10px; }

#footer { font-size: 10px; color: #666; margin: auto; text-align: center; clear: both; }
#footer img { border: none; margin: 0px; }
#footer a { text-decoration: none; text-transform: lowercase; }
#footer a:hover { text-decoration: underline; }
#footer #buttons { width: 296px; margin: auto; }
#footer #buttons a { float: left; margin: 2px; }
#footer #buttons a#sharpformat {
	display: block;
	width: 124px;
	padding-top: 15px;
	height: 0px !important;
	height /**/:15px;
	overflow: hidden;
	background-image: url('http://www.sharpformat.co.uk/images/buttons/built-sharpformat.gif');
	background-repeat: no-repeat;
}


#menus #menu { text-align: center; font-family: Georgia, "Times New Roman", Times, serif; color: #006600; }
#menus #menu h2, #menu h3 { margin: 15px 0px 5px 0px; padding: 0px; }
#menus #menu h2 { font-size: 16px; background: no-repeat center url('/images/swirl.jpg'); }
#menus #menu h3 { font-size: 14px; font-style: italic; }
#menus #menu p.choice { font-size: 14px; }
#menus #menu p.choice a { text-decoration: none; }
#menus #menu .description { margin: 5px 0px; font-size: 14px; }
#menus #menu .menuItem p { margin: 5px 0px; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#menus #menu .menuItem p.name { margin-top: 10px; font-size: 14px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }

#takeaway #topsection { position: absolute; top: 0px; right: 0px; background-color: #FFD; width: 215px; height: 310px; border: 5px solid #FFF; margin-bottom: 15px; padding: 5px; }
#takeaway #topsection .textblock { background-color: inherit; padding: 0; }
#takeaway #topsection h2 { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 15px 0px 5px 0px; }
#takeaway #content-container #content { width: 358px; }
#takeaway #content-container #side { position: absolute; top: 330px; right: 5px; width: 358px; }
#takeaway #content .menu { /*height: 1600px;*/}
#takeaway #side .menu { /*height: 1700px;*/}
#takeaway .menu { text-align: left; font-size: 10px; }
#takeaway .menu h2, #takeaway #menu h3 { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 15px 0px 5px 0px; padding: 0px; }
#takeaway .menu h2 { font-size: 14px; }
#takeaway .menu h3 { font-size: 12px; font-style: italic; }
#takeaway .menu h2 .note { font-size: 9px; font-weight: normal; color: #333; font-style: italic; }
#takeaway .menu p.choice { font-size: 14px; }
#takeaway .menu p.choice a { text-decoration: none; }
#takeaway .menu .description { margin: 5px 0px; }
#takeaway .menu div.meal { text-indent: 14px; padding: 0px; margin: 2px 0px; height: 16px; font-weight: bold; color: #333; }
#takeaway .menu div.meal em { font-weight: normal; }
#takeaway .menu div.v { background: url('/images/v.gif') no-repeat center left; }
#takeaway .menu .price { float: right; }
#takeaway .menu div.meal input { float: right; position: relative; top: -2px; font-size: 9px; margin-left: 10px; height: 18px; width: 42px; text-align: center; }
#takeaway .menu div.details { color: #555; padding: 0px 10px 0px 16px; margin: 0px; margin-bottom: 15px; height: auto; font-size: 9px; font-style: italic; }
#takeaway #backgroundPopup { display:none; position: fixed; height:100%; width:100%; top:0px; left:0px; background:#000; opacity:0.5; z-index:3000; }
#takeaway #choice-popup { display: none; position: fixed; width: 100%; height: 400px; top: 200px; z-index:3001; }
#takeaway #choice-popup #choice { width: 500px; padding: 5px; margin: auto; background-color: #FFFFFF; border: 5px solid #000; }
#takeaway #choice-popup #choice table { font-size: 10px; }
#takeaway #choice-popup #choice table th { text-align: left; }
#takeaway #choice-popup #choice #buttons { margin-top: 10px; text-align: center; }
#takeaway #orderContainer { text-align: center; }
#takeaway #orderList { font-size: 10px; width: 215px; height: 200px; overflow: auto; }
#takeaway #orderList table th { text-align: left; padding: 0px 8px 0px 0px; width: 180px; }
#takeaway #orderList table td { width: 20px; text-align: right; }
#takeaway #popupAlert { display: none; background-color: #FFD; width: 20%; height: 50px; position: fixed; top: 50%; left: 40%; padding: 10px; color: #333; }
#takeaway #popupAlert .note { color: #333; }

#news .article { clear: both; }
#news .article h2 { font-size: 14px; }
#news .article img { float: left; clear: left; margin: 0px 10px 10px 0px; }
#news table { float: right; clear: right; margin: 2px 0px 5px 5px; }
#news td { width: 302px; height: 302px; text-align: center; vertical-align: middle; }
#news img#mainPhoto { border: 1px solid #333333; }
#news h2#othersHeader { font-size: 12px; margin: 0px; padding: 2px 4px; clear: both; }
#news #otherPhotos { clear: both; padding: 2px; margin-bottom: 5px; }
#news #otherPhotos table { float: left; margin: 2px; }
#news #otherPhotos td { width: 127px; height: 127px; text-align: center; vertical-align: middle; }
#news #otherPhotos img { border: 1px solid #333333; }
#news #turnPage { clear: both; text-align: center; }

#takeaway #basketContainer, #deli #hampers { float: right; width: 160px; margin-left: 10px; padding: 5px 10px; border-left: 1px solid #CCCCCC; }
#deli #hampers h2 { margin: 0px; }
#deli #hampers .hamper {  }

#virtual-tour #tourContent { position: relative; z-index: 1; }
#virtual-tour #vtContainer { position: relative; z-index: 0; }
#virtual-tour #vtContainer h2 { position: absolute; bottom: 0px; left: 5px; color: #FFF; z-index: 99999; }

input.currency { width: 40px; }
#admin-menu table.menu td { text-align: center; }