body, html { height: auto !important; }
html { margin: 0px; padding: 0px; }
body { margin: 0px; background-color: #000000; color: #000000; font-family: Arial, Sans-Serif; font-size: 71%; font-weight: normal; }
h1, h2, h3, h4 { padding: 0px; margin: 0px; font-weight: bold; }
h1 { font-size: 170%; color: #000000; }
h2 { font-size: 170%; color: #000000; }
h3 { font-size: 95%; }
h4 { padding: 10px 0; }
sup { font-size: 100%; }
img { border: 0px; }
a:focus { -moz-outline-style: none; }
a { cursor: pointer; text-decoration: none; }
p { }
.clear { clear: both; line-height:0px; height: 0px; padding: 0px; margin: 0px; overflow: hidden; }
address { font-style: normal; }
fieldset {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-width: -webkit-min-content;
    border-width: 0px;
    border-style: none;
}

.backgroundWrapper { background-image: url(/img/BgChilli.jpg); background-repeat: no-repeat; background-position: center top; width: 100%; }
/* headers */
.homepageTitle { font-size: 37px; font-weight: normal; color: #5c5c5c; line-height:37px; width:600px; }
.greenTitle { font-size: 37px; font-weight: normal; color: #00674b; width:600px; line-height:37px; }
.bodyText { color: #4a4a4a; font-size: 14px; line-height: 16px; }
.bodyText a { color: #00664A; }
.bodyText h2 { font-size: 16px; color: #00664A; margin: 10px 0; }
.bodyText h3 { font-size: 14px; color: #00664A; margin: 10px 0; }

.paddLeft {
    padding-left: 30px;
}

/* Masterpage */
#BodyWrapper { width: 980px; margin: 0px auto; padding: 15px 0 0 0; }
#BodyTopCurve { background-image: url(/img/BodyHeader.png); background-repeat: no-repeat; height: 6px; overflow: hidden; }
#BodyBottonCurve { background-image: url(/img/BodyFooter.png); background-repeat: no-repeat; height: 12px; overflow: hidden; }
#BodyHolder { background-color: #ffffff; padding-top: 5px; }
#HeaderWrapper { background-color: #ffffff; padding-bottom: 17px; }
#HeaderLeft { padding: 8px 0 0 23px; width: 190px; float: left; }
#HeaderRight { width: 750px; float: left; padding-top: 10px; }
#HeaderRight #TopNavigation { list-style: none; margin: 0; padding: 0; }
#HeaderRight #TopNavigation li { display: inline; height: 20px; }
#HeaderRight #TopNavigation li a { line-height: 11px; background-image: url(/img/topNavSep.gif); background-repeat: no-repeat; background-position: left top; font-size: 12px; color: #4a4a4a; float: left; padding: 10px; display: block; }
#HeaderRight #TopNavigation li a:hover { color: #00694c; background-image: url(/img/TopNavBg.gif); background-repeat: repeat-x; }
#HeaderRight #TopNavigation li .CMSListMenuLinkHighlighted { color: #00694c; background-image: url(/img/TopNavBg.gif); background-repeat: repeat-x; }
#HeaderRight #SubNav { margin-left: 45px; list-style: none; margin: 0; padding:0px;  /*border-top: 1px solid #cccccc;*/ }
#HeaderRight #SubNav li { display: inline; }
#HeaderRight #SubNav li a { font-size: 12px; color: #4a4a4a; float: left;     padding: 8px 10px 7px; display: block; }
#HeaderRight #SubNav li a:hover { background-image: url(/img/EPC_drop-down-nav.jpg); background-repeat: repeat-x;color: #00694c; }
#HeaderRight #SubNav .CMSListMenuHighlightedLI a { color: #00694c; background-image: url(/img/EPC_drop-down-nav.jpg); background-repeat: repeat-x;}
#HeaderRight #SubNavHolder{background-image:url("/img/subNaviBg.gif"); background-repeat:repeat-x;}
/* Homepage */
#MainBodyLeft { width: 657px; padding: 18px 30px 40px 0px; overflow: hidden; float: left; }
#MainBodyLeft ul { list-style-position: outside; padding-left: 0px; list-style: none; }
#MainBodyLeft ul li { background-image: url(/img/bullet.gif); background-position: left 6px; background-repeat: no-repeat; padding-left: 15px; }
#MainBodyLeft ul li a { color: #07533d; }
.umbraco-forms-container { padding-left: 30px; }
#MainBodyRight { width: 263px; padding: 23px 30px 0 0; float: left; overflow: hidden; }
.homepageIntro { width: 350px; }
#HomepageContentTop { background-image: url(/img/HomepageContentBg.jpg); background-repeat: no-repeat; background-position: right bottom; overflow: hidden; height: 285px; }
#HomepageLargeSignpostHolder { padding-top: 18px; }
#HomepageInfoBanner { padding-left: 10px; }
#HomepageVerticalSignposts { padding-top: 15px; }

/* JobsList Template */
#tabs {background:none;border:none;}
#JobListWrapper { }
#JobListWrapper h2 { font-size: 18px; color: #07533d; padding-bottom: 20px; }
#JobListWrapper ul { list-style: none; padding: 0; background:none;border:none;}
#JobListWrapper ul li { background-image: none; width:100px; float:left; background-color:#ebf3f1;border:none;padding:0;}
#JobListWrapper ul li a { width: 60px; display: block; color: #000; padding: 10px 20px 10px 20px;  }
#JobListWrapper ul li a:hover { color: #fff; background-color: #07533d; cursor:pointer;}
.ui-state-active {background-color:#07533d !important;color:#fff !important;}
.ui-state-active a {color:#fff !important;}
ui-tabs, .ui-tabs-panel {border:1px solid grey !important;}
.newsTabBottom { margin: 20px 0px;   padding: 30px 0 70px; border-top: 5px solid #07533d; border-bottom: 5px solid #07533d; }

/* JobDisplay Template */
#JobDisplay { font-size: 14px; }
.jobDisplayRow { padding: 2px 0; }
.jobDisplayLabel { font-weight: bold; }
#JobDisplayDesc { padding-top: 20px; }
.jobDisplayDesc { padding-top: 20px; }

#FormTop { margin-top: 20px; height: 4px; overflow: hidden; background-image: url(/img/FormHolderTop.gif); background-repeat: no-repeat; }
#FormBottom { height: 4px; overflow: hidden; background-image: url(/img/FormBottom.gif); background-repeat: no-repeat; }
.umbraco-forms-page { font-size: 14px; width: 625px; background-color: #efefef; padding: 30px 0 30px 0px; }
.umbraco-forms-page h2 { color: #00694c; font-size: 18px; padding: 0 0 20px 25px; }
.umbraco-forms-page h4 { color: #00694c; font-size: 18px; padding: 0 0 20px 25px; }
.umbraco-forms-page .umbraco-forms-container { width: 580px; padding-left: 80px; }
.umbraco-forms-page .umbraco-forms-container .umbraco-forms-field {margin-bottom:10px;}
.umbraco-forms-page .umbraco-forms-container label {float:left;width:120px;padding: 0 20px; }
.umbraco-forms-page .umbraco-forms-container input { padding-right: 0; width: 314px; height: 30px; padding-left: 5px; /*border:0px; background-image:url(/img/inputGreyBG.gif); background-repeat:no-repeat;*/ background-color: #dfdfdf; border: 1px solid #BBBBBB; }
.umbraco-forms-page .umbraco-forms-container textarea { width: 300px; padding: 10px; height: 80px; /*border:0px; background-image:url(/img/textboxBg.gif); background-repeat:no-repeat;*/ background-color: #dfdfdf; border: 1px solid #BBBBBB; }
.umbraco-forms-page .umbraco-forms-container .UploaderLabel { display: none; }
.umbraco-forms-page .umbraco-forms-container .fileButton { color: Red; }
.umbraco-forms-page .umbraco-forms-container select { width: 320px; border: 0; /*background: url("/img/ddlBg.gif") no-repeat scroll 0 0 transparent;*/ background-color: #dfdfdf; border: 1px solid #BBBBBB; height: 21px; }
.umbraco-forms-page .umbraco-forms-container input[type=checkbox] { width: 20px; margin:0; }
.umbraco-forms-page .umbraco-forms-container div.recaptcha2 {padding-left:160px;width:320px;display:block;height:100px;}
.umbraco-forms-page .btn { clear:both;float: right; background-image:url(/img/submit.gif);border:0;width:81px;height:23px;margin-right:64px;cursor:pointer;}
.umbraco-forms-page .field-validation-error { padding-left:160px;color:red; display:block;}


/*InnerPage Template */
#InnerPageTitleHolder { border-top: 2px solid #00664a; padding: 14px 0 14px 27px; }
#InnerPageTitleHolder .mainTitle { font-size: 25px; color: #00664a; }
#InnerPageTitle { }
#InnerPageTitle h1 { padding-top: 3px; font-size: 18px; line-height: 20px; color: #00664a; font-weight: bold; padding-bottom: 22px; }

/* Contact us Template */
.formPageRight { font-size: 14px; }
.formPageRight h2 { color: #07533d; font-size: 18px; padding-bottom: 22px; }
.formPageRight h3 { color: #07533d; font-size: 14px; padding-bottom: 2px; }
.formPageRight p { margin-top: 0px; color: #4a4a4a; }
.formPageRight a { color: #07533d; }
.formPageRight hr { color: #07533d; background-color: #07533d; height: 4px; margin: 20px 0; }
.EditingFormErrorLabel { color: Red; }

/* ItemDisplayTemplate */
#ItemText { padding: 20px 0; }

/* NewsList Template */
#NewsList { }
#NewsList .PagerControl { padding-bottom: 10px; }
#NewsList .PagerNumberArea { font-size: 14px; font-weight: bold; color: #b6b6b6; text-align: right; }
#NewsList .PagerNumberArea .SelectedPage { color: #00694C; }
#NewsList .PagerNumberArea a { color: #b6b6b6; }
#NewsList .PagerNumberArea a:hover { color: #00694C; text-decoration: underline; }
#NewsList .newsItem { padding: 26px 0; background: none; border-bottom: 2px solid #b6b6b6; }
#NewsList .newsItem0 { border-top: 2px solid #b6b6b6; }
#NewsList .newsItem h2 { font-size: 16px; color: #00694C; padding-bottom: 1px; }
#NewsList .newsItem .newsDate { padding-bottom: 20px; }
#NewsList .newsItem .newsSummary { font-weight: normal; padding-bottom: 20px; }
#NewsDetail { }
#NewsDetail h1 { font-size: 18px; color: #00694C; padding-bottom: 26px; padding-bottom: 26px; }
#NewsDetail #NewsImage { padding-bottom: 30px; }
#BackLink { padding: 30px 0; }
#BackLink a { color: #07533d; font-weight: bold; font-size: 14px; }
.backLink { padding: 30px 0; }
.backLink a { color: #07533d; font-weight: bold; }

.newsItem .productLeft { float: left; overflow: hidden; padding: 4px 0px 0 8px; width: 130px;  margin-right: 34px;}
.newsItem .productRight { float: left; width: 440px; }
/* SearchResults */
.searchDate { font-size: 10px; color: #4a4a4a; }
#SearchResultsWrapper { }
#SearchResultsWrapper .PagerControl { padding-bottom: 10px; }
#SearchResultsWrapper .PagerNumberArea { font-size: 14px; font-weight: bold; color: #b6b6b6; text-align: right; }
#SearchResultsWrapper .PagerNumberArea .SelectedPage { color: #00694C; }
#SearchResultsWrapper .PagerNumberArea a { color: #b6b6b6; }
#SearchResultsWrapper .PagerNumberArea a:hover { color: #00694C; text-decoration: underline; }
#SearchResultsWrapper .PagerResults { text-align: right; padding-top: 10px; font-size: 12px; color: #B6B6B6; }

/* Footer */
#FooterWrapper { line-height: 15px; color: #ffffff; margin-top: 20px; padding: 16px 0 50px 0; background-image: url(/img/FooterDivide.png); background-repeat: no-repeat; background-position: top bottom; }
#FooterWrapper a { color: #ffffff; }
#FooterWrapper a:hover { text-decoration: underline; }
#FooterLeft { width: 311px; float: left; }
#FooterMiddle { width: 390px; float: left; }
#FooterMiddle ul { list-style: none; margin: 0px; padding: 0px; }
#FooterMiddle ul li { }
#FooterMiddle ul li .CMSListMenuLinkHighlighted { font-weight: bold; }
#FooterMiddle ul li a { color: #ffffff; width: 180px; float: left; }
#FooterRight { width: 278px; float: left; }

/*Breadcrumb */
#BreadcrumbHolder { font-size: 12px; color: #4a4a4a; font-weight: bold; padding: 11px 0 11px 30px; border-bottom: 2px solid #dadada; }
#BreadcrumbHolder a { color: #4a4a4a; }
#BreadcrumbHolder a:hover { text-decoration: underline; }
#BreadcrumbHolder .CMSBreadCrumbsCurrentItem { color: #00664a; }
#BreadcrumbHolder .sep { width: 10px; background-image: url(/img/sep.gif); background-repeat: no-repeat; background-position: center; }

/* ProductList */
#ProductList { padding-top: 20px; }
.productItem { background-image: url(/img/ProductSep.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 35px; margin-bottom: 15px; }
.productItem .productLeft { width: 130px; overflow: hidden; padding: 4px 34px 0 8px; float: left; }
.productItem .productRight { width: 440px; float: left; }
.productItem .productRight h2 { color: #00664a; font-weight: bold; font-size: 18px; }
.productItem .productRight p { color: #4a4a4a; font-size: 14px; }
.productItem .productRight a { color: #00664a; font-size: 14px; padding-bottom: 15px; display: block; font-weight: bold; }

/* Testimonial */
#TestimonialWrapper { color: #4a4a4a; font-size: 14px; padding-bottom: 40px; }
#TestimonialWrapper h3 { color: #bcbd00; font-size: 16px; }
#TestimonialWrapper .testimonialName { color: #00664a; }


/* LargeSignposts */
.largeSignpostWrapper { height: 129px; overflow: hidden; padding-top: 14px; border-top: 5px solid #00694c; padding-bottom: 14px; }
.largeSignpostWrapper h2 { font-size: 24px; line-height: 24px; font-weight: normal; padding: 0px 0 0; }
.largeSignPost0 { border-color: #00694c; }
.largeSignPost0 h2 { color: #00694c; }
.largeSignPost1 { border-color: #baaaa6; }
.largeSignPost1 h2 { color: #baaaa6; }
.largeSignPost2 { border-color: #910056; }
.largeSignPost2 h2 { color: #910056; }
.largeSignpostImage { width: 229px; height: 129px; overflow: hidden; float: left; margin-right: 18px; }
.largeSignpostRight { width: 354px; float: left; position: relative; height: 129px; }
.largeSignpostRight p { font-size: 12px; width: 350px; height: 70px; overflow: hidden; margin: 8px 0 10px; }
.largeSignpostHolder { position: absolute; bottom: 0px; left: 1px; }

/* vertical signposts */
.verticalSignpostWrapper { width: 177px; padding: 0px 14px 28px 14px; float: left; border-right: 2px solid #c6c6c6; }
.verticalSignPost2 { border-right: 0px; }
.verticalSignpostWrapper h3 { color: #414141; font-size: 16px; height: 35px; }
.verticalSignpostWrapper p { font-size: 14px; }
.verticalSignpostImage { padding: 10px 0 17px 0; text-align: center; height: 171px; width: 171px; overflow: hidden; }

/* searchbox */
.searchBox { }
.searchBox label { display: none; }
.searchBox .searchText { height: 23px; line-height: 20px; width: 172px; margin-right: 10px; padding-left: 10px; border: 0px; background-image: url(/img/searchBoxBg.gif); background-repeat: no-repeat; }

/* VideoPlayer */
#HomepageVideoHolder { padding: 25px 0 17px 0; }

/* Latest jobs */
#LatestJobs { }
#LatestJobs a { }
#LatestJobs h2 { padding-left: 12px; color: #00694c; font-size: 16px; font-weight: normal; background-image: url(/img/LatestJobs.jpg); background-repeat: no-repeat; height: 39px; width: 265px; line-height: 39px; }
.jobItem { background-image: url(/img/RightSpacer.gif); background-position: left bottom; background-repeat: no-repeat; padding: 10px 0; padding-left: 2px; font-weight: bold; font-size: 14px; }
.jobItem a { color: #4a4a4a; }
.jobItem a:hover { text-decoration: underline; }
.jobItem p { margin: 0px; padding: 1px 0 0 0px; color: #b0b0b0; }

/* Latest news */
#LatestNews { padding-top: 22px; }
#LatestNews a { }
#LatestNews h2 { padding-left: 12px; padding-botton: 10px; color: #00694c; font-size: 16px; font-weight: normal; background-image: url(/img/LatestNews.gif); background-repeat: no-repeat; height: 39px; width: 265px; line-height: 39px; }
.newsItem { background-image: url(/img/RightSpacer.gif); background-position: left bottom; background-repeat: no-repeat; padding: 10px 0; padding-left: 2px; font-weight: bold; font-size: 14px; }
.newsItem a { color: #00694c; }
.newsItem a:hover { text-decoration: underline; }
.newsItem p { margin: 0px; padding: 1px 0 0 0px; color: #4a4a4a; }


/* RightSignposts */
#RightSignPostWrapper { padding: 22px 0; }
.rightSignpostItem { padding-bottom: 6px; }

/* HomepageBanner */
#HomepageBannerWrapper { width: 980px; height: 301px; position: relative; }
#HomepageBannerWrapper img { border: none; }
#HomepageLinks { width: 295px; position: absolute; top: 51px; right: 0px; }
#HomepageLinks a { line-height: 16px; font-size: 16px; color: #676767; text-decoration: none; background-image: url(/img/greyBannerLink.png); background-repeat: no-repeat; display: block; width: 295px; height: 65px; padding-bottom: 2px; }
#HomepageLinks a:hover { background-image: url(/img/greenBannerLink.png); color: #ffffff; }
#HomepageLinks .onState { background-image: url(/img/greenBannerLink.png); color: #ffffff; }
.homepageLinkItem { }
.homepageLinkItem .homepageLinkLeft { width: 88px; padding: 10px 0 0 10px; float: left; }
.homepageLinkItem .homepageLinkRight { padding-top: 12px; width: 175px; float: right; }

.ui-widget-overlay {
    background: url("../images/?new=666666&w=40&h=40&f=png&q=100&fltr[]=over|textures/08_diagonals_thick.png|0|0|20") repeat scroll 50% 50% #666666;
    opacity: 0.5;
}