/* The Welbeck Farm Shop CSS Stylesheet */ /*////// www.thewelbeckfarmshop.co.uk //////*/ /*////// © 2007-8 CNJ Media Ltd //////*/ /* Colors: Green 100% #00793c Green 80% #339463 Yellow 100% #F5D200 /******** Core Formatting ********/ body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Verdana, Helvetica, Arial, sans-serif; background: #ffffcc; } html { font-size: 62.5%; } img { border: none; } a:link, a:visited, p a:link, p a:visited { color: #00793c; text-decoration: underline } a:hover, p a:hover { color: #F5D200 ; text-decoration: none; background: #00793c; } a:active, p a:active { color: #ffffff; text-decoration: none; background: #F5D200; } a img {display: block;} img a:hover, img a:active {background: none;} /******** Layout Formatting ********/ #container { width: 100%; background: url(images/bground_page.gif) repeat-y center #ffffcc; } #header_wrapper { width: 980px; height: 130px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } #header { width: 980px; height: 130px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_header.jpg) no-repeat top center; } /** html #header { background: url(images/bground_header.jpg) no-repeat 1px 0px; }*/ #header_logo { width: 155px; height: 85px; margin: 40px 0px 0px 18px; padding: 0px 0px 0px 0px; background: url(images/logo_site.gif) no-repeat -1px 0px; float: left; } * html #header_logo { display: inline; } #header_logo a {width: 155px; height: 85px; margin: 0px; padding: 0px; display: block; cursor: pointer; } #header_logo a:hover { background: url(images/logo_site.gif) no-repeat -156px 0px; } #header_logo img {width: 155px; height: 85px; margin: 0px; padding: 0px; } #image_strip { width: 970px; height: 65px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background: url(images/bground_image_strip.jpg) no-repeat 0px 0px; } #content_wrapper {width: 980px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } #content { width: 940px; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; background: url(images/bground_content.gif) no-repeat 5px 0px; float: left; } * html #content { display: inline; background: url(images/bground_content.gif) no-repeat 5px 0px; } #content_left { width: 160px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left;} * html #content_left { display: inline; } #content_centre {width: 470px; margin: 5px 0px 0px 30px; padding: 0px 0px 0px 0px; float: left; } * html #content_centre { display: inline; } #news_block { width: 470px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_news_block.gif) repeat-y; } #news_block_body{ width: 435px; margin: 0px 0px 0px 0px; padding: 15px 20px 0px 15px; background: url(images/header_news_block.gif) no-repeat 0px 0px; } #news_block_footer { width: 470px; height: 35px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/footer_news_block.gif) repeat-y; float: left; } #content_right {width: 260px; margin: 10px 0px 0px 20px; padding: 0px 0px 0px 0px; float: right;} * html #content_right { display: inline; } #news_headlines { width: 260px; margin: 0px 0px 0px 0px; padding: 0.5em 0px 0px 0px; border-top: 1px solid #00793c;} #description { width: 260px; margin: 0px 0px 20px 0px; padding: 0em 0px 0px 0px; } #footer_wrapper { width: 980px; margin: 0px auto 0px auto; padding: 0px 0px 20px 0px; background: url(images/bground_footer.gif) no-repeat top center #ffffcc; clear:both; } #footer { width: 960px; height: 20px; margin: 0px 0px 0px 0px; padding: 10px 10px 20px 10px; overflow: hidden; } #footer_extra { width: 960px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; } .gallery_wrapper { width: 156px; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; float: left; } /******** Text Formatting ********/ /* Paragraph (p) Styles */ p { font-size: 1em; margin: 0px; padding: 0px; font-family: Verdana, Helvetica, Arial, sans-serif; } blockquote { margin: 0.7em 0px 0.8em 0px; padding: 0px 1.2em 0px 1.2em; font-style: italic; } #menu_left p.title { color: #791600; text-transform: uppercase; font-size: 1.2em; } #content_centre p { margin: 0.7em 0px 0.8em 0px; padding: 0px; font-size: 1.2em; line-height: 1.5em; color: #333333; } #news_block p { margin: 1em 0px 0px 0px; font-size: 1.2em; color: #222222; display: block; clear: both; } #description p { font-size: 1em; color: #00793c; } .advert_latest_offers p { font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.4em; font-weight: bold; text-align: center; color: #ffffff; } .gallery_wrapper p { font-size: 0.825px; font-weight: bold; } #footer_extra p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.1em; text-align: center; color: #00793c; } /* Header Styles */ h1 { font-size: 1.8em; margin: 0px 0px 0px 0px; padding: 0em 0px 0.2em 0em; font-family: Georgia, Times, Times New Roman, serif; color: #791600; border-bottom: 1px solid #00793c; } h2 { font-size: 1.6em; margin: 1.5em 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Georgia, Times, Times New Roman, serif; color: #00793c; clear: both; } h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; font-family: Georgia, Times, Times New Roman, serif; font-weight: normal; color: #791600; } h3 span { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.05em; color: #777777; } #news_block h2 { width: 435px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.6em; margin: 0px 0px 0px 0px; font-weight: bold; color: #00793c; } #news_headlines h2 { margin: 0px 0px 0px 0px; padding: 0px 0.5em 0.5em 0px; font-size: 1.4em; font-weight: normal; color: #791600; font-style: italic; } #news_block h3 { width: 450px; font-size: 1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Georgia, Times, Times New Roman, serif; color: #791600; font-style: italic; font-weight: normal; text-align: right; display: block; float: left; } /* List Styles */ #news_headlines ul { width: 260px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; } #news_headlines li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; } #content_centre ul { margin: 0.7em 0px 0.8em 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; line-height: 1.5em; color: #333333; list-style: none; } #content_centre ul li { margin: 0.1em 0px 0.1em 0px; padding: 0px 0px 0px 16px; background: url(images/bullet_content_centre.gif) no-repeat left center; } /* Other Text Styles */ #footer { font-size: 1.1em; line-height: 1em; color: #ffffff; text-align: center; } #footer span { margin: 0px 0.5em 0px 0.5em; color: #66af8a; } #footer a:link, #footer a:visited, #footer p a:link, #footer p a:visited { color: #f5d200; text-decoration: underline } #footer a:hover, #footer p a:hover { color: #4DA177; text-decoration: none; } /******** Menu Formatting ********/ #menu_top { width: 980px; height: 25px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; background: url(images/bground_menu.gif) no-repeat top center; } #menu_top ul { width: 730px; height: 25px; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; list-style: none; } #menu_top li { height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1px; text-indent: -9999px; float: left; } #menu_top li a { height: 25px; display: block; } .home { width: 85px; height: 25px; margin: 0px 0px 0px 0px; } .latestnews { width: 154px; height: 25px; margin: 0px 0px 0px 0px; } .produce { width: 120px; height: 25px; margin: 0px 0px 0px 0px; } .events { width: 102px; height: 25px; margin: 0px 0px 0px 0px; } .ourhistory { width: 159px; height: 25px; margin: 0px 0px 0px 0px; } .aboutus { width: 110px; height: 25px; margin: 0px 0px 0px 0px; } .home a:hover { background: url(images/bground_menu.gif) no-repeat 0px -25px; } .latestnews a:hover { background: url(images/bground_menu.gif) no-repeat -85px -25px; } .produce a:hover { background: url(images/bground_menu.gif) no-repeat -239px -25px; } .events a:hover { background: url(images/bground_menu.gif) no-repeat -359px -25px; } .ourhistory a:hover { background: url(images/bground_menu.gif) no-repeat -461px -25px; } .aboutus a:hover { background: url(images/bground_menu.gif) no-repeat -620px -25px; } #menu_left { width: 160px; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; } #menu_left span { margin: 0px 0px 0.1em 0px; padding: 0px 0px 0.3em 0px; font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: 0.1em; color: #F5D200; border-bottom: 1px solid #339463; display: block; } #menu_left ul { width: 160px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.2em; line-height: 1em; font-weight: normal; text-align: left; list-style: none; } #menu_left li { width: 160px; margin: 0px 0px 0px 0px; padding: 0.4em 0px 0.4em 0px; border-bottom: 1px solid #339463; } #menu_left li a { display: block; } #menu_left li a:link, #menu_left li a:visited { color: #ffffff; text-decoration: none; display: block; } #menu_left li a:hover, #menu_left li a:hover { color: #F5D200; text-decoration: none; display: block; } #menu_left li a:active { text-decoration: none; display: block; background: none; } /******** Advert Formatting ********/ .advert_latest_offers { width: 160px; height: 200px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/header_advert_latest.gif) no-repeat 0px 0px;} .advert_opening_times img { width: 160px; height: 200px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .advert_channel4 { width: 260px; height: 360px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/advert_big_british_food_map.gif) no-repeat 0px 0px; } #big_british_food_map_listing { width: 105px; height: 50px; margin: 310px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; } #big_british_food_map_video { width: 150px; height: 50px; margin: 310px 0px 0px 5px; padding: 0px 0px 0px 0px; float: left;} .advert_channel4 a { height: 50px; font-size: 0.05em; text-indent: -9999px; overflow: hidden; display: block; } .advert_channel4 a:hover { background: none; } .advert_channel4 a { width: 100%; height: 50px; font-size: 0.05em; text-indent: -9999px; overflow: hidden; display: block; } #big_british_food_map_listing a { width: 105px; } #big_british_food_map_video a { width: 150px; } .advert_welbeck { width: 260px; height: 80px; margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/advert_welbeck.gif) no-repeat 0px 0px; float: left; } .advert_welbeck p { display: none; } * html .advert_welbeck p { visibility: hidden; } .advert_dailymail { width: 260px; height: 360px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/advert_dailymail.gif) no-repeat 0px 0px; } .advert_dailymail a { width: 260px; height: 360px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/advert_dailymail.gif) no-repeat 0px 0px; cursor: pointer; display: block; } .advert_dailymail img { width: 260px; height: 360px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .advert_hampers { width: 260px; height: 360px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/advert_hampers.jpg) no-repeat 0px 0px;} .advert_hampers a { width: 260px; height: 360px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/advert_hampers.jpg) no-repeat 0px 0px; cursor: pointer; display: block; } .advert_hampers a:hover { background: url(images/advert_hampers.jpg) no-repeat -260px 0px; } .advert_hampers img { width: 260px; height: 360px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .advert_opening_times { width: 160px; height: 205px; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/advert_opening_times.gif) no-repeat 0px 0px; } .advert_opening_times img { width: 160px; height: 205px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .advert_sunday_offer { width: 260px; height: 140px; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/advert_sunday_offer.gif) no-repeat 0px 0px; } .advert_sunday_offer img { width: 260px; height: 140px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .advert_meat, .advert_readymeals, .advert_bread { width: 260px; height: 155px; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } /******** Image Formatting ********/ #content_right #images { margin: 15px 0px 0px 0px; } .image_right { margin: 0px 0px 1em 1em; float: right; } .image_left { margin: 0px 1em 1em 0px; float: left; } #gallery_wrapper img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /******** Form Formatting ********/ form { width: 100%; margin: 1em 0px 1em 0px; } form label { display:none; } form fieldset { width: 400px; margin: 0em 0px 0px 0px; padding: 0px; border: none; float: left; clear: both;} form fieldset p { width: 400px; margin: 1em 0px 1em 0px; padding: 0px; clear: both; } form fieldset p label { width: 148px; margin: 0.2em 0px 0.2em 0px; padding: 0px; font-size: 1em; font-weight: bold; display: block; float: left; } form fieldset p input { width: 244px; margin: 0.2em 0px 0.2em 0px; padding: 3px; border: 1px solid #00793c; background: url(images/bground_input.gif) repeat-x top #fff8e6; float: right; } form fieldset p input:focus{ background: url(/images/bground_input_hover.gif) repeat-x top #ffeab4; } form fieldset p textarea { width: 244px; margin: 0.2em 0px 0.2em 0px; padding: 3px; font-size: 1em; font-family: Verdana, Helvetica, Arial, sans-serif; background: url(images/bground_input.gif) repeat-x top #fff8e6; border: 1px solid #00793c; float: right; } form fieldset p textarea:focus{ background: url(/images/bground_input_hover.gif) repeat-x top #ffeab4; } form fieldset p input.button_submit { width: 100px; margin: 0.2em 0px 0px 148px; padding: 0px; border: 1px solid #00793c; background: url(images/bground_button_submit.gif) repeat-x top #ffc637; float:left; cursor:pointer; } form fieldset p input.button_submit:hover { background: url(images/bground_button_submit_hover.gif) repeat-x top #ffc637; }