/*
################################################################################
# $Id: site.css,v 1.3 2009/11/09 10:41:25 peter Exp $
# Copyright AT Veterinary Systems (2001-2004)
# mh stylesheet
################################################################################
*/

@import url(ContentStyles.css);

.otText { padding:10px 0 0 0; margin:0 0 0 0; color: #ffffff; font-size: 0.7em; font-family: arial, helvetica, sans-serif; }
.otTextB { padding:10px 0 0 0; margin:0 0 0 0; color: #ffffff; font-size: 0.7em; font-family: arial, helvetica, sans-serif; font-weight: bold; }
.text { color: #005128; font-size: 0.7em; font-family: arial, helvetica, sans-serif; }
.textB { color: #005128; font-size: 0.7em; font-family: arial, helvetica, sans-serif; font-weight: bold; }
.textBB { color: #005128; font-size: 0.85em; font-family: arial, helvetica, sans-serif; font-weight: bold; }
.textBI { color: #005128; font-size: 0.7em; font-family: arial, helvetica, sans-serif; font-weight: bold; font-style: italic; }
.textDir { color: #005128; font-size: 0.66em; font-family: arial, helvetica, sans-serif; }

.textNPad  { color: #005128; font-size: 0.7em; font-family: arial, helvetica, sans-serif; margin-top: 1px; padding-top: 0px; }
.textNPadJ { color: #005128; font-size: 0.7em; font-family: arial, helvetica, sans-serif; margin-top: 1px; padding-top: 0px; text-align: justify; }
.newsText  { color: #005128; font-size: 8pt; font-family: arial, helvetica, sans-serif; padding-top: 0px; margin-top: 1px; padding-bottom: 5px; margin-bottom: 0px; }
.newsTextB  { color: #005128; font-size: 8pt; font-family: arial, helvetica, sans-serif; padding-top: 0px; margin-top: 1px; padding-bottom: 5px; margin-bottom: 0px; font-weight: bold; }

input { width: 100%; height: 1.3em; border-style: solid; border-color: #61127b; border-width: 1px; color: #072a5e;  font-size: 0.7em; font-family: arial, helvetica, sans-serif;  }
textarea { width: 100%; border-style: solid; border-color: #61127b; border-width: 1px; color: #072a5e;  font-size: 0.7em; font-family: arial, helvetica, sans-serif; }
select { width: 100%; border-style: solid; border-color: #61127b; border-width: 1px; color: #072a5e;  font-size: 0.7em; font-family: arial, helvetica, sans-serif;  }

.lightBgColour {  background-color: #e2e7f1; }
.bgColour {  background-color: #bfc6d8; }
.darkBgColour {  background-color: #005128; }

.menuText {
  height: 19px;
  color: white;  background-color: #407b5d;
  font-size: 9pt;  font-family: arial, helvetica, sans-serif;
  padding-left: 5px;  padding-right: 5px;
}
.menuText:hover { background-color: #8e56a0; } 
.menuTextSel {
  height: 19px;
  color: white;
  background-color: #61127b;
  font-size: 9pt;  font-family: arial, helvetica, sans-serif;
  padding-left: 5px;  padding-right: 5px;
}
p.subMenuItem {
  color: #005128; width:194px;
  font-size: 10pt;  font-family: verdana, arial, helvetica, sans-serif; font-weight:normal;
  padding-left: 7px;  padding-top: 5px;  padding-bottom: 4px;
  margin-top: 0px;  margin-bottom: 0px;
}
p.subMenuItemSel {
  color: #000000;  background-color: #B9CFC3; width:194px;
  font-size: 10pt;  font-family: verdana, arial, helvetica, sans-serif; font-weight:normal;
  padding-left: 7px;  padding-top: 5px;  padding-bottom:4px;
  margin-top: 0px;  margin-bottom: 0px;
}
.subMenuBlobs { float: left; padding-right: 3px; padding-top:3px; }
td.subMenuBottomSpacer { height: 4px; }
p.subsubMenuItem {
  color: #005128;  background-color: #ebf1ed;
  font-size: 66%;  font-family: arial, helvetica, sans-serif;
  padding-left: 0px;   padding-top: 2px;  padding-bottom: 2px;
  margin-top: 2px; margin-bottom: 0px; margin-left: 20px;
}
p.subsubMenuItemSel {
  color: #005128;  background-color: #ebf1ed;
  font-size: 66%;
  font-family: arial, helvetica, sans-serif; font-weight: bold;
  padding-left: 0px; padding-top: 2px; padding-bottom: 2px;
  margin-top: 2px; margin-bottom: 0px; margin-left: 20px;
}
td.subsubMenuItem { background-color: #ebf1ed; }
td.subsubMenuItemSel { background-color: #ebf1ed; }
.sideMenuText  {
  position: absolute;
  top: 3px; left: 29px;
  color: #005128; background-color: #bfc6d8;
  font-size: 0.7em; font-family: arial, helvetica, sans-serif; font-weight: bold;
  text-decoration: none;
}
.sideMenuTextW  {
  position: absolute;
  top: 3px; left: 29px;
  color: white; background-color: #005128;
  font-size: 9pt; font-family: arial, helvetica, sans-serif;
  text-decoration: none;
}

A { color: #005128; text-decoration: none; }
A.noBulls {  }
A.noBullsSel {  }
A.blue     { color: #b9cfc3; }
A.blueUSel { color: white; text-decoration: underline;}
A.blueSel  { color: #005128;}
A.blueU    { text-decoration: underline;}
A.white    { color: white;}

#logoLayer { position: absolute; top: 0px; left: 0px; height: 94px; }
#bannerLayer { position: absolute; top: 0px; left: 225px; height: 94px; }
#menuLayer { position: absolute; top: 98px; left: 0px; width: 778px; height: 24px; font-family: arial, helvetica, sans-serif; font-size:8pt; font-weight:bold; color:green; text-align:center; }
#homeMenuLayer { position: absolute; left:200px; height:24px; }
#aboutMenuLayer { position: absolute; left:270px; height:24px;}
#newsMenuLayer { position: absolute; left:340px; height:24px;}
#noticesMenuLayer { position: absolute; left:410px; height:24px;}
#petsMenuLayer { position: absolute; left:480px; height:24px;}
#horsesMenuLayer { position: absolute; left:550px; height:24px;}
#farmsMenuLayer { position: absolute; left:620px; height:24px;}
#registrationMenuLayer { position: absolute; left:690px; height:24px; }
.homeMenuItem { display:block; width:73px; height:26px; background:url("../images/index/FH-HomeButton-OFF.gif") 0 0 no-repeat; color:green; padding:6px 0px 2px 0px; }
.homeMenuItem:hover,.homeMenuItemSelected { display:block; width:73px; height:26px; background:url("../images/index/FH-HomeButton-ON.gif") 0 0 no-repeat; color:white; padding:6px 0px 2px 0px; }
.aboutMenuItem { display:block; width:69px; height:26px; background:url("../images/index/FH-AboutUsButton-OFF.gif") 0 0 no-repeat; color:green; padding:6px 0px 2px 0px; }
.aboutMenuItem:hover,.aboutMenuItemSelected { display:block; width:69px; height:26px; background:url("../images/index/FH-AboutUsButton-ON.gif") 0 0 no-repeat; color:white; padding:6px 0px 2px 0px; }
.newsMenuItem { display:block; width:69px; height:26px; background:url("../images/index/FH-NewsButton-OFF.gif") 0 0 no-repeat; color:green; padding:6px 0px 2px 0px; }
.newsMenuItem:hover,.newsMenuItemSelected { display:block; width:68px; height:26px; background:url("../images/index/FH-NewsButton-ON.gif") 0 0 no-repeat; color:white; padding:6px 0px 2px 0px; }
.noticesMenuItem { display:block; width:69px; height:26px; background:url("../images/index/FH-NoticesButton-OFF.gif") 0 0 no-repeat; color:green; padding:6px 0px 2px 0px; }
.noticesMenuItem:hover,.noticesMenuItemSelected { display:block; width:69px; height:26px; background:url("../images/index/FH-NoticesButton-ON.gif") 0 0 no-repeat; color:white; padding:6px 0px 2px 0px; }
.petsMenuItem { display:block; width:69px; height:26px; background:url("../images/index/FH-PetsButton-OFF.gif") 0 0 no-repeat; color:green; padding:6px 0px 2px 0px; }
.petsMenuItem:hover,.petsMenuItemSelected { display:block; width:69px; height:26px; background:url("../images/index/FH-PetsButton-ON.gif") 0 0 no-repeat; color:white; padding:6px 0px 2px 0px; }
.horsesMenuItem { display:block; width:69px; height:26px; background:url("../images/index/FH-HorsesButton-OFF.gif") 0 0 no-repeat; color:green; padding:6px 0px 2px 0px; }
.horsesMenuItem:hover,.horsesMenuItemSelected { display:block; width:68px; height:26px; background:url("../images/index/FH-HorsesButton-ON.gif") 0 0 no-repeat; color:white; padding:6px 0px 2px 0px; }
.farmsMenuItem { display:block; width:69px; height:26px; background:url("../images/index/FH-FarmsButton-OFF.gif") 0 0 no-repeat; color:green; padding:6px 0px 2px 0px; }
.farmsMenuItem:hover,.farmsMenuItemSelected { display:block; width:69px; height:26px; background:url("../images/index/FH-FarmsButton-ON.gif") 0 0 no-repeat; color:white; padding:6px 0px 2px 0px; }
.registrationMenuItem { display:block; width:69px; height:26px; background:url("../images/index/FH-RegistrationButton-OFF.gif") 0 0 no-repeat; color:green; padding:6px 0px 2px 0px; }
.registrationMenuItem:hover,.registrationMenuItemSelected { display:block; width:92px; height:26px; background:url("../images/index/FH-RegistrationButton-ON.gif") 0 0 no-repeat; color:white; padding:6px 0px 2px 0px; }

#buttonsLayer { position: absolute; top: 151px; left: 0px; width: 201px; z-Index: 2; background-color:#005128; }
.buttonLayer { padding-top: 8px; }
.siteButton { color: white; font: 12px arial,helvetica,sans-serif bold; }
#subMenuLayer { position: absolute; top: 151px; left: 0px; width: 201px; background-color:#005128; }
#searchBall { position: absolute; top: 131px; left: 16px; width: 127px; height: 19px; z-Index: 2;  }
#locationButtLayer { position: absolute; top: 142px; left: 16px; width: 127px; height: 23px;  }
#contactButtLayer { position: absolute; top: 153px; left: 16px; width: 127px; height: 23px; z-Index: 2;  }

#searchButton { display:block; width:201px; height:22px; background:url("../images/index/FH-SubMenu-SearchButt-OFF.gif") 0 0 no-repeat; padding:0px 0px 0px 0px; }
#searchButton:hover { background:url("../images/index/FH-SubMenu-SearchButt-ON.gif") 0 0 no-repeat; }
#locationButton { display:block; width:201px; height:22px; background:url("../images/index/FH-SubMenu-LocationsButt-OFF.gif") 0 0 no-repeat; padding:0px 0px 0px 0px; }
#locationButton:hover { background:url("../images/index/FH-SubMenu-LocationsButt-ON.gif") 0 0 no-repeat; }
#timesButton { display:block; width:201px; height:22px; background:url("../images/index/FH-SubMenu-OpeningButt-OFF.gif") 0 0 no-repeat; padding:0px 0px 0px 0px; }
#timesButton:hover { background:url("../images/index/FH-SubMenu-OpeningButt-ON.gif") 0 0 no-repeat; }
#contactButton { display:block; width:201px; height:22px; background:url("../images/index/FH-SubMenu-ContactButt-OFF.gif") 0 0 no-repeat; padding:0px 0px 0px 0px; }
#contactButton:hover { background:url("../images/index/FH-SubMenu-ContactButt-ON.gif") 0 0 no-repeat; }
#repeatButton { display:block; width:201px; height:22px; background:url("../images/index/FH-SubMenu-OrdersButt-OFF.gif") 0 0 no-repeat; padding:0px 0px 0px 0px; }
#repeatButton:hover { background:url("../images/index/FH-SubMenu-OrdersButt-ON.gif") 0 0 no-repeat; }
#newslettersButton { display:block; width:201px; height:22px; background:url("../images/index/FH-SubMenu-NewslettersButt-OFF.gif") 0 0 no-repeat; padding:0px 0px 0px 0px; }
#newslettersButton:hover { background:url("../images/index/FH-SubMenu-NewslettersButt-ON.gif") 0 0 no-repeat; }
#leftFooterLayer { width: 201px; height: 160px;background:url("../images/index/FH-BottomLeftSquare.gif") 0 0 no-repeat; z-index: 3; padding-bottom:1px; }

#titleLayer { position: absolute; top: 124px; left: 0px; height: 27px; color:white; padding:0px 0px 0px 0px; background-color:#61127b; width:780px; }
#titleTextLayer { position: relative; top: -2px; left:428px; padding: 0px 0px 0px 0px; color: #ffffff; font-size: 16px; font-family: arial, helvetica, sans-serif; font-weight:bold;  }
.indexTitle { background:url("../images/index/FH-HomeWelcomeBanner.gif") 0 0 repeat; }
.aboutUsTitle { background:url("../images/index/FH-HomeWelcomeBanner.gif") 0 0 repeat; }
#subTitleLayer { position: absolute; top: 162px; left: 213px; width:539px; }
/*staff group titles*/
.team1Title {background:url("../images/aboutUsVets/AboutUs-VetsTitle.gif") 0 0 repeat; height: 26px; }
.team2Title {background:url("../images/aboutPractice/AboutUs-StaffTitle.gif") 0 0 repeat; height: 26px; }
.team3Title {background:url("../images/AboutUsVN/AboutUs-VNsTitle.gif") 0 0 repeat; height: 26px; }
/*notice board titles*/
.notice0Title {background:url("../images/noticeBoard/FH-NoticesTitle.gif") 0 0 no-repeat; height: 81px; }
.notice1Title {background:url("../images/noticeBoard/FH-NoticesStaffNews.gif") 0 0 repeat; height: 51px; }
.notice2Title {background:url("../images/noticeBoard/FH-NoticesPetGallery.gif") 0 0 repeat; height: 51px; }
.notice3Title {background:url("../images/noticeBoard/FH-NoticesPetServices.gif") 0 0 repeat; height: 51px; }
.notice4Title {background:url("../images/noticeBoard/FH-NoticesEvents.gif") 0 0 repeat; height: 51px; }
/*other titles*/
.searchTitle {background:url("../images/search/FH-SearchTitle.gif") 0 0 no-repeat; height: 36px; }
/*site layout*/
#mainContentLayer { position: absolute; top: 185px; left: 0px; width: 778px;}
#siteButtonsCell {top:0px; bottom: 0px; left: 0px; width: 201px; height: 120px; }
#subMenuCell { width:201px; vertical-align:top; padding-top:170px; background-color:#005128; }
#footerLeft { bottom: 0px; left: 0px; width: 201px; height: 160px;background:url("../images/index/FH-BottomLeftSquare.gif") 0 0 no-repeat; }
#footerRight { position: absolute; bottom: 0px; left: 201px; width: 600px; background-color: white; padding: 0px 0px 0px 0px; margin:0px; }
#contentCell { width: 600px; }
#contentLayer { position: relative; top: -21px; left: 0px; width: 600px; }
#newsNoticeBoardTable { height: 24em; }
#noticesMainContentCell { padding-top:50px; padding-left:20px; }
#noticeCell { width: 280px; vertical-align: top; padding-right:20px; }
/*#notice { width: 260px; overflow: hidden; }*/
/*#notice { width: 260px; } */
#noticeText { width: 280px; text-align: right; color: #005128; font-size: 0.7em; font-family: arial, helvetica, sans-serif; padding-top: 2px; }

#mainContentTable { table-layout: fixed; border-width: 1px; }

#mainContentLayerD { position: absolute; top: 185px; left: 0px; width: 778px; background-color: #c7cee0;}
#mainContentLayerT { position: relative; top: 0px; left: 201px; width: 637px; background-color: white; }
#sideMenuLayer { position: absolute; top: 0px; left: 0px; height: 95%; width: 201px; background-color: #c7cee0; }
#moggy { position: absolute; top: -17px; left: 555px; }
pre {background-color:white; }

#contactPrint { display:block; width:90px; height:51px; background:url("../images/contact/ContactUsPrintOFF.gif") 0 0 repeat; }
#contactPrint:hover { background:url("../images/contact/ContactUsPrintON.gif") 0 0 repeat; }
#contactSend  { display:block; width:90px; height:51px; background:url("../images/contact/ContactUsSendOFF.gif") 0 0 repeat; }
#contactSend:hover  { background:url("../images/contact/ContactUsSendON.gif") 0 0 repeat; }
#contactClose { display:block; width:90px; height:51px; background:url("../images/contact/ContactUsCloseOFF.gif") 0 0 repeat; }
#contactClose:hover { background:url("../images/contact/ContactUsCloseON.gif") 0 0 repeat; }
#timesPrint { display:block; width:88px; height:50px; background:url("../images/openingTimes/FH-OpeningPOP-PrintOFF.gif") 0 0 repeat; }
#timesPrint:hover { background:url("../images/openingTimes/FH-OpeningPOP-PrintON.gif") 0 0 repeat; }
#timesSend  { display:block; width:91px; height:50px; background:url("../images/openingTimes/FH-OpeningPOP-SendOFF.gif") 0 0 repeat; }
#timesSend:hover  { background:url("../images/openingTimes/FH-OpeningPOP-SendON.gif") 0 0 repeat; }
#timesClose { display:block; width:155px; height:50px; background:url("../images/openingTimes/FH-OpeningPOP-CloseOFF.gif") 0 0 repeat; }
#timesClose:hover { background:url("../images/openingTimes/FH-OpeningPOP-CloseON.gif") 0 0 repeat; }
#mapPrint { display:block; width:108px; height:50px; background:url("../images/directions/WinLocaPOPprintOFF.gif") 0 0 repeat; }
#mapPrint:hover { background:url("../images/directions/WinLocaPOPprintON.gif") 0 0 repeat; }
#mapSend  { display:block; width:96px; height:50px; background:url("../images/directions/WinLocaPOPsendOFF.gif") 0 0 repeat; }
#mapSend:hover  { background:url("../images/directions/WinLocaPOPsendON.gif") 0 0 repeat; }
#mapMap  { display:block; width:116px; height:50px; background:url("../images/directions/WinLocaPOPmultimapOFF.gif") 0 0 repeat; }
#mapMap:hover  { background:url("../images/directions/WinLocaPOPmultimapON.gif") 0 0 repeat; }
#mapClose { display:block; width:105px; height:50px; background:url("../images/directions/WinLocaPOPcloseOFF.gif") 0 0 repeat; }
#mapClose:hover { background:url("../images/directions/WinLocaPOPcloseON.gif") 0 0 repeat; }
.mapCell { width:100%; padding-top:30px;  padding-left:50px; padding-bottom:10px; }
#newClientSubmit  { display:block; width:105px; height:48px; background:url("../images/newClientReg/FH-RegSubmitBut.gif") 0 0 repeat; }
#newClientClose { display:block; width:108px; height:48px; background:url("../images/newClientReg/FH-RegCloseBut.gif") 0 0 repeat; }
#newFarmSubmit  { display:block; width:91px; height:48px; background:url("../images/newFarmReg/FH-RegSubmitBut.gif") 0 0 repeat; }
#newFarmClose { display:block; width:155px; height:48px; background:url("../newFarmReg/FH-RegCloseBut.gif") 0 0 repeat; }
#newEquineSubmit  { display:block; width:105px; height:48px; background:url("../images/newEquineReg/FH-RegSubmitBut.gif") 0 0 repeat; }
#newEquineClose { display:block; width:108px; height:48px; background:url("../images/newEquineReg/FH-RegCloseBut.gif") 0 0 repeat; }
#newPetClose { display:block; width:94px; height:48px; background:url("../images/newPetReg/FH-PetRegClose.gif") 0 0 repeat; }
#newPetSubmit { display:block; width:130px; height:48px; background:url("../images/newPetReg/FH-PetRegSubmit.gif") 0 0 repeat; }
#newPetSubmitPlus { display:block; width:187px; height:48px; background:url("../images/newPetReg/FH-PetRegSubmitPlus.gif") 0 0 repeat; }
/*locations menu*/
#locationsMenuLayer { visibility:hidden; position:absolute; top:177px; left:175px; z-index:6; padding:10px; }
#mapLinkTable { background-color:#005128; color:white; border-width:2px; border-color:white; }
.mapLink { color:#c2cecc; font-family: verdana,arial,helvetica,sans-serif; font-size:0.9em; font-weight:bold; padding:0px 0px 0px 0px;}
.mapLink:hover { color:white; }
#windsorMapLink { display:block; width:82px; height:20px; background:url("../images/index/windsor-menu.gif") 0 0 no-repeat;}
#ascotMapLink { display:block; width:82px; height:20px; background:url("../images/index/ascot-menu.gif") 0 0 no-repeat;}
#eghamMapLink { display:block; width:82px; height:20px; background:url("../images/index/egham-menu.gif") 0 0 no-repeat;}
/*admin stuff*/
#loginTable { border: ridge #005128 4px; padding-left: 21px; padding-right: 21px; padding-top: 11px; background-color: #b9cfc3; }
#adminMenu { position: absolute; top: 105px; left:190px; background-color:#407b5d; height:19px; width:610px; }
.subMenuCell { width:201px; vertical-align:top; padding-top:0px; background-color:#005128; }
#adminContentLayer { position: absolute; top: 151px; left: 0px; }
.adminText { color: #ffffff; font-size: 0.7em; font-family: arial, helvetica, sans-serif; }

.siteInput { width: 95%;  border-style: solid; border-color: #61127b; border-width: 1px; color: #61127b;  font-size: 1.0em; font-family: arial, helvetica, sans-serif; margin-bottom:2px; font-size: 10pt; }
.siteTextarea { width: 95%; border-style: solid; border-color: #61127b; border-width: 1px; color: #61127b;  font-size: 1.0em; font-family: arial, helvetica, sans-serif; margin-bottom:2px; font-size: 10pt; }
#wrapper {
	height: 635px;
	width: 586px;
}
#headerlogo {
	float: left;
	height: 90px;
	width: 171px;
	margin-top: 17px;
	margin-left: 20px;
}
#headerbar {
	float: left;
	height: 33px;
	width: 586px;
	margin-top: 10px;
	margin-bottom: 38px;
}
#text {
	float: left;
	height: auto;
	width: 557px;
	margin-bottom: 19px;
	margin-left: 29px;
}
#newsletter1 {
	float: left;
	height: auto;
	width: auto;
	margin-right: 54px;
	margin-left: 29px;
	margin-bottom: 205px;
}
#news1text {
	height: auto;
	width: 100px;
	margin-top: 10px;
	float: left;
}
#news1picture {
	height: 141px;
	width: 100px;
	border: thin solid #61127A;
}
#bottombar {
	height: 40px;
	width: 586px;
	float: left;
}