/** Custom Yahoo UI Reset CSS **/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,body {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;margin:0 auto;}
fieldset,img {border:0;}
ul {list-style-type:none;}
caption {text-align:left;}
.clear {clear:both;}
a {color:#444;text-decoration:none;}

body {
font:normal 12px/22px Arial, Helvetica, sans-serif;
color:#000;
background: #416B81 url('/images/bg.jpg') repeat-x top left;
}

#wrapper {
width:892px;
margin:0 auto;
background-color:#fff;
}

#header {
height:108px;
width:100%;
background:#000 url('/images/logo.jpg') no-repeat top left;
}
#navigation {
height:29px;
padding-top:5px;
border-top:1px solid #fff;
background:#53AFBF;
background:-moz-linear-gradient(top, #53AFBF, #59959F);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#53AFBF), to(#59959F));
}
#navigation ul li {
float:left;
padding:0 1em;
}
li.members {float:right !important;font-weight:bold;}
#navigation a {
padding:.5em;
color:#fff;
}

/* Drop down CSS */
#navigation ul ul {width:12em;font-size:12px;}
#navigation ul ul a {
display:block;
width:12em;
height:100%;
line-height:1em;
padding:5px;
}
#navigation ul ul li a {font-size:12px;color:#fff;padding:0 1em;}
#navigation li:hover, #navigation ul ul li:hover {position:relative;}
#navigation ul ul {
visibility:hidden;
position:absolute;
height:0;
top:22px;
left:10px;
}
#navigation ul ul li {background-color:#999;padding:5px 0;border:1px solid #888}
#navigation ul :hover ul {
visibility:visible;
height:auto;
background-color:#ccc;
}
#navigation ul ul li:hover {background:inherit;}
#navigation ul :hover ul ul, #navigation ul :hover ul :hover ul ul{visibility:hidden;}
#navigation ul :hover ul :hover ul { visibility:visible; left:11em; top:1em;} /*Stacks down and out*/


/* Extra Tiers */
#navigation ul ul ul ul a:hover {position:relative; z-index:130;}
#navigation ul ul ul {top:0;width:12em;}
#navigation ul :hover ul :hover ul :hover ul {visibility:visible;}
/* CSS Hacks */
* html #navigation ul ul ul a:hover {position:relative; z-index:120;}
* html #navigation ul ul a, * html #navigation ul ul a  {width:12em; w\idth:10em;}
* html #navigation a:hover {position:relative; z-index:100;}
* html #navigation ul ul a:hover{ position:relative; z-index:110;}
* html #navigation ul ul ul a:hover {position:relative; z-index:120;}


#subheader {background:transparent url('/images/delivery-bg.jpg') no-repeat top right;}
#subheader .announcement {text-align:center;width:100%;font-size:14px;color:#C80815;background:#EFEFEF;}
#global-message {display:none;text-align:center;width:100%;font-size:14px;color:#C80815;background:#EFEFEF;}
#subheader .content {
padding:0.5em 1em 1em;
font-size:11.5px;
_font-size:12px !important;
*font-size:12px !important;
line-height:16px;
width:450px;
height:168px;
}
#subheader .content p {margin:8px 0;}
#subheader .content h1 {font-size:22px;}
#subheader .quick-nav {height:148px;}
.quick-nav div {
float:left;
display:inline;
width:269px;
height:143px;
margin:2px;
padding:0 1em;
line-height:18px;
}
.quick-nav div h2 {
padding-top:45px;
}
.quick-nav div p {width:65%;margin:3px;}
.order-online {background:url('/images/order-online.jpg') no-repeat top left;}
.reservation {background:url('/images/reservation.jpg') no-repeat top left;}
.cooking-class {background:url('/images/cooking-class.jpg') no-repeat top left;}
.cooking-class p {padding-top:45px;}

#content-wrapper {min-height:370px;padding:1em;}
#content-wrapper h1 {font-size:24px;}
#content-wrapper ul {margin-left:25px;}
.catering-details {margin:0 auto;width:100%;}
.catering-details div {
float:left;
width:40%;
padding:2em;
background-color:#EFF7FF;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:1em 1em 1em 1.5em;
}

/* MENU ITEMS PAGE */
.down-arrow div {background:url("/images/down.png") no-repeat scroll 2% 50% #EFF7FF;padding:0.5em 4em !important;}
#menu-items div, .set, #menu-items1 .buffet-menu, #menu-items1 .set-menu, .down-arrow div {
background-color:#EFF7FF;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:0 .5em 1em 1.5em;
padding:0.5em;
}
#menu-items1 {margin-top:1em;}
.set {border:1px solid #EFEFEF;}
#menu-items h3, #menu-items1 h3 {cursor:pointer;}
#menu-items ul {list-style-image:url('/images/bullet_star.png');float:left;width:43%;margin:2em;}
.booking-link {text-align:center;font-weight:bold;text-transform:uppercase;}
.booking-link img {vertical-align:middle}

#catering ul, #catering1 ul, #catering2 ul {list-style-image:url('/images/bullet_star.png');}
ul.cater-menu {margin-top:1em;}
ul.cater-menu li {
float:left;
padding:0.5em 0.5em 0.5em 2em;
margin-right:.5em;
border:1px solid #ccc;
background:url("/images/tab.png") no-repeat scroll 5px center #EFF7FF;
border-bottom:none;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
cursor:pointer;
}
ul.cater-menu li a {padding:10px 0;}
ul.cater-menu li:hover {background:#D1E0EF}


/* Order Page */
.product_name p, .product_name ul, .product_name h5 {background:none;font-size:11px;padding:0;margin:0;font-style:italic;width:270px;font-weight:normal;min-height:inherit;}
.product_name p {line-height:18px;}
.product_name, .product_name h5 {font-weight:bold;font-size:13px;}
.product_name li {margin:0 !important;}
.productItem h2 {font-size:16px;letter-spacing:2px;text-transform:uppercase;font-family:Georgia, Helvetica, sans-serif;margin:10px 0}
li.productItem {padding:3px;}
.big, .big li {font-size:12px !important;}
.family li {font-style:normal;}
/* FOOTER */
#footer {height:135px;padding:1em;background-color:#334860;color:#9BACBF;}
p.address {float:left;width:40%;margin:0;}
p.hours {float:right;width:40%;text-align:right;margin:0;}
.copyright {
border-top:2px solid #23313F;
float:left;
font-size:11px;
margin-top:14px;
padding:1em 0;
width:100%;
}
.copyright span {padding-top:1em;float:right;}


/*BC Styles*/
.secure-login {float:left;width:42%;margin-left:5%}
.catProdAttributeItem, .catProductAttributeGroup, .productSubmitInput {display:inline;}
.catProdAttributeTitle {display:none;}
.catProductAttributeGroup {margin-right:10px;}
.odd_order {background-color:#EFEFEF;}
.formdate {width:inherit !important;}
.webform input[type="text"], .webform input[type="text"], .webform input[type="password"], .webform select {
-moz-border-radius:6px 6px 6px 6px;
background-color:#FFFFFF;
border:2px solid #EBEBEB;
color:#7F7777;
font:12px Tahoma,Arial,verdana;
height:22px;
padding:3px;
width:330px;}
.webform select {
height:32px;
padding-top:5px;
}
.productTextInput {width:40px}