/* Copyright (c) 2008 Expert Eating | All rights reserved Design & Created by Simple Thinking $ Revision date: 20/08/08 */ /* Workspace styles below ------------------------------------------------------------------------ */ * { margin:0; padding:0; } body { background: #426900 url('../media/images/background.jpg') top left repeat-x fixed; font-family: arial, helvetica, "Lucida Grande", sans-serif; font-size:62.5%; } p, textarea { font-size:1.2em; line-height: 1.5em; color:#666; margin-bottom: 0.85em; } a img { outline:none; border:0;} .clear { clear:both;} .nomargin { margin:0 !important; } span.amp { font-family: Palatino, "Book Antiqua", serif; font-style:italic; } a, a:active, a:link, a:visited { color: #96c359; text-decoration:none; } a:hover { text-decoration:underline; } #container { margin: 15px auto 0; min-height:500px; width: 837px; padding:15px 23px 0px; background-color:#fff; position:relative;} #masthead { margin-bottom: 12px; } #masthead #logo { width: 254px; height: 50px; float: left; overflow: hidden; background: #fff url('../media/flash/temp_logo.jpg') top left no-repeat; } #masthead h1 span { /* hide logo text */ display:block; margin-top: 70px; } #masthead p { position: absolute; top:17px;right:25px;width: 300px; height: 46px; overflow: hidden; background: url('../media/images/header_phonenumber.gif') top right no-repeat; } #masthead p span { display:block; margin-top:100px; } #masthead ul { margin: 10px 0; list-style: none; } #masthead ul li { float: left; height: 30px; margin-right: 2px; } #masthead ul li a { display:block; color: #fff; text-decoration: none; } #masthead ul li a:hover { background-color: #666; background-image:none;} .mainnav a { width: 161px; background: #a1d0d0 url('../media/images/nav_background.gif') top left repeat-x; font-size: 1.4em; padding: 7px 0 7px 10px;} #masthead ul li.in a { background: #558317;background-image:none;} .othernav a { width: 72px; background-color: #b2b2b2; font-size: 1.2em;padding: 8px 0 8px 5px;} .searchnav { width: 157px; background-color: #b2b2b2; } #mainnav_search label { display:none;font-size: 1.5em; color:#999; font-family: georgia, times, serif; float: left; margin: 6px 4px 0 0;} #mainnav_search input { margin:2px 0 0 4px;padding:4px 7px 3px 22px; background: #b2b2b2 url('../media/images/form/input_searchbackground.gif') 0px 2px no-repeat; border:0;width: 120px; font-weight:lighter; color: #999; font-size: 1.2em;} #mainnav_search input:focus {outline: 0;} #newsletter { width: 750px; display:block;margin:15px auto 0px; } #newsletter label { font-size: 14px; color:#666; font-family: georgia, times, serif; float: left; margin: 6px 4px 0 0;} #newsletter input { float: left; margin-top: 2px;} #newsletter input:focus {outline: 0;} #newsletter input.shortnew { margin-top:0;padding:7px 10px 3px 10px; background: #fff url('../media/images/form/input_background.gif') 0px 2px no-repeat; border:0;height: 30px; width: 197px; font-weight:lighter; color: #999; font-size: 1.2em;} #text #newsletter { margin-left:0; position: absolute; bottom:0px; } #footer { background-color: #7a7a7a; width: 814px; margin: 0 auto 20px; padding: 10px 35px 20px; } .footerChunkSml { float: left; width: 175px;margin-right: 25px; } .footerChunk { float: left; width: 600px;} #footer h4 { font-size: 1.5em; color:#fff; font-weight: normal; font-family: georgia, times, serif; margin: 6px 4px 5px 0; } #footer h4 span { display:none;} #footer ul { list-style: none; } #footer ul li { clear: left; color: #aaa;} #footer ul li a { font-size: 11px; text-decoration:none; padding-bottom: 2px; color: #ccc;} #footer ul li a:hover { text-decoration:underline; } #footer ul li span a { font-weight: bold; color:#a7d2d2;width: 140px;display:block;float:left; } #footer ul li em { padding-top: 5px; display:block; font-style:normal;} #footer ul li em a { color: #aaa; } .footerChunkSml ul { border-top: 1px #999 solid; margin-top: 8px; } .footerChunkSml li { color: #ccc !important; font-size: 11px; padding-bottom: 2px; padding-top: 2px;border-bottom: 1px #999 solid; } #breadcrumb { border: 2px #ebf1d6 solid; border-width: 2px 0; padding: 3px 10px; margin: -3px 2px 25px 0; } #breadcrumb p { font-size: 1.1em; color: #999; margin-bottom:0; } #content { margin-right: 2px;} #secondnav { float: left; width: 188px;} #leftnav { background: #fff url('../media/images/dotted.gif') bottom left repeat-x;width: 188px; text-align: right; list-style:none;} #leftnav li a { background: url('../media/images/dotted.gif') top left repeat-x; padding: 4px 3px; display:block; color: #558317; font-size:1.2em; text-decoration:none;} #leftnav li a:hover { background-color:#ddd;} #leftnav li a.in { background-color: #ededed; } #leftnav li ul { margin: 0px 0 10px; list-style:none; } #leftnav li li a { padding: 2px; background-image:none; color: #999; font-size: 1.2em; } #leftnav li li a:hover { background-color:#fff; color: #558317; } #leftnav li li a.in { background-color: #fff;color: #000; } #leftSpots { margin: 25px 0 10px; } #text, #searchtext { margin-top: 0px; width: 624px; float:right; min-height: 260px; position:relative; padding-bottom: 40px;} #text h1, #searchtext h1{ font-size: 2.4em; color:#558317; letter-spacing: -1px; font-weight:normal;font-family: georgia, times, serif; padding-top: 0; margin: -3px 4px 10px 0; } #text h2, #searchtext h2{ font-size: 1.4em; color:#666; font-weight:normal; line-height: 1.4em; margin: 0px 4px 1.1em 0; } #text h3, #searchtext h3{ font-size: 1.4em; color: #96c359; font-weight:normal; line-height: 1.4em; margin: 16px 0 4px 0; } #searchtext h3 { color: #666; } #text ul, #searchtext ul{ margin: 5px 0 20px 20px; } #text li, #searchtext li{ margin:0 0 7px; font-size:1.2em; line-height: 1.5em; color: #666; } #text li li { font-size:inherit; } #searchtext dl { font-size:1.2em; line-height: 1.5em; color:#666; margin-bottom: 0.85em;border-top: 1px #ccc dotted;} #searchtext dt { font-size: 1.2em; color:#666; font-weight:normal; line-height: 1.4em; margin: 0; padding-top:9px;} #searchtext dt a { padding: 1px 0 0;background-color: #fff; } #searchtext dd { padding: 1px 0 7px 0; border-bottom: 1px #ccc dotted; } .searchlink { font-size: 11px; margin-top:2px; display:block; color: #999; } /* HOME PAGE *************************************************************************************************************************************** */ #mainPromo { } #mainPromoTxt { margin: 37px 0 10px 10px; width:450px; float: left; } #mainPromoTxt h1 { font-family: georgia, times, serif; font-weight:normal; color: #558317; font-size: 3.0em; line-height: 1.2em; } #mainPromoTxt h2 { font-weight:lighter; color: #666; font-size: 1.4em; line-height: 1.4em; margin: 12px 0 12px;} #mainPromoTxt h2 span { display:block;margin-top: 11px;} #mainPromoTxt select { float:left; padding-right: 10px; margin: 1px 5px 0 0; font-size: 11px;} #mainPromoTxt input { float:left;} #mainPromoFlash { float: right; width: 361px; } #subPromos { margin: 10px 0 10px; } .subPromoBox { width: 269px; height: 93px; float: left; margin-right: 12px;} .subPromoBox h3 { display:none; } /* contact */ #contact_form p { margin-top: 6px; padding-top:2px;border-top: 2px #ebf1d6 solid; } #contact_form p input { float: left; margin-top: 2px; margin-right: 0} #contact_form label { width: 85px; font-size: 14px; color:#666; font-family: georgia, times, serif; float: left; margin: 5px 4px 0 0;} #contact_form label span{ font-weight:normal; font-family:arial,sans-serif;color: #558317; } #contact_form input:focus, #contact_form textarea:focus {outline: 0;} #contact_form input.shortnew { margin-top:0;padding:7px 10px 3px 10px; background: url('/media/images/form/input_background.gif') 0px 2px no-repeat; border:0; width: 197px; font-weight:lighter; color: #666; font-size: 12px;} #contact_form input.smlshortnew { margin-top:0;padding:7px 10px 3px 10px; background: url('/media/images/form/input_background_sml.gif') 0px 2px no-repeat; border:0; width: 121px; font-weight:lighter; color: #666; font-size: 12px;} #contact_form textarea { margin:0;padding:7px 10px 3px 10px;height: 93px; background: url('/media/images/form/textarea_background.gif') 0px 2px no-repeat; border:0; width: 197px; font-weight:lighter; color: #666; font-size: 12px;} .validation-advice { color: #dc0000; font-weight: bold; padding-top: 2px; padding-left: 93px;float:left; } #additionalForm { width:250px; float:right; margin-right: 20px; background: url('/media/images/food/asp.jpg') 0px bottom no-repeat;min-height: 435px; } #additionalForm h2 { margin-bottom: 0px !important;padding-bottom:0;} p.phonenumber { margin-top:-5px; } .tooltip { display:block;float:left; margin: 2px 0 0 5px; } .tooltipbody { background-color: #ffffeb; border: 1px #ffd324 solid; padding: 5px;font-size:1.1em; line-height: 1.3em; color:#666;width: 120px; } /* comment */ #comment_form p { margin-top: 6px; padding-top:2px;border-top: 2px #ebf1d6 solid; } #comment_form p input { float: left; margin-top: 2px; margin-right: 0} #comment_form label { width: 85px; font-size: 14px; color:#666; font-family: georgia, times, serif; float: left; margin: 5px 4px 0 0;} #comment_form label span{ font-weight:normal; font-family:arial,sans-serif;color: #558317; } #comment_form input:focus, #comment_form textarea:focus {outline: 0;} #comment_form input.shortnew { margin-top:0;padding:7px 10px 3px 10px; background: url('/media/images/form/input_background.gif') 0px 2px no-repeat; border:0; width: 197px; font-weight:lighter; color: #666; font-size: 12px;} #comment_form input.smlshortnew { margin-top:0;padding:7px 10px 3px 10px; background: url('/media/images/form/input_background_sml.gif') 0px 2px no-repeat; border:0; width: 121px; font-weight:lighter; color: #666; font-size: 12px;} #comment_form textarea { margin:0;padding:7px 10px 3px 10px;height: 93px; background: url('/media/images/form/textarea_background.gif') 0px 2px no-repeat; border:0; width: 197px; font-weight:lighter; color: #666; font-size: 12px;} /* Family */ #familyflash_old { float:right; height: 420px; width: 435px; margin: -10px 0 -30px;} #familyflash { position: absolute;bottom: -6px; right:0px; height: 420px; width: 435px; } .familyhome { background: #fff url('/media/images/family_mainpic.jpg') bottom right no-repeat; padding-right: 324px;} .familyhome #text { width: 300px; min-height: 330px;} .mainPic { width: 350px; position: absolute;bottom: -0px; right:-10px;} .rightheropic { float: right;width: 310px; text-align:right;margin-top:-16px;} /* ask the expert */ dl { border-top: 1px #ccc dotted; } dt { font-weight:lighter; color: #666; padding-top: 0px; font-size: 1.4em; line-height: 1.4em; margin: 6px 0 0;} dd { border-bottom: 1px #ccc dotted;font-size:1.2em; line-height: 1.5em; color:#666; padding-bottom: 6px; } dd span { display:block; font-size: 11px; color: #999;} h3#askexperth3title { color: #666; margin-top:30px;} ul#askexpertul li { margin-bottom: 0px; } #askexpertform { width: 620px; margin-bottom: 50px; background: url('/media/images/askexpert_girl.jpg') 320px 25px no-repeat;} .expertform { width: 310px; } #showme { cursor: pointer; } /* styled dropdowns */ #dropdownlinks { margin-top: 18px; } #styled_dropdown { width: 445px; position: relative; float: left; margin: 0; } #styled_dropdownBack { height: 22px; width: 435px; background: url('../media/images/dropdown_background.gif') top left no-repeat; } .clickclose { background: url('../media/images/dropdown_background_close.gif') 0 1px no-repeat !important; } #styled_dropdownPad { padding: 4px 7px 0px 15px; } #styled_selection { height: 20px; width: 425px; overflow: hidden; font-size: 12px; color: #fff; float: left; } #styled_arrow { position: absolute; top: 7px; right: 20px;} #styled_dropdown { cursor: pointer; } #styled_options { z-index: 50; left: 0px; display: none; position: absolute; list-style: none; width: 432px; padding: 0; } #styled_options, #styled_options li { margin: 0; padding: 0; background: #75b62a url('../media/images/dropdown_background_sub_link.gif') 412px 7px no-repeat; } #styled_options .dropOption div { padding: 4px 10px 4px 13px; font-size: 12px; color: #fff; border-top: 1px #95cf52 solid; } #styled_options li:hover {background: #333 url('../media/images/dropdown_background_sub_linkon.gif') 412px 7px no-repeat; cursor: pointer; } /* styled tabs */ #mainmenu { width: 100%;position:relative;margin: -5px 0 0px; padding:0;} .panel { clear: both; display: none; background-color: #fff; border: 1px #96c359 solid; border-width: 1px 0 ; padding:0 20px 10px 0; margin: 15px 0 35px; } .panel.active-tab-body { display: block; } .panel ul,#text ul { list-style:none; margin:0 !important; padding:0 !important;} .panel li, #text li { background: url('../media/images/bullet.gif') 0 3px no-repeat; line-height: 16px !important;margin: 0 0 8px 0;padding:0 0 0 12px;} .panel li ul { } .panel li ul li { background-image:none !important;list-style:disc !important;line-height: 13px; margin: 3px 0 0px 15px !important; padding-left: 0px !important;} #tabs { position: absolute; top: 7px; left:0px; height: 28px; list-style: none; } #tabs li { float: left; background-image:none;padding:0 1px 0 0;margin:0;} #tabs a { float: left; padding: 5px 8px; margin-right: 0px; background-color: #eee; text-decoration: none; color: #999; } .bookthisone a { background-color: #96c359 !important; color: #fff !important; } #tabs a.active-tab { border: 1px #96c359 solid; border-width: 1px 1px 0; background-color: #fff !important;color: #96c359 !important; } .rightfoodpic { float: right;margin:0px 0 15px 15px;} .suggestion { margin-top: -20px; margin-left: 15px; float:right; width: 310px;font-size: 11px;line-height:14px;} .suggestion a { display:block; margin-bottom: 15px;} .booknow p { border: 0px #ccc solid; font-size: 11px; background-color: #fff;} /* organisations section ************************************** */ .organisationshome { background: #fff url('/media/images/organisations_big.jpg') bottom center no-repeat; padding-bottom: 255px;} .organisationshomechunk { float: left; width: 185px; margin-right: 18px;margin-top: -10px;} .chunkright { margin-right:0;} .organisationsworkshop { background: #fff url('/media/images/org_workshops.jpg') 700px 30px no-repeat; padding-right: 145px; } .organisationsworkshop #text { width: 495px;} .organisationsmenu { background: #fff url('/media/images/org_menus_large.jpg') 210px 10px no-repeat; } .organisationsmenu h2 { width: 365px;} .organisationsmenu .menuintrotext { width: 395px;} .organisationsmenu .menumaintext { margin-top: 115px; } /* media section ************************************************ */ .mediahome { background: #fff url('/media/images/media_tv.jpg') 485px -10px no-repeat; padding-right: 259px; min-height:370px;} .mediahome #text { width:365px;} /* IE specific */ .ie #masthead { margin-bottom: -5px; } .ie #footer { padding: 5px 35px 7px; } .ie #breadcrumb { margin: 0 2px 20px 0; padding: 0px 10px 3px;} .ie .othernav a { padding: 8px 0 7px 5px;} .ie #tabs { top: 2px; } .ie #text, .ie #searchtext { padding-bottom: 15px;} .ie .organisationsmenu { background: #fff url('/media/images/org_menus_large.jpg') 210px 50px no-repeat; } .ie #mainPromoTxt { margin: 30px 0 20px 10px;} .ie #mainPromoTxt h1 { line-height: 1.2em; } .ie #subPromos { margin: 15px 0 40px; } .ie #newsletter { margin:25px auto 10px; } .ie .panel li ul li { font-size:11px } .ie #mainPromoFlash { margin-top:10px; } /* IE 6 specific */ .ie6 #leftnav li { height: 18px;} .ie6 #leftnav li a { padding-bottom:1px;} .ie6 #breadcrumb { margin-top:-20px;} /* Safari specific */ .webkit .panel { margin-top:22px;}