/* CSS Document - new version*/

body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px; margin: 0px; 
	color: #666666; font-size:.9em; line-height: 1.4em; 
}

.clearer {clear: both; width: 1px; height:1px;}
.hide {display: none;}
.amend {color:#FF00FF; font-size:.8em;}

h1 {color: #002776; font-size: 2.em; text-transform: uppercase; line-height: 1em; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
h2 {color: #009fda; font-size: 1.4em; line-height: 1em; font-weight:normal; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
h3 {color: #002776; font-size: 1em; font-weight:bold; margin: 0px; padding: 0px 0px 10px 0px; }
h4 {color: #002776; font-size: 1em; font-weight:bold; margin: 0px; padding: 0px 0px 0px 0px; }


p	{ font-size: 1em; margin: 0px; padding: 0px 0px 10px 0px;}
ul	{ font-size: 1em; margin: 0px 0px 0px 25px; padding: 0px 0px 10px 0px;}

p.intro {font-size: 1.2em; color:#002776; }
p.intro2 {font-size: 1.2em; color:#002776; padding: 0px 0px 0px 0px; }
p.quote {font-size: 1.2em; color:#ffffff; }
p.arrowlink {background-image: url(../images/Link-text.gif); background-position: top left; background-repeat:no-repeat; padding-left: 8px;}

a:link, a:visited	{ color: #3e5991; text-decoration:none; padding: 0px 0px 0px 0px;}
a:hover, a:focus	{ color: #002776; text-decoration: underline; padding: 0px 0px 0px 0px; }

li a	{ list-style: none}

h2 a:link, h2 a:visited {color: #009fda; text-decoration: none; }
h2 a:hover, h2 a:focus	{ color: #002776; text-decoration: underline; padding: 0px 0px 0px 0px; }

.collapsable { 
    margin: 0px; 
    padding: 0px; 
}
 
.collapsable p {margin: 0px; padding: 0px 0px 10px 0px;}
.collapsable h4, .collapsable h3 {display: inline; }

.outercontainer {
	width: 970px;
	margin-left: auto; margin-right: auto;
	margin-top: 0px; margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
}

#header {
	width: 970px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 
}
	
#logo {
	width: 375px;
	height: 43px;
	text-align:left;
	padding:31px 3px 31px 3px;    
	margin: 0px 350px 0px 0px;
	float:left; 
}

#topmenu 		{width:239px; float:left; padding: 0px; margin: 0px; font-size: .6em; text-transform:uppercase;}

#topmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #e7e7e7;
}
#topmenu ul li {
  width: 100px; display: block;
  position: relative;
  float: left;
  font-weight: bold;
  background: #e7e7e7;
  padding: 5px 5px 5px 5px;
  border-right: 2px solid #ffffff;
  line-height:1em;
  
}
#topmenu li ul { display: none; margin-left:-10px;}
#topmenu ul li a {
  width: 90px; 
  display: block;
  text-decoration: none;
  padding: 0px;
  white-space: nowrap;
}
#topmenu ul li a:hover { background: #e7e7e7; }
#topmenu li:hover ul {
  display: block;
  position: absolute;
}
#topmenu li:hover li {
  float: none;
}
#topmenu li:hover a { background: #e7e7e7; }
#topmenu li:hover li a:hover { background: #e7e7e7; }


#topmenu2 		{width:239px; float:left; padding: 0px; margin: 0px; font-size: .6em; text-transform:uppercase; }

#topmenu2 ul {
  width: 100px; 
  margin: 0;
  padding: 0;
  list-style: none;
  background: #e7e7e7;
  position:relative;
}
#topmenu2 li {
  width: 100px; display: block;
  font-weight: bold;
  background: #e7e7e7;
  padding: 5px 5px 5px 5px;  
}
#topmenu2 li ul {display: none; margin-left:-10px;}
#topmenu2 ul li a {
  width: 90px; 
  display: block;
  text-decoration: none;
  border-top: 2px solid #ffffff;
  padding: 0px;
  white-space: nowrap;
}
#topmenu2 ul li a:hover { display: block; background: #e7e7e7; }
#topmenu2 li:hover ul {
  display: block;
  position: absolute;
  top:60px;
}
#topmenu2 li:hover li {
  float: none;
}
#topmenu2 li:hover a { background: #e7e7e7; }
#topmenu2 li:hover li a:hover { background: #e7e7e7; }



/* START Page Content */ 

.contentcontainer {
	width: 962px; padding:5px 0px; margin: 0px 4px;
}

/* TOP NAV */

#nav{
width:940px; padding: 0px 0px 0px 12px; margin:0px 0px 5px 5px; 
text-transform:uppercase;
background-image: url(images/blue-bar.jpg); background-repeat: no-repeat; 
}

#nav ul 			{width:930px; padding: 0px; margin:0px; }
#nav li				{padding:0px 2px 0px 0px; margin:0px 0px 0px 0px; list-style:none; float:left; display:block; background-image:url(images/nav-sep3.jpg); background-position: right; background-repeat: repeat-y; }
#nav a, 
#nav a:visited  	{padding:10px 10px 9px 10px; text-align:center; font-weight: bold; text-decoration:none; display: inline-block; font-size: .8em; color:#FFFFFF;  }
#nav a:hover, 
#nav a:focus 		{padding:10px 10px 9px 10px; text-align:center;  font-weight: bold; text-decoration:none; display: inline-block; font-size: .8em; color:#ffffff; background-image:url(images/nav-hover.jpg); background-position:top right; background-repeat: repeat-x; } 
#nav a.selected   	{padding:10px 10px 9px 10px; text-align:center;  font-weight: bold; text-decoration:none; display: inline-block; font-size: .8em; color:#ffffff; background-image:url(images/nav-on.jpg); background-position:top right; background-repeat: repeat-x; }

#nav li.nonavborder {background-image:none;}

/* Column containers */ 
.cc-standard 	{width: 424px; float: left; padding: 0px 0px 0px 5px; margin: 0;}
.cc-wide 		{width: 523px; float: left; padding: 0px 0px 0px 5px; margin: 0;}
.cc-third 		{width: 314px; float: left; padding: 0px 0px 0px 5px; margin: 0;}
.cc-twothirds 	{width: 633px; float: left; padding: 0px 0px 0px 5px; margin: 0;}
.cc-full 		{width: 957px; float: left; padding: 0px 0px 0px 5px; margin: 0;}


/* boxes*/ 
.b-full			{width: 910px; padding: 20px 20px 10px 20px; margin: 0px 0px 5px 5px; border: 1px #d9d9d9 solid; }
.b-full-last	{width: 910px; padding: 20px 20px 10px 20px; margin: 0px 0px 0px 5px; border: 1px #d9d9d9 solid;}

.b-standard 	{width: 382px; padding: 20px 20px 10px 20px; margin: 0px 0px 5px 0px; border: 1px #d9d9d9 solid;}
.b-wide			{width: 481px; padding: 20px 20px 10px 20px; margin: 0px 0px 5px 0px; border: 1px #d9d9d9 solid;}
.b-third		{width: 272px; padding: 20px 20px 10px 20px; margin: 0px 0px 5px 0px; border: 1px #d9d9d9 solid; float: left;}
.b-third-fixed1	{width: 272px; min-height: 125px; _height: 172px; padding: 20px 20px 10px 20px; margin: 0px 0px 5px 0px; border: 1px #d9d9d9 solid;}
.b-third-fixed2	{width: 272px; min-height: 172px; _height: 172px; padding: 20px 20px 10px 20px; margin: 0px 0px 5px 0px; border: 1px #d9d9d9 solid;}
.b-twothirds	{width: 591px; min-height: 125px; _height: 172px; padding: 20px 20px 10px 20px; margin: 0px 0px 5px 0px; border: 1px #d9d9d9 solid;}

/* boxes for inside b-full, example on top and bottom of uk latest news*/ 
.b-floattwothirds 	{width: 589px; float:left;}
.b-floatthird 		{width: 267px; float:left;}
.b-floatpadding 	{width: 30px; padding: 10px; float:left;}


/* .com version boxes*/ 

.b-twothirds-contact-hayscom {width: 591px; height: 188px; *height: 187px; _height: 187px; padding: 20px 20px 20px 20px; margin: 0px 0px 5px 0px; border: 1px #d9d9d9 solid;}


/*apac*/
.cc-apacindex-left {width: 384px; float: left; padding: 0px 0px 0px 5px; margin: 0;}
.b-apacindex-left  {width: 342px; padding: 20px 20px 10px 20px; margin: 0px 0px 5px 0px; border: 1px #d9d9d9 solid; float: left;}
.b-apacindex-video {width: 521px; padding: 20px; margin: 0px 0px 5px 5px;  height: 562px; *height: 598px; _height: 598px; float:left; border: #d9d9d9 solid 1px; }
.b-videoapac 	   {width: 521px; padding: 0px; margin-bottom: 15px;  min-height: 293px; _height: 293px; float:left;}
.b-apacmap 		{width: 481px; height:363px; *height:364px; _height: 364px; padding: 20px; margin-bottom: 5px; border: 1px #d9d9d9 solid; }

/*fr*/
.aboutusfr-height {height:375px;}
.b-FRmap 		{width: 481px; height:382px; *height:370px; _height: 370px; padding: 20px; margin-bottom: 5px; border: 1px #d9d9d9 solid; }
.b-haysfr		{width: 272px; height: 164px; _height: 173px; *height: 173px; padding: 20px 20px 10px 20px; margin: 0px 0px 5px 0px; border: #d9d9d9 solid 1px; line-height: 1.4em; float:left;}
.b-frlatestwork {width: 272px; height: 164px; _height: 173px; *height: 173px; padding: 20px 20px 10px 20px; margin: 0px 5px 5px 0px; border: #d9d9d9 solid 1px; line-height: 1.4em; float:left;}
.b-frlatestworkimg {height:99px; *height:100px; _height: 100px; margin: 0px; }
.b-frindexintro 	{width: 272px; height:494px; *height:503px; _height: 503px; padding: 20px 20px 10px 20px; margin: 0px 0px 5px 0px; border: 1px #d9d9d9 solid; }

/* UK Index page boxes*/ 
.b-leftofvideo 	{width: 359px; padding: 0px 20px 0px 0px  ; margin-left: 0px; margin-right: 5px;margin-bottom: 5px; min-height: 293px; _height: 293px; float:left;}
.b-video 		{width: 521px; padding: 0px; margin-bottom: 5px;  min-height: 293px; _height: 293px; float:left;}
#flashcontent 	{width: 521px; height: 293px; margin: 0px; padding: 0px;}
#flashmessage 	{width: 481px; padding: 20px; text-align: center;}

.b-uklatestwork {width: 272px; height: 182px; padding: 20px; margin: 0px 5px 5px 0px; border: #d9d9d9 solid 1px; line-height: 1.4em; float:left;}
.b-uklatestworkimg {height:99px; *height:100px; _height: 100px; margin: 0px; }
.b-blog		{width: 272px; height: 182px; padding: 20px; _padding: 20px 20px 10px 20px; margin: 0px 5px 5px 0px; border: #d9d9d9 solid 1px; line-height: 1.4em; float:left;}
.b-blog ul  {margin: 0; list-style: none; padding: 0; }
.b-blog li  {margin-bottom: 1em; }
.b-didyouknow	 {width: 272px; height: 182px; padding: 20px; margin: 0px 0px 5px 0px; border: #d9d9d9 solid 1px; line-height: 1.4em; float:left;}


.b-ukmap		{width: 481px; height:365px; *height:366px; _height: 307px; padding: 20px; margin-bottom: 5px; border: 1px #d9d9d9 solid; }
.b-ukmap a 		{padding: 0px; margin: 0px; font-size:.8em;}

.b-portfolio 	{width: 286px; padding: 0px 0px 0px 0px; margin: 0px 5px 5px 0px; float: left; text-align:left; border: #d9d9d9 solid 1px;}
.b-portfolio a img { border-bottom: #d9d9d9 solid 1px;}
.b-portfolio h3 {padding: 20px 20px 0px 20px; }
.b-portfolio p  {padding: 0px 20px 20px 20px; }
.b-portfolio p a {font-weight: normal;}

.b-portfolio-apac 	{width: 286px; padding: 0px 0px 0px 0px; margin: 0px 5px 5px 0px; float: left; text-align:left; border: #d9d9d9 solid 1px;}
.b-portfolio-apac a img { border-bottom: #d9d9d9 solid 1px;}
.b-portfolio-apac h3 {padding: 10px 10px 0px 15px; }
.b-portfolio-apac p  {padding: 0px 10px 10px 15px; }
.b-portfolio-apac p a {font-weight: normal;}


.b-testimonials {width: 272px; height:735px; *height:745px; _height: 745px; padding: 20px 20px 20px 20px; margin: 0px 0px 5px 0px; border: 1px #d9d9d9 solid;}
.b-testimonials h4 {padding: 0px 0px 20px 0px;}


.workexample-index 	{width: 343px; height: 100px; margin: 0px 0px 0px 0px; border: solid #d9d9d9 1px;}
#image_slider 		{position: relative; width: 343px; height: 100px; float:left;  }
#image_slider span 	{display:none;}

.team  		{width: 77px; height: 140px; padding: 5px 5px 5px 5px; margin: 5px 5px 0px 0px; border: solid #d9d9d9 1px; float:left;}
.team img  	{width:  65px; height:  75px; padding: 0px 0px 5px 0px; margin: 0px; }
.team h3 	{padding: 0px; margin: 0px; line-height:1em;}
.team p 	{font-size: .8em; line-height: 1.2em; padding: 0px; margin: 0px;}


/* Team photos */ 
.b-twothirds-team	{width: 611px; min-height: 125px; _height: 172px; padding: 20px 0px 20px 20px; margin: 0px 0px 5px 0px; border: 1px #d9d9d9 solid; }

			.boxgrid h2{ margin: 10px 10px 0 10px; color:#ffffff; font-size: .9em; line-height: 1em; font-weight:bold; padding: 0px 0px 5px 0px; text-transform:uppercase;}
			
			.boxgrid{ 
				width: 94px; 
				height: 94px; 
				margin:0px 5px 5px 0px; 
				float:left; 
				background:#161613; 
				border: 0; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#002776; 
					font-weight:bold !important; 
					font:.8em Arial, sans-serif;
					text-transform:uppercase; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #009fda; 
				height: 94px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 94px;
 					left: 0;
 				}



/* UK latest news page*/ 

.b-news {width: 272px; height: 352px; padding: 20px 20px 20px 20px; margin: 0px 0px 4px 0px; border: 1px #d9d9d9 solid; }
.b-news ul { list-style: none; padding: 0; margin: 0; }
.b-news li { margin-bottom: 10px; line-height:1em; }
.b-news a { color: #3e5991; text-decoration:none; line-height: 1em; font-size: 1em;}
.b-news a:hover, #b-news a:focus { color: #002776; text-decoration: underline; font-size: 1em;}
.b-news .datefield {font-size: .6em;}

.twtr-hd, .twtr-ft {display: none;}
.twtr-tweet-text p, twtr-widget p	{ font-size: 1em; margin: 0px; padding: 0px 0px 5px 0px; color: #666666; line-height: 1.6em !important;}
a.twtr-reply {float:right; padding: 0px 0px 1px 0px; *padding: 0px 0px 5px 0px; *margin-top: -5px;}
.twtr-tweet-wrap {padding: 10px 0px !important; *padding: 10px 0px 0px 0px !important;}

/* End of UK latest news page*/ 



/* bespoke boxes*/ 

.welcome 				{width: 390px; height: 253px; padding: 20px; margin: 0px 0px 5px 0px; border: #d9d9d9 solid 1px; }
.box-latestandgreatest 	{width: 390px; height: 193px; padding: 20px; margin: 0px 0px 5px 0px; border: #d9d9d9 solid 1px; }
.box-featuredservice 	{width: 217px; height: 193px; padding: 20px; margin: 0px 5px 5px 0px; border: #d9d9d9 solid 1px; float:left;}

.downloadList { margin: 1em 0 0 0; padding: 0; list-style: none; }
.downloadList li { margin-bottom: 1em; padding-left: 20px; }
.downloadList li.heading { padding: 0; margin-bottom: 0.4em; font-size: 1em;}

.downloadList a { line-height: 1.4em; font-size: 1.2em; color: #3e5991; text-decoration:none; padding: 0px 0px 0px 0px;}
.downloadList a:hover, .download a:focus { line-height: 1.4em; font-size: 1.2em; color: #002776; text-decoration: underline; padding: 0px 0px 0px 0px; }
a.rss { background: url(images/icon-rss-14x14.jpg) left no-repeat; padding: 3px 0 3px 30px !important; border: none !important; }

/*** twitter feed styling */






.footer					{width: 439px; float:left; padding-top: 5px; font-size: 1.2em;  }
.footerline	{color: #009fda}
.feeds					{width: 438px; float:left; text-align: right; }

.testimonial-full-con		{width: 880px; padding: 10px 0px; margin: 0px;}

.services 			{width: 230px; min-height: 180px; _height: 180px; padding: 20px; margin: 0px 0px 5px 0px; border: #d9d9d9 solid 1px; }
z.latestwork 		{width: 105px; margin: 5px 5px 0px 0px; border: solid #d9d9d9 3px; float:left; }
.portfolioright		{width: 296px; padding: 0px 0px 10px 0px; margin: 0px 0px 5px 0px; float: left; text-align:left;}
.portfolio a img, .portfolioright a img	{width: 286px; border: #d9d9d9 solid 1px; }

.address 			{width: 240px; float:left; padding: 0px; margin: 0px;}

a img {border: none}




/* Footer */


#container-footer 		{width: 952px; padding: 0px; margin: -1px 0px 0px 5px; clear:both; background-image:url(images/footer-top.gif); background-position:center top; background-repeat:no-repeat; }

.footerlinks 				{width:704px; height: 30px; padding: 13px 20px 6px 0px; margin:0px 0px 0px 0px; font-size: .6em; float:left; }
	.footerlinks ul 		{width:704px; padding:0px 0px 0px 0px; margin:0px; }
	.footerlinks li			{padding:0px 5px 0px 5px; margin:0px 0px 0px 0px; border-right: solid 1px #00aeef; list-style:none; float:left; }
	.footerlinks a:link,
	.footerlinks a:visited  {padding:0px; margin:0px 0px 0px 0px;  }
	.footerlinks a:hover, 
	.footerlinks a:focus   	{padding:0px; margin:0px 0px 0px 0px;  }
	
	.footerlinks li.norightborder 			{border-right: none;}
	.footerlinks li.nopaddingleft 			{padding-left: 0px;}

	.footer-share 			{width: 208px; height: 29px; padding: 20px 0px 0px 20px ; font-size: 1.1em; line-height: 1.8em; float:left; }
	.icon 					{width: 14px; padding-right: 5px; float:left;}
	.share 						{padding:0px; width:170px; height:15px; margin: 0px; float:right;   }
	.addthis_button_expanded 	{padding: 0px; font-size:12px; line-height: 1em; }
	#share_icons 				{padding: 0px; }



/* Buttons */

.button1 a:link,
.button1 a:visited	{width: 128px; height: 52px; padding: 15px 32px 10px 10px; color:#FFFFFF; margin-bottom: 10px; font-size: 1em; line-height: 1em; display:block; text-transform:uppercase; font-weight:bold;  
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button-rectangle.jpg); background-position: 0 0px; background-repeat:no-repeat;}
.button1 a:hover,
.button1 a:focus  	{width: 128px; height: 52px; padding: 15px 32px 10px 10px; color:#009fda; margin-bottom: 10px; text-decoration:none; display:block;text-transform:uppercase; font-weight:bold;
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button-rectangle.jpg); background-position: 0 -77px; background-repeat:no-repeat;}

.module-button2container {width:148px; padding: 10px 10px 0px 10px; margin: 00px 00px 10px 00px; border: 1px #d2e4ff solid;}
.button2				{width: auto; padding:0px; margin: 0px 0px 10px 0px;  font-size: 1em; line-height: 1em;  text-transform:uppercase; font-weight:bold;  }
	.button2 ul 		{width: auto; padding:0px; margin: 0px; float:left; clear:both; display:block; border-bottom:#848484 solid 1px; border-right:#848484 solid 1px; border-left: solid 1px #cbd0ca; border-top: solid 1px #cbd0ca; }
	.button2 li			{width: auto; padding:5px 0px 4px 4px; list-style:none; background-image:url(http://www.hays.co.uk/jobs/services/code/images/expandablebutton3-grad.jpg); background-repeat:repeat-x; background-position:bottom;  }
	.button2 a  		{width: auto; padding:5px 32px 4px 4px; text-decoration:none; background-image:url(http://www.hays.co.uk/jobs/services/code/images/button-white-line-expandable-right2.jpg); background-repeat:no-repeat; background-position:top right; }
	.button2 a:hover   	{width: auto; padding:5px 32px 4px 4px; text-decoration:none; background-image:url(http://www.hays.co.uk/jobs/services/code/images/button-white-line-expandable-right2.jpg); background-repeat:no-repeat; background-position:bottom right;}

.button2b				{width: auto; padding:0px; margin: 0px 0px 0px 0px;  font-size: 1em; line-height: 1em; text-transform:uppercase; font-weight:bold;  }
	.button2b ul 		{width: auto; padding:0px; margin: 0px; float:left; clear:both; display:block; border-bottom:#848484 solid 1px; border-right:#848484 solid 1px; border-left: solid 1px #cbd0ca; border-top: solid 1px #cbd0ca; }
	.button2b li		{width: auto; padding:5px 0px 4px 4px; list-style:none; background-image:url(http://www.hays.co.uk/jobs/services/code/images/expandablebutton3-grad.jpg); background-repeat:repeat-x; background-position:bottom;  }
	.button2b a  		{width: auto; padding:5px 32px 4px 4px; text-decoration:none; background-image:url(http://www.hays.co.uk/jobs/services/code/images/button-white-line-expandable-right2.jpg); background-repeat:no-repeat; background-position:top right; }
	.button2b a:hover   {width: auto; padding:5px 32px 4px 4px; text-decoration:none; background-image:url(http://www.hays.co.uk/jobs/services/code/images/button-white-line-expandable-right2.jpg); background-repeat:no-repeat; background-position:bottom right;}

.button3 a:link,
.button3 a:visited	{width: 128px; height: 18px; padding: 10px 32px 9px 10px; color:#FFFFFF; margin-bottom: 10px; font-size: 1em; line-height: 1em;display:block; text-transform:uppercase; font-weight:bold;  
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button-linelong.jpg); background-position: 0 0px; background-repeat:no-repeat;}
.button3 a:hover,
.button3 a:focus  	{width: 128px; height: 18px; padding: 10px 32px 9px 10px; color:#009fda; margin-bottom: 10px; text-decoration:none; display:block;text-transform:uppercase; font-weight:bold;
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button-linelong.jpg); background-position: 0 -37px; background-repeat:no-repeat;}

.button4-container {width: 170px; margin-bottom: 10px;}
.button4 a:link,
.button4 a:visited	{width: 136px; height: 17px; padding: 5px 27px 4px 7px; margin-bottom: 2px; font-size: 1em; line-height: 1em;display:block; text-transform:uppercase; font-weight:bold;  
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button4.jpg); background-position: 0 0px; background-repeat:no-repeat;}
.button4 a:hover,
.button4 a:focus  	{width: 136px; height: 17px; padding: 5px 27px 4px 7px; margin-bottom: 2px; text-decoration:none; display:block;text-transform:uppercase; font-weight:bold;
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button4.jpg); background-position: 0 -26px; background-repeat:no-repeat;}

.button5-container {width: 260px; }
.button5 a:link,
.button5 a:visited	{width: 226px; height: 17px; padding: 5px 27px 4px 7px; margin-bottom: 10px; font-size: 1em; line-height: 1em;display:block; text-transform:uppercase; font-weight:bold;  
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button5.jpg); background-position: 0 0px; background-repeat:no-repeat;}
.button5 a:hover,
.button5 a:focus  	{width: 226px; height: 17px; padding: 5px 27px 4px 7px; margin-bottom: 10px; text-decoration:none; display:block;text-transform:uppercase; font-weight:bold;
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button5.jpg); background-position: 0 -26px; background-repeat:no-repeat;}


.button6 a:link,
.button6 a:visited	{width: 128px; height: 18px; padding: 10px 32px 9px 10px; color:#FFFFFF; margin-bottom: 10px; font-size: 1em; line-height: 1em;display:block; text-transform:uppercase; font-weight:bold; float:left;  
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button-linelong.jpg); background-position: 0 0px; background-repeat:no-repeat;}
.button6 a:hover,
.button6 a:focus  	{width: 128px; height: 18px; padding: 10px 32px 9px 10px; color:#009fda; margin-bottom: 10px; text-decoration:none; display:block;text-transform:uppercase; font-weight:bold; float:left;
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button-linelong.jpg); background-position: 0 -37px; background-repeat:no-repeat;}


.button7-container {width: 260px; }
.button7a a:link,
.button7a a:visited	{width: 226px; height: 22px; padding: 13px 27px 5px 7px; margin-bottom: 10px; font-size: 1em; line-height: 1em;display:block; text-transform:uppercase; font-weight:bold;  
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button7.jpg); background-position: 0 0px; background-repeat:no-repeat;}
.button7a a:hover,
.button7a a:focus  	{width: 226px; height: 22px; padding: 13px 27px 5px 7px; margin-bottom: 10px; text-decoration:none; display:block;text-transform:uppercase; font-weight:bold;
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button7.jpg); background-position: 0 -40px; background-repeat:no-repeat;}


.button7b a:link,
.button7b a:visited	{width: 226px; height: 30px; padding: 5px 27px 5px 7px; margin-bottom: 10px; font-size: 1em; line-height: 1em;display:block; text-transform:uppercase; font-weight:bold;  
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button7.jpg); background-position: 0 0px; background-repeat:no-repeat;}
.button7b a:hover,
.button7b a:focus  	{width: 226px; height: 30px; padding: 5px 27px 5px 7px; margin-bottom: 10px; text-decoration:none; display:block;text-transform:uppercase; font-weight:bold;
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button7.jpg); background-position: 0 -40px; background-repeat:no-repeat;}


.button8-container {width: 275px; float:left; padding-left: 10px; padding-bottom: 10px; }
.button8 a:link,
.button8 a:visited	{width: 243px; height: 17px; padding: 5px 25px 4px 7px; margin-bottom: 10px; font-size: 1em; line-height: 1em;display:block; text-transform:uppercase; font-weight:bold;  
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button8.jpg); background-position: 0 0px; background-repeat:no-repeat;}
.button8 a:hover,
.button8 a:focus  	{width: 243px; height: 17px; padding: 5px 25px 4px 7px; margin-bottom: 10px; text-decoration:none; display:block;text-transform:uppercase; font-weight:bold;
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button8.jpg); background-position: 0 -26px; background-repeat:no-repeat;}


.button8-container {width: 275px; float:left; padding-left: 10px; padding-bottom: 10px; }
.button8-norpad a:link,
.button8-norpad a:visited	{width: 248px; height: 17px; padding: 5px 20px 4px 7px; margin-bottom: 10px; font-size: 1em; line-height: 1em;display:block; text-transform:uppercase; font-weight:bold;  
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button8.jpg); background-position: 0 0px; background-repeat:no-repeat;}
.button8-norpad a:hover,
.button8-norpad a:focus  	{width: 248px; height: 17px; padding: 5px 20px 4px 7px; margin-bottom: 10px; text-decoration:none; display:block;text-transform:uppercase; font-weight:bold;
								background-image:url(http://www.hays.co.uk/jobs/services/code/images/button8.jpg); background-position: 0 -26px; background-repeat:no-repeat;}





/* Forms */

#HAYS-form {  width: 650px; border:0; margin: 0; padding: 0 0px 0px 0px; text-align: left; font-family: Arial, Verdana, sans-serif; position: relative; margin-left:auto; margin-right:auto; font-size: 1em; line-height: 1.6em;}

#HAYS-form label {  width: 650px; padding: 15px 0px 0px 0px; margin: 0px; vertical-align: top; text-align: left; display:block; clear:both; font-size: 1em; line-height: 1.6em; color: #002776; font-weight:bold; border-top: dashed 1px #CCCCCC;}
#HAYS-form ol, #HAYS-form ul { width: 100%; list-style: none; margin: 0; padding: 0;  }
#HAYS-form input { width: 308px; padding: 5px; float:left; }
#HAYS-form .border { border: #009fda solid 1px; }
#HAYS-form .border2 {border: #5d83a4 solid 1px; }

#HAYS-form radio, #HAYS-form checkbox {float: left; line-height: 1.6em;}
#HAYS-form .radio-row	{width: 275px; padding: 5px 0px; clear:both; }
#HAYS-form .radio-row span {font-weight: normal; color:#666666;}
#HAYS-form input.radio, #HAYS-form input.checkbox { width:10px; float:left; padding: 0px; margin: 0px 0px 0px 0px;  }
#HAYS-form label#radio, #HAYS-form label#checkbox { width:250px; float:right; border-top: none; padding: 0px; margin: -15px 0px 0px 0px; _margin: 0px 0px 0px 0px; *margin: 0px 0px 0px 0px;  }


#HAYS-form textarea { width: 310px; padding: 4px; font-size: small; float: left; }
#HAYS-form select { width: 320px; padding: 4px; border: #3399cc solid 1px; float:left; font-size: 1em; line-height: 1.6em;}
#HAYS-form file { width: 15em; padding: 2px; font-size: small; border: #31638c solid 1px; font-size: 1em; line-height: 1.6em;}



#HAYS-form h2 {color: #009fda; padding-top: 20px; padding-bottom:10px; clear:both;}
#HAYS-form h3 {color: #002776; padding-top: 10px; padding-bottom:10px;}
#HAYS-form p	{clear:both; padding-top: 20px; text-align:left;}

#HAYS-form .form-row 	{ padding: 0px 0px 10px 0px; font-size: .9em; line-height: 1.6em;}
#HAYS-form .form-field	{ width: 300px; float: left; padding-right: 20px;}
#HAYS-form .form-example { width: 308px; float: left; background-color:#ebebeb; padding: 5px 5px 5px 5px; margin-left: 10px; font-size: .8em; line-height: 1.6em; border: #CCCCCC solid 1px; }
#HAYS-form .radiobtn-container {width: 297px; padding: 10px; margin-bottom: 10px;  display:block; float:left; border: #009fda solid 1px; }
#HAYS-form .radiobtn-container label#Other {width: 250px; border-top: none; padding-top: 0px; }
#HAYS-form .radiobtn-container input#Other {width: 250px;  }

#HAYS-form .clearer {clear: both; width: 1px; height:1px;}

#HAYS-form input#sendbutton, 
#HAYS-form input#resetbutton { 
	width:100px; margin: 0px 10px 3px 0px; padding: 3px;
	background:#ffffff; border: solid 1px #cccccc;
	color:#3399cc; text-transform:uppercase; font-weight:bold;
	cursor: pointer; display: inline; text-align:left;
	background-image:url(../images/button-white-line-expandable-right2.jpg); background-repeat:no-repeat; background-position:top right;   
}

#HAYS-form input#sendbutton:hover, 
#HAYS-form input#resetbutton:hover {
	width:100px; margin: 0px 10px 3px 0px; padding: 3px;
	background:#3399cc;  border: solid 1px #cccccc;
	color:#ffffff; text-transform:uppercase; font-weight:bold;
	cursor: pointer;  display: inline; text-align:left; 
	background-image:url(../images/button-white-line-expandable-right2.jpg); background-repeat:no-repeat; background-position:bottom right; 
}

#HAYS-form input#sendbutton:active, 
#HAYS-form input#resetbutton:active {
	width:100px; margin: 0px 10px 3px 0px; padding: 3px;
	background:#002776;  border: solid 1px #cccccc;
	color:#ffffff; text-transform:uppercase; font-weight:bold;
	cursor: pointer;  display: inline; text-align:left; 
	background-image:url(../images/button-white-line-expandable-right2.jpg); background-repeat:no-repeat; background-position:bottom right; 
}

.required-onwhite {background-image: url(images/star-onwhite.jpg); background-position: center; background-repeat:no-repeat; width: 17px; height: 17px; border:none; display: inline-block; background-color: #009fda; }
.required {background-image:url(images/star.jpg); background-position: bottom; background-repeat:no-repeat; width: 17px; height: 17px; border:none; display: inline-block; background-color: #009fda; }
.warning-onwhite {background-image:url(images/warning-onwhite.jpg); background-position: center; background-repeat:no-repeat; width: 17px; height: 17px; border:none; display: inline-block; background-color: #fb3600;    }
.warning {background-image:url(images/warning.jpg); background-position: bottom; background-repeat:no-repeat; width: 17px; height: 17px; border:none; display: inline-block; background-color: #fb3600;    }



#HAYS-smallform {  width: 308px; border:0; margin: 0; padding: 0 0px 0px 0px; text-align: left; font-family: Arial, Verdana, sans-serif; position: relative; font-size: 1em; line-height: 1.6em;}

#HAYS-smallform label {  width: 308px; padding: 10px 0px 0px 0px; margin: 0px; vertical-align: top; text-align: left; display:block; clear:both; font-size: 1em; line-height: 1.6em; color: #002776; font-weight:bold;}
#HAYS-smallform ol, #HAYS-form ul { width: 100%; list-style: none; margin: 0; padding: 0;  }
#HAYS-smallform input { width: 308px; padding: 5px; float:left; }
#HAYS-smallform .border { border: #009fda solid 1px; }
#HAYS-smallform .border2 {border: #5d83a4 solid 1px; }

#HAYS-smallform radio, #HAYS-smallform checkbox {float: left; line-height: 1.6em;}
#HAYS-smallform .radio-row	{width: 275px; padding: 5px 0px; clear:both; }
#HAYS-smallform .radio-row span {font-weight: normal; color:#666666;}
#HAYS-smallform input.radio, #HAYS-smallform input.checkbox { width:10px; float:left; padding: 0px; margin: 0px 0px 0px 0px;  }
#HAYS-smallform label#radio, #HAYS-smallform label#checkbox { width:250px; float:right; border-top: none; padding: 0px; margin: -15px 0px 0px 0px; _margin: 0px 0px 0px 0px; *margin: 0px 0px 0px 0px;  }

#HAYS-smallform textarea { width: 310px; padding: 4px; font-size: small; float: left; }
#HAYS-smallform select { width: 320px; padding: 4px; border: #3399cc solid 1px; float:left; font-size: 1em; line-height: 1.6em;}
#HAYS-smallform file { width: 15em; padding: 2px; font-size: small; border: #31638c solid 1px; font-size: 1em; line-height: 1.6em;}

#HAYS-smallform .form-example { width: 308px; float: left; background-color:#ebebeb; padding: 5px 5px 5px 5px; margin-left: 10px; font-size: .8em; line-height: 1.6em; border: #CCCCCC solid 1px; }
#HAYS-smallform .radiobtn-container {width: 297px; padding: 10px; margin-bottom: 10px;  display:block; float:left; border: #009fda solid 1px; }
#HAYS-smallform .radiobtn-container label#Other {width: 250px; border-top: none; padding-top: 0px; }
#HAYS-smallform .radiobtn-container input#Other {width: 250px;  }

#HAYS-smallform .clearer {clear: both; width: 1px; height:1px;}

#HAYS-smallform input#sendbutton, 
#HAYS-smallform input#resetbutton { 
	width:100px; margin: 0px 10px 3px 0px; padding: 3px;
	background:#ffffff; border: solid 1px #cccccc;
	color:#3399cc; text-transform:uppercase; font-weight:bold;
	cursor: pointer; display: inline; text-align:left;
	background-image:url(../images/button-white-line-expandable-right2.jpg); background-repeat:no-repeat; background-position:top right;   
}

#HAYS-smallform input#sendbutton:hover, 
#HAYS-smallform input#resetbutton:hover {
	width:100px; margin: 0px 10px 3px 0px; padding: 3px;
	background:#3399cc;  border: solid 1px #cccccc;
	color:#ffffff; text-transform:uppercase; font-weight:bold;
	cursor: pointer;  display: inline; text-align:left; 
	background-image:url(../images/button-white-line-expandable-right2.jpg); background-repeat:no-repeat; background-position:bottom right; 
}

#HAYS-smallform input#sendbutton:active, 
#HAYS-smallform input#resetbutton:active {
	width:100px; margin: 0px 10px 3px 0px; padding: 3px;
	background:#002776;  border: solid 1px #cccccc;
	color:#ffffff; text-transform:uppercase; font-weight:bold;
	cursor: pointer;  display: inline; text-align:left; 
	background-image:url(../images/button-white-line-expandable-right2.jpg); background-repeat:no-repeat; background-position:bottom right; 
}