html { height: 100% }

body { background: url('../images/bg.gif') repeat-y #00aeef; color:#000; margin:0; padding:0; font: 62.5% arial, helvetica, sans-serif; height: 100%; }

p { margin: 1em 0em 0em 0em; }

h1 { font-size: 1.6em; padding: 0; padding-bottom: .4em; margin: 0em 0em 1em 0em; color:#000; }

img { border-style: none; padding: 0; margin: 0 }

/*input, textarea select { border: 0.1em; }	*/


.submit { }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display:inline-block; }

/* 
a:link { color: #00aeef; text-decoration: none; background: transparent;}
a:visited { color: #00aeef; text-decoration: none; background: transparent;}
a:hover { color:#00aeef; text-decoration:underline; background: transparent;} 
*/


.googleMap { margin: 0 0 0 20px; border: 1px solid #00aeef; padding: 3px; height: 370px; width: 300px; float: left; margin-right: 80px; font-size: 1.2em; }

#googlePopUp input { background: #c5c5c6; color: #000; border: 1pc solid #000; }

#formSurround { float: left; margin-top: 15px; width: 543px; }

#formSurround input { border: 1px solid #9a9a9a; }

.formLeft { float: left; width: 200px; }

.formRight { float: left; width: 149px; }

.formRight input { width: 144px; }

.formRight input.formUpload { width: 231px; }

.formField { float:left; padding: 0 0 8px; width: 100%; }

#wrapper { float: left; width: 100%; background: url('../images/containerBg.jpg') top repeat-x #fff; min-height: 350px; height: auto; }

*html #wrapper { height: 350px; }

#container { position: relative; height: auto; float: left; width: 90em; background: url('../images/containerBg.jpg') top repeat-x #fff; }

/* container for header menu */
#header { position: relative; float: left; height: auto; width: 100%; padding: 0 0 5px; font: 1.2em arial, helvetica, sans-serif; }

/* container for the left side menu in header */
#headerMenuLeft { position: relative; float: left; height: auto; width: auto; font-size: .9em; padding: 0em 0em 0em 0em; background: url('../images/headerMenuLeftBg.jpg') repeat-x #fff; }

/* header left menu */
#headerMenuLeft ul { float: left; list-style-type: none; margin: 0; padding: 1.2em 0em 0em .5em; width: 422px; }

#headerMenuLeft ul li { display: inline; }

#headerMenuLeft ul li a { text-decoration: none; padding: .2em .5em; }

#headerMenuLeft a:link { color: #999; text-decoration: none; }

#headerMenuLeft a:visited { color: #999; text-decoration: none; }

#headerMenuLeft a:hover,
#headerMenuLeft a.currentPage { color: #000; text-decoration: none; }

/* provides container to hold divider image between left and right menus in header */
#headerMenuLeftDivider { position: relative; float: left; height: 33px; width: 13px; padding: 0em 0em 0em 0em; background: url('../images/headerMenuLeftDivider.jpg') no-repeat #fff; }

/* container for the right side menu in header */
#headerMenuRight { position: relative; float: left; min-height: 33px; height: auto; width: auto; font-size: .9em; font-weight: bold; padding: 0em 0em 2em 0em; background: url('../images/headerMenuRightBg.jpg') repeat-x #fff; }

/* hack used to set min height in IE6 */
* html #headerMenuRight { height: 33px; }

/* used to hide text that appears under the menu when you hover over menu links */
div#headerMenuRight a span { display: none; }

/* used to make text appear under the menu when you hover over menu links */
div#headerMenuRight a:hover span { display: block; position: absolute; color: #000; padding: 0 0 .2em 0; text-align: right; width: auto; right: 0; bottom: 0; }

/* header right menu */
div#headerMenuRight ul { float: left; list-style-type: none; margin: 0; padding: 1em .5em 0em .5em; }

div#headerMenuRight ul li { display: inline; }

div#headerMenuRight ul li a { text-decoration: none; padding: .2em .5em; }

div#headerMenuRight ul li a:link,
div#headerMenuRight ul li a:visited { color: #5c5c5c; text-decoration: none; }

div#headerMenuRight ul li a:hover,
div#headerMenuRight ul li a.currentPage { color: #000; background: transparent; text-decoration: none; }

/* provides container to hold divider image after right menu in header */
#headerMenuRightDivider { position: relative; float: left; height: 33px; width: 16px; padding: 0em 0em 0em 0em; background: url('../images/headerMenuRightDivider.jpg') no-repeat #fff; }

/* container to hold main page content */
#mainContentContainer { position: relative; float: left; width: 100%; height:auto; padding: 0 0 3em; margin: 0; text-align: left; background: #fff; }

#mainContentFullWidth { float: left; width: 800px; outline: 1px solid; padding-left: 10px; }

/*this contains the menu that appears on the side of the page */
#sideMenu { position: relative; float: left; width: 32.4em; height: 280px; font-weight: bold; font-size: 1.1em; padding: .5em 0 0 0; }

#sideMenu a:link { text-decoration: none }

#sideMenu a:visited { text-decoration: none }

/* Used to prevent double margin bug in IE6 */
* html #sideMenu { display: inline; }

#sideMenu ul,
#sideMenu ul#aboutUs,
#sideMenu ul#lookingForWork,
#sideMenu ul#lookingForStaff,
#sideMenu ul#justForFun,
#sideMenu ul#wellbeing,
#sideMenu ul#news,
#sideMenu ul#meetTheTeam,
#sideMenu ul#meetTheTeam2 { list-style-type: none; padding: 0 0 1em 0; width: 2em; margin: 0 0 0 .5em; }

#sideMenu ul { background: url('../images/sideMenu/lookingForWork/lookingForWork.jpg') no-repeat; }

#sideMenu ul#aboutUs { background: url('../images/sideMenu/aboutUs/aboutUs.jpg') no-repeat !important; }

#sideMenu ul#lookingForWork { background: url('../images/sideMenu/lookingForWork/lookingForWork.jpg') no-repeat !important; }

#sideMenu ul#lookingForStaff { background: url('../images/sideMenu/lookingForStaff/lookingForStaff.jpg') no-repeat !important; }

#sideMenu ul#justForFun { background: url('../images/sideMenu/justForFun/justForFun.jpg') no-repeat !important; }

#sideMenu ul#wellbeing { background: url('../images/sideMenu/wellbeing/wellbeing.jpg') no-repeat !important; }

#sideMenu ul#news { background: url('../images/sideMenu/news/news.jpg') no-repeat !important; }

#sideMenu ul#meetTheTeam,
#sideMenu ul#meetTheTeam2 { background: url('../images/sideMenu/meetTheTeam/meetTheTeam.jpg') no-repeat !important; }

#sideMenu ul li { padding: 0 0 0 2.5em; }

#sideMenu ul li a { display: block; color: #727272; background: url('../images/sideMenu/MenuLinkBackground.jpg') no-repeat; width: 13em; padding: .5em 1.8em; }

/*the background position changes below are used to align the correct part of the background image to the menu text depending on if it's hovered or labelled as the currentPage page */
#sideMenu ul li a:hover { color: #727272; text-decoration: none; background: url('../images/sideMenu/MenuLinkBackground.jpg') 0 -5.2em no-repeat; }

#sideMenu a.currentPage,
#sideMenu a.currentPage:hover { color: #727272; text-decoration: none; background: url('../images/sideMenu/MenuLinkBackground.jpg') 0 -7.4em no-repeat; }

/* used to hide image that appears beside the sideMenu when you hover over menu links */
div#sideMenu a span { display: none; cursor: default; }

/* Side Menu - Looking For Work */
div#sideMenu li#lookingForWorkAbout a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForWork/about.jpg') no-repeat top right; }
div#sideMenu li#lookingForWorkAbout a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForWork/about.jpg') no-repeat top right; }
div#sideMenu li#lookingForWorkContract a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForWork/contract.jpg') no-repeat top right; }
div#sideMenu li#lookingForWorkContract a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForWork/contract.jpg') no-repeat top right; }
div#sideMenu li#lookingForWorkPermanent a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForWork/permanent.jpg') no-repeat top right; }
div#sideMenu li#lookingForWorkPermanent a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForWork/permanent.jpg') no-repeat top right; }
div#sideMenu li#lookingForWorkSuccessStories a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForWork/successStories.jpg') no-repeat top right; }
div#sideMenu li#lookingForWorkSuccessStories a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForWork/successStories.jpg') no-repeat top right; }
div#sideMenu li#lookingForWorkHintsAndTips a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForWork/hintsAndTips.jpg') no-repeat top right; }
div#sideMenu li#lookingForWorkHintsAndTips a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForWork/hintsAndTips.jpg') no-repeat top right; }
div#sideMenu li#lookingForWorkNews a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForWork/news.jpg') no-repeat top right; }
div#sideMenu li#lookingForWorkNews a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForWork/news.jpg') no-repeat top right; }
div#sideMenu li#lookingForWorkLocation a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForWork/location.jpg') no-repeat top right; }
div#sideMenu li#lookingForWorkLocation a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForWork/location.jpg') no-repeat top right; }

/* Side Menu - About Us 
div#sideMenu li#aboutUsWelcome a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/aboutUs/welcome.gif') no-repeat; }
div#sideMenu li#aboutUsWelcome a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/aboutUs/welcome.gif') no-repeat !important; }
div#sideMenu li#aboutUsHistory a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/aboutUs/history.gif') no-repeat; }
div#sideMenu li#aboutUsHistory a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/aboutUs/history.gif') no-repeat !important; }
div#sideMenu li#aboutUsMission a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/aboutUs/mission.gif') no-repeat; }
div#sideMenu li#aboutUsMission a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/aboutUs/mission.gif') no-repeat !important; }
div#sideMenu li#aboutUsAwards a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/aboutUs/awards.gif') no-repeat; }
div#sideMenu li#aboutUsAwards a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/aboutUs/awards.gif') no-repeat !important; }
div#sideMenu li#aboutUsOurTeam a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/aboutUs/ourTeam.gif') no-repeat; }
div#sideMenu li#aboutUsOurTeam a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/aboutUs/ourTeam.gif') no-repeat !important; }
div#sideMenu li#aboutUsNews a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/aboutUs/news.gif') no-repeat; }
div#sideMenu li#aboutUsNews a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/aboutUs/news.gif') no-repeat !important; }
div#sideMenu li#aboutUsLocation a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/aboutUs/location.gif') no-repeat; }
div#sideMenu li#aboutUsLocation a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/aboutUs/location.gif') no-repeat !important; }

*/

/* Side Menu - About Us */
div#sideMenu li#aboutUsWelcome a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/aboutUs/Phil_welcome.gif') no-repeat; }
div#sideMenu li#aboutUsWelcome a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/aboutUs/Phil_welcome.gif') no-repeat !important; }
div#sideMenu li#aboutUsHistory a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/aboutUs/Phil_history.gif') no-repeat; }
div#sideMenu li#aboutUsHistory a.currentPage span  { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/aboutUs/Phil_history.gif') no-repeat !important; }
div#sideMenu li#aboutUsMission a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/aboutUs/Phil_mission.gif') no-repeat; }
div#sideMenu li#aboutUsMission a.currentPage span  { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/aboutUs/Phil_mission.gif') no-repeat !important; }
div#sideMenu li#aboutUsAwards a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/aboutUs/Phil_news.gif') no-repeat; }
div#sideMenu li#aboutUsAwards a.currentPage span  { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/aboutUs/Phil_news.gif') no-repeat !important; }
div#sideMenu li#aboutUsOurTeam a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/aboutUs/Phil_ourTeam.gif') no-repeat; }
div#sideMenu li#aboutUsOurTeam a.currentPage span  { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/aboutUs/Phil_ourTeam.gif') no-repeat !important; }
div#sideMenu li#aboutUsNews a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/aboutUs/Phil_news.gif') no-repeat; }
div#sideMenu li#aboutUsNews a.currentPage span  { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/aboutUs/Phil_news.gif') no-repeat !important; }
div#sideMenu li#aboutUsLocation a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/aboutUs/Phil_location.gif') no-repeat; }
div#sideMenu li#aboutUsLocation a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/aboutUs/Phil_location.gif') no-repeat !important; }

/* Side Menu - Looking For Staff */
div#sideMenu li#lookingForStaffAbout a:hover span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForStaff/about.gif') no-repeat; }
div#sideMenu li#lookingForStaffAbout a.currentPage span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForStaff/about.gif') no-repeat; }
div#sideMenu li#lookingForStaffContractRecruitment a:hover span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForStaff/ContractRecruitment.gif') no-repeat; }
div#sideMenu li#lookingForStaffContractRecruitment a.currentPage span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForStaff/ContractRecruitment.gif') no-repeat; }
div#sideMenu li#lookingForStaffPermanentStaffing a:hover span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForStaff/PermanentStaffing.gif') no-repeat; }
div#sideMenu li#lookingForStaffPermanentStaffing a.currentPage span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForStaff/PermanentStaffing.gif') no-repeat; }
div#sideMenu li#lookingForStaffCaseStudies a:hover span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForStaff/CaseStudies.gif') no-repeat; }
div#sideMenu li#lookingForStaffCaseStudies a.currentPage span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForStaff/CaseStudies.gif') no-repeat; }
div#sideMenu li#lookingForStaffHintsAndTips a:hover span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForStaff/HintsAndTips.gif') no-repeat; }
div#sideMenu li#lookingForStaffHintsAndTips a.currentPage span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForStaff/HintsAndTips.gif') no-repeat; }
div#sideMenu li#lookingForStaffNews a:hover span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForStaff/News.gif') no-repeat; }
div#sideMenu li#lookingForStaffNews a.currentPage span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForStaff/News.gif') no-repeat; }
div#sideMenu li#lookingForStaffRequestACallBack a:hover span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForStaff/RequestACallBack.gif') no-repeat; }
div#sideMenu li#lookingForStaffRequestACallBack a.currentPage span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForStaff/RequestACallBack.gif') no-repeat; }
div#sideMenu li#lookingForStaffLocation a:hover span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/lookingForStaff/Location.gif') no-repeat; }
div#sideMenu li#lookingForStaffLocation a.currentPage span { display: block; position: absolute; width: 214px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/lookingForStaff/Location.gif') no-repeat; }

/* Side Menu - Just For Fun */
div#sideMenu li#justForFunIntroduction a:hover span { display: block; position: absolute; width: 200px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/justForFun/introduction.jpg') no-repeat; }
div#sideMenu li#justForFunIntroduction a.currentPage span { display: block; position: absolute; width: 200px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/justForFun/introduction.jpg') no-repeat; }
div#sideMenu li#justForFunNews a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/justForFun/news.jpg') no-repeat; }
div#sideMenu li#justForFunNews a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/justForFun/news.jpg') no-repeat; }
div#sideMenu li#justForFunGames a:hover span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 1; background: url('../images/sideMenu/justForFun/games.jpg') no-repeat; }
div#sideMenu li#justForFunGames a.currentPage span { display: block; position: absolute; width: 178px; height: 260px; top: 0; left: 17em; z-index: 0; background: url('../images/sideMenu/justForFun/games.jpg') no-repeat; }

/* Side Menu - wellbeing */
div#sideMenu li#wellbeingIntroduction a:hover span { display: block; position: absolute; width: 176px; height: 272px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/wellbeing/wellbeingNews.jpg') no-repeat; }
div#sideMenu li#wellbeingIntroduction a.currentPage span { display: block; position: absolute; width: 176px; height: 272px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/wellbeing/wellbeingNews.jpg') no-repeat; }
div#sideMenu li#wellbeingSeasonalFeatures a:hover span { display: block; position: absolute; width: 176px; height: 272px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/wellbeing/lindsay-hill.jpg') no-repeat; }
div#sideMenu li#wellbeingSeasonalFeatures a.currentPage span { display: block; position: absolute; width: 176px; height: 272px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/wellbeing/lindsay-hill.jpg') no-repeat; }
div#sideMenu li#wellbeingAtWork a:hover span { display: block; position: absolute; width: 176px; height: 272px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/chris.jpg') no-repeat; }
div#sideMenu li#wellbeingAtWork a.currentPage span { display: block; position: absolute; width: 176px; height: 272px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/chris.jpg') no-repeat; }
div#sideMenu li#wellbeingFoodAndDrink a:hover span { display: block; position: absolute; width: 176px; height: 272px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/wellbeing/foodAndDrink.jpg') no-repeat; }
div#sideMenu li#wellbeingFoodAndDrink a.currentPage span { display: block; position: absolute; width: 176px; height: 272px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/wellbeing/foodAndDrink.jpg') no-repeat; }
div#sideMenu li#wellbeingBodyAndMind a:hover span { display: block; position: absolute; width: 176px; height: 272px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/wellbeing/bodyAndMind.jpg') no-repeat; }
div#sideMenu li#wellbeingBodyAndMind a.currentPage span { display: block; position: absolute; width: 176px; height: 272px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/wellbeing/bodyAndMind.jpg') no-repeat; }
div#sideMenu li#wellbeingNews a:hover span { display: block; position: absolute; width: 176px; height: 272px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/wellbeing/thomas-marcus.jpg') no-repeat; }
div#sideMenu li#wellbeingNews a.currentPage span { display: block; position: absolute; width: 176px; height: 272px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/wellbeing/thomas-marcus.jpg') no-repeat; }
div#sideMenu li#wellbeingContactUs a:hover span { display: block; position: absolute; width: 176px; height: 272px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/wellbeing/wellbeingContactUs.jpg') no-repeat; }
div#sideMenu li#wellbeingContactUs a.currentPage span { display: block; position: absolute; width: 176px; height: 272px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/wellbeing/wellbeingNContactUs.jpg') no-repeat; }

/* SideMenu - meetTheTeam */
#sideMenu ul#meetTheTeam { width: 82px; float: left; padding: 0 0 1em 27px; }

#sideMenu ul#meetTheTeam2 { width: 164px; float: left; padding: 0 0 1em 27px; }

#sideMenu ul#meetTheTeam li,
#sideMenu ul#meetTheTeam2 li { float: left; padding: 0 0 0 0; }

#sideMenu ul#meetTheTeam li a,
#sideMenu ul#meetTheTeam2 li a { display: inline; float: left; width: 71px; padding: 5px 0 6px 11px; }

#sideMenu ul#meetTheTeam a.currentPage,
#sideMenu ul#meetTheTeam2 a.currentPage,
#sideMenu ul#meetTheTeam a.currentPage:hover,
#sideMenu ul#meetTheTeam2 a.currentPage:hover { color: #727272; text-decoration: none; background: url('../images/sideMenu/meetTheTeam/arrow.gif') center left no-repeat; }

#sideMenu ul#meetTheTeam a:hover,
#sideMenu ul#meetTheTeam2 a:hover { background: url('../images/sideMenu/meetTheTeam/block.gif') center left no-repeat; }

#staffImage { float:left; width: 190px; overflow: hidden;}

body.meetTheTeamPage #sideMenuBottomBar { bottom: 40px !important; }

body.meetTheTeamPage div#sideMenu { height: 280px; width: 200px; }

body.meetTheTeamPage #mainContent { margin-left: 45px; }

* html body.meetTheTeamPage #mainContent { margin-left: 43px; }

/* SideMenu - News */
div#sideMenu ul#news li#latestNews a:hover span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/wellbeing/wellbeingNews.jpg') no-repeat; }
div#sideMenu ul#news li#latestNews a.currentPage span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/wellbeing/wellbeingNews.jpg') no-repeat; }
div#sideMenu ul#news li#companyNews a:hover span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/wellbeing/lindsay-hill.jpg') no-repeat; }
div#sideMenu ul#news li#companyNews a.currentPage span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/wellbeing/lindsay-hill.jpg') no-repeat; }
div#sideMenu ul#news li#forthcomingEventsNews a:hover span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/chris.jpg') no-repeat; }
div#sideMenu ul#news li#forthcomingEventsNews a.currentPage span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/chris.jpg') no-repeat; }
div#sideMenu ul#news li#jobHuntingNews a:hover span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/wellbeing/foodAndDrink.jpg') no-repeat; }
div#sideMenu ul#news li#jobHuntingNews a.currentPage span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/wellbeing/foodAndDrink.jpg') no-repeat; }
div#sideMenu ul#news li#businessAwardsNews a:hover span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/wellbeing/bodyAndMind.jpg') no-repeat; }
div#sideMenu ul#news li#businessAwardsNews a.currentPage span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/wellbeing/bodyAndMind.jpg') no-repeat; }
div#sideMenu ul#news li#wellbeingNews a:hover span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/wellbeing/wellbeingNews.jpg') no-repeat; }
div#sideMenu ul#news li#wellbeingNews a.currentPage span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/wellbeing/wellbeingNews.jpg') no-repeat; }
div#sideMenu ul#news li#environmentNews a:hover span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/wellbeing/thomas-marcus.jpg') no-repeat; }
div#sideMenu ul#news li#environmentNews a.currentPage span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/wellbeing/thomas-marcus.jpg') no-repeat; }
div#sideMenu ul#news li#charityNews a:hover span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 1; background: url('../images/sideMenu/wellbeing/wellbeingContactUs.jpg') no-repeat; }
div#sideMenu ul#news li#charityNews a.currentPage span { display: block; position: absolute; width: 190px; height: 222px; top: 0; left: 19em; z-index: 0; background: url('../images/sideMenu/wellbeing/wellbeingContactUs.jpg') no-repeat; }


/* Catlin Page reset of navigation */
/* Position feed absolutely */
#catlinFeed { position: absolute; top: 5px; left: 20.5em;}
/* Add extra paddding to bottom of container */
body.catlinPage #mainContentContainer { padding: 0 0 5em !important; min-height: 418px; height: auto;}
	* html body.catlinPage #mainContentContainer { height: 418px;}
/* Remove the wellbeing news bg */
body.catlinPage div#sideMenu li#wellbeingNews a:hover span { background: none !important; }
body.catlinPage div#sideMenu li#wellbeingNews a.currentPage span { background: none !important; }


/* this is the blue bar above the menu. Done as a div instead of an image so it's easier to edit */
#sideMenuTopBar { width: 14.5em; height: .9em; background: #00aeef; border-bottom: #999 1px solid; margin: 0 0 0 1em; }

/* used to get around IE6 not allowing an empty div to be smaller than the font size/line height */
* html #sideMenuTopBar { font-size: 8px; width: 20.5em; }

#sideMenuBottomBar { position: absolute; left: 10px; bottom: 40px; width: 160px; height: 1px; line-height: 1px; overflow: hidden; background: #999; }

/* container for the main content text area */
#mainContent { position: relative; float: left; width: 36em; margin-left: 6.5em; height: auto; font-size: 1.2em; }
* html #mainContent{ display: inline;}

body.mainContentWide #mainContent { position: relative; float: left; width: 72em; margin: 0 1.5em 0 2em; height: auto; font-size: 1.2em; }

* html body.mainContentWide #mainContent { display: inline; }

body.mainContentWide #sideMenu,
body.mainContentWide #sideMenuTopBar,
body.mainContentWide #sideMenuBottomBar { display: none; }

#mainContent a:link { color: #00aeef; font-weight: bold; text-decoration: none; background: transparent; }

#mainContent a:visited { color: #00aeef; font-weight: bold; text-decoration: none; background: transparent; }

#mainContent a:hover { color:#00aeef; font-weight: bold; text-decoration:underline; background: transparent; }

#mainContent h1 { color:#00AEEF; background: transparent; font-family: arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; letter-spacing:0.1px; }

/* Job Search */
.jobSearchEntry { background: url('../images/jobSearchArrow.gif') 0 2px no-repeat; padding-left: 15px; float: left; width: 72em; }

.jobSearchEntry strong { padding-right: 10px; }

.jobDetails strong { padding-right: 10px; }

.title { padding: 0 0 2px; width: 100% }

.ref { padding: 0 0 2px; width: 100% }

.loc { float: left; width: 39%; padding: 0 0 2px; display: inline; }

.sal { float: left; width: 59%; padding: 0 0 2px; display: inline; }

.post { padding: 0 0 2px; width: 100% }

.desc { width: 70%; padding: 0 0 3px; }

.details { padding: 0 0 2px; width: 100% }

.apply { padding: 0 0 2px; width: 100% }

.links a { background: #00aeef !important; color: #fff !important; margin: 5px 15px 0 0;  padding: 2px 5px; }

/*Register */
div.input,
div.field { padding-bottom: 10px; }

div.input input,
div.field input { border: 1px solid #9a9a9a; }

a#userForm1_btnSubmit { background: #00aeef !important; color: #fff !important; margin: 5px 15px 0 0; float: left; padding: 2px 5px; }

/*News */
.newsEntry { margin-bottom: 20px; }
.newsEntry p { margin: 0;}

/* .newsHeader { margin-bottom: 5px;} */
.newsHeader { }

/*Wellbeing Listings */
.wellbeingLink { margin-top: 20px; }

.wellbeingEntry { }

/* Set side Image */
body.setSideImage #sideMenu { width: 40em; }

body.setSideImage #mainContent { margin-left: 6px; }

body.setSideImage #sideMenu img { float: right; padding-right: 30px; }

.floatRight { float: right; padding: 0 0 5px 10px; }

#divImgLinkingImage img { float: right; padding: 0 0 5px 10px; }

/* Page Group */
.beforePageGroup { margin-top: 10px; }

/* Footer */

#footerContainer { float: left; width: 88.5em; margin-right: 1.5em; background: url('../images/bg.gif') repeat-y #00aeef; }

#footerLogo { position: relative; float: left; width: 500px; background: #00aeef; background: url('../images/bg.gif') repeat-y #00aeef; }

#footerContactInformation { position: relative; float: right; margin-top: 1em; text-align: right; color: #fff; background: transparent; }

#footerContactInformation a:link { color: #fff; text-decoration: none; background: transparent; }

#footerContactInformation a:visited { color: #fff; text-decoration: none; background: transparent; }

#minorNav { margin-top: 0px; float: right; width: 100%; text-align: right; margin-top: 1.5em; }

* html #minorNav { display: inline; }

#minorNav ul { margin: 0; padding: 0; list-style: none; }

#minorNav ul li { display: inline; }

#minorNav ul li a { color: #fff; text-decoration: none; background: transparent; padding: 0 0 0 .5em; }

#minorNav ul li a:hover,
#minorNav ul li a.currentPage { color: #a3ddf3; text-decoration: underline; }

#webDesignUK { float: right; margin-top: 10px; }

#webDesignUK a:link,
#webDesignUK a:visited { color: #a3ddf3; text-decoration: none; }

#webDesignUK a:hover { color: #fff; text-decoration: underline; }

#valid { float: left; margin: 10px 0 0 20px; width: 280px; display: inline; }

#valid ul { margin: 0; padding: 0; list-style: none; }

#valid ul li { display: inline; }

#valid ul li a { color: #fff; text-decoration: none; background: transparent; padding: 0 0 0 .5em; }

#valid ul li a:hover { color: #a3ddf3; text-decoration: underline; }

#footerLeft { float: left; width: 300px; }

#footerRight { float: right; width: 300px; }

#joinOurMailingListText { float: left; margin: 10px 0 0 20px; width: 280px; color: #fff; font-size: 1.2em; display: inline; }

#mailingListTextContainer { float: left; margin: 5px 0 0 20px; display: inline; }

/*input#txtEmailAddr { padding: 2px 0 1px 5px; border: 0px;}*/
.submitButton { float: left; margin: 5px 0 0 10px; }
* html .submitButton { display: inline; }
.submitButtonLeft { float: left; width: 3px; height: 20px; background: url('../images/submitButton-left.gif') no-repeat; }
.submitButtonMiddle { float: left; padding: 0 3px; line-height: 20px; width: auto; height: 20px; background: url('../images/submitButton-middle.gif'); color: #202020; }
.submitButtonMiddle a:link { text-decoration: none; color:#202020; }
.submitButtonMiddle a:hover { color:#817e7e; }
.submitButtonRight { float: left; width: 3px; height: 20px; background: url('../images/submitButton-right.gif') no-repeat; }
#searchFunctionContainer { border: 1px solid #999; background: #e3f3f9; padding: 5px 10px 5px 10px; width: 36em; margin: 0 0 0px 0px; }
#searchFunction { margin: 0; }
#searchFunctionHeader { font-weight: bold; font-size: 1.1em; display: block; margin: 0 0 10px 0; }
#searchFunctionDesc { display: block; margin: 0 0 10px 60px; }
#txtSearch { border: 1px solid #e3e3e3; margin-right: 5px; }
#btnSearch { background: #00aeef; color: #fff; border: none; }
a.pdfImage { margin-left: 5px; } /* Alter container padding for flash on index page */
body.homePage #mainContentContainer { padding: 0; }
body.homePage #wrapper { min-height: 300px; height: auto; }
body.homePage #wrapper #header { padding: 0 0 10px; } /* Amends to Vacancies Page */
#searchFeatures:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#searchFeatures { display:inline-block; padding-bottom: 30px; }
#searchFunctionContainer { float: left; display: inline; min-height: 176px; height: auto; }
* html #searchFunctionContainer { height: 176px; }
div#searchFunctionContainer input.submit { border: 1px solid #00aeef; background: #00aeef; color: #fff; margin-left: 10px; cursor: pointer; }
div#searchFunctionContainer input.input { width: 300px; }
#searchLogo { float: right; margin-right: 10px; }
#rssButton { float: left; }
#searchHeaderContainer { width: 100%; }
#mainContent #searchHeaders { width: 500px; float: left; }
#mainContent #searchHeaders h1 { font-size: 1.6em; color:#00aeef; font-weight: bold; letter-spacing: 0.1px; margin: 0; padding: 0 0 10px; float: left; }
#mainContent #searchSubHeaders h2 { font-size: 1.0em; color:#00aeef; font-weight: bold; letter-spacing: 0.1px; margin: 5px 0 0; padding: 0 0 20px;  }
#searchSubHeaders { float: left;}

/* RSS Icons */
div#rssIcons  { padding: 0 0 15px 0; }
#rssIcons-perm, #rssIcons-temp { padding: 10px; background: #eee; margin-bottom: 5px; border: 1px solid #dad8d8;}
#rssIcons-temp { margin-bottom: 50px;}
#rssIcons-perm a, #rssIcons-temp a { margin-right: 15px;}
#rssIcons-perm h5, #rssIcons-temp h5 { margin: 0; padding-bottom: 5px;}
div#rssIcons a { margin-right: 5px; }

/* Search Options */
#searchSubHeaders { float: left;}
div#searchFunctionContainer .formRow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#searchFunctionContainer .formRow { display:inline-block; margin-top: 5px; }
div#searchFunctionContainer .formLeft { width: auto; padding: 3px 5px 0 0; }
div#searchFunctionContainer .formRight { }
#searchOptions { margin-left: 0; margin-top: 5px; overflow: hidden; }
#searchOptions input { float: left; }
#searchOptions label { float: left; display: block; width: 195px; padding: 2px 0 0 0; }
#searchOptions table td { padding-right: 20px; vertical-align:top; }
#contractOptions { margin: 10px 0 20px 0; }
#contractOptions select { margin-left: 15px; border: 1px solid #9a9a9a; }

/* New Job Search */ /* Job Search */
.jobsDetails strong { padding-right: 10px; }
.title { float: left; padding: 0 0 2px; width: 50% }
.ref { float: left; padding: 0 0 2px; width: 50% }
.type { float: left; width: 48%; padding: 0 0 7px; display: inline; }
.loc { float: left; width: 48%; padding: 0 0 2px; display: inline; }
.sal { float: left; width: 48%; padding: 0 0 2px; display: inline; }
.post { float: left; padding: 0 0 2px; width: 100% }
.Desc { float: left; width: 80%; padding: 0 0 3px; margin-top: 10px; line-height: 1.2em; }
.details { float: left; padding: 0 0 2px; width: 100% }
.apply { padding: 0 0 2px; width: 100% }
.links { position: absolute; bottom: 20px; right: 20px; }
.jobsDetails .links { bottom: 50px; }
.links a { background: #00aeef !important; color: #fff !important; display: block; margin: 0 0 5px 0; padding: 2px 5px; font-weight: normal !important; }
.links a:hover { text-decoration: none !important; }
#backLink { float: left; width: 100%; margin-top: 35px; }
.title strong,
.ref strong,
.sal strong { display: block; float: left; width: 100px; }
.loc strong,
.type strong
 { display: block; float: left; width: 70px; }
.jobSearchEntry,
.jobSearchEntryAlt { position: relative; background: url('../images/jobSearchArrow.gif') 5px 22px no-repeat; border-top: 1px solid #999; padding: 20px 10px 20px 20px; float: left; width: 69em;}
.jobSearchEntry strong,
.jobSearchEntryAlt strong { padding-right: 10px; }
.jobSearchEntryAlt { background-color: #e3f3f9; }
#featuredJob { float: left; min-height: 143px; height: auto; background: #e3f3f9; border: 1px solid #999; padding: 5px 10px 5px 10px; width: 30em; margin: 0 0 0 20px; }
* html #featuredJob { height: 143px; }
#hotJobsHeader { font-weight: bold; font-size: 1.1em; display: block; margin: 0 0 10px 0; }
#noResults { font-weight: bold; padding-bottom: 10px; } 

/* Rotator */
#jobrotator ul li { margin-bottom: 5px; }


/* Job Details Page */
#jobPageHeader { width: 100%; margin-bottom: 25px; }
#jobPageHeader h1 { float: left; padding-top: 15px; }
#jobPageHeader img { float: right; margin-right: 10px; } 

/* Job Filled */
body.jobFilled #mainContent h1 { color: #d2d2d2; }
body.jobFilled { color: #a4a4a4; }
body.jobFilled .links { display: none;}
#mainContent a#filled { display: none; }
body.jobFilled #mainContent a#filled { display: block; width: 706px; height: 36px; background: url('../images/filled.gif') no-repeat; text-indent: -9999px; margin-bottom: 15px; outline: 0; }
body.jobFilled #mainContent a#filled:hover { background-position: bottom left; }
#topLogo { float: right; width: 309px; height: 47px; margin-right:10px; background: url('../images/jenrickCpi-white.jpg') no-repeat; text-indent: -9999px; }
body.jobFilled #topLogo { background: url('../images/jenrickCpi-grey.jpg') no-repeat; }

/* Flash Movies */
#flashContainer { float: left; position: relative;}
input#imgViewAnotherMovie { float: left; margin: 40px 0 0 10px; position: absolute; bottom: 10px; right: 6px;}
* html input#imgViewAnotherMovie { display: inline;}
#flashContainer { width: 768px; height: 270px;}
body.homePage #pnlMainContent { display: none;}