html {
	height: 100%;
	min-height: 100%;
	border-width: 0px;
}

img {border:0}

body {
	height: 100%;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background-color: #9fcf67;                                                                                           /*green*/
	color: #666666;
}

#purplepage {
    width:980px;    
	background: #7968ad url('images/purplepage-top.jpg') top left no-repeat;    /*purple*/
	color: #666666;
	margin-top:20px;
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;
	padding: 0 0 10px 0;
}

#purplepagemenu {
    position:relative;
	background-color: #7968ad;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 60px 0 60px;
	padding: 12px 0 27px 0;
}

#whitepage {
    position:relative;
    width:940px;    
	background: #FFFFFF url('images/whitepage-middle.jpg') top left repeat-y;
	color: #666666;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
}

#whitepagebanner {
   position:relative;
   height:114px;
   margin:0;
   padding:0;
   background: #FFFFFF url('images/whitepage-top.jpg') top left no-repeat;    /*white*/
   z-index:1;
}

/* default Linkology */
a, a:visited,a:active {color:#9fcf67; text-decoration:none;}
a:hover {color:#7968ad; text-decoration:underline;}

a.lightlink, a.lightlink:visited,a.lightlink:active {font-size: 12px; color:#7968ad; text-decoration:none;border-bottom: 1px dotted #7968ad;}
a.lightlink:hover {font-size: 12px; color:#7968ad; text-decoration:none;border-bottom: 1px solid #7968ad;}

#contactdetails {
   position:relative;
   float:right;
   padding: 10px 50px 0 0;
   z-index:2;
}

#contactdetails p {
   font-family: 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
   font-size:18px;
   letter-spacing: 0px;
   color:#7968ad;
   background-color:inherit;
   font-weight:bold;
   text-align:right;
   margin: 10px 0 10px 0;
}
span.fieldname{
   color:#9fcf67;
   background-color:inherit;
}

#whitepagetabbar {
  position:relative;
  clear:both;
  width:930px;
  height:60px;
  margin: 0 5px 0 5px;
  border-bottom: 10px solid #9fcf67;
}

#rssicon {
   position:relative;
   float:right;
   height:58px;
   width:45px;
}

.rssiconright {
   position:relative;
   float:right;
   text-align:center;
   font-size:10px;
/*   height:75px;*/
   width:45px;
   margin: 10px; 
}

#rssicon a:hover, .rssiconright a:hover {
   text-decoration:none;
}

.contactustable {background: url('images/contactustable.jpg') top left no-repeat;margin-top:10px;}

/* Hot Jobs */
.hotjob {
   position:relative;
   height: 250px;
   margin: 10px 5px 10px 8px;
}
.hotjob p {margin:0;}
.hotjobtop {background: #FFFFFF url('images/hotjob-top.jpg') top left no-repeat;height:26px;width:174px;}
.hotjobmiddle {background: #FFFFFF url('images/hotjob-middle.jpg') top left repeat-y;height:207px;width:174px;}
.hotjobbottom {background: #FFFFFF url('images/hotjob-bottom.jpg') top left no-repeat;height:17px;width:174px;}
#hotjobbutton {
   display:block;
   font-family: 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
   font-size:18px;
   letter-spacing: 0px;
   color:#7968ad;
   background-color:transparent;
   text-align:center;
   padding-top:4px;   
}
.recruiterimage{height:30px;}
.viewandapply{height:28px;}

#showhere {padding:5px;}
.jobshortdesc {
   height:80px;
   font-size: 12px;
   text-align:left;
   overflow:hidden;
}
.hotjoblisting .jobshortdesc {
   padding-top:5px;
}
.jobtable {margin-top:10px;}
.jobtitle a, .articlenewstitle a {
   font-size: 14px;
   font-weight:bold;
   color:#7968ad;
   text-decoration:none;
}
.region, .salary {
   font-size: 14px;
   font-weight:bold;
   color:#9fcf67;
}
.articlenews {
   font-size: 12px;
   font-weight:normal;
   color:#9fcf67;
}

.sku {
   font-size: 14px;
   font-weight:bold;
   color:#9fcf67;
}
#news_button{padding-top:2px;}

.article, .news {
   margin: 5px 0 10px 0;
}
.erbbreadcrumbs {
  position:relative;
  margin: 10px 0 10px 10px;
  height:29px;
}

#emailafriend {width:148px;float:right;height:28px;}

/*vacancies button*/
.vacancies {
   position:relative;
   height: 84px;
   width:177px;
   margin: 5px 0 10px 5px;
   font-family: 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
   font-size:18px;
   letter-spacing: 0px;
   color:#7968ad;
   background-color:transparent;
   background: #FFFFFF url('images/viewallicon.jpg') top left no-repeat;
}
.vacancies span {display:block; padding: 15px 0 0 0; text-align:center; line-height:0.9em}
.vacancies a, .vacancies a:visited {color:#7968ad;}
.vacancies a:hover {color:#9fcf67;text-decoration:none;}

/*Blog and twitter button */
.blog, .twitter {
   position:relative;
   height: 114px;
   width:175px;
   margin: 5px 0 5px 5px;
}

.tips {
   position:relative;
   height: 186px;
   width:137px;
   margin: 5px 0 5px 20px;
}

/*Page Content*/
#pagecontent h1 {
   font-family: 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
   font-size:30px;
   letter-spacing: 0px;
   color:#7968ad;
}
#pagecontent h1 span.h1green {color:#9fcf67;background-color:inherit;}

#pagecontent h2 {
   font-family: 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
   font-size:20px;
   letter-spacing: 0px;
   color:#7968ad;
}

#pagecontent h3 {
   font-family: 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
   font-size:16px;
   letter-spacing: 0px;
   color:#7968ad;
}

#pageviewright {
   position:relative;
   width:240px;
   float:right;
   margin:10px;
}

#pageviewsmallright{
   position:relative;
   width:124px;
   float:right;
   margin:10px 20px 0 0;
}

#pagecontenttext {margin:0;padding: 0 20px 20px 0;}
#pagecontentleft {width:200px;}
#pageviewright img {float:right;}
#pagecontentfooter {clear:both;padding-top:0;}
.emailnowbutton {display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;margin-top:0;}

/*Global Footer */
#footer {
   font-size:0.8em;
   color: #ffffff;
   background-color:inherit;
   text-align:right;
   padding: 0 20px 0 0;
}
#footer a, #footer a:visited, #footer a:active {color:#9fcf67; text-decoration:none;border-bottom: 1px dotted #9fcf67;}
#footer a:hover {color:#9fcf67; text-decoration:none;border-bottom: 1px solid #9fcf67;}
#footer a.minimal, #footer a.minimal:visited, #footer a.minimal:active {color:#9fcf67; text-decoration:none;border-bottom: 0;}
#footer a.minimal:hover {color:#9fcf67; text-decoration:none;border-bottom: 0;}


/* Bookmarks */
.bookmarkholder {width: 400px;height:20px;margin-left:auto;margin-right:auto;}
.bookmark { float: left; } 
.bookmark ul { background: none; border: none; } 
.bookmark li { padding: 0px 5px; }

/* Job Page */
div.job {
   margin: 0 10px 10px 10px;
}

div.job h1 {
   margin-top:0;
}   

/* Jobs (not Job) Page */
.joblisting {
   position:relative;
   width:715px;  /*+20px padding = 735 */ 
   height: 158px; /*+20px padding = 178 */
   background: url('images/joblisting.jpg') top left no-repeat;
   margin-bottom:10px;
   padding:10px;
}
.joblistingcaption {height:65px;}

.searchbox {
	background: url('images/searchbox.jpg') top left no-repeat ;   
	height:28px;
	width:250px;
	margin:0 10px 0 10px;
	padding: 4px 0 0 10px;
	color: #FFFFFF;
	background-color:transparent;
}
.searchbox span.floatleft{float: left;}
.searchselect {width:140px;}

/* SItemap page */
ul.menusitemapsub {
   margin-left: 0; 
   padding-left: 5em;
   position:relative;
   top:-10px;   
}
ul.menusitemapsub li {
   list-style-type:circle;
}

/*    
*     Special Section
*/
.ajaxtooltip{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 300px;
left: 0; /*leave this alone*/
top: 0; /*leave this alone*/
background: #FFFFE0;
border: 2px solid gray;
border-width: 1px 2px 2px 1px;
padding: 5px;
}

/*tabify*/
#ArticlesNewsContent {
	float:left;
	background:inherit;
	font-size:14px;
	width:550px;
	margin: 10px;
}
ul.tabs {
	margin:0;
	list-style:none;
}
ul.tabs li {
	display:inline;
	margin:0;
	padding:0;
}
ul.tabs a {
	float:left;
	width:103px;
	height:45px;
	background:#7968ad url("images/tableftF.gif") no-repeat left top;
	margin:0 5px 0 0;
	padding:0 0 0 7px;
	text-align:center;
	text-decoration:none;
	border-bottom: 1px solid #9fcf67;
}
ul.tabs a span {
	float:left;
	display:block;
	height:38px;
	width:82px;
	background:url("images/tabrightF.gif") no-repeat right top;
	padding:7px 15px 0px 6px;     
	color:#FFFFFF;
}
ul.tabs a:hover span {color:#FFFFFF;}
ul.tabs a:hover {background-position:0% -45px;}
ul.tabs a:hover span {background-position:100% -45px;}                    

ul.tabs li.sel a {background-position:0% -45px;}
ul.tabs li.sel a span {background-position:100% -45px;}

.tabcontent{
  border-top: 10px solid #9fcf67;
}   

/* Mail Form */
#bodyform{background-color:#ffffff;}
fieldset{border:0;}
ul.form{list-style:none;padding:0;margin:0 auto;width:380px;border:0;}
ul.form li{border-bottom:1px dashed #7968ad;padding:6px 0;height:35px;}

.form_head{
   height:20px;
   width:400px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size:16px;
   color:#7968ad;
   text-align:left;
   border-bottom:0 !important;
}

ul.form li label{display:block;float:left;width:160px;}
.required{display:block;font-size:10px;color:#5b6170;width:160px;float:left;clear:left;}
ul.form li input, ul.form li select, ul.form li textarea {
   width:210px;
   background-color:#eff8e7;
   border:2px solid #eff8e7;
   padding-left:3px;
}

ul.form li.submit{text-align:right;border:0;}
ul.form li.submit input{
   background:transparent url('images/send.jpg') no-repeat;
   border:0 none;cursor:pointer;
   display:block;
   height:28px;
   width:64px;
   overflow:hidden;
   text-indent:-4000px;
   float:right;
}

#comment{width:400px;background-color:#ccc;border:2px solid #eff8e7;}

ul.form li textarea{height:90px;width:370px;}

ul.form li.comment .required, ul.form li.comment label{width:120px;}

li.comments{height:130px !important;}
.valid{border:2px solid green !important;}
.invalid{border:2px solid #800 !important;}

p.centered {text-align:center;}