/*** Style Neautralization ***/
html, body, form, fieldset{margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6{float: left; margin: 0; padding: 0; width: 100%;}
h2 {color: #009; font-weight: normal; line-height: 100%;}
h4, h5 {line-height: 100%; padding: 5px 0;}
fieldset{border: none;}
label, input, select, textarea{float:left; font-size: 85%; width: auto;}
img{border: 0;}
table{border: 0; border-collapse: collapse; font-size: 100%;}
ul {list-style-type: square;}
/*** Main Body Styles ***/
body {background: url(../images/gradrepeat.gif) repeat-x; font: 15px/100% Arial Narrow, Arial, Helvetica, sans-serif; padding: 50px 0; width: 100%;}
/*** sitebodycontainer ***/
div.WebContainer {margin: 0 auto; width: 760px;}
/*** Site Header ***/
div.WebContainer div.Header {float: left; margin: 0; padding: 0; width: 100%;}
div.WebContainer div.Header h1 {float: left; margin: 0; padding: 0; width: 310px;}
div.WebContainer div.Header h1 img.MidcountiesLogo {border: 0; height: 45px; width: 310px;}
div.WebContainer div.Header div.ToALinks {color: #0051A1; float: right; font-size: 80%; line-height: 25px;}
div.WebContainer div.Header div.ToALinks a {color: #0051A1;}
/*** Site Footer ***/
div.WebContainer div.Footer {background: #0051A1; color: White; float: left; font-size: 90%; line-height: 30px; width: 100%;}
div.WebContainer div.Footer div.Intranet a {color: White; float: left; margin-left: 5px;}
div.WebContainer div.Footer div.Copyright {color: White; float: right; margin-right: 5px;}
/*** Site Header - Horizontal Navigation ***/
div.WebContainer div.MainHorizontalNavigation {float: left; font-size: 95%; padding: 15px 0 0 0; width: 100%;}
div.WebContainer div.MainHorizontalNavigation ul {color: White; list-style: none; margin: 0; padding: 0; width: 100%}
div.WebContainer div.MainHorizontalNavigation li a {color: White; text-decoration: none;}
div.WebContainer div.MainHorizontalNavigation li {float: left; padding: 15px 0 2px 5px; width: 88px;}
div.WebContainer div.MainHorizontalNavigation li.Food {background: url(../images/hfnav.gif) repeat-x #A1CF68; margin: 0 2px 0 0;}
div.WebContainer div.MainHorizontalNavigation li.Travel {background: url(../images/htnav.gif) repeat-x #FBB567; margin: 0 2px 0 0;}
div.WebContainer div.MainHorizontalNavigation li.Pharmacy {background: url(../images/hpnav.gif) repeat-x #9FD6D0; margin: 0 2px 0 0;}
div.WebContainer div.MainHorizontalNavigation li.Funeralcare {background: url(../images/hfcnav.gif) repeat-x #7686C1; margin: 0 2px 0 0;}
div.WebContainer div.MainHorizontalNavigation li.Childcare {background: url(../images/hcnav.gif) repeat-x #C5026E; margin: 0 2px 0 0;}
div.WebContainer div.MainHorizontalNavigation li.Motors {background: url(../images/hmnav.gif) repeat-x #C9D1DA; margin: 0 2px 0 0;}
div.WebContainer div.MainHorizontalNavigation li.PostOffice {background: url(../images/hponav.gif) repeat-x #d91e0c; margin: 0 2px 0 0;}
div.WebContainer div.MainHorizontalNavigation li.NewsExpress {background: url(../images/hhnav.gif) repeat-x #112f72; margin: 0; width: 90px;}
/*** Site Header - Breadcrumb ***/
div.WebContainer div.BreadcrumbBar {background: #0051A1; color: White; float: left; font-size: 95%; line-height: 30px; margin: 2px 0 0 0; text-indent:5px; width: 100%;}
div.WebContainer div.BreadcrumbBar span.BreadcrumbLocation a {color:White; text-decoration:none;}
/*** Site MainBody Content ***/
div.WebContainer div.MainBodyContent {float: left; margin: 0; padding: 5px 0; width: 100%;}
/*** Site MainBody Content - Vertical Navigation ***/
div.WebContainer div.MainBodyContent div.MainVerticalNavigation {float: left; margin: 0 10px 0 0; padding: 0; width: 200px;}
div.WebContainer div.MainBodyContent div.MainVerticalNavigation ul.HomeNavigation {color: #0051A1; float: left; font-size:85%; list-style: none; margin: 0; padding: 0; width: 100%;}
div.WebContainer div.MainBodyContent div.MainVerticalNavigation ul.HomeNavigation li {border-top: 1px solid #a6c1df; line-height: 25px;}
div.WebContainer div.MainBodyContent div.MainVerticalNavigation ul.HomeNavigation li.Parent {border-top: 1px solid #a6c1df;}
div.WebContainer div.MainBodyContent div.MainVerticalNavigation ul.ChildNodes {list-style: none; margin-left: 5px; padding: 0;}
div.WebContainer div.MainBodyContent div.MainVerticalNavigation ul.ChildNodes li a {color: #0051A1; text-decoration: none; text-transform: none !important;}
div.WebContainer div.MainBodyContent div.MainVerticalNavigation ul.ChildNodes li.Parent {border-top: 1px solid #EBEBEB; list-style: none;}
div.WebContainer div.MainBodyContent div.MainVerticalNavigation ul.ChildNodes li.Parent a {text-transform: none !important;}
div.WebContainer div.MainBodyContent div.MainVerticalNavigation ul a {color: #0051A1; text-decoration: none; text-transform: none;}
/*** Site MainBody Content - SearchOurSite, MembershipBanner ***/
div.WebContainer div.MainBodyContent div.SearchOurSite {border-top: 1px solid #A6C1DF; color: #666; float: left; padding: 9px 0; width: 100%;}
div.WebContainer div.MainBodyContent div.SearchOurSite form input.SearchInput {border: 1px Solid #CCC; height: 20px; margin-right: 5px; width: 160px;}
div.WebContainer div.MainBodyContent div.MembershipAdvertisements {margin: 0; width: 100%;}
div.WebContainer div.MainBodyContent div.MembershipAdvertisements img {border: 0; height: 120px; width: 200px;}
div.WebContainer div.MainBodyContent div.MembershipAdvertisements img.JoinNow {border: 0; margin: 0 0 10px 0;}
div.WebContainer div.MainBodyContent div.MembershipAdvertisements img.LogIn {border: 0; margin: 0;}
/*** Site MainBody Content - ContentBody ***/
div.WebContainer div.MainBodyContent div.ContentBody {float: left; font-size: 95%; margin: 0; padding: 0 0 0 0; width: 550px;}
/*** Site MainBody Content - Homepage ***/
div.WebContainer div.MainBodyContent div.ContentBody div.LargeCampaignMessage {float: left; margin: 0; padding: 0 0 10px 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LargeCampaignMessage img {border: 0; float:left;}
div.WebContainer div.MainBodyContent div.ContentBody div#HomepageNews {background: #E6E6E6; float: left; height: 275px; margin: 0 10px 0 0; overflow: hidden; padding: 0; width: 400px;}
div.WebContainer div.MainBodyContent div.ContentBody div#HomepageNews div.HomepageNewsHeader {color: #666; float: left; font-size: 110%; font-weight: bold; padding: 10px 0; text-indent: 5px; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div#HomepageNews div.HomepageNewsArticle {background: #FFF; float: left; font-size: 80%; margin: 5px 0 0 5px; padding: 5px 0 5px 5px; width: 385px;}
div.WebContainer div.MainBodyContent div.ContentBody div#HomepageNews div.HomepageNewsArticle:hover {border: 1px solid #666; width: 383px;}
div.WebContainer div.MainBodyContent div.ContentBody div#HomepageNews div.HomepageNewsArticle div.HomepageNewsArticleDate {float: left; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div#HomepageNews div.HomepageNewsArticle div.HomepageNewsArticleHeadline {float: left; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div#BannerPromotions {background: #FFFFFF; float: left; height: 275px; margin: 0 10px 0 0; width: 400px;}
div.WebContainer div.MainBodyContent div.ContentBody div#BannerPromotions div.TopBanner {float: left; margin: 0 0 5px 0; height: 135px; width: 400px;}
div.WebContainer div.MainBodyContent div.ContentBody div#BannerPromotions div.TopBanner img {border: 0; height: 135px; width: 400px;}
div.WebContainer div.MainBodyContent div.ContentBody div#BannerPromotions div.BottomBanner {float: left; height: 135px; width: 400px;}
div.WebContainer div.MainBodyContent div.ContentBody div#BannerPromotions div.BottomBanner img {border: 0; height: 135px; width: 400px;}
div.WebContainer div.MainBodyContent div.ContentBody div#VideoContainer {background: #EBEBEB; height: 275px; margin: 0 10px 0 0; width:400px;}
div.WebContainer div.MainBodyContent div.ContentBody object#VideoContainer {background: #EBEBEB; float: left; height: 275px; margin: 0 10px 0 0; width: 400px;}
div.WebContainer div.MainBodyContent div.ContentBody div#ImageRotator {float: left; height: 275px; position: relative; width: 140px;}
div.WebContainer div.MainBodyContent div.ContentBody div#ImageRotator img {border: 0; display: none; height: 275px; position: absolute; top: 0; left: 0; width: 140px;}
div.WebContainer div.MainBodyContent div.ContentBody div.ImageRotatorSmall {float: left; height: 275px; margin: 0; width: 140px;}
div.WebContainer div.MainBodyContent div.ContentBody div.ImageRotatorSmall img {border: 0; height: 275px; width: 140px;}
/*** Site MainBody Content - GenericStyles ***/
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentHeading {display: none; float: left; font-size: 18px; line-height: 30px; margin: 5px 0 0 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody {float: left; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody p {margin: 0 0 15px 0; line-height: 120%; padding: 0;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody p span {line-height: 110%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody img {border: 0; margin: 0; padding: 0;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody img.ContentImageGroupHeader {float: left; margin-bottom: 10px; width: 550px;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody img.ContentImageLeft {float: left;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody img.ContentImageRight {float: right;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody img.ContentImageLeftGroup {float: left; margin: 0 10px 5px 0; width:200px !important;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody img.ContentImageRightGroup {float: right; margin: 0 0 0 10px; width: 200px !important;}
/*** Site MainBody Content - Accesibility***/
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.Accessibility {float: left; margin: 10px 0; width: 100%;}
/*** Site MainBody Content - NewsListingsStyles ***/
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.SearchResults {float: left; margin: 10px 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.SearchResults div.SearchResultListings {border-top: 1px solid #EBEBEB; float: left; padding: 5px 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.SearchResults p {float: left; padding: 10px 0;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.SearchResults div.SearchResultListings div.SearchResultName {font-size: 110%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.SearchResults div.SearchResultListings div.SearchResultDescription {padding: 5px 0;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.SearchResults div.SearchResultListings div.SearchResultLink {color: Green;}
/*** Site MainBody Content - NewsListingsStyles ***/
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.NewsListings {float: left; margin: 10px 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.NewsListings p {float: left; margin: 0; padding: 10px 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.NewsListings div.Article0 {border-top: 1px solid #EBEBEB; float: left; padding: 5px 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.NewsListings div.Article1 {border-top: 1px solid #EBEBEB; float: left; padding: 5px 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.NewsListings div.ArticleHeadline{color: #000; font-size: 100%; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.NewsListings div.ArticleDate{color: #999; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.NewsListings div.ArticleMoreInfo{width: 100%;}
/*** Site MainBody Content - NewsArticleStyles ***/
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.ArticleHeadline h2{color: #009; float: left; font-size: 130%; font-weight: bold; padding: 5px 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.ArticleDate{color: #999; float:left; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.ArticleText{float: left; margin: 10px 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.LeftContentBody div.ArticleText img {float:right; margin: 0 0 0 10px; width: 200px;}
/*** Site MainBody Content - FindIt***/
div.WebContainer div.MainBodyContent div.ContentBody form#FindIt {float: left; font-size: 100%; margin: 0; padding: 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody form#FindIt div.FindItIntro {border-bottom: 1px solid #EBEBEB;}
div.WebContainer div.MainBodyContent div.ContentBody form#FindIt div.FindItIntro img.FindItIntroImg {border: 0; float: right;}
div.WebContainer div.MainBodyContent div.ContentBody form#FindIt div.FindItApp {float: left; padding: 5px 0;}
div.WebContainer div.MainBodyContent div.ContentBody form#FindIt div.FindItApp div.FindItOptions {clear:both !important; float: left; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody form#FindIt div.FindItApp div.FindItQ {clear: both; float: left; font-weight: bold; padding: 10px 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody form#FindIt div.FindItApp label {font-size: 100%; line-height: 25px;}
div.WebContainer div.MainBodyContent div.ContentBody form#FindIt div.FindItApp p {display: block; font-weight: bold; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody form#FindIt div.FindItApp select.PostCode {margin: 0 5px;}
/*** Site MainBody Content - Fairtrade Fortnight Styles ***/
div.WebContainer div.MainBodyContent div.ContentBody div.FairtradeFortnight {border-bottom: 1px solid #EBEBEB; float: left; padding: 20px 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.FairtradeFortnight div.SpecialOffer {float: left; width: 50%;}
div.WebContainer div.MainBodyContent div.ContentBody div.FairtradeFortnight div.SpecialOffer img {border: 0; float:left; height: 140px; width: 110px;}
div.WebContainer div.MainBodyContent div.ContentBody div.FairtradeFortnight div.SpecialOffer div.SpecialOfferDetails {float: left; font-size: 115%; padding: 10px 0; width: 160px;}
div.WebContainer div.MainBodyContent div.ContentBody div.FairtradeFortnight div.SpecialOffer div.SpecialOfferDetails p {line-height: 100%; margin: 0; padding: 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody div.FairtradeFortnight div.SpecialOffer div.SpecialOfferDetails span.Price {color: #F00000; font-size: 160%; font-weight: bold; line-height: 30px;}
div.WebContainer div.MainBodyContent div.ContentBody div.FairtradeFortnight div.SpecialOffer div.SpecialOfferDetails span.PriceCrossOut {font-size: 60%; text-decoration: line-through;}
/*** Site MainBody Content - FindItResults***/
div.WebContainer div.MainBodyContent div.ContentBody div.FindItResults {border-top: 1px solid #EBEBEB; float: left; font-size: 100%; margin: 10px 0; padding: 5px 0; width: 100%;}
/*** Site MainBody Content - In-store funding styles ***/
div.WebContainer div.MainBodyContent div.ContentBody form#CommunityFunding {float: left; font-size: 100%; margin: 0; padding: 0; width:100%;}
div.WebContainer div.MainBodyContent div.ContentBody form#CommunityFunding div.ComQuestion {border-bottom:1px Solid #EBEBEB ; float:left; padding:0.25em 0; width:100%;}
div.WebContainer div.MainBodyContent div.ContentBody form#CommunityFunding div.ComQuestion input, textarea {width:200px;}
div.WebContainer div.MainBodyContent div.ContentBody form#CommunityFunding div.ComQuestion input.radio {width:20px;}
div.WebContainer div.MainBodyContent div.ContentBody form#CommunityFunding div.ComQuestion input.buttons {margin:0.25em 0; width:100px;}
div.WebContainer div.MainBodyContent div.ContentBody form#CommunityFunding div.ComQuestion label {float:left; width:320px;}
div.WebContainer div.MainBodyContent div.ContentBody form#CommunityFunding div.ComQuestion span {display:block; font-size:85%; font-style:italic; width:295px}
/*** Site MainBody Content - Talk to Us styles ***/
div.WebContainer div.MainBodyContent div.ContentBody form#TTU {float: left; font-size: 13px; margin: 0; padding: 0; width:100%;}
div.WebContainer div.MainBodyContent div.ContentBody form#TTU div.TTUQuestion {border-bottom: 1px Solid #EBEBEB ; float: left; padding: 0.25em 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody form#TTU div.TTUQuestion input, textarea {width: 200px;}
div.WebContainer div.MainBodyContent div.ContentBody form#TTU div.TTUQuestion input.radio {float: left; width: 20px;}
div.WebContainer div.MainBodyContent div.ContentBody form#TTU div.TTUQuestion input.buttons {margin:0.25em 0; width: 100px;}
div.WebContainer div.MainBodyContent div.ContentBody form#TTU div.TTUQuestion input.Number {float: left; width: 50px;}
div.WebContainer div.MainBodyContent div.ContentBody form#TTU div.TTUQuestion label {float: left; font-size: 110%; width: 320px;}
div.WebContainer div.MainBodyContent div.ContentBody form#TTU div.TTUQuestion span {font-size: 85%; font-style: italic;}
/*** Site MainBody Content - AGM Book your Place styles ***/
div.WebContainer div.MainBodyContent div.ContentBody form#AGM09 {float: left; font-size: 100%; margin: 0; padding: 0; width:100%;}
div.WebContainer div.MainBodyContent div.ContentBody form#AGM09 div.ComQuestion {border-bottom: 1px Solid #EBEBEB ; float: left; padding: 0.25em 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody form#AGM09 div.ComQuestion input, textarea {width: 200px;}
div.WebContainer div.MainBodyContent div.ContentBody form#AGM09 div.ComQuestion input.radio {float: left; width: 20px;}
div.WebContainer div.MainBodyContent div.ContentBody form#AGM09 div.ComQuestion input.buttons {margin:0.25em 0; width: 100px;}
div.WebContainer div.MainBodyContent div.ContentBody form#AGM09 div.ComQuestion label {float: left; width: 320px;}
div.WebContainer div.MainBodyContent div.ContentBody form#AGM09 div.ComQuestion span {font-size: 85%; font-style: italic;}
div.WebContainer div.MainBodyContent div.ContentBody form.MembershipForm {float: left; font-size: 100%; margin: 0; padding: 0; width:100%;}
div.WebContainer div.MainBodyContent div.ContentBody form.MembershipForm div.ComQuestion {border-bottom: 1px Solid #EBEBEB ; float: left; padding: 0.25em 0; width: 100%;}
div.WebContainer div.MainBodyContent div.ContentBody form.MembershipForm div.ComQuestion input, textarea {width: 200px;}
div.WebContainer div.MainBodyContent div.ContentBody form.MembershipForm div.ComQuestion input.radio {float: left; width: 20px;}
div.WebContainer div.MainBodyContent div.ContentBody form.MembershipForm div.ComQuestion input.buttons {margin:0.25em 0; width: 100px;}
div.WebContainer div.MainBodyContent div.ContentBody form.MembershipForm div.ComQuestion label {float: left; width: 320px;}
div.WebContainer div.MainBodyContent div.ContentBody form#AGM09 div.ComQuestion span {font-size: 85%; font-style: italic;}
div.CommunityQuotation {border: 1px solid #EBEBEB; float: right; margin: 5px 0 5px 10px; padding: 5px; width: 180px;}
div.CommunityQuotation span {color: #666666;}
div.CommunityQuotation img.SixtySix {height: 20px; margin: 0 5px 0 0 !important; width: 20px;}
div.LeftContentBody div.CommunityMarkLogo {border: 1px solid #EBEBEB; float: left; margin: 10px 0; padding: 10px; width: 530px;}
div.LeftContentBody div.CommunityMarkLogo img {height: 80px; width: 440px;} 10px; padding: 5px; width: 180px;}
div.CommunityQuotation span {color: #666666;}
div.CommunityQuotation img.SixtySix {height: 20px; margin: 0 5px 0 0 !important; width: 20px;}
div.LeftContentBody div.CommunityMarkLogo {border: 1px solid #EBEBEB; float: left; margin: 10px 0; padding: 10px; width: 530px;}
div.LeftContentBody div.CommunityMarkLogo img {height: 80px; width: 440px;}