@charset "utf-8";
/* CSS Document */

html, body{
margin:0;
padding:0;
}
body{
font-family: Georgia, Times, serif;
font-size: 13px;
color:#2d5146;
background:#2d5146 url(images/back.jpg) repeat-x center fixed;
}
#container{
position:relative;
width:960px;
margin:auto;
background:#FFFFFF url(images/layout/bodyback.jpg) no-repeat;
}

/*----------------------------------------------------------------logoheader--*/
#logoheader{
height:140px;
background:url(images/layout/logoheader2.jpg) no-repeat;
}

/*-------------------------------------------------------------------headers--*/
h1{
font-family:Times, Georgia, serif;
font-size: 22px;
color:#2d5146;
padding: 10px;
margin: 10px -10px 15px -10px;
/* background:url(images/layout/headerBack.png) no-repeat; */
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
}
h2{
font-family:Times, Georgia, serif;
font-size: 16px;
line-height: 30px;
color:#2d5146;
margin-left: 15px;
padding:0;
}
h3{
font-family:Times, Georgia, serif;
font-size: 16px;
color:#2d5146;
padding:0;
margin-top: 0px;
margin-bottom: 5px;
}

/*---------------------------------------------------------------------links--*/
a {
color: #2D8646;
text-decoration:none;
}
a:hover {
color: #2D8646;
text-decoration:underline;
}

/*-----------------------------------------------------------------utilities--*/
.left{
float:left;
}
.right{
float:right;
}
.center{
text-align: center;
}

/*-------------------------------------------------------------------content--*/
#content{
float:left;
width:660px;
}
#content .padding{
padding:0px 35px 10px 35px;
}

/*-----------------------------------------latest news and background images--*/
.newsItem{
margin-bottom: 30px;
}
.newsItemTitle{
}
.newsItemDate{
display: block;
width: 590px;
font-size: 14px;
line-height: 25px;
font-family:Times, Georgia, serif;
font-weight: normal;
color:gray;
border-bottom: 1px solid gray;
margin-bottom: 5px;
}
.date{
float: right;
font-family:Times, Georgia, serif;
font-size: 16px;
font-weight: normal;
color:gray;
}
.news{
width: 590px;
padding: 10px;
margin: 30px -10px -10px -10px;
background: #ffffff url(images/layout/boxBack.jpg) no-repeat;
overflow:visible;
}
.newsSmall{
width: 590px;
padding: 10px;
margin: 30px -10px -10px -10px;
background: #ffffff url(images/layout/boxBackSmall.jpg) no-repeat;
overflow:visible;
}
.newsimage{
border: 1px solid gray;
margin: 10px 0px;
}
.newsitem{
margin-top: 20px;
}
.openinghours{
margin: 0 auto;
width: 265px;
text-align: center;
}

/*--------------------------------------------------------------------banner--*/
#banner{
float:left;
width:660px;
height:280px;
}

/*----------------------------------------------------------------navigation--*/
#navigation{
float:right;
width:300px;
height:300px; 
background:url(images/nav/nav_back_05.jpg) no-repeat;
padding-top:90px;
}
#navigation ul {
margin:0;
padding:0;
}
#navigation li{
float:left;
list-style:none;
}
#navigation li a {
display: block;
height: 0px !important;
height /**/:30px; /* IE 5/Win hack */ 
padding: 30px 0 0 0;
overflow:hidden;
background-repeat: no-repeat;
}
#navigation li a:hover {
background-position:0 -30px;
}
#navigation li#home,
#navigation li#home a { width: 300px; height:26px ; background-image: url(images/nav/home.jpg); }

#navigation li#history,
#navigation li#history a { width: 300px; height:22px; background-image: url(images/nav/history.jpg); }

#navigation li#productlist,
#navigation li#productlist a { width: 300px; height:23px; background-image: url(images/nav/products.jpg); }

#navigation li#specials,
#navigation li#specials a { width: 300px; height:24px; background-image: url(images/nav/specials.jpg); }

#navigation li#order,
#navigation li#order a { width: 300px; height:24px; background-image: url(images/nav/order.jpg); }

#navigation li#delivery,
#navigation li#delivery a { width: 300px; height:23px; background-image: url(images/nav/delivery.jpg); }

#navigation li#find,
#navigation li#find a { width: 300px; height:22px; background-image: url(images/nav/find.jpg); }

#navigation li#guild,
#navigation li#guild a { width: 300px; height:26px; background-image: url(images/nav/guild.jpg); }

#navigation li#cooking,
#navigation li#cooking a { width: 300px; height:22px; background-image: url(images/nav/tips.jpg); }

#navigation li#customer,
#navigation li#customer a { width: 300px; height:30px; background-image: url(images/nav/cust.jpg); }


body.home #navigation li#home a,
body.history #navigation li#history a,
body.productlist #navigation li#productlist a,
body.specials #navigation li#specials a,
body.order #navigation li#order a,
body.delivery #navigation li#delivery a,
body.find #navigation li#find a,
body.guild #navigation li#guild a,
body.cooking #navigation li#cooking a,
body.customer #navigation li#customer a {
background-position:0 -30px;
}

/*----------------------------------------------------------------link boxes--*/
#linkboxes{
float:left;
width:660px;
}
#linkboxes ul {
margin: 0;
padding: 0px;
}
#linkboxes li{
float:left;
list-style:none;
}
#linkboxes li a {
display: block;
height: 0px !important;
height /**/:214px; /* IE 5/Win hack */ 
padding: 214px 0 0 0;
overflow:hidden;
background-repeat: no-repeat;
}
#linkboxes li a:hover {
background-position: 0 -215px;
}
#linkboxes li#find,
#linkboxes li#find a { width: 220px; background-image: url(images/layout/linkboxes/find.jpg); }

#linkboxes li#products,
#linkboxes li#products a { width: 220px; background-image: url(images/layout/linkboxes/products.jpg); }

#linkboxes li#order,
#linkboxes li#order a { width: 220px; background-image: url(images/layout/linkboxes/order.jpg); }

/*--------------------------------------------------------------product menu--*/
#productmenu{
float:left;
width:660px;
height:500px;
}
#productmenu .padding{
padding:120px 100px 0px 0px;
}
#productmenu .clear{
clear:both;
}
.titleTab{
position: relative;
color: #2D8646;
width: 150px;
height:45px;
background:url(images/layout/titleTab.png) no-repeat;
margin: -20px 0px 0px -5px;
padding-top:10px;
text-align: center;
}
.productDescription{
padding:20px 250px 20px 15px;
margin:-20px -10px 0px -10px;
}
.productThumb{
position: relative;
float: right;
margin:-80px -30px;
z-index: 100;
}
.no-pad {
padding: 0;
}
		
li.productlisting{
list-style: none;
display: block;
height: 20px;
line-height: 20px;
color: #2D8646;
border-bottom: solid 1px #2d5146;
font-size: 13px;
padding:3px 3px 3px 3px;
}

li.productlisting em{
color:#2d5146;
float: left;
font-style: normal;
cursor: default;
}

li.productlisting span{
color:#2d5146;
float: right;
cursor: default;
}

.hovered,
li.productlisting:hover,
li.productlisting:hover em,
li.productlisting:hover span{
background-color:#2D8442;
color:#ffffff;
}
		
.ui-tabs-hide {  
display: none;  
}
		
#product_tabs{
float:left;
width:660px;
margin-top: -20px;
margin-bottom: 35px;
}
#product_tabs .padding{
padding:0px 0px 0px 35px;
}
#product_tabs ul#menu {
margin: 0;
padding: 20px 0px 0px 35px;
height: 90px;
overflow: hidden;
}
#product_tabs ul#menu li{
float:left;
list-style:none;
width: 72px;
}
#product_tabs ul#menu li a {
display: block;
height: 0px !important;
height /**/:150px; /* IE 5/Win hack */ 
padding: 150px 0 0 0;
background-repeat: no-repeat;
text-decoration: none;
background-image:url(images/productmenu/links/generic.jpg);
}
#product_tabs ul#menu li a:hover{
background-position: 0 -150px;
}
#product_tabs ul#menu li a span{
color:#2d5146;
display: block;
text-align: center;
line-height: 13px;
margin: -116px 5px 0px 5px;
padding-bottom: 10px;
}
#product_tabs ul#menu li a span.twoLines{
margin: -121px 4px 0px 4px;
}
#product_tabs ul#menu li a:hover span{
color: #2D8646;
cursor: pointer;
}
.tabdiv{
clear: both;
}

/*-------------------------------------------------------------------message--*/
#message{
float:left;
width:960px;
}
#message .padding{
padding:30px 200px 35px 200px;
}

/*-------------------------------------------------------------------divider--*/
.divider{
border-top: dotted 1px;
margin: 20px 10px 20px 10px;
}
.backtothetop{
margin:0 auto;
width:420px;
padding-top: 10px;
text-align: center;
}

/*----------------------------------------------------------------order form--*/
form{
padding: 10px;
margin: 30px -10px -10px -10px;
background: #ffffff url(images/layout/boxBack.jpg) no-repeat;
}
fieldset{
border:none;
padding: 15px;
}
.popupimage{
padding:20px 75px 0px 75px;
}
.address, .orderdetails, .feedback, .comments, .spamCatcher{
border-top:1px solid #f0f0f0;
}
label,input {
display: block;
width: 200px;
float: left;
margin-bottom: 10px;
color:#2d5146;
}
label {
text-align: right;
width: 120px;
padding:4px 15px 0px 0px;
}
select{
color:#2d5146;
}
textarea{
display: block;
width: 300px;
float: left;
margin-bottom: 10px;
color:#2d5146;
}
input, select, textarea{
border:#CCCCCC solid 1px;
padding:3px 3px 3px 3px;
}
input:hover, select:hover, textarea:hover{
border:#999999 solid 1px;
}
input:focus, select:focus, textarea:focus{
border:#2d5146 solid 1px;
}
input .submit{
width:50px;
}
br {
clear: left;
}

/*-----------------------------------------------------------contact details--*/
.contactdetails{
font-size: 14px;
}

/*-------------------------------------------------------------------find us--*/
#map{
border: 1px solid #2d5146;
}

.directions{
display: block;
background-color: #f6f6f6;
border: 1px solid #f0f0f0;
padding:5px 15px;
margin-top: 10px;
}

.directions a:hover {
text-decoration:underline;
}

/*--------------------------------------------------------------testimonials--*/
.text{
padding: 0px 40px 0px 40px;
}
.testimonial{
font-style: italic;
color: #2D8646;
padding: 10px 20px;
margin: 30px -10px 0px -10px;
background: #f6f6f6;
border: 1px solid #f0f0f0;
}
.cust{
color: #2d5146;
}
.comment{
float:left;
clear: both;
width: 400px;
color: gray;
font-size: 11px;
padding-left: 135px;
}

/*-------------------------------------------------------------------sidebar--*/
#sidebar{
float:right;
width:300px;
}
#sidebar .padding{
padding:0px 30px 30px 30px;
}
#sidebar .boxes{
margin:0px 60px 0px 0px;
}

/*--------------------------------------------------------------------footer--*/
#footer{
position: relative;
clear:both;
height:200px;
background:#2d5145 url(images/layout/footer.jpg) no-repeat;
color:#FFFFFF;
}
#footer .padding{
padding:170px 5px 0px 5px;
}
#footer a{
color:#FFFFFF;
text-decoration:underline;
}
#footer a:hover{
text-decoration:none;
}
.firefox{
float: right;
position: relative;
bottom: 60px;
}