/************************************
**          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; color: #555; margin: 0px; background: #222 url('/images/caffe/darkcups.jpg'); }
h1 { margin: 15px 0px 7px 10px; padding: 0px; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; color: #FFF; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #000; font-size: 16px; }
img { border: none; }
p.footnote { font-size: 9px; }

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: 10px; color: #FFFFFF; }
#container { width: 760px; margin: auto; position: relative; }
#header { position: relative; margin-top: 12px; }
#header ul { list-style: none; font-size: 14px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; height: 20px; text-transform:uppercase; }
#header ul li { float: left; margin: 0px 12px; }
#header ul li.active { padding: 0px 8px; height: 16px; background: url('/images/caffe/sprite.gif') no-repeat; overflow: hidden; }
#header ul li a { display: block; text-decoration: none; padding: 0px 8px; color: #CCC; height: 16px; background: url('/images/caffe/sprite.gif') no-repeat; overflow: hidden; }
#header ul li a:hover { color: #FFF; }
#header ul.homepage { float: left; margin-left: 12px; margin-right: 76px; }
#header ul.homepage li { margin: 0px; }
#header ul.homepage li a { background-position: -583px -30px; width: 72px; text-indent: 80px; }
#header ul.homepage li a:hover { background-position: -583px 0px; }

#header ul li#nav_info { background-position: -4px 0px; width: 20px; text-indent: 28px; }
#header ul li#nav_menus { background-position: -65px 0px; width: 75px; text-indent: 83px; }
#header ul li#nav_takeaway { background-position: -177px 0px; width: 77px; text-indent: 85px; }
#header ul li#nav_deli { background-position: -293px 0px; width: 18px; text-indent: 26px; }
#header ul li#nav_contact { background-position: -351px 0px; width: 83px; text-indent: 91px; }
#header ul li#nav_locate { background-position: -474px 0px; width: 71px; text-indent: 79px; }
#header ul a#nav_info { background-position: -4px -30px; width: 20px; text-indent: 28px; }
#header ul a#nav_info:hover { background-position: -4px 0px; }
#header ul a#nav_menus { background-position: -65px -30px; width: 75px; text-indent: 83px; }
#header ul a#nav_menus:hover { background-position: -65px 0px; }
#header ul a#nav_takeaway { background-position: -177px -30px; width: 77px; text-indent: 85px; }
#header ul a#nav_takeaway:hover { background-position: -177px 0px; }
#header ul a#nav_deli { background-position: -293px -30px; width: 18px; text-indent: 26px; }
#header ul a#nav_deli:hover { background-position: -293px 0px; }
#header ul a#nav_contact { background-position: -351px -30px; width: 83px; text-indent: 91px; }
#header ul a#nav_contact:hover { background-position: -351px 0px; }
#header ul a#nav_locate { background-position: -474px -30px; width: 71px; text-indent: 79px; }
#header ul a#nav_locate:hover { background-position: -474px 0px; }

/*img#logo { position: absolute; top: -25px; right: -15px; z-index: 2999; }*/
img#logo { display: none; }

img#mainImage { border: 5px solid #FFF; margin-bottom: 15px; background-color: #222; }

div.textblock { font-size: 10px; line-height: 15px; padding: 5px 10px; background-color: #FFFFFF; }
#content-container { position: relative; }
#content-container #content { width: 550px; min-height: 265px; height:auto !important; height: 265px; }
#content-container #side { position: absolute; top: 0px; right: 0px; width: 190px; }
img.bordered { border: 5px solid #FFF; }

#footer { font-size: 10px; color: #FFF; margin: auto; text-align: center; clear: both; }
#footer img { border: none; margin: 0px; }
#footer a { text-decoration: none; text-transform: lowercase; color: #CCC; }
#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 #mainImage { border: 5px solid #FFF; margin-bottom: 15px; background-color: #FFF; height: 320px; }
#menus #mainImage .left { margin-right: 6px; }

#takeaway #topsection { float: right; 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: 372px; }
#takeaway #content-container #side { position: absolute; top: 0px; right: 0px; width: 372px; }
#takeaway #content .menu { height: 945px ;}
#takeaway #side .menu { height: 845px ;}
#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: 15px; padding: 0px; margin: 2px 0px; height: 16px; }
#takeaway .menu div.meal .name { float: left; }
#takeaway .menu div.v { background: url('/images/v.gif') no-repeat bottom left; }
#takeaway .menu .price { float: right; }
#takeaway .menu div.meal input { float: right; font-size: 9px; padding: 0px 2px; border: 1px solid #999999; margin-left: 10px; height: 16px; }
#takeaway .menu div.details { padding: 0px 12px 0px 16px; margin: 0px; margin-bottom: 4px; 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; }

#deli #hampers { padding: 5px 10px; }
#deli #hampers h2 { margin: 0px; }

#contact #side { height: 150px; overflow: auto; }
#contact #side2 { position: absolute; top: 165px; right: 0px; width: 190px; height: 142px; }

#locate #map { width: 750px; height: 320px; margin: 0px; margin-bottom: 15px; z-index: 1; border: 5px solid #FFF; background-color: #222; }
#locate #content-container #content { width: 760px; min-height: inherit; height: auto; }