/* GLOBAL
*******************************************************************************/
* { list-style: none; margin: 0; padding: 0; }
* {outline:none;}
img { border: none; }
body { background: #fff URL("/resources/images/bkng/body-top.jpg") repeat-x; font: 11px "Tahoma", Verdana, Arial, Sans-Serif; color: #666666; text-align: center;}
body.popUp { background: #0054a5 URL("/resources/images/bkng/popup-container.jpg") repeat-x; }
a { text-decoration: none; color: #003366; font-weight: bold; }
a:hover { color: #3a87d4;}
input, select, textarea { font: 11px "Tahoma", Verdana, Arial, Sans-Serif; color: #666666; }
.clear { clear: both;}
p { margin-bottom: 12px; }

/*- Logo -*/
#logo-btm { position: absolute; margin-top: -27px;}

/*- Link Btns -*/
.singleLink-Right { background: URL("/resources/images/bkng/link-btn.jpg") no-repeat right 0; padding-right: 20px; }
.singleLink { background: URL("/resources/images/bkng/link-btn.jpg") no-repeat 0 0; padding-left: 20px; }
.singleLink-padding { display: block; background: URL("/resources/images/bkng/link-btn.jpg") no-repeat 0 0; padding-left: 20px; margin-bottom: 3px; }
#contentpage-product ul { margin-bottom: 10px; }
#contentpage-product li { margin-top: 2px; }
#contentpage-content ul { margin-bottom: 10px; }
#contentpage-content li { margin-top: 2px; }

/*- Btns -*/
a.btn { height: 26px; background: URL("/resources/images/bkng/btn.jpg") repeat-x; line-height: 26px; display: inline-block; border: 1px solid #fff; padding: 0 15px; text-transform: uppercase; color: #fff; }
a.btn:hover { background: URL("/resources/images/bkng/btn-hover.jpg") repeat-x; }

/*- LHS Content- */
#lhs-content { position: absolute; z-index: 2; width: 197px; min-height: 189px; height: 189px; margin-top: 170px; text-align:center;  }
.paddockplate { position: relative; margin-left: -10px;}


/* CONTAINERS
*******************************************************************************/

#master-container { margin-bottom: 10px; }
#main-container { margin: 0px auto; width: 1024px; text-align: left; }
#navigation-container { width: 975px; margin-left: 25px; height: 36px; background: URL("/resources/images/common/logo-top.jpg") no-repeat;}
#main-container-bkngShell { width: auto; min-height: 426px; _height: 426px; background: #fff URL("/resources/images/bkng/main-container-content.jpg") no-repeat left bottom;}
#main-container-content { width: 975px; margin-left: 25px; text-align: left; }
#secondary-container { background: #fff URL("/resources/images/bkng/secondary-container.jpg") repeat-x;  }
#secondary-container-content { margin: 0px auto; width: 975px; text-align: left; padding-top: 12px; height: 262px; }
#tertiary-container { margin: 0px auto; width: 1024px; height: 91px; background: #fff URL("/resources/images/bkng/tertiary-container.jpg") no-repeat right top; text-align: left; }
#tertiary-container-content { width: 975px; margin-left: 25px; }
#footer-container { margin: 0px auto; width: 975px; text-align: right; margin-top: 5px; border-top: 1px solid #003366; padding-top: 5px;  }



/* HOME PAGE
*******************************************************************************/
/*- Utility Navigation -*/
#utility-navigation { position: relative; background: URL("/resources/images/bkng/utility-navigation.jpg") no-repeat; margin-left: 238px; width: 737px; height: 27px; text-align: right;   }
#utility-navigation ul { padding-right: 40px; }
#utility-navigation li { color: #a66200; display: inline; line-height: 27px; padding-left: 5px; }
#utility-navigation li a { margin-right: 10px; color: #a66200; line-height: 27px; }

/*- Brand Tagline -*/
#brand-tagline { position: absolute; width: 900px; z-index: 2;}
#brand-tagline #h1-outside { position: absolute; top: 45px; background: URL("/resources/images/bkng/home-h1-left.jpg") no-repeat 0 10px; margin-left: 280px; padding-left: 230px; height: 50px; z-index: 2; }
#brand-tagline #h1-inside { background: URL("/resources/images/bkng/home-h1-right.jpg") no-repeat right 10px; }
#brand-tagline h1 { color: #a66200; width: 440px; z-index: 2; }
#brand-tagline h3 { position: absolute; width: 500px; top: 15px; left: 380px; z-index: 2;}


/*- Brand Feature -*/
#brand-feature { position: relative; float: right; width: 540px; height: 399px; z-index: 1; }
.brand-feature-img {   }

/*- Homepage Content -*/
#homepage-content { z-index: 2; width: 404px; height: 190px; margin-top: 180px; padding-left: 30px; }
#homepage-content h2 { color: #0054a6; font-size: 18px; font-weight: normal; margin-bottom: 10px; }
#homepage-content h2 img { padding-left: 5px; }

/*- Secondary Content -*/
.cc-content { background: URL("/resources/images/bkng/secondary.png") no-repeat; width: 308px; height: 262px; float: left; margin-right: 16px; }
.cc-content h2 { font-size: 18px; color: #fff; margin-bottom: 8px;  }
.cc-content p { color: #fff; }  
#cc1-content { width: auto; padding: 5px 15px 10px 15px; height: 221px; }
#cc2-content { width: auto; padding: 5px 15px 10px 15px; height: 221px; }
#cc3-content { width: auto; padding: 5px 15px 10px 15px; height: 221px; }
.secondary-link { width: auto; height: 26px; text-align: right; padding-top: 7px; padding-right: 10px; }

/*- Tertiary Content -*/
.tertiaryFirst { float: left; width: 200px; padding-top: 10px; padding-right: 20px; }
.tertiaryFirst h3 { color: #a66200; font-size: 13px; padding-bottom: 3px; }

/*- Brand rollovers -*/
#scroller { position:relative; overflow:hidden; width: 640px; height:65px; padding-top: 20px; }
/*	root element for scrollable items. Must be absolutely positioned 	and it should have a extremely large width to accomodate scrollable items.	it's enough that you set the width and height for the root element and	not for this element. */
.carousel { width: 640px; }
.jCarouselLite { width: 640px; }
.jCarouselLite ul {width: 640px; }
.jCarouselLite ul li { padding-right: 10px; }
 
 
/* CONTENT PAGE
*******************************************************************************/

#contentpage-content { background: URL("/assets/contentpage/default.jpg") no-repeat right bottom; position: relative; float: right; width: 708px; min-height: 425px; _height: 425px; z-index: 1; padding-left: 40px; padding-right: 30px; padding-top: 20px; padding-bottom: 50px;}
#contentpage-content h1 { margin-bottom: 0px; padding: 0; }
#contentpage-content h2 { padding: 0;}
.contentImg { float: right; padding: 0 10px 10px 20px; }

p.quote { font-size: 13px; font-weight: normal; font-style: italic; padding: 15px 20px; background: URL("/resources/images/bkng/quote.gif") no-repeat;  }
p.sign-off { text-align: right;}

#contentpage-content .content-tbl { padding: 0px; margin: 0px; width: 100%; }
#contentpage-content .content-tbl th { padding: 8px; background: URL("/resources/images/bkng/table-th.jpg") repeat-x; color: #fff; text-align: left; }
#contentpage-content .content-tbl th a { color: #fff; }
#contentpage-content .content-tbl td { padding: 8px; text-align: left; vertical-align: top; border-bottom: 1px solid #2375c4; background: #fff; }
#contentpage-content .content-tbl tr.alt td { background: #d5e6f7; }
#contentpage-content .content-tbl tr.noBkng td { background: URL("/resources/images/bkng/content-tbl-footer.png") no-repeat; border-bottom: 0px; padding: 0px; }
#contentpage-content .content-tbl tr.noBkng td table tr td { padding: 0px 6px; padding-right: 6px; }
#contentpage-content .content-tbl-sml { padding: 0px; margin: 0px; width: 100%; }
#contentpage-content .content-tbl-sml th { padding: 8px; background: URL("/resources/images/bkng/table-th.jpg") repeat-x; color: #fff; text-align: left; }
#contentpage-content .content-tbl-sml th a { color: #fff; }
#contentpage-content .content-tbl-sml td { padding: 8px; text-align: left; vertical-align: top; border-bottom: 1px solid #2375c4; background: #fff; }
#contentpage-content .content-tbl-sml tr.alt td { background: #d5e6f7; }
#contentpage-content .content-tbl-sml tr.noBkng td { background: URL("/resources/images/bkng/content-tbl-footer.png") no-repeat; border-bottom: 0px; padding: 0px; }
#contentpage-content .content-tbl-sml tr.noBkng td table tr td { padding: 0px 6px; padding-right: 6px; }


#contentpage-content .forum-tbl { padding: 0px; margin: 0px; width: 100%; margin-bottom: 6px;}
#contentpage-content .forum-tbl th { padding: 8px; background: URL("/resources/images/bkng/table-th.jpg") repeat-x; color: #fff; text-align: left; }
#contentpage-content .forum-tbl th a { color: #fff; }
#contentpage-content .forum-tbl td { padding: 8px; text-align: left; vertical-align: top; border-bottom: 1px solid #2375c4; background: #fff; }
#contentpage-content .forum-tbl tr.alt td { background: #d5e6f7; }
.rightAlign { text-align: right;}
.forumImg { float: left; width: 70px;}
.forumTxt { float: right; width: 620px; }


/* RECIPES
*******************************************************************************/
.recipe-hp-container { margin: 20px 0; }
.recipe-hp { background: URL("/resources/images/recipes/recipe-hp.png") no-repeat 0 0; width: 348px; height: 114px; float: left; margin-right: 6px; margin-bottom: 6px;  }
.recipe-hp img { border: 2px solid #fff; margin-top: 5px; margin-left: 5px;  float: left;}
.recipe-hp-content { float: left; width: 220px; margin-top: 5px; margin-left: 10px; }
.recipe-hp-content h3 a { color: #fff; }
.recipe-hp-content p.recipe-description { color: #663300; padding-top: 5px; }
.recipe-hp-content p.recipe-serves { color: #663300; }


/*- Panes -*/
#contentpage-content ul.recipe-tabs { height: 35px; width: 400px; margin: 0px; padding: 0px; position: absolute; margin-left: 306px;   }
#contentpage-content ul.recipe-tabs li { float: left; margin: 0px; padding: 0px; }
#contentpage-content ul.recipe-tabs li.gallery-r a { background: URL("/assets/recipes/gallery-off.jpg") no-repeat; width: 124px; height: 35px; display: inline-block;  }
#contentpage-content ul.recipe-tabs li.gallery-r a.current  { background: URL("/assets/recipes/gallery-on.jpg") no-repeat; }
#contentpage-content ul.recipe-tabs li.gallery-r a span { display: none;}
#contentpage-content ul.recipe-tabs li.method a { background: URL("/assets/recipes/method-off.jpg") no-repeat; width: 265px; height: 35px; display: inline-block;  }
#contentpage-content ul.recipe-tabs li.method a.current  { background: URL("/assets/recipes/method-on.jpg") no-repeat; }
#contentpage-content ul.recipe-tabs li.method a span { display: none;}

#contentpage-content .panes { min-height: 426px; width: 706px; margin: 0px; padding: 0px; overflow: hidden;}
#contentpage-content .panes-tab { background: #f8dbb3 URL("/assets/recipes/panes-tab-inner.jpg") no-repeat 0 bottom; width: 706px; margin: 0px; padding: 0px;  }
#contentpage-content .panes-tab-inner { background: URL("/assets/recipes/panes-tab.jpg") no-repeat 0 0; min-height: 418px; margin: 0px; padding: 0px; padding: 4px 5px; }

/*- Recipe Gallery -*/
.recipe-lrg { border: 2px solid #fff; }
.recipe-link { height: 35px; }
.recipe-link a { padding-top: 10px; position: absolute; margin-left: 18px; }
.recipe-link a img {margin-top: 1px; position: absolute;   }
.recipe-link a span { padding-left: 18px; }

/*- Recipe Content -*/
#contentpage-content .recipe-content { background: #fff; width: 693px; min-height: 411px; padding-bottom: 4px; border: 2px solid #fff;  }
#contentpage-content .recipe-summary { height: 33px; width: auto; background: #b78133; border-bottom: 1px solid #f0e5d6;  text-align: right; padding-right: 10px; }
#contentpage-content .recipe-summary ul li { display: inline-block; *float: left;  line-height: 32px; color: #fff; font-weight: bold; margin: 0px; padding: 0px;  *padding-left: 10px; }
#contentpage-content .recipe-summary ul li span { padding: 0 10px;  }
#contentpage-content .recipe-summary ul li img { vertical-align: middle;   }
.recipe-method { float: left; width: 412px; padding: 15px; }
.recipe-ingredients { float: left; width: 221px; padding: 15px;  }
.recipe-ingredients h3 { }
.recipe-ingredients p { color: #333333; margin: 0px; padding: 3px; }

.method-table  {}
.method-table td { padding-bottom: 5px; vertical-align: top; }
.method-table td.method-table-indent { width: 30px; padding-left: 10px;  }

.imageRotator-Nav { position: absolute; background: URL("/resources/images/recipes/Gallery-Overlay.png") repeat; height: 92px; width: 693px; margin-left: 2px; margin-top: 320px; border-top: 2px solid #fff; }
.imageRotator-Nav li { float: left; padding-top: 7px; padding-left: 10px; }
.recipe-sml { border: 1px solid #fff; width: 98px; height: 73px;  }

/* PRODUCT PAGE
*******************************************************************************/
#contentpage-product { position: relative; float: right; width: 708px; min-height: 339px; _height: 339px; z-index: 1; padding-left: 40px; padding-right: 30px; padding-top: 30px; padding-bottom: 40px;}

#contentpage-product #h1-outside { position: absolute; top: 45px; background: URL("/resources/images/bkng/home-h1-left.jpg") no-repeat 0 10px; margin-left: 20px; padding-left: 230px; height: 50px; z-index: 2; }
#contentpage-product h1 { color: #a66200; width: 540px; z-index: 2; padding-left: 20px; }
#contentpage-product h3 { position: absolute; width: 700px; top: 15px; z-index: 2;}
#contentpage-product h1.ph3 { padding-top: 10px; }

/* #contentpage-product h1 { color: #a66200; position: absolute; width: 400px; left: 345px; top: 45px; }
#contentpage-product h3 { position: absolute; width: 500px; top: 20px; left: 300px; }
*/
#productContent { padding-top: 0px; width: 320px; }
#productContent-Category { position: absolute; margin-top: 80px; width: 350px; }
#productContent p, #productContent-Category p { font-size: 11px; }

/*- Nutrional Content -*/
.cc-content-large {  background: URL("/resources/images/bkng/secondary-large.png") no-repeat; width: 628px; height: 262px; float: left; margin-right: 16px; }

.nutritionTable { border: 1px solid #006699; background: #fff; }
.nutritionTable th { text-align: left; background: #99ccff; padding: 10px 5px; color: #003366; font-weight: normal; border-bottom: 1px solid #006699; }
.nutritionTable td.tbHeader { padding: 5px; color: #003366; border-bottom: 1px solid #3e8ad5;  }
.nutritionTable td { padding: 2px 5px; color: #003366; }
.nutritionTable td.indent { padding-left: 25px; }
.nutritionTable td.tbfooter { background: #99ccff; padding: 5px; color: #003366; border-top: 1px solid #006699; }
.product-image { position: absolute; margin-left: 450px; margin-top: 0px;  }

/*- Tab Navigation -*/
UL.tabNavigation { list-style: none; margin: 0; padding: 0; margin-left: 10px; position: absolute; }
UL.tabNavigation LI { float: left; background: URL("/resources/images/bkng/product-nav.gif") repeat-x; margin-right: 2px; }
UL.tabNavigation LI span.leftEdge { background: URL("/resources/images/bkng/product-nav-left.gif") no-repeat 0 0; height: 31px; padding: 0 0 0 20px; display: block; }
UL.tabNavigation LI A { color: #999; text-decoration: none; background: URL("/resources/images/bkng/product-nav-right.gif") no-repeat right 0; height: 31px; display: block; padding: 6px 20px 0 0; }
UL.tabNavigation LI A.selected, UL.tabNavigation LI A:hover { color: #fff;  }
UL.tabNavigation LI A:focus { outline: 0; }
div.tabs > div { padding: 0 5px; height: 234px; margin-top: 3px; }
div.tabs > div h2 { margin-top: 0; }
#prodsize1 { }
#prodsize2 { display: none; }
#prodsize3 { display: none; }
#prodsize4 { display: none; }
#prodsize5 { display: none; }

/*- Products -*/
#products { background:  URL("/resources/images/bkng/productCarousel.jpg") no-repeat 3px 65px; width: 308px; height: 262px;  }
.products-div { width: 308px; height: 262px;  }

/* PopUp
*******************************************************************************/
.popUp-Container { width: 580px; margin: 10px; text-align: left; }
.popUp-Container-Lrg { width: 630px; margin: 15px; margin-top: 20px; text-align: left;}
.shopContents-tbl { }
.shopContents-tbl th { text-align: left; height: 25px; background: #99ccff; padding: 3px 5px; color: #003366; }
.shopContents-tbl td { padding: 3px 5px; text-align: left; color: #fff; }

.popUp-Container p, .popUp-Container-Lrg p { color: #fff;}
.popUp-Container-Lrg a { color: #ffcc33; }
.popUp-Container-Lrg a:hover { color: #ffcc33;}
.popUp-Container-Lrg a.btn { color: #fff; }
.popUp-Container-Lrg a.btn:hover { color: #fff; }
.why-membership { float: right; width: 320px; border-left: 1px solid #fff; padding-left: 15px; padding-bottom: 20px; }
.why-membership ul {  margin-left: 20px; margin-bottom: 20px;}
.why-membership ul li { color: #fff; margin-bottom: 4px; list-style-type: square; }


/*- Registration Table -*/
.indentTable { width: 480px; }
.indentTable td { font-size: 11px; color: #fff; padding-bottom: 2px; }
.indentTable-account { width: 280px; }
.indentTable-account td { font-size: 11px; color: #fff; padding-bottom: 2px; }
.asterik { color: #ffcc33; }
.orange { color: #ffcc33; }
.error li { color: #ffcc33; }

/*- Map -*/
#mapContainer { width: 263px; border: 2px solid #fff;  }
#mapThumb { width: 262px; height: 197px; overflow: hidden;}

/* GALLERY
*******************************************************************************/
#gallery { margin-top: 40px; margin-bottom: 10px;  width: 706px; background: #f8dbb3 URL("/resources/images/bkng/gallery-bottom.jpg") no-repeat 0 bottom; }
#gallery-inner { background: URL("/resources/images/bkng/gallery-top.jpg") no-repeat 0 0;  padding: 20px 20px; } 
#gallery-inner a { }
#gallery-inner img { width: 150px; height: 112px; padding: 2px; border: 1px solid #fff; margin-right: 8px; margin-bottom: 5px;  }

/* FOOTER
*******************************************************************************/
#footer-container ul { padding-right: 5px; }
#footer-container ul li { display: inline; }
#footer-container ul li a { padding-right: 5px;  }  
#footer-container p { padding-right: 10px; padding-top: 5px; } 



/* NAVIGATION
*******************************************************************************/
/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
=================================================================== */

.menu {width:870px; height:36px; position:relative; z-index:99; float: left; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:871px; w\idth:870px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:201px; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon 
.menu li { float:left; position:relative;  margin: 0; padding: 0 12px;  background: URL("/images/common/bkng/nav-divider.jpg") no-repeat right 0;  } */
.menu li { float: left; position: relative; background: URL("/resources/images/bkng/navigation-divider.jpg") no-repeat right 0;  margin: 0; padding: 0 10px 0 10px; height: 36px; border-bottom: 4px solid transparent; _border-bottom: 4px solid #fff;}
.menu li.navhome { background: URL("/resources/images/bkng/navigation-home.jpg") no-repeat; width: 110px; }
.menu li.noBkng { background: none; }

/* style the links for the top level */
/* .menu a, .menu a:visited {  display: block; font: bold 14px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; color: #fff; text-transform: uppercase; letter-spacing: -0.05em; line-height: 36px; } */
.menu a, .menu a:visited {display: block; font-family: "Tahoma"; font-weight: bold; letter-spacing: 0px; font-size: 11px; text-transform: uppercase; color: #fff; line-height: 36px; text-decoration: none;}
.menu a.home, .menu a:visited.home { }

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited { }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { }

/* style the second level hover */
.menu ul ul a.drop:hover{ /*background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center; */}
.menu ul ul :hover > a.drop { /* background: #fff; color: #69f; background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center; */}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {color: #fff; background: #0f0; line-height: 27px; height: 27px; padding: 0px; width: 187px; padding-left: 10px; padding-right: 4px; line-height: 24px; font-size: 11px; font-family: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; text-transform: none; background: none; }

/* style the third level hover */
.menu ul ul ul a:hover { background: URL("/resources/images/bkng/navigation-rollover.png") no-repeat;  color: #70b3f4; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; top:36px; left:0; padding-top: 3px; width:193px; background: #0054a6 URL("/resources/images/bkng/nav-bkng.gif") repeat-x 0 0; border: 1px solid #003366;  }

/* another hack for IE5.5 */
* html .menu ul ul {top:35px; t\op:36px;}

/* position the third level flyout menu */
.menu ul ul ul{left:193px; top:-1px; width:193px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-193px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { color: #fff; background: #0f0; line-height: 27px; height: 27px; padding: 0px; width: 187px; padding-left: 10px; padding-right: 4px; line-height: 24px; font-size: 11px; font-family: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; text-transform: none; background: none; }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{ color:#fff; background: transparent;}
.menu :hover > a { color:#70b3f4; background: transparent;}
.menu ul ul :hover > a { color:#70b3f4; background: URL("/resources/images/bkng/navigation-rollover.png") no-repeat;}
.menu ul ul a:hover { background: URL("/resources/images/bkng/navigation-rollover.png") no-repeat;  color: #70b3f4; }

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:193px; w\idth:171px;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{ visibility:hidden;}
.menu ul ul :hover ul ul { visibility:hidden; }
.menu ul :hover ul :hover ul ul { visibility:hidden;} 
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul { visibility:visible;} 
.menu ul :hover ul :hover ul :hover ul { visibility: visible; }


.menu ul ul li { background: none; padding: 0 0 0 3px; height: 27px;}
.menu ul ul ul li { background: none; }