/* CSS Document */ * {margin: 0px; padding: 0px;} body { font-family: Arial, Helvetica, sans-serif; color: #333; background: white; font-size: 12px; } a:link , a:visited , a:active { color: #868383; text-decoration: none; } a:hover { color: #5F84BF;} .clear {clear: both} a {outline: none} .noBorder { border: none !important;} ul {list-style-type: none;} #homepage { width: 100%; margin: auto;} #header { background: url('http://www.hoseasons.co.uk/Images/about-us/Shared/TornEffectHeader.gif') repeat-x bottom; z-index: 1; position: relative; top: 8px; } #headerInner {width: 980px; margin: auto; height: 60px; } ul.productLinks { list-style-type: none; text-align: right; position: relative; top: -30px; } ul.productLinks li { display: inline;} ul.productLinks li a { padding: 5px;} ul.productLinks li a:hover { background: #ECF7FE } .LogoImg { padding: 0 9px 57px 58px} #investInPeople { line-height: 20px; padding: 20px 10px 30px 10px;} /* Home Page */ #homepage #headerBanner{ background: url('http://www.hoseasons.co.uk/Images/about-us/Homepage/HeaderBannerBGStrip.jpg') repeat-x; } #homepage #headerBannerInner{ width: 980px; margin: auto; background: url('http://www.hoseasons.co.uk/Images/about-us/Homepage/HeaderBannerBG.jpg') repeat-x; height: 177px; } #homepage #mainContentInner img { border: none; } #mainContent{ background: url('http://www.hoseasons.co.uk/Images/about-us/Homepage/HomepageBG.gif') repeat-x;} #mainContentInner{width: 850px; margin: auto; padding: 20px 0px 0px 20px; } #mainContentInner .intro {width: 780px; padding: 19px 18px 28px 41px; background: url('http://www.hoseasons.co.uk/Images/about-us/Homepage/IntroBG.gif') no-repeat; margin: 0px 0px 30px 0px; line-height: 20px} #mainContentInner .carrickQuote { text-align: right; font-weight: bold; font-style: italic; position: relative; top: 7px; left: 164px;} .homepageItem1 { float: left; width: 270px; border-right: 1px #d2e6f1 solid; margin: 0px 0px 40px 0px} .homepageItem1 .homepageItemInner { padding: 5px 20px 10px 7px} .homepageItem2 { float: left; width: 270px; border-right: 1px #d2e6f1 solid; margin: 0px 0px 0px 30px} .homepageItem2 .homepageItemInner { padding: 5px 20px 10px 7px} .homepageItem3 { float: left; width: 270px; margin: 0px 0px 0px 30px} .homepageItem3 .homepageItemInner { padding: 5px 20px 10px 7px} a.greyLink { float: right; color: #333; font-weight: bold} a.greyLink:hover { text-decoration: underline} .blueArrow { color: #0E699E} .historyYearWindowVideo { display: none } /* History Page */ #history #headerBanner{ background: #e3c59c } #history #headerBannerInner{ width: 980px; margin: auto; background: url('http://www.hoseasons.co.uk/Images/about-us/History/HeaderBannerBG.jpg') no-repeat; height: 177px; } #history #headerBannerInner h1 { color: #333; font-size: 20px; position: relative; top: 50px; left: 513px;} #history #mainContent{ background: url('http://www.hoseasons.co.uk/Images/about-us/History/HistoryBG.gif') repeat-x;} #history .ourHistoryTimeline { background: url('http://www.hoseasons.co.uk/Images/about-us/History/ourHistoryTimeline.gif') no-repeat; font-size: 14px; font-weight: bold; padding: 10px 0px 30px 10px; float: left; width: 200px } #history .historyYearWindow { display: none; line-height: 19px;} #history .left { float: left; width: 400px; } #history .right { float: left; width: 400px; padding: 20px 0px 0px 23px} #history .right .imgBorder { background: #fff; padding: 3px; border: 1px #999 solid; margin: 0px 0px 9px 0px} #history .right a img { border: none; } #history ul#timeline { width: 633px; margin: 10px 0px 20px 0px; padding: 15px 0px 0px 0px; float: left; background: url('../../Images/Shared/About-us/TimeLine.jpg') no-repeat} #history ul#timeline li{ display: inline; padding: 0px 0px 0px 35px } #history ul#timeline li a { font-weight: bold; font-size: 14px; color: #333; padding: 16px 0px 0px 0px; text-decoration: underline} #history ul#timeline li a:hover { text-decoration: underline } #history ul#timeline li.start{ display: inline; padding: 0px 0px 0px 4px} #history ul#timeline li a.start {} #history ul#timeline li.finish{ display: inline; padding: 0 0 0 34px } #history ul#timeline li a.finish {} /* Charity Page*/ #charity #headerBanner{ background: #853C46; } #charity #headerBannerInner{ width: 980px; margin: auto; background: url('http://www.hoseasons.co.uk/Images/about-us/Charity/HeaderBannerBG.gif') repeat-x; height: 177px; } #charity #headerBannerInner h1 { color: white; font-size: 20px; position: relative; top: 40px; left: 350px;} #charity #mainContent{ background: url('http://www.hoseasons.co.uk/Images/about-us/Charity/CharityBG.gif') repeat-x;} #charity #mainContentInner{width: 800px; margin: auto; padding: 20px 0px 0px 0px} #charity #mainContentInner .intro {width: 780px; background: url('http://www.hoseasons.co.uk/Images/about-us/Charity/IntroBG.gif') no-repeat; line-height: 22px} #charity #mainContentInner .intro h2 { position: relative; top: -4px; left: 200px; color: #fff; font-size: 14px;} #charity #mainContentInner .intro .introCopy { position: relative; top: 12px; left: 200px; width: 563px; } #charity #note { float:left; line-height:19px;} #charityGalleryHeader { color: #fff; font-size: 14px; background: url('http://www.hoseasons.co.uk/Images/about-us/Charity/CharityGalleryHeader.gif') no-repeat; font-weight: bold; padding: 10px 0px 12px 12px; } #galleryLeft { float: left; width: 341px; height: 400px; } #galleryLeft .galleryThumb {float: left; margin: 3px; width: 100px; border: 1px #853C46 solid} #galleryRight {float: left; width: 400px; } #galleryRight img {background: #fff; padding: 3px; border: 1px #853C46 solid; margin: 18px 0px 0px 0px} .caption { padding: 6px 6px 6px 6px} /* Environment Page*/ #environment #headerBanner{ background: #47510e; } #environment #headerBannerInner{ width: 980px; margin: auto; background: url('http://www.hoseasons.co.uk/Images/about-us/Environment/HeaderBannerBG.jpg') repeat-x; height: 177px; } #environment #headerBannerInner h1 { color: white; font-size: 20px; position: relative; top: 40px; left: 350px;} #environment #mainContent{ background: url('http://www.hoseasons.co.uk/Images/about-us/Environment/EnvironmentBG.gif') repeat-x;} #environment #mainContentInner .intro {width: 780px; background: url('http://www.hoseasons.co.uk/Images/about-us/Environment/IntroBG.gif') no-repeat; line-height: 22px} #environment #mainContentInner .intro h2 { position: relative; top: -4px; left: 193px; color: #47510e; font-size: 14px;} #environment #mainContentInner .intro .introCopy { position: relative; top: 1px; left: 200px; width: 563px; } #environment #keepingItGreen {color: #47510e; font-size: 14px; background: url('http://www.hoseasons.co.uk/Images/about-us/Environment/KeepingItGreen.gif') no-repeat; font-weight: bold; padding: 10px 0px 12px 12px;} .environmentItem1 { float: left; width: 200px; margin: 0px 0px 40px 10px} .environmentItem1 .environmentItemInner { padding: 5px 20px 10px 7px; line-height: 18px} /* About us Page*/ #aboutUs #headerBanner{ background: #5A7BAE; } #aboutUs #headerBannerInner{ width: 980px; margin: auto; background: url('http://www.hoseasons.co.uk/Images/about-us/AboutUs/HeaderBannerBG.jpg') repeat-x; height: 177px; } #aboutUs #headerBannerInner h1 { color: white; font-size: 20px; position: relative; top: 40px; left: 350px;} #aboutUs #mainContent{ background: url('http://www.hoseasons.co.uk/Images/about-us/Homepage/HomepageBG.gif') repeat-x;} #aboutUs #mainContentInner .intro {background:transparent none repeat scroll 0 0;font-size:14px;font-weight:bold;line-height:19px;margin:0;width:690px;} #aboutUs #mainContentInner .intro h2 { position: relative; top: -4px; left: 190px; color: #fff; font-size: 14px;} #aboutUs #mainContentInner .intro .introCopy { position: relative; top: 1px; left: 200px; width: 563px; } #aboutUs #whyChooseHoseasons {color: #fff; font-size: 14px; background: url('http://www.hoseasons.co.uk/Images/about-us/AboutUs/WhyChooseHoseasons.gif') no-repeat; font-weight: bold; padding: 10px 0px 12px 12px;} .aboutItem1 { float: left; width: 200px; margin: 0px 0px 40px 11px; } #aboutUs .aboutItem1 { height: 370px;} .aboutItem1 .aboutItemInner { padding: 5px 20px 10px 7px; line-height: 18px} /* All our brands Page*/ #allOurBrands #headerBanner{ background: #a1d8ec; } #allOurBrands #headerBannerInner{ width: 980px; margin: auto; background: url('http://www.hoseasons.co.uk/Images/about-us/AllOutBrands/HeaderBannerBG.jpg') repeat-x; height: 177px; } #allOurBrands #headerBannerInner h1 { color: #333; font-size: 20px; position: relative; top: 50px; left: 410px;} #allOurBrands #mainContent{ background: url('http://www.hoseasons.co.uk/Images/about-us/Homepage/HomepageBG.gif') repeat-x;} #allOurBrands #mainContentInner .intro {background:transparent none repeat scroll 0 0;font-size:14px;font-weight:bold;line-height:19px;margin:0;width:690px;} #allOurBrands #mainContentInner .intro h2 { font-size: 14px;} #allOurBrands #mainContentInner .intro .introCopy { position: relative; top: 1px; left: 200px; width: 563px; } #allOurBrands #whyChooseHoseasons {color: #fff; font-size: 14px; background: url('http://www.hoseasons.co.uk/Images/about-us/AboutUs/WhyChooseHoseasons.gif') no-repeat; font-weight: bold; padding: 10px 0px 12px 12px;} #allOurBrands .aboutItem1 { height: 350px;} .aboutItem1 { float: left; width: 200px; margin: 0px 0px 40px 10px} .aboutItem1 .aboutItemInner { padding: 5px 20px 10px 7px; line-height: 18px} /* Press Page */ #press #headerBanner{ background: #B7D7E6; } #press #headerBannerInner{ width: 980px; margin: auto; background: url('http://www.hoseasons.co.uk/Images/about-us/Press/HeaderBannerBG.jpg') repeat-x; height: 177px; } #press #headerBannerInner #nav{ position: relative; top: 107px; left: 186px } *+html #press #headerBannerInner #nav{ position: relative; top: 109px; left: 186px } /*\*/ * html #press #headerBannerInner #nav{ position: relative; top: 109px; left: 186px; float:left }/**/ #press #headerBannerInner h1 { color: #333; font-size: 20px; position: relative; top: 60px; left: 350px;} #press #mainContent{ background: url('http://www.hoseasons.co.uk/Images/about-us/Homepage/HomepageBG.gif') repeat-x;} #press #mainContentInner .intro {width: 780px; background: url('http://www.hoseasons.co.uk/Images/about-us/Homepage/IntroBG.gif') no-repeat; line-height: 22px} #press #mainContentInner .intro h2 { font-size: 14px;} #press #mainContentInner .intro .introCopy { position: relative; top: 10px; left: 200px; width: 563px; } #press #whyChooseHoseasons {color: #fff; font-size: 14px; background: url('http://www.hoseasons.co.uk/Images/about-us/AboutUs/WhyChooseHoseasons.gif') no-repeat; font-weight: bold; padding: 10px 0px 12px 12px;} #press .pressHeader { padding: 5px; float: left; width: 850px} #press .pressReleases {color: #fff; font-size: 14px; background: url('http://www.hoseasons.co.uk/Images/about-us/AboutUs/WhyChooseHoseasons.gif') no-repeat; font-weight: bold; padding: 10px 39px 12px 13px;} #press a.viewAll { font-weight: bold; color: black; text-decoration: none !important} #press .pressLinks { float: left; width: 300px; padding: 0px 20px 0px 20px; font-style: italic; color: #666; } #press .pressLinks a { font-weight: bold; color: #333; font-size: 14px; display: block; font-style: normal; text-decoration: none; } #press .pressLinks a:hover { text-decoration: underline; } #press .pressLinksCopy { float: right; width: 500px; line-height: 20px; padding: 0px 0px 0px 0px font-style; color: #333;} #press .calImg { float: left; padding: 0px 5px 0px 0px} #press .top5PressReleasesListView { cursor:pointer} #press .allPress { font-weight: bold; color: #333; font-size: 14px; display: block; font-style: normal; text-decoration: none; } #press .groupSeparator { height:5px; width:100%;} /* Meet The Team Page */ #meetTheTeam #headerBanner{ background: #353A90 url('http://www.hoseasons.co.uk/Images/about-us/MeetTheTeam/HeaderBannerBGSlice.jpg') repeat-x ;} #meetTheTeam #headerBannerInner{ width: 980px; margin: auto; background: url('http://www.hoseasons.co.uk/Images/about-us/MeetTheTeam/HeaderBannerBG.jpg') no-repeat ; height: 177px; } #meetTheTeam #headerBannerInner h1 { color: #fff; font-size: 20px; position: relative; top: 40px; left: 530px; color: #333} #meetTheTeam #whyChooseHoseasons {color: #fff; font-size: 14px; background: url('http://www.hoseasons.co.uk/Images/about-us/AboutUs/WhyChooseHoseasons.gif') no-repeat; font-weight: bold; padding: 10px 0px 12px 12px;} #meetTheTeam #mainContent{ background: url('http://www.hoseasons.co.uk/Images/about-us/Homepage/HomepageBG.gif') repeat-x;} #meetTheTeam #mainContentInner .intro {background:transparent none repeat scroll 0 0;font-size:14px;font-weight:bold;line-height:19px;margin:0;width:690px;} #meetTheTeam #mainContentInner .intro h2 { font-size: 14px; float: left} #meetTheTeam #mainContentInner .intro .introCopy { position: relative; top: 10px; left: 200px; width: 563px; } .teamMemberOuter { clear: both; padding: 5px 5px 20px 5px; border-bottom: 1px solid #D1E7F3; margin: 20px 0px 0px 20px; line-height: 19px;} .teamMemberOuter img { background: #fff; padding: 3px; border: 1px #999 solid; } .teamMemberOuter .leftImg { float: left; width: 120px; background: url('http://www.hoseasons.co.uk/Images/about-us/MeetTheTeam/TeamBG.gif') no-repeat; padding: 9px; } .teamMemberOuter .right { float: left; width: 680px} .teamMemberOuter .right h3 { color: #1DA0EA} .teamMemberOuter .right ul { list-style-type: none; } .teamMemberOuter .right ul li { padding: 0px 0px 0px 10px; } .last { border: none} .teamHoseasons {float: left} .teamHoseasons h3 { color: #1DA0EA} .teamHoseasons img {border: none} #headerBannerInner h1 { color: white; font-size: 20px; position: relative; top: 40px; left: 150px;} #headerBannerInner .signature {color: white; position: relative; top: 40px; left: 360px; color: #cde1ec} #headerBannerInner #nav{ position: relative; top: 82px; left: 186px } *+html #headerBannerInner #nav{ position: relative; top: 84px; left: 186px } /*\*/ * html #headerBannerInner #nav{ position: relative; top: 84px; left: 186px; float:left }/**/ /*\*/ * html #headerBannerInner #nav .whiteBG a { color: #1B69BB}/**/ /*\*/ * html #headerBannerInner #nav a { color: #fff}/**/ #breadCrumb{height: 22px; background: white; z-index: 1; position: relative; top: -4px; } #breadCrumbInner {width: 980px; margin: auto; padding: 5px 0px 0px 0px; font-size: 11px; } #footer { background: #333 url('http://www.hoseasons.co.uk/Images/about-us/Shared/TornEffectFooter.gif') repeat-x top; color: #999} #footerInner {width: 980px; margin: auto; padding: 40px 0px 30px 0px } #footerInner h3 { background: url('http://www.hoseasons.co.uk/Images/about-us/Shared/FooterHeadingBG.gif') no-repeat; color: #ccc; font-size: 12px; padding: 6px 5px 5px 10px} #footerInner ul { list-style-type: none; line-height: 23px; padding: 0px 0px 0px 30px } #footerInner ul li { background: url('http://www.hoseasons.co.uk/Images/about-us/Shared/FooterULArrow.gif') no-repeat 0px 9px; padding: 0px 0px 0px 13px; } #footerInner ul li a { } #footerInner ul li a:hover { color: #fff ; padding: 0px 15px 0px 0px } #footer { clear: both} #footerInner .footerLists { width: 200px; float: left; margin: 0px 0px 0px 23px; border-right: 1px solid #4a4a4a } .copyright { clear: both; font-size: 10px; text-align: right} .leftBlue { background: url('http://www.hoseasons.co.uk/Images/about-us/Shared/Left.png') no-repeat; height: 26px; float: left; width: 9px} * html .leftBlue { Background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src='http://www.hoseasons.co.uk/Images/about-us/Shared/Left.png' , sizingMethod='scale');} .blueBG a { background: url('http://www.hoseasons.co.uk/Images/about-us/Shared/BlueSlice.gif') repeat-x; height: 21px; color: #fff; float: left; padding: 5px 0px 0px 0px; font-weight: bold} .blueBG a:hover { color: #b2def8; } .rightBlue { background: url('http://www.hoseasons.co.uk/Images/about-us/Shared/Right.png') no-repeat; height: 26px; float: left; width: 9px; margin: 0px 2px 0px 0px } * html .rightBlue { Background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src='http://www.hoseasons.co.uk/Images/about-us/Shared/Right.png' , sizingMethod='scale');} .leftWhite { background: url('http://www.hoseasons.co.uk/Images/about-us/Shared/WhiteLeft.png') no-repeat; height: 26px; float: left; width: 9px} * html .leftWhite { Background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src='http://www.hoseasons.co.uk/Images/about-us/Shared/WhiteLeft.png' , sizingMethod='scale');} .whiteBG a { background: white; height: 21px; color: #1b69bb; float: left; padding: 5px 0px 0px 0px; font-weight: bold} .rightWhite { background: url('http://www.hoseasons.co.uk/Images/about-us/Shared/WhiteRight.png') no-repeat; height: 26px; float: left; width: 9px; margin: 0px 2px 0px 0px } * html .rightWhite { Background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader ( src='http://www.hoseasons.co.uk/Images/about-us/Shared/WhiteRight.png' , sizingMethod='scale');} .rental {line-height: 22px} .rental a {text-decoration: underline}