/* Reset -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.2; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* Body -------------------------------------------------------------- */ body { color:#000; background:#8CC63E; font-family:Arial, Helvetica, sans-serif; font-size:13px; behavior:url("themes/chooks/scripts/csshover3.htc"); } img, div, a { behavior:url("themes/chooks/scripts/iepngfix.htc"); } .clear { clear:both; } /* Headers -------------------------------------------------------------- */ h1 { font-size:30px; padding-bottom:10px; color:#F47A1F; font-weight:bold; } h2 { font-size:16px; padding-bottom:5px; color:#F47A1F; font-weight:bold; } h3 { font-size:14px; color:#F47A1F; font-weight:bold; } h4 { font-size:14px; color:#F47A1F; margin-top:25px; font-weight:bold; } /* Links -------------------------------------------- */ a { text-decoration:none; color:#569318; } a:hover { text-decoration:underline; } /* Paragraphs -------------------------------------------- */ p { margin-bottom:10px; } hr { color:#d2d29e; margin:15px 0; } .sIFR-alternate { display:none; } /* Main -------------------------------------------------------------- */ #header-extender { width:100%; height:120px; background:#F47A1F; } #header-wrapper { margin:0 auto; padding:0; width:950px; height:120px; background:url(../images/chooks-header-logo.gif) left no-repeat; position:relative; z-index:3000; } #secondary-nav { font-size:12px; float:right; margin-top:15px; } #secondary-nav li { list-style:none; display:inline; margin-left:10px; padding-left:10px; border-left:1px solid #FFF; } #secondary-nav li.secnavline { border-left:none; } #secondary-nav a { color:#FFF; } #primary-nav { clear:right; height:27px; position:absolute; right:0; bottom:0; } #primary-nav li { list-style:none; float:left; margin-left:5px; } #primary-nav a { color:#FFF; background:url("../images/primary-navigation-off.gif") no-repeat; font-weight:bold; display:block; width:85px; height:27px; text-align:center; } #primary-nav a span { padding-top:5px; display:block; } #primary-nav a:hover { background:url("../images/primary-navigation-on.gif") no-repeat; text-decoration:none; } #primary-nav li.current a, #primary-nav li.section a { background:url("../images/primary-navigation-on.gif") no-repeat; } #primary-nav li ul { margin:0; padding:0; position:absolute; display:none; width:143px; z-index:3000; } #primary-nav li:hover ul { display:block; } #primary-nav li ul li { padding:0; margin:0; display: block; background:none #e36101; /*margin-bottom:1px;*/ } #primary-nav li ul li a { font-size:11px; background:none; text-align:left; width:143px; height:auto; padding:5px; } #primary-nav li ul li a:hover { background:none; } #primary-nav li ul li:hover { background:#f47a1f; } #primary-nav li ul li.current, #primary-nav li ul li.section { background:#f47a1f; } #primary-nav li ul li.current a, #primary-nav li ul li.section a { background:none #f47a1f; } #primary-nav li ul li.link a { background:none; } #wrapper { margin:0 auto; padding:0; width:980px; background:url(../images/shadow.gif) top no-repeat; } #home #wrapper { background:none; } #footer { margin:0 auto; padding:0; width:950px; background:url(../images/footer-bg.gif) center top no-repeat; height:50px; clear:both; font-size:10px; } #footer-nav { float:left; margin-top:14px; color:#FFF; } #footer-nav a { color:#FFF; } #footer-nav li { list-style:none; display:inline; margin-right:10px; padding-right:7px; border-right:1px solid #FFF; } #footer-nav li.no-border { border-right:none; } #follow-us { float:right; margin-top:11px; } #follow-us li { list-style:none; display:inline; height:20px; margin-left:3px; } #follow-us li#follow { margin-right:10px; } /* Homepage -------------------------------------------------------------- */ #left { width:400px; margin-top:30px; float:left; } #right { float:right; width:550px; margin-top:30px; color:#FFF; } #right h1 { color:#FFFFFF; font-size:51px; padding-bottom:0; } #club { width:547px; margin-bottom:15px; margin-top:30px; } #tv { float:left; width:268px; margin-top:5px; margin-bottom:30px; } #news { float:right; width:268px; height:159px; display:block; margin-bottom:30px; background: url(../images/homepage-latest-news.jpg); font-weight:bold; position:relative; } #news ul { padding-top:52px; padding-left:20px; padding-right:20px; } #news li { list-style:none; } #news a { color:#FFF; text-decoration:underline; font-weight:normal; } #news #more-news { padding-left:20px; width:226px; height:25px; position:absolute; bottom:18px; } /* Content -------------------------------------------------------------- */ #content-header { width:950px; margin:0 auto; padding:0; height:85px; position:relative; z-index:2000; } #content-header #title { padding-top:22px; font-size:28px; color:#FFFFFF; font-weight:bold; } #content-header #joinclub { padding-right:20px; position:absolute; right:0; bottom:0; } #content-wrapper { width:950px; margin:0 auto; padding:25px 0; background:#E7E7D4; overflow:auto; clear:both; min-height:400px; } #content-navigation { margin:0 30px 0 20px; width:170px; float:left; } #content-navigation li { list-style:none; display:block; width:170px; height:57px; background:url(../images/button-off.gif) repeat-x; } #content-navigation li:hover { background:url(../images/button-on.gif) repeat-x; } #content-navigation a { font-size:15px; color:#8CC63E; width:170px; height:57px; font-weight:bold; } #content-navigation a span { display:block; padding-top:17px; padding-left:20px; } #content-navigation a:hover { color:#F47A1F; text-decoration:none; } #content-navigation li.active { background:url(../images/button-off.gif) repeat-x; } #content-navigation li.active a { color:#8CC63E; } #content-navigation li.current, #content-navigation li.section { background:url(../images/button-on.gif) repeat-x; } #content-navigation li.current a, #content-navigation li.section a { color:#F47A1F; } #content-content { float:right; padding-right:20px; width:680px; } #content-content ul, ol { margin-left:30px; margin-top:10px; } #content-content ul.no-bullet { margin-left:0; } #content-content ul.no-bullet li { list-style:none; } #content-content h2 a { color:#F47A1F; } #content-content h2 a:hover { text-decoration:none; } #content-content .blogborder { border-bottom:1px solid #d2d29e; margin:15px 0; padding-bottom:15px; } /* Menu -------------------------------------------------------------- */ #menu-wrapper { width:950px; margin:0 auto; padding:25px 0; background:#E7E7D4; overflow:auto; clear:both; min-height:400px; } #menu-navigation { margin:0 30px 0 20px; width:280px; float:left; } #menu-navigation li { list-style:none; display:block; width:280px; height:57px; } #menu-navigation li#snacks { background:url(../images/snacks-off.gif) no-repeat; } #menu-navigation li#snacks:hover { background:url(../images/snacks-on.gif) no-repeat; } #menu-navigation li#burgers { background:url(../images/burger-off.gif) no-repeat; } #menu-navigation li#burgers:hover { background:url(../images/burger-on.gif) no-repeat; } #menu-navigation li#kids { background:url(../images/kids-off.gif) no-repeat; } #menu-navigation li#kids:hover { background:url(../images/kids-on.gif) no-repeat; } #menu-navigation li#fried { background:url(../images/fried-off.gif) no-repeat; } #menu-navigation li#fried:hover { background:url(../images/fried-on.gif) no-repeat; } #menu-navigation li#bbq { background:url(../images/bbq-off.gif) no-repeat; } #menu-navigation li#bbq:hover { background:url(../images/bbq-on.gif) no-repeat; } #menu-navigation li#special { background:url(../images/special-off.gif) no-repeat; } #menu-navigation li#special:hover { background:url(../images/special-on.gif) no-repeat; } #menu-navigation a { font-size:15px; color:#8CC63E; height:57px; font-weight:bold; } #menu-navigation a span { display:block; padding-top:17px; padding-left:90px; } #menu-navigation a:hover { color:#F47A1F; text-decoration:none; } #menu-navigation li.current, #menu-navigation li.section, #menu-navigation li.active { background:url(../images/button-on.gif) repeat-x; } #menu-navigation li.current a, #menu-navigation li.section a, #menu-navigation li.active{ color:#F47A1F; } #menu-content { float:right; padding-right:20px; width:570px; } #menu-content ul, ol { margin-left:30px; margin-top:10px; } #menu-content .border { border-bottom:1px solid #d2d29e; margin:15px 0; } /* Wide -------------------------------------------------------------- */ #wide-wrapper { width:910px; margin:0 auto; padding:25px 20px; background:#E7E7D4; overflow:auto; clear:both; min-height:400px; } #wide-wrapper ul, ol { margin-left:30px; margin-top:10px; } /* Locations -------------------------------------------------------------- */ .typography .shop-wrapper { width:330px; margin-bottom:40px; margin-right:10px; float:left; } .typography .shop-wrapper p { margin:0; padding:0; margin-bottom:0px; } .shop-wrapper p { margin-bottom:0px; } .typography .shop-wrapper a { font-weight:bold; color:#8CC63E; } .typography .shop-wrapper img { margin-right:10px; } /* Multimedia -------------------------------------------------------------- */ .multimedia-wrapper { width:155px; margin-bottom:40px; margin-right:20px; float:left; } .multimedia-wrapper img { border:1px solid #c4c497; } .multimedia-wrapper .details { background:#dfdfbf; margin-top:5px; padding:5px; } .multimedia-wrapper .details h3 { padding-bottom:0; } .multimedia-wrapper .details p { margin-bottom:0; } .blogSummary p { margin-bottom:0px; margin:0; padding:0; display:inline; } .blogSummary h2 { padding-bottom:0px; } /* Contact -------------------------------------------------------------- */ #contact-wrapper { width:910px; margin:0 auto; padding:25px 20px; background:#E7E7D4; overflow:auto; clear:both; min-height:400px; } #contactbg { background:#e0e0c3; padding:20px; overflow:auto; } #leftbox { float:left; width:420px; margin-right:20px; } #rightbox { float:right; width:420px; } #enquiry { padding-top:20px; } .textwide { width:211px; height:18px; padding-top:5px; padding-left:5px; } .textsmall { width:100px; height:23px; } .textarea { width:783px; height:65px; padding-top:5px; padding-left:5px; } .textbox { height:18px; padding-top:5px; } .textspread { width:658px; height:65px; padding-top:5px; } /* Form ---------------------------------------- */ fieldset { border: 0; font-size:12px; } input, text, textarea, select { color:#000; font-size:12px; background:#FFF; border:none; margin-top:2px; margin-top:5px; } textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#FFF; margin-top:2px; } select { width: auto; background:#FFF; margin-top:2px; } label { display: block; color: #OOO; font-size:12px; padding-top:8px; } /* Sitemap ---------------------------------------- */ #sitemap-list {padding:0 0 0 10px; margin:0; list-style:none; font-weight:bold; line-height:150%} /*1st level list*/ #sitemap-list li {padding:10px; margin-top:10px; font-size:13px; background:#f0f0f0;} /*1st level items*/ #sitemap-list ul {margin:5px 10px 5px 10px; padding:5px 10px; font-weight:normal; background:#f8f8f8;} /*2nd level lists*/ #sitemap-list li li {padding:0; margin:0; list-style:none; font-weight:bold; font-size:11px; line-height:18px; background:none} /*2nd level items*/ #sitemap-list ul ul {margin-left:10px;padding:5px 10px; background:#fff;} /*3rd level lists*/ #sitemap-list li li li {font-size:11px; font-weight:normal;} /*3rd level items*/