/*
#e29500 orange
#a3b3b3 blue
#658b8d blue2

Rouge Script
Petit Formal Script
Calligraffitti

#a3b3b3 blue 
#658b8d blue 

*/

#userbody a.bnj-button{
	padding:2em;
	background:#658b8d;
	color:#ffffff;
	margin:3em auto 1em auto;
	display:inline-block;
	border-radius:4px;
}
#userbody a.bnj-button:hover{
	background:#658b8d;
	color:#ffffff;
	opacity:0.8;
}


.swmlink{float:right; clear:both; color:#ccc; font-size:11px; text-decoration:none;}
.swmlink:hover{color:#fff;}

.iframeform{border:0px}

.homelogo{margin-right:10px;}

/* ############################################################ */
/* SET TEMPLATES BG COLOUR AND WIDTH */
.template_bnj_no_columns{z-index:10;}
.template_bnj_left_column{z-index:10;}
.template_bnj_home{z-index:10;}

.centerpage{margin:0 auto; width:980px;}
.centerpage .cpinner{padding:15px;}

.cc{clear:both; height:20px;}
.colleft{float:left; width:235px;}
.colbody{float:right; width:685px;}

.colbodyleft{float:left; margin-right:20px;}
.colbodyright{float:right; margin-left:20px;}

/* ############################################################ */

.colin50_1{margin:0em 30px 0em 0em;}
.colin50_2{margin:0em 0em 0em 30px;}

.colin33_1{margin:0em 20px 0em 0em;}
.colin33_2{margin:0em 10px 0em 10px;}
.colin33_3{margin:0em 0em 0em 20px;}

.colpad{padding:30px;}

.colrack,.colp25,.colp33,.colp50,.colp67,.colp75,.colp100{margin-bottom:20px;}
.colrack{padding:0 20px;}
.colin{margin:20px; border:1px solid #eee;}/* */

.colleft .vpad{height:1px; background:#ddd; margin:10px 0px;}
.colleft .tit{font-weight:bold; font-size:36px; color:#658b8d;}
.colleft .tit2{font-weight:bold; font-size:18px; color:#658b8d;}
.colleft .tit3{font-family:Arial,serif; font-weight:400; font-size:18px; margin-bottom:4px; color:#e29500;}
.colleft .openinghours{margin-bottom:20px;}
.colleft .openinghours td{font-size:13px; width:110px;}


#pagehead{
	background:#fff;
	padding:0px 0 0px 0;
	border-bottom: 1px solid #ddd;
}
#pagehead .logo{float:right;}
#pagehead #headtext{margin:20px 0px 0px 0px; color:#a3b3b3;}
#pagehead #headtext .tit{margin:20px 0px 0px 0px; font-weight:bold; font-size:25px;}
#pagehead #headtext .tit2{margin:20px 0px 0px 0px; font-weight:bold; font-size:18px;}
#pagehead #headtext .tit3{font-family:Arial,serif; font-weight:400; font-size:18px; margin-bottom:4px; color:#e29500;}

#pagemidtophome{background:#a3b3b3;}
#pagemid{background:#fff;}

#userbody {color:#777;}
#userbody p{line-height:150%;}
#userbody ul{margin:0em 0em 25px 15px;}
#userbody ol{margin:0em 0em 25px 15px;}
#userbody a{color:#007ddc; text-decoration:none;}
#userbody a:hover{color:#658b8d;}
#userbody a.plainlink{color:#007ddc; text-decoration:none;}
#userbody a.plainlink:hover{color:#6eb86e; text-decoration:none;}
#userbody ul.bullets li{margin:0px 0px 15px 15px;}
h1,h2,h3,h4,h5,h6,p{margin-bottom:20px;}
h1{color:#658b8d; font-weight:400; font-family:Arial,serif;}
h2,h3,h4,h5,h6{color:#777; font-family:Arial,serif; font-weight:400;}

p{text-align:justify;}
h2,h3{color:#e29500;}
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:18px;}
.inlinetitle{font-family:Arial,serif; font-weight:400; font-size:24px; color:#e29500;}

#pagefoot{padding:0; margin:0 0 0 0; background:#333; color:#fff; font-size:12px;}
#pagefoot .colin{}
#pagefoot .copyright{}

.hm1{margin:0px 0px 15px 0px; font-size:16px; float:left;}
.hm1 ul{}
.hm1 li{float:left; margin:0px 10px 0px 0px; color:#aaa;}
.hm1 li.on{padding:0px 4px; background:#a3b3b3; color:#fff;}
.hm1 a{color:#658b8d; text-decoration:none; padding:0px 4px;}
.hm1 a:hover{color:#fff; background:#658b8d;}

.hm2{margin:0px 0px 0px 0px; font-size:12px;}
.hm2 ul{}
.hm2 li{float:left; margin:0px 10px 0px 0px; color:#aaa;}
.hm2 a{color:#e29500; text-decoration:none;}
.hm2 a:hover{color:#fff;}

.annoying{vertical-align:middle;}

.iconmenu{margin:0px 0px 10px 0px;}
.iconmenu .icon{float:left; padding-right:4px;}
.iconmenu .label{float:left; display:none;}

.bluebg{background:#a3b3b3; color:#fff;}
.bluebg p{color:#ffffff;}
.bluebg h2{color:#ffffff; text-shadow:1px 1px 3px #658b8d; font-family:Arial,serif; font-weight:400;}

.backtop{text-align:right; font-size:12px;}
.backtop a{color:#007ddc; text-decoration:none;}
.backtop a:hover{color:#e29500;}


#homepagebox{background-image:url(../gfx/bnj/homepic-blur.jpg); background-repeat:no-repeat; background-position:left center; height:340px;}
#homepagebox .homepageboxinner{}

#bnjhometext{
	z-index:31; position:absolute; width:380px; margin:20px 0px 0px 40px;
	background-image:url(../gfx/sys/50p_black.png); background-repeat:repeat; background-position:center center;
}
#bnjhometext .bnjhometextinner{
	margin:10px;
	color:#fff;
	text-align:center;
	font-size:16px; font-weight:bold;
}

#bnjhometel{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	z-index:31;
	position:absolute;
	width:280px;
	margin:20px 0px 0px 700px;
	border: 1px solid rgba(255,255,255,0.1);
	
}
#bnjhometel .bnjhometelinner{
	color:#555;
	text-align:right;
	font-size:19px;
	font-weight:bold; 
	margin-right:20px;
}
#bnjhometel .number{
	font-size:38px;
	color:#fff;
}

#bnjhometitle{
	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	z-index:31;
	position:absolute;
	width:600px;
	margin:110px 0px 0px 380px;
	background-image:url(../gfx/sys/50p_white.png); background-repeat:repeat; background-position:center center;
	border: 1px solid rgba(0,0,0,0.2);

}
#bnjhometitle .bnjhometitleinner{
	color:#fff;
	text-align:right;
	font-size:44px;
	font-weight:bold; 
	text-transform:uppercase;
	margin-right:20px;
	text-shadow:1px 1px 2px #a3b3b3;
}

.bnjhomemenu{z-index:30; position:absolute; margin:110px 0 0 0;}
.bnjhomemenu ul{margin:0px;}
.bnjhomemenu li{
	font-size:40px; font-weight:bold; text-transform:uppercase;
}
.bnjhomemenu a{
	text-decoration:none;
	background-image:url(../gfx/sys/50p_black.png); background-repeat:repeat; background-position:center center;
	color:#ccc;
	margin:0px;
	padding:0px 6px 0px 5px;
}
.bnjhomemenu a:hover{
	color:#e29500;
	padding-right:4px;
	border-right:4px solid #222;
}



.bnjpic{
	margin-bottom:20px;
	-moz-box-shadow:inset 0px 0px 20px 10px rgba(0,0,0,0.3); -webkit-box-shadow:inset 0px 0px 20px 10px rgba(0,0,0,0.3); box-shadow:inset 0px 0px 20px 10px rgba(0,0,0,0.3);

}


/* clients */
#pic20048376{
	width:685px;
	height:300px;
	background:#ffffff url('../gfx/bnj/20048376.jpg') no-repeat left center;
}

/* Staff Categories */
#pic18791381{
	width:685px;
	height:440px;
	background:#ffffff url('../gfx/bnj/18791381.jpg') no-repeat left top;
}
#pic18791381 .divin{padding-top:320px;}/**/
#pic18791381 .divin div{
	float:left;
	padding:4px 20px;
	font-size:28px;
	font-weight:bold;
	font-family: Arial, serif;
	font-weight: 400;
	color:#fff;
	background:rgba(0,0,0,0.5);
	border: 1px solid rgba(0,0,0,0.2);
}
/*#pic18791381 .divin .b1{margin:-20px 0px 0px 50px;}*/
#pic18791381 .divin .b1{margin:0px 0px 0px 60px;}
#pic18791381 .divin .b2{margin:0px 0px 0px 70px;}
#pic18791381 .divin .b3{margin:0px 0px 0px 60px;}

/* news */
#pic19519438{
	width:685px;
	height:380px;
	background:#ffffff url('../gfx/bnj/19519438.jpg') no-repeat left center;
}
#pic19519438 .divin{
	padding:20px 30px;
	margin:0px 35px 0px 370px;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	font-family: Arial, serif;
	font-weight: 400;
	color:#fff;
}

/* staffing evolved */
#pic19453313{
	width:685px;
	height:440px;
	background:#ffffff url('../gfx/bnj/19453313.jpg') no-repeat left center;
}
#pic19453313 .divin{
	padding:30px;
	margin:0px 40px 0px 340px;
	font-size:28px;
	font-weight:bold;
	font-family: Arial, serif;
	font-weight: 400;
	color:#fff;
	background:rgba(0,0,0,0.5);
	border: 1px solid rgba(0,0,0,0.2);
}

/* Candidates */
#pic15376967{
	width:685px;
	height:360px;
	background:#ffffff url('../gfx/bnj/15376967.jpg') no-repeat left center;
}
#pic15376967 .divin{
	padding:30px;
	margin:180px 40px 0px 40px;
	font-size:24px;
	font-weight:bold;
	font-family: Arial, serif;
	font-weight: 400;
	color:#fff;
	background:rgba(0,0,0,0.5);
	border: 1px solid rgba(0,0,0,0.2);
}


.small{font-size:12px;}
/*
#bnjcontactbbox{
	z-index:30; position:absolute;
	float:right;
	height:40px;
	width:300px;
	background-image:url(../gfx/sys/50p_black.png); background-repeat:repeat; background-position:center center;

}
*/


.bnjformstyle{margin-bottom:15px;}
.bnjformstyle .formrequired{color:#cc2222; font-size:12px; padding-left:5px;}
.bnjformstyle .formerrors{color:#cc2222;}

.bnjformstyle label{}
.bnjformstyle input[type="text"], .bnjformstyle input[type="password"], .bnjformstyle textarea{
	background:#eee;
	-moz-box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.3); box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.3);
	padding:2px 6px;
	margin-bottom:5px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;
	border: 1px solid #ddd;
}
.bnjformstyle input[type="text"]:focus, .bnjformstyle input[type="password"]:focus, .bnjformstyle textarea:focus{
	background:#fff;
	-moz-box-shadow: inset 1px 3px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 3px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 3px 2px rgba(0, 0, 0, 0.1);
}
.bnjformstyle input[type="submit"], .bnjformstyle a.linkbutton, .bnjformstyle button{
	cursor:pointer;
	font-size:12px;
	padding:2px 6px;
	margin-bottom:5px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;
	background: #cccccc; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ddc', endColorstr='#003862'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#007ddc), to(#003862)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#007ddc,#003862); /* for firefox 3.6+ */ 
	border: 1px solid #ccc;
	text-decoration:none;
	color:#fff;
}


.bnjformstyle input.unchecked, .bnjformstyle textarea.unchecked{border: 1px solid #ddd; /*background:#e7e9e1 url('../gfx/gennav/icon15-required.png') no-repeat left center;*/}
.bnjformstyle input.unvalidated, .bnjformstyle textarea.unvalidated{border: 1px solid #cc2222; /*background:#e7e9e1 url('../gfx/gennav/icon15-required.png') no-repeat left center;*/}
.bnjformstyle input.validated, .bnjformstyle textarea.validated{border: 1px solid #22aa22; /*background:#e7e9e1 url('../gfx/gennav/icon15-required.png') no-repeat left center;*/}

#subscribeform{}
#subscribeform label{display:none;}



#contactform{}
#contactform label{clear:both; float:left;}
#contactform input, #contactform textarea{float:right; width:300px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#contactform .formend{clear:both;}
#contactform .chalresponsepic{float:right;}
#contactform .formerrors{float:right; width:340px;}

.hline{margin:20px 0px 20px 0px; border:1px dotted #eee;}