/************************************/

/**** HOME PAGE CAROUSEL STYLES *****/



/**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-container".

 */

.jcarousel-container {
	position: relative;
}
.jcarousel-list li a {
	outline:none;
}
.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	width:770px;
	float:left;
}
.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.jcarousel-list li,  .jcarousel-item {
	float: left;
	display:inline;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */

    width: 770px;
	height: auto;
}
/**

 * The buttons are added dynamically by jCarousel before

 * the <ul> list (inside the <div> described above) and

 * have the classnames "jcarousel-next" and "jcarousel-prev".

 */

.jcarousel-next {
	z-index: 3;
	display: block;
}
.jcarousel-prev {
	z-index: 3;
	display: block;
}
/************************************/

/*** CONTENT PAGE CAROUSEL STYLES ***/



/**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-container".

 */

.jcarousel-container {
	position: relative;
}
#content_container .jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 1.5em 0 0 -25px;
	overflow: hidden;
	position: relative;
	width:355px;
	float:left;
	padding:0 0 0 145px;
}
.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
#content_container .jcarousel-list li,  #content_container .jcarousel-item {
	float: left;
	display:inline;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */

    width: 213px;
	height: 150px;
	position:relative;
	top:-145px;
}
.root_about-us #content_container .jcarousel-list li a, .root_digital #content_container .jcarousel-list li a, .root_employee-engagement #content_container .jcarousel-list li a, #appointments-commission #content_container .jcarousel-list li a {
	display:block;
	width:206px;
	height:145px;
	bottom:-145px;
	position:relative;
	background:url(/wp-content/images/general/caro/pink-icon_enlarge.png) no-repeat -9999px -9999px;
	/*zoom:1;*/

	float:left;
}
.root_recruitment-marketing #content_container .jcarousel-list li a, .root_future-talent #content_container .jcarousel-list li a {
	display:block;
	width:206px;
	height:145px;
	bottom:-145px;
	position:relative;
	background:url(/wp-content/images/general/caro/blue-icon_enlarge.png) no-repeat -9999px -9999px;
	/*zoom:1;*/

	float:left;
}
.root_employer-branding #content_container .jcarousel-list li a {
	display:block;
	width:206px;
	height:145px;
	bottom:-145px;
	position:relative;
	background:url(/wp-content/images/general/caro/yellow-icon_enlarge.png) no-repeat -9999px -9999px;
	/*zoom:1;*/

	float:left;
}
.root_research-insight #content_container .jcarousel-list li a {
	display:block;
	width:206px;
	height:145px;
	bottom:-145px;
	position:relative;
	background:url(/wp-content/images/general/caro/green-icon_enlarge.png) no-repeat -9999px -9999px;
	/*zoom:1;*/

	float:left;
}
#content_container .jcarousel-list li a:hover, #content_container .jcarousel-list li a:focus, #content_container .jcarousel-list li a:active {
	background-position:50% 50% !important;/*zoom:1;*/

}
#content_container .jcarousel-list li a img {
	position:relative;
	z-index:-1;
}
#caro_fade_left {
	background:url(/wp-content/images/general/caro_grad.png) top left repeat-y;
	width:65px;
	height:146px;
	position:absolute;
	left:70px;
	top:22px;
	z-index:100;
}
#caro_fade_right {
	background:url(/wp-content/images/general/caro_grad.png) top right repeat-y;
	width:65px;
	height:146px;
	position:absolute;
	top:22px;
	left:520px;
	z-index:1000;
}
#content_container .jcarousel-list li:last-child {
	padding-right:70px;
}
/**

 * The buttons are added dynamically by jCarousel before

 * the <ul> list (inside the <div> described above) and

 * have the classnames "jcarousel-next" and "jcarousel-prev".

 */

.jcarousel-next {
	z-index: 3;
	display: block;
}
.jcarousel-prev {
	z-index: 3;
	display: block;
}