/* Matilda Bay Restaurant Core */

@import "matildabay-common.css";


.headcontainer { height: 199px; padding: 0 0 50px 0; }
* html .headcontainer { padding-bottom: 0px; }

.headcontainer.page-privacy-policy,
.headcontainer.page-sitemap,
.headcontainer.page-disclaimer { background: url(images/banners/banner_generic_flash.jpg) no-repeat top center; }

.outer-wrapper { height: 115px; padding: 134px 0 0 0; }
.outer-wrapper .sitecontainer { height: 115px; background: url(images/logo.png) no-repeat 13px 7px; }
* html .outer-wrapper .sitecontainer { background-image: url(images/logo-ie6.gif); }

.outer-wrapper h1 { float: left; margin: 0; padding: 0; width: 250px; height: 110px; }
.outer-wrapper h1 a { display: block; width: 250px; height: 110px; text-decoration: none; }

.outer-wrapper #main-menu { float: right; margin-top: 36px; width: 650px; }
.outer-wrapper #main-menu ul ul { padding: 18px 15px 18px 0; }


/* - Banner Images */
.outer-wrapper { background: url(images/banners/generic.jpg) no-repeat top center; }
.outer-wrapper.banner-bar-restaurant { background: url(images/banners/bar-restaurant.jpg) no-repeat top center; }
.outer-wrapper.banner-weddings-functions { background: url(images/banners/weddings-functions.jpg) no-repeat top center; }
.outer-wrapper.banner-about { background: url(images/banners/about.jpg) no-repeat top center; }
.outer-wrapper.banner-contact { background: url(images/banners/contact.jpg) no-repeat top center; }
.outer-wrapper.banner-events { background: url(images/banners/events.jpg) no-repeat top center; }
.outer-wrapper.banner-seminars { background: url(images/banners/seminars.jpg) no-repeat top center; }


/* Wrapper */
#wrapper { position: relative; }
#wrapper .sitecontainer { position: relative; padding: 50px 0 0 0; }


/* - Content Container */
#content-container { width: 960px; padding: 0; background: url(images/sidebar-divide.gif) repeat-y left;}
#content-container.full { background: none; }
#content-container h1 { position: static; margin: 0 0 21px 0; font-size: 190%; color: #eee4d9; font-weight: normal; }
#content-container .page-title h1 { margin: 0 0 30px 0; text-align: center; font-size: 135%; }


/* - Sidebar */
#side-bar { float: left; width: 170px; padding: 0 0 0 80px; }
#side-bar h1 { text-align: right; font-weight: normal; }

#side-bar ul.subnav { margin: 0 0 30px 0; width: 159px; padding: 0; list-style: none; }
#side-bar ul.subnav a { display: block; width: 159px; text-align: right; padding: 2px 7px 2px 0; color: #aaa096; font-weight: bold; text-decoration: none; }
#side-bar ul.subnav a:hover,
#side-bar ul.subnav a.active { color: #b55100; background: url(images/subnav-arrow.gif) no-repeat right center; }

#side-bar a.print-page { display: block; height: 16px; margin-bottom: 15px; background: url(images/leftcol-icon-print-page.gif) no-repeat top right; text-decoration: none; }
#side-bar a.print-page:hover { background-position: bottom right; }


/* - Main Copy */
.copy-container { float: right; width: 568px; padding: 0 82px 0 0; line-height: 150%; font-size: 108%;  }
.copy-container h1:first-child,
.copy-container h2:first-child,
.copy-container h3:first-child,
.copy-container h4:first-child,
.copy-container h5:first-child,
.copy-container h6:first-child { margin-top: 0 !important; }

#content-container.full .copy-container { float: none; width: 743px; padding: 0 82px 0 135px; background: none; }

.copy-container img.heropic { border: 1px solid #594d41; margin-bottom: 20px; }

.imgright,
.imgright img { display: block; float: right; padding: 0 0 28px 28px; width: auto; }

.copy-container ul { margin: 0 0 20px 0; list-style: none; padding: 0 0 0 20px; }
.copy-container ul li { padding: 2px 0 2px 10px; background: url(images/subnav-arrow.gif) no-repeat 0px 9px; }
.copy-container ul ul { padding-top: 8px; padding-bottom: 8px; margin: 0; }

.copy-container ol { list-style: decimal; padding: 8px 0 8px 30px; }
.copy-container ol ol { list-style: lower-alpha }
.copy-container ol ol ol { list-style: lower-roman; }

.copy-container table { width: 100%; border-collapse: collapse; }
.copy-container table th, .copy-container table td { padding: 10px; }
.copy-container table th { text-align: left; color: #eee4d9; font-size: 110%; border-bottom: 1px solid #594d41; }
.copy-container table tr.alt td { background-color: #37291d; }

.options ul { margin: 0 0 15px 0; padding: 14px 0 2px 0; list-style: none; border-top: 1px solid #594d41; border-bottom: 1px solid #594d41; float: right; }
.options ul li {background: none; float: right; margin: 0 0 10px 0; padding-left: 0; }
.options ul a {color: #897e73; float: none; font-weight: bold;  height: 15px; margin: 0 0 10px 0; overflow: hidden; text-decoration: none; text-align: right; text-transform: uppercase;  width: 169px;}
.options ul a:hover {color: #ffffff;}
.options ul li img {float: left; margin: 0 5px 0 0;}

#side-bar .options ul a.side-booking { background: url(images/lhs-nav-booking.gif) no-repeat top right; display: block; }
#side-bar .options ul a.side-enquiry { background: url(images/lhs-nav-enquiry.gif) no-repeat top right; display: block;}
#side-bar .options ul a.side-wedding { background: url(images/lhs-nav-weddingpack.gif) no-repeat top right; display: block;}
#side-bar .options ul a.side-functions { background: url(images/lhs-nav-functionspack.gif) no-repeat top right; display: block;}
#side-bar .options ul a.side-corporate { background: url(images/lhs-nav-corporatepack.gif) no-repeat top right; display: block;}
#side-bar .options ul a.side-confirmation { background: url(Images/lhs-nav-confirmation.gif) no-repeat top right; display: block;}
#side-bar .options ul a:hover { background-position: bottom right !important; }

.recipe-details .options ul a.side-booking { background: url(images/lhs-nav-booking.gif) no-repeat top left; display: block;}
.recipe-details .options ul a.side-enquiry { background: url(images/lhs-nav-enquiry.gif) no-repeat top left; display: block;}
.recipe-details .options ul a:hover { background-position: bottom left !important; display: block;}


/* - Footer */
#footer { padding: 80px 82px 35px 13px; color: #655d55; text-align: center; }
#footer .footer-top { padding-top: 25px; border-top: 1px solid #594d41; margin: 0 0 3px 0; color: #918b86; font-weight: bold; }
#footer ul { display: inline; margin: 0; padding: 0 0 0 9px; list-style: none; }


/* - Menu */
.menu-container { float: right; width: 568px; padding: 0 82px 0 0; line-height: 150%; font-size: 108%;  }

.menu-container h2 { margin: 0 ; padding: 0; float: left; width:150px; font-size: 115%; color: #6b5f52; text-transform: uppercase; font-weight: bold; }
.menu-container h3 { color: #eee4d9; margin: 0 0 12px 0; font-size: 120%; font-weight: normal;width: 391px; float: right; }

.menu-container ul { margin: 0; padding: 0 0 20px 0; list-style: none; width: 391px; float: right;}
.menu-container ul li { margin: 0 0 12px 0; padding: 0; background: none; }
.menu-container ul li span { padding-right: 4px; }
.menu-container ul li strong { color: #eee4d9; }

hr { width: 568px; float: right; border: none; height: 0; border-top: 1px solid #594d41; margin: 0 0 32px 0; }

#content-container.full #the-menu { width: 743px; background: url(images/menu-col-divide.gif) repeat-y left; }
#content-container.full #the-menu h1 { padding: 0 0 0 175px; }
#content-container.full #the-menu .category .menu-right { width: 566px }
#content-container.full #the-menu .category .menu-right.menu-times { float: right; width: 566px; }


/* - Recipe of the Month */
.recipe-container { width: 865px; margin: 0 0 0 -122px; position: relative; }
.recipe-details { float: left; width: 260px; }
.recipe-details h2 { margin: 0 0 15px 0; font-size: 115%; color: #eee4d9; line-height: inherit; }
.recipe-hero { float: right; width: 545px; }
.recipe-hero img { border: 1px solid #594d41; }


/* - Contact Form Styling */
div.formouter h2 { font-size: 130%; margin: 30px 0 5px 0 !important; padding: 0 0 0 0; }
span.mandatory { color: #ca5a00; }
.form { margin: 0; padding: 6px 0 6px 0; border-bottom: 1px solid #594d41; }
* html .form { padding-bottom: 0; }
.form.invalid { background: #2e2217; }
.form label { display: block; float: left; width: 200px; padding: 1px 25px 0 0; text-align: right; font-weight: bold; }
.form.invalid label { background: url(images/form-field-alert.gif) no-repeat right center; }
.form .form-field { float: right; width: 315px; display: block; }
.form.selectoption .form-field { padding-top: 10px; }
.form input.text,
.form .textarea,
.form select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.form input.text,
.form input.riTextBox { width: 235px !important; }
.form .textarea { width: 235px; height: 91px; }
.form select { width: 240px; }
.form input.subscribe { margin: 0; }
.submitbutton { text-align: right; padding: 15px 253px 0 0; }


/* - Sitemap */
#sitemap ul { margin: 0; padding: 0; list-style: none; }
#sitemap ul ul ul { padding: 0 0 5px 0; font-size: 90%; }
#sitemap ul li { float: left; width: 140px; background: none; padding: 0; }
#sitemap ul li.endrow { float: none; clear: left; height: 30px; width: 100%; }
#sitemap ul li.endrow.first { display: none; }
#sitemap ul li li.endrow { display: none; }
#sitemap ul li li { float: none; width: auto; padding-bottom: 1px; }
#sitemap ul li li li { padding: 0 11px; background: url(images/subnav-arrow.gif) no-repeat 4px center; }

#sitemap ul li a,
#sitemap ul li span { font-weight: bold; color: #eee4d9; text-decoration: none; font-size: 108%; }
#sitemap ul li a:hover
#sitemap ul li a:hover span { color: #ca5a00; }
#sitemap ul li li a,
#sitemap ul li li span { font-size: 100%; font-weight: normal; color: #a5a09d; }
#sitemap ul li li a:hover,
#sitemap ul li li a:hover span { color: #ca5a00; }
#sitemap ul li li li a,
#sitemap ul li li li span { font-size: 100%; font-weight: normal; color: #ca5a00; }
#sitemap ul li li li a:hover,
#sitemap ul li li li a:hover span { color: #fefefe; }


/* - Sitefinity Events */
.eventListItem { padding: 0 0 15px 0; margin: 0 0 15px 0; float: left; width: 100%; border-bottom: 1px solid #594D41; font-size: 90%; }
.eventListItem a { display: block; text-decoration: none; }
.eventListItem .itemdescription * { display: inline; color: #aaa39d; font-size: 100%; }
.eventListItem .itemdetails { margin: 0 0 0 90px; color: #aaa39d; }
.eventListItem .itemtitle { font-size: 130%; font-weight: bold; color: #eee4d9; }
.eventListItem .itemdate { float: left; width: 60px; font-weight: bold; color: #aaa39d; }

.eventListItem a:hover span.itemtitle { color: #ca5a00; }

h2.event-full-title { margin: 0; }
.event-detailblock { padding: 0 0 10px 0; }
.event-detailblock h2 { margin: 0; padding: 0; float: left; width: 90px; font-size: 115%; color: #6b5f52; text-transform: uppercase; font-weight: bold; }
.event-detailblock .event-contents { width: 450px; line-height: normal; margin: 0 0 0 100px; }
.event-fulldetails { margin-top: 10px; padding-top: 20px; border-top: 1px solid #594d41; }
.event-fulldetails h3 { color: #eee4d9; margin: 25px 0 10px 0; line-height: normal; font-size: 140%; }
.event-fulldetails dd { margin: 0; }


/* - Photo Gallery */
.photogallery-thumbs { margin: 0 -92px 0 0; width: 660px; }
.photogallery-thumbs ul { margin: 0 0 0 0; width: 666px; padding: 0; list-style: none; }
.photogallery-thumbs ul li { padding: 0; background: none; }
.photogallery-thumbs li a { display: block; float: left; width: auto; height: auto; border: 1px solid #23170c; padding: 2px; }
.photogallery-thumbs li a:hover { border: 1px solid #b55100; }

.gallery-category { clear: left; width: 568px; padding: 20px 0; border-top: 1px solid #594d41; }
.gallery-category:first-child,
.gallery-category.firstchild { padding-top: 0; border-top: none; }
.gallery-category img { float: left; }
.gallery-category .galdetails { margin: 0 0 0 170px; min-height: 101px; height: auto !important; height: 101px; }
.gallery-category h2 { font-size: 200%; margin: 0 0 3px 0; }
.gallery-category .galdetails strong { display: block; margin-bottom: 15px; }
.gallery-category .galdetails a { font-weight: bold; text-decoration: none; font-size: 90%; padding-right: 8px; background: url(images/subnav-arrow.gif) no-repeat right center; }
.inner-galdetails { padding-bottom: 25px; }
.inner-galdetails h1 { margin-bottom: 5px !important; }