@charset "UTF-8";
/* CSS Document */

.clear {
	clear: both;	
}


div.access {
    display:none;
}

#wrapper {
    width: 1017px;
    background-color: #74798a;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#main {
    width: 1017px;
    float:left;
    background-image: url(/content/images/white_bg_mdl.gif);
    background-repeat: repeat-y;
    text-align: left;
    position: relative;

}


#printButton {
    position:absolute;
    width:99px;
    height:25px;
    z-index:1;
    left: 630px;
    top: -46px;
}
#printButton a:link {
    background-image: none;
}
.disappear {
    display: none;
}
/*--------------------- Header ---------------------*/

#banner	{
    width: 1017px;
    float:left;
    position: relative;
    background-image: url(/content/images/grey_bg_top.gif);
    background-repeat: no-repeat;
    font-size: 62.5%;
    margin: 0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

#logo {
    width: 150px;
    height: 66px;
    text-align: left;
    margin: 0px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    float:left;
}

#header #navSix, #header #navSix a {
    background-position:0% -900px;
    color:#333;
    color: #FFF;
}
#header #navSix a {
    background-position:100% -900px;
}



/*-------------------- Home page Extras --------------------*/

hr.footer {
    width: 950px;
    border: 0;
    border-bottom: 1px dotted #CCC;
    margin-left: 30px;
    padding: 3px;
    padding-top: 5px;
    margin-bottom: 5px;
}

#whiteFooter {
    font-size: 62.5%;
    margin: 0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}




#whiteFooter ul {
    float: left;
    margin: 0px;
    padding: 0px;
}
#whiteFooter ul li {
    float: left;
    padding: 0 0 0 15px;
    margin-left: 13px;
    color: #666666;
    list-style-type: none;
    background: url(/content/images/footerbullet.gif) left center no-repeat;
}
#whiteFooter a:link, #whiteFooter a:visited {
    color: #666633;
    text-decoration: none;
}
#whiteFooter a:hover {
    text-decoration: underline;
}
#whiteFooter .first {
    background: none;
    margin-left: 255px
}
/*--------------------- Content ---------------------*/




#academyinfo {
    float: left;
    background-color: #fff;
    margin-left: 7px;
}


#whiteFooter {
    width: 997px;
    height: 22px;
    clear: both;
    background-color: #74798a;
    background-image: url(/content/images/white_bg_btm.gif);
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 20px;
}
#copyright {
    clear: none;
    text-align: left;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 859px;
}

#greyFooter {
    width: 997px;
    color: #FFFFFF;
    clear: both;
    background-image: url(/content/images/grey_bg_btm.gif);
    background-repeat: no-repeat;
    height: 37px;
    text-align: right;
    vertical-align: middle;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#greyFooter a:link, #greyFooter a:visited {
    color: #FFFFFF;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 8px;
    padding-left: 0px;
}

.upabit {
    position:relative;
    bottom: 12px;

}
#greyFooter a:hover {
}










/*HAVAS STYLE SHEET STARTS HERE _ LOWER IN ORDER */


* {
    margin:0;
    padding:0;
}

.clear {
    clear:both;
}

img {border:none; outline:none;}

body {
    font-family:Arial, Helvetica, sans-serif;
}

#container {
    width:1003px;
    margin:0 auto 0 auto;
}

#headerAcademy {
    width:1003px;
    height:283px;
    background:url(../images/header_bg.jpg) no-repeat;
    z-index:200;
    position:relative;
}
#headerAcademy-link {
    position: absolute;
    top: 45px;
    left: 20px;
    width: 225px;
    height: 115px;
    background-color: transparent;
    cursor: pointer;
}

/* Header Nav */

#top-nav {
    height: 25px;
    background-color: rgb(126,108,86);
    margin: 0 6px;
}
#top-nav ul li:first-child {
    margin-left: 30px;
}
#top-nav ul li {
    float: left;
    padding-right: 20px;
    font-size: 11px;
    vertical-align: middle;
    line-height: 25px;
    list-style-type: none;
}
#top-nav a {
    color: #FFF;
}
#top-extra-menu {
    position: absolute;
    margin-right: 30px;
    z-index: 1000;
    right: -15px;
    top: 35px;
}
#top-extra-menu ul li:first-child {
    list-style-type: none;
}
#top-extra-menu ul li {
    float: left;
    padding-right: 25px;
    font-size: 13px;
    list-style-type: disc;
    color: #666;
}
#top-extra-menu a {
    color: #666;
    text-decoration: none;
}
#top-extra-menu a:hover {
    color: #666;
    text-decoration: underline;
}

ul#nav {
    padding:239px 44px 0 0;
    height:43px;
    list-style-type:none;
    float:right;
    z-index:90;
}

ul#nav li {
    float:left;
    margin:0 1px 0 0;
    position: relative;
}

ul#nav li#explore a {
    display:block;
    width:90px;
    height:43px;
    background:url(../images/explore_rollover.jpg) no-repeat;
    margin:0 0 1px 0;
}

ul#nav li#explore a:hover, ul#nav li#explore a.selected {
    background:url(../images/explore_rollover.jpg) 0 -43px no-repeat;
}

ul#nav li#graduates a {
    display:block;
    width:116px;
    height:43px;
    background:url(../images/graduates_rollover.jpg) no-repeat;
    margin:0 0 1px 0;
}

ul#nav li#graduates a:hover, ul#nav li#graduates a.selected {
    background:url(../images/graduates_rollover.jpg) 0 -43px no-repeat;
}

ul#nav li#apprenticeships a {
    display:block;
    width:169px;
    height:43px;
    background:url(../images/apprentices_rollover.jpg) no-repeat;
    margin:0 0 1px 0;
}

ul#nav li#apprenticeships a:hover, ul#nav li#apprenticeships a.selected {
    background:url(../images/apprentices_rollover.jpg) 0 -43px no-repeat;
}

ul#nav li#placements a {
    display:block;
    width:128px;
    height:43px;
    background:url(../images/placements_rollover.jpg) no-repeat;
    margin:0 0 1px 0;
}

ul#nav li#placements a:hover, ul#nav li#placements a.selected {
    background:url(../images/placements_rollover.jpg) 0 -43px no-repeat;
}

ul#nav li#school a {
    display:block;
    width:164px;
    height:43px;
    background:url(../images/school_rollover.jpg) no-repeat;
    margin:0 0 1px 0;
}

ul#nav li#school a:hover, ul#nav li#school a.selected {
    background:url(../images/school_rollover.jpg) 0 -43px no-repeat;
}

/* Dropdown styles */

ul#nav .dropdown-holder
{
    position:absolute;
    padding: 0;
    width: 250px;
    float:none;
    margin:0 0 0 0;
    z-index:100;
}

ul#nav ul.dropdown
{
    position:relative;
    padding: 0;
    width: 250px;
    float:none;
    z-index:90;
}

#dropdown-header {
    height:14px;
    width:230px;
    background:url(../images/dropnav-bg-top.png) top right no-repeat;
}

#dropdown-main {
    width:230px;
    background:url(../images/dropnav-bg.png) bottom right repeat-y;
}

#dropdown-bottom {
    height:18px;
    width:230px;
    background:url(../images/dropnav-bg-bottom.png) bottom right no-repeat;
}

#dropdown-header-grads {
    height:14px;
    width:230px;
    background:url(../images/dropnav-bg-top-grads.png) top right no-repeat;
}

#dropdown-main-grads {
    width:230px;
    background:url(../images/dropnav-bg-grads.png) bottom right repeat-y;
}

#dropdown-bottom-grads {
    height:18px;
    width:230px;
    background:url(../images/dropnav-bg-bottom-grads.png) bottom right no-repeat;
}

#dropdown-header-apps {
    height:14px;
    width:230px;
    background:url(../images/dropnav-bg-top-apps.png) top right no-repeat;
}

#dropdown-main-apps {
    width:230px;
    background:url(../images/dropnav-bg-apps.png) bottom right repeat-y;
}

#dropdown-bottom-apps {
    height:18px;
    width:230px;
    background:url(../images/dropnav-bg-bottom-apps.png) bottom right no-repeat;
}

#dropdown-header-place {
    height:14px;
    width:230px;
    background:url(../images/dropnav-bg-top-place.png) top right no-repeat;
}

#dropdown-main-place {
    width:230px;
    background:url(../images/dropnav-bg-place.png) bottom right repeat-y;
}

#dropdown-bottom-place {
    height:18px;
    width:230px;
    background:url(../images/dropnav-bg-bottom-place.png) bottom right no-repeat;
}

/* Subnav styles */
ul#nav ul.dropdown li
{
    padding:0 10px 0 10px;
    margin:0 10px 0 0;
    display:block;
    float:none;
    background:none;
    font-size:.9em;
}

ul#nav ul.dropdown li ul.subnav {
    padding:0 0 5px 0;
}

ul#nav li#explore ul.dropdown li a:link, ul#nav li#explore ul.dropdown li a:visited, ul#nav li#graduates ul.dropdown li a:link, ul#nav li#graduates ul.dropdown li a:visited, ul#nav li#apprenticeships ul.dropdown li a:link, ul#nav li#apprenticeships ul.dropdown li a:visited,  ul#nav li#placements ul.dropdown li a:link, ul#nav li#placements ul.dropdown li a:visited{
    background:none;
    color:#FFF;
    text-decoration:none;
    padding:5px 0 5px 20px;
    margin:0;
    width:auto !important;
    height:auto !important;
}

ul#nav li#explore ul.dropdown li a:hover, ul#nav li#graduates ul.dropdown li a:hover, ul#nav li#apprenticeships ul.dropdown li a:hover, ul#nav li#placements ul.dropdown li a:hover, ul#nav li#explore ul.dropdown li a.selected, ul#nav li#graduates ul.dropdown li a.selected, ul#nav li#apprenticeships ul.dropdown li a.selected, ul#nav li#placements ul.dropdown li a.selected{
    color:#FFF;
    text-decoration:none;
    background:url(../images/dropnav-arrow.png) 0 4px no-repeat;
}

ul#nav li#explore ul.dropdown li ul.subnav a, ul#nav li#graduates ul.dropdown li ul.subnav a, ul#nav li#apprenticeships ul.dropdown li ul.subnav a, ul#nav li#placements ul.dropdown li ul.subnav a {
    padding:2px 0 2px 30px;
    float:none;
    margin:1px 0 0 0;
    width:auto !important;
    height:auto !important;
}

ul#nav li#explore ul.dropdown li ul.subnav a:hover, ul#nav li#graduates ul.dropdown li ul.subnav a:hover,  ul#nav li#apprenticeships ul.dropdown li ul.subnav a:hover, ul#nav li#placements ul.dropdown li ul.subnav a:hover, ul#nav li#placements ul.dropdown li ul.subnav a.selected, ul#nav li#graduates ul.dropdown li ul.subnav a.selected, ul#nav li#explore ul.dropdown li ul.subnav a.selected, ul#nav li#apprenticeships ul.dropdown li ul.subnav a.selected {
    background:url(../images/dropnav-arrow.png) 10px 0px no-repeat;
}


ul#nav a:link span, ul#nav a:visited span, ul#nav a:hover span {
    display:none;
    visibility: hidden;
    text-decoration: none;
}

/* Page Content */

#content {
    width:1003px;
    padding:20px 0 20px 0;
    z-index:1;
    position:relative;
}

#panel-side {
    width:227px;
    float:left;
    padding:0 30px 0 30px;
}

#panel-side h1 {
    font-size:1.2em;
    font-weight:normal;
    padding:0 0 20px 0;
    color:#666666;
}

#panel-side p {
    font-size:.8em;
    font-weight:normal;
    color:#666666;
    padding:0 0 15px 0;
}
#template1-panel1 a {
    color: #34B8FF !important;
    font-weight: bold;
    text-decoration: none;
}
#panel-main {
    width:703px;
    float:left;
    position:relative;
    z-index:0;
}

#panel-main-fullwidth {
    width:961px;
    float:left;
    position:relative;
    z-index:0;
}


/* 0.0 Home */

#panel1 {
    position:relative;
    float: left;
    padding: 0;
    margin: 0 1px 0 0;
    width: 335px;
    height:244px;
    z-index:0;
    overflow:hidden;
}





.panel-content {
    padding:10px 20px 10px 20px;
    position: absolute;
    top:138px;
    width: 295px;
    height:244px;
    background-image: url(../images/home-panel-content-bg.png);
    background-position:0px 0px;
    background-repeat:repeat;
    color:#fff;
    z-index: 1;
}


.panel-content-graduate {
    padding:10px 20px 10px 20px;
    position: absolute;
    top:138px;
    width: 295px;
    height:244px;
    background-image: url(../images/graduates-panel-content-bg.png);
    background-position:0px 0px;
    background-repeat:repeat;
    color:#fff;
    z-index: 1;
}

.panel-content-apprentice {
    padding:10px 20px 10px 20px;
    position: absolute;
    top:138px;
    width: 295px;
    height:244px;
    background-image: url(../images/apprentice-panel-content-bg.png);
    background-position:0px 0px;
    background-repeat:repeat;
    color:#fff;
    z-index: 1;
}


.panel-content-intern {
    padding:10px 20px 10px 20px;
    position: absolute;
    top:138px;
    width: 295px;
    height:244px;
    background-image: url(../images/placements-panel-content-bg.png);
    background-position:0px 0px;
    background-repeat:repeat;
    color:#fff;
    z-index: 1;
}



.panel-content-search {
    padding:10px 20px 10px 20px;
    position: absolute;
    top:138px;
    width: 295px;
    height:244px;
    background-image: url(../images/search-panel-content-bg.png);
    background-position:0px 0px;
    background-repeat:repeat;
    color:#fff;
    z-index: 1;
}

.panel-content a span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.panel-content h1 {
    font-size:2.2em;
    font-weight:lighter;
    padding:0 0 20px 0;
    position:relative;
}

.panel-content p {
    font-size:1em;
    font-weight:normal;
    padding:0 0 15px 0;
}

.panel-content h1 img {
    position:absolute;
    padding:10px 0 0 10px;
}

.panel-content-graduate a span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.panel-content-graduate h1 {
    font-size:2.2em;
    font-weight:lighter;
    padding:0 0 20px 0;
    position:relative;
}

.panel-content-graduate p {
    font-size:1em;
    font-weight:normal;
    padding:0 0 15px 0;
}

.panel-content-graduate h1 img {
    position:absolute;
    padding:10px 0 0 10px;
}

.panel-content-apprentice a span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.panel-content-apprentice h1 {
    font-size:1.9em;
    font-weight:lighter;
    padding:0 0 20px 0;
    position:relative;
}

.panel-content-apprentice p {
    font-size:1em;
    font-weight:normal;
    padding:0 0 15px 0;
}

.panel-content-apprentice h1 img {
    position:absolute;
    padding:10px 0 0 10px;
}

.panel-content-intern a span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.panel-content-intern h1 {
    font-size:2.2em;
    font-weight:lighter;
    padding:0 0 20px 0;
    position:relative;
}

.panel-content-intern p {
    font-size:1em;
    font-weight:normal;
    padding:0 0 15px 0;
}

.panel-content-intern h1 img {
    position:absolute;
    padding:10px 0 0 10px;
}

.panel-content-search a span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.panel-content-search h1 {
    font-size:2.2em;
    font-weight:lighter;
    padding:0 0 20px 0;
    position:relative;
}

.panel-content-search p {
    font-size:1em;
    font-weight:normal;
    padding:0 0 15px 0;
}

.panel-content-search h1 img {
    position:absolute;
    padding:10px 0 0 10px;
}


#panel2 {
    position:relative;
    float: left;
    padding: 0;
    margin: 0 1px 0 0;
    width: 335px;
    height:244px;
    z-index:-1;
    overflow:hidden;
}

#panel3 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    z-index:-1;
    overflow:hidden;
}

#panel4 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    z-index:-1;
    overflow:hidden;
}

#panel5 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    z-index:-1;
    overflow:hidden;
}

#panel6 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    z-index:-1;
    overflow:hidden;
}

#panel7 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 671px;
    height:244px;
    z-index:-1;
    overflow:hidden;
}

#panel7 #social-round {
    position: absolute;
    right: 30px;
    bottom: 12px;
}

#template2-panel-StayConnected #social-round {
    position: absolute;
    right: 270px;
    bottom: 8px;
}

/* template0 - 1.0, 2.0, 3.0, 4.0, 5.0 */

#template0-panel1 {
    float: left;
    padding: 0 30px 0 30px;
    margin: 0;
    width: 227px;
    height:734px;
    overflow:hidden;
}

#template0-panel1 h1 {
	font-size:2em;
    font-weight:normal;
    padding:20px 0 10px 0;
    margin:0 0 10px 0;
    color:#004e90;
    border-bottom:#666666 dotted 1px;
}

#template0-panel1 h2 {
    font-size:1.1em;
    font-weight:normal;
    padding:0 0 20px 0;
    color:#666666;
}

#template0-panel1 p {
    font-size:.8em;
    font-weight:normal;
    color:#666666;
    padding:0 0 20px 0;
    line-height:1.5em;
}

#template0-panel1 ul {
    margin:0 0 20px 40px;
}

#template0-panel1 ul li {
    font-size:.8em;
    font-weight:normal;
    color:#666666;
    padding:0 0 5px 0;
    line-height:1.5em;
}

#template0-panel2 {
    float: left;
    padding: 0;
    margin: 0 0 0 0;
    width: 671px;
    height:244px;
}

#template0-panel3 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    overflow:hidden;
}

#template0-panel4 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    overflow:hidden;
}

#template0-panel5 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    overflow:hidden;
}

#template0-panel6 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 0 0 0;
    width: 335px;
    height:244px;
    overflow:hidden;
}

.panel-content-bottom {
    padding:10px 20px 10px 20px;
    position: absolute;
    bottom:10px;
    z-index: 1;
}

.panel-content-bottom p {
    font-size:1.4em;
    color:#666666;
    font-weight:lighter;
    padding:20px 20px 0 0;
}


.panel-content-bottom p.arrow {
    position:relative;
    font-size:1.4em;
    color:#666666;
    font-weight:lighter;
    padding:20px 20px 0 0;
}

.panel-content-bottom p.arrow img {
    position:absolute;
    bottom:0;
    padding:0 0 0 10px;
}

.panel-content-bottom p a:link, .panel-content-bottom p a:visited, .panel-content-bottom p a:hover {
    color:#004e90;
    text-decoration:none;
}

.text-arrow-blue {
    display:inline-block;
    background:url(../images/text-arrow-blue.png) no-repeat;
    height:24px;
    width:15px;
}

#template0-panel7 {
    float: left;
    padding: 0;
    margin: 1px 1px 0 28px;
    width: 258px;
    height:244px;
    position: relative;
}

#template0-panel8 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    overflow:hidden;
}

#template0-panel9 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    overflow:hidden;
}

#template0-panel9 #social-round {
    position:absolute;
    bottom: 20px;
    left: 20px;
}

/* template1 - x.1  */

#template1-panel1 {
    float: left;
    padding: 0 30px 0 30px;
    margin: 0;
    width: 227px;
    height:734px;
    z-index:-1;
    overflow:hidden;
}

#template1-panel1 h1 {
    font-size:2em;
    font-weight:normal;
    padding:20px 0 10px 0;
    margin:0 0 10px 0;
    color:#004e90;
    border-bottom:#666666 dotted 1px;
}

#template1-panel1 h2 {
    font-size:1.1em;
    font-weight:normal;
    padding:0 0 20px 0;
    color:#666666;
}

#template1-panel1 p {
    font-size:.8em;
    font-weight:normal;
    color:#666666;
    padding:0 0 20px 0;
    line-height:1.5em;
}

#template1-panel1 p a:link, #template1-panel1 p a:visited {
    color:#004e90;
    text-decoration:none;
}

#template1-panel1 p a:hover {
    color:#666666;
    text-decoration:none;
}

#template1-panel2 {
    float: left;
    padding: 0;
    margin: 0 0 0 0;
    width: 671px;
    height:244px;
    z-index:-1;
}

#template1-panel3 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    z-index:-1;
    overflow:hidden;
}

#template1-panel4 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    z-index:-1;
    overflow:hidden;
}

.box-about-us {
    background:url(../images/boxes/1.6ConnectBox2.jpg) no-repeat;
}

.box-facebook {
    background:url(../images/boxes/facebook_box.jpg) no-repeat;
}


.box-twitter {
    background:url(../images/boxes/twitter_box.jpg) no-repeat;
}




.box-application-guide {
    background:url(../images/boxes/application_guide_box.jpg) no-repeat;
}

.box-apprenticeships {
    background:url(../images/boxes/apprenticeships_box.jpg) no-repeat;
}

.box-apprenticeship-schemes {
    background:url(../images/boxes/apprentice_schemes_box.jpg) no-repeat;
}

.box-brighter-future-video {
    background:url(../images/boxes/1.2Brighter-video_box.jpg) no-repeat;
}

.box-business-applications {
    background:url(../images/boxes/apprentice_schemes_finance_box.jpg) no-repeat;
}

.box-diversity {
    background:url(../images/boxes/diversity_box.jpg) no-repeat;
}

.box-diversity-explore {
    background:url(../images/box-placeholder-5.jpg) no-repeat;
}

.box-events {
    background:url(../images/boxes/events_box.jpg) no-repeat;
}

.box-explore {
    background:url(../images/boxes/explore_our-academy_box.jpg) no-repeat;
}

.box-finance {
    background:url(../images/boxes/finance_box.jpg) no-repeat;
}

.box-info-systems {
    background:url(../images/boxes/your_career_box.jpg) no-repeat;
}

.box-information-for-parents {
    background:url(../images/boxes/your_career_box.jpg) no-repeat;
}

.box-industrial-placement {
    background:url(../images/boxes/1.6ConnectBox3.jpg) no-repeat;
}

.box-how-we-work {
    background:url(../images/boxes/how_we_work_box.jpg) no-repeat;
}

.box-how-we-work-explore {
    background:url(../images/boxes/1.1-AboutUsBox1.jpg) no-repeat;
}

.box-203 {
    background:url(../images/boxes/203.jpg) no-repeat;
}

.box-209 {
    background:url(../images/boxes/209.jpg) no-repeat;
}

.box-217 {
    background:url(../images/boxes/217.jpg) no-repeat;
}

.box-our-brands {
    background:url(../images/boxes/our_brands_box.jpg) no-repeat;
}

.box-graduates {
    background:url(../images/boxes/graduates_box.jpg) no-repeat;
}

.box-graduates-explore {
    background:url(../images/boxes/1.4RewardBox1.jpg) no-repeat;
}

.box-graduate-programmes {
    background:url(../images/boxes/graduates_prog_box.jpg) no-repeat;
}


.box-cheryl {
    background:url(../images/meet-our-people/meet_our_people_cheryl_box.jpg) no-repeat;
}

.box-chantelle {
    background:url(../images/meet-our-people/meet_our_people_chantelle_box.jpg) no-repeat;
}

.box-masako {
    background:url(../images/meet-our-people/meet_our_people_masako_box.jpg) no-repeat;
}

.box-nestle-needs-youth {
    background:url(../images/boxes/1.6ConnectBox1.jpg) no-repeat;
}

.box-nestle-needs-youth-meet {
    background:url(../images/boxes/1.4RewardBox1.jpg) no-repeat;
}

.box-nestle-youth {
    background:url(../images/boxes/Nestle-Academy-Grads_246.jpg) no-repeat;
}

.box-nestle-youth-initiative-film {
    background:url(../images/boxes/1.2Nestle-youth-initiative-film.jpg) no-repeat;
}

.box-tom {
    background:url(../images/meet-our-people/meet_our_people_tom_box.jpg) no-repeat;
}

.box-lydia {
    background:url(../images/meet-our-people/meet_our_people_lydia_box.jpg) no-repeat;
}

.box-paul {
    background:url(../images/meet-our-people/meet_our_people_paul_box.jpg) no-repeat;
}

.box-rob {
    background:url(../images/meet-our-people/meet_our_people_rob_box.jpg) no-repeat;
}

.box-sam {
    background:url(../images/meet-our-people/meet_our_people_sam_box.jpg) no-repeat;
}

.box-school-leavers {
    background:url(../images/boxes/graduates_box.jpg) no-repeat;
}

.box-quintan {
    background:url(../images/meet-our-people/meet_our_people_asher_box.jpg) no-repeat;
}

.box-asher {
    background:url(../images/meet-our-people/meet_our_people_asher_box.jpg) no-repeat;
}
.box-georgia {
    background:url(../images/meet-our-people/meet_our_people_georgia_box.jpg) no-repeat;
}
.box-henrietta {
    background:url(../images/meet-our-people/meet_our_people_henrietta_box.jpg) no-repeat;
}
.box-sarah {
    background:url(../images/meet-our-people/meet_our_people_sarah_box.jpg) no-repeat;
}
.box-carol {
    background:url(../images/meet-our-people/meet_our_people_carol_box.jpg) no-repeat;
}
.box-alexis {
    background:url(../images/meet-our-people/meet_our_people_alexis_box.jpg) no-repeat;
}



.box-apprentices {
    background:url(../images/boxes/apprentices_box.jpg) no-repeat;
}

.box-kit-kat {
    background:url(../images/boxes/school_holder2.jpg) no-repeat;
}

.box-placements {
    background:url(../images/boxes/1.4.1PlacementsBox4.jpg) no-repeat;
}

.box-recruitment-process {
    background:url(../images/boxes/recruitment_process_box.jpg) no-repeat;
}

.box-register {
    background:url(../images/boxes/register_box.jpg) no-repeat;
}

.box-rewards-benefits {
    background:url(../images/boxes/1.6ConnectBox3.jpg) no-repeat;
}

.box-rewards-benefits-grad-index {
    background:url(../images/boxes/1.1-AboutUsBox1.jpg) no-repeat;
}

.box-international-opportunities {
    background:url(../images/box-placeholder-4.jpg) no-repeat;
}

.box-internships {
    background:url(../images/boxes/internships_box.jpg) no-repeat;
}


.box-information-for-parents {
    background:url(../images/boxes/info_for_parents_box.jpg) no-repeat;
}

.box-092 {
    background:url(../images/boxes/092.jpg) no-repeat;
}

.box-108 {
    background:url(../images/boxes/108.jpg) no-repeat;
}

.box-198 {
    background:url(../images/boxes/198.jpg) no-repeat;
}

.box-meet-our-people {
    background:url(../images/boxes/1.6ConnectBox1.jpg) no-repeat;
}

.box-150 {
    background:url(../images/boxes/150.jpg) no-repeat;
}

.box-your-projects {
    background:url(../images/boxes/graduates_box.jpg) no-repeat;
}

.box-your-projects-career {
    background:url(../images/boxes/1.4RewardBox1.jpg) no-repeat;
}

.box-manufacturing {
    background:url(../images/boxes/manufacturing_box.jpg) no-repeat;
}

.box-placements-internships {
    background:url(../images/boxes/placements_internships_box.jpg) no-repeat;
}

.box-your-career {
    background:url(../images/boxes/your_career_box.jpg) no-repeat;
}

.box-your-career-scheme-index {
    background:url(../images/boxes/3.2TechnicalAppenticesBox4.jpg) no-repeat;
}

.box-our-locations {
    background:url(../images/boxes/our_locations_box.jpg) no-repeat;
}

.box-supply-chain {
    background:url(../images/boxes/supply_chain_box.jpg) no-repeat;
}

.box-summer-internships {
    background:url(../images/boxes/4.0PlacementsBox3.jpg) no-repeat;
}



.box-hr {
    background:url(../images/boxes/hr_box.jpg) no-repeat;
}

.box-marketing {
    background:url(../images/boxes/marketing_box.jpg) no-repeat;
}

.box-engineering {
    background:url(../images/boxes/engineering_box.jpg) no-repeat;
}

.box-creating-shared-value {
    background:url(../images/boxes/creating_shared_value_box.jpg) no-repeat;
}

.box-creating-shared-value-grad {
    background:url(../images/box-placeholder-5.jpg) no-repeat;
}

.box-apprentice-schemes {
    background:url(../images/boxes/apprentice_schemes_box.jpg) no-repeat;
}

.box-apprentice-schemes-finance {
    background:url(../images/boxes/apprentice_schemes_finance_box.jpg) no-repeat;
}

.box-stay-connected {
    background:url(../images/boxes/stay_connected_box.jpg) no-repeat;
}

.box-stay-connected-meet {
    background:url(../images/boxes/1.4.1PlacementsBox4.jpg) no-repeat;
}

.box-unique-culture {
    background:url(../images/boxes/unique_culture_box.jpg) no-repeat;
}

.box-vision-culture {
    background:url(../images/boxes/vision_culture_box.jpg) no-repeat;
}

.box-what-we-look-for {
    background:url(../images/boxes/what_we_look_for_box.jpg) no-repeat;
}
.box-work-experience {
    background:url(../images/boxes/4.0PlacementsBox4.jpg) no-repeat;
}
.box-nestle-academy-video {
    background:url(../images/boxes/nestle-academy-still.png) no-repeat;
}
.box-224 {
    background:url(../images/boxes/224.jpg) no-repeat;
}


#awards {
    float: right;
    margin: 10px 44px 10px 10px;
    position: absolute;
    bottom: -204px;
    right: -10px;
}


#template1-panel5 {
    position:relative;
    float: right;
    padding: 0;
    width: 335px;
    height:489px;
    z-index:-1;
    overflow:hidden;
    margin:1px 3px 0 0;
}

#template1-panel5 p {
    font-size:1em;
    color:#666666;
    font-weight:lighter;
    padding:20px 20px 0 20px;
}

#template1-panel5 p:first-child {
    font-size:2em;
}

#template1-panel5 p.arrow-links-first {
    font-size:1.4em;
    color:#666666;
    font-weight:lighter;
    padding:20px 20px 0 20px;
}

#template1-panel5 p.arrow-links {
    font-size:1.4em;
    color:#666666;
    font-weight:lighter;
    padding:5px 20px 0 20px;
}

#template1-panel5 p.arrow-links a:link, #template1-panel5 p.arrow-links a:visited, #template1-panel5 p.arrow-links-first a:link, #template1-panel5 p.arrow-links-first a:visited {
    color:#004e90;
    padding:0 25px 5px 0;
    text-decoration:none;
    background:none;
    font-size: 20px !important;
}

#template1-panel5 p.arrow-links a:hover,
#template1-panel5 p.arrow-links-first a:hover,
#template1-panel9 li a:hover
{
    color:#004e90;
    padding:0 25px 0 0;
    text-decoration:none;
    background:url(../images/text-arrow-blue.png) right no-repeat;
}

#template1-panel6 {
    float: left;
    padding: 0;
    margin: 1px 1px 0 28px;
    width: 258px;
    height:244px;
    z-index:-1;
}

#template1-panel7 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    z-index:-1;
    overflow:hidden;
}

#template1-panel8 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    z-index:-1;
    overflow:hidden;
}

#template1-panel-two-boxes-vertical {
    position:relative;
    float: right;
    padding: 0;
    width: 335px;
    height:734px;
    z-index:-1;
    overflow:hidden;
    margin:1px 3px 0 0;
}

#template1-panel-two-boxes-vertical ul {
    padding-left: 30px;
    margin-top: 10px;
}

#template1-panel-two-boxes-vertical ul li {
    list-style-type: none;
    padding: 3px 10px 3px 0px;
    font-size: 1.4em;
    color:#666666;
    font-weight:lighter;
}

#template1-panel-two-boxes-vertical p {
    font-size:1em;
    color:#666666;
    font-weight:lighter;
    padding: 10px 20px 0 10px;
}

#template1-panel-two-boxes-vertical p:first-child {
    font-size:2em;
}

#template1-panel-two-boxes-vertical a {

}

#template1-panel-two-boxes-vertical a:link,
#template1-panel-two-boxes-vertical a:visited,
#template1-panel-two-boxes-vertical  a:visited {
    color:#004e90;
    padding:0 25px 5px 0;
    text-decoration:none;
    background:none;
}

#template1-panel-two-boxes-vertical a:hover,
#template1-panel-two-boxes-vertical a:hover {
    color:#004e90;
    padding:0 25px 0 0;
    text-decoration:none;
    background:url(../images/text-arrow-blue.png) right no-repeat;
}

#template1-panel-three-boxes-vertical {
    position:relative;
    float: right;
    padding: 0;
    width: 335px;
    height:734px;
    z-index:-1;
    overflow:hidden;
    margin:1px 3px 0 0;
}

#template1-panel-three-boxes-vertical ul,
#template1-panel9 ul,
#template1-panel4 ul {
    padding-left: 30px;
    margin-top: 10px;
}

#template1-panel-three-boxes-vertical ul li,
#template1-panel9 ul li,
#template1-panel4 ul li {
    list-style-type: none;
    padding: 0 10px 4px 0px;
    font-size: 20px;
    color:#666666;
    font-weight:lighter;
}

#template1-panel-three-boxes-vertical p,
#template1-panel9 p,
#template1-panel4 p {
    font-size: 20px;
    color:#666666;
    font-weight:lighter;
    padding: 10px 20px 0 10px;
}

#template1-panel-three-boxes-vertical p:first-child,
#template1-panel9 p:first-child,
#template1-panel4 p:first-child {
    font-size:1.4em;
}

#template1-panel-three-boxes-vertical a {

}

#template1-panel-three-boxes-vertical a:link,
#template1-panel-three-boxes-vertical a:visited,
#template1-panel9 a:link,
#template1-panel9 a:visited,
#template1-panel4 a:link,
#template1-panel4 a:visited {
    color:#004e90;
    padding:0 25px 5px 0;
    text-decoration:none;
    background:none;
}

#template1-panel-three-boxes-vertical a:hover,
#template1-panel9 a:hover {
    color:#004e90;
    padding:0 25px 0 0;
    text-decoration:none;
    background:url(../images/text-arrow-blue.png) right no-repeat;
}

#template1-panel4 a:hover {
    color:#004e90;
    padding:0 25px 0 0;
    text-decoration:none;
}

/* template2 x.x.1  */

.template2-panel {
    width:961px;
    float:left;
    z-index:-1;
    position:relative;
}


#template2-panel1 {
    float: left;
    background-image:url('../images/checklists/checklist_eng_app.jpg');
    padding: 0;
    margin: 0 1px 0 28px;
    width: 258px;
    height:244px;
    z-index:-1;
}

#template2-panel1 p{
    padding: 10px 10px 10px 10px;
    font-size:0.7em;
    font-weight:normal;
    color:#ffffff;
}

#template2-panel2 {
    float: left;
    padding: 0;
    margin: 0 0 0 0;
    width: 671px;
    height:244px;
    z-index:-1;
}

#template2-panel-StayConnected {
    float: left;
    margin: 0 0 0 0;
    width: 671px;
    z-index:-1;
    height: 59px;
    padding: 1px 0 0 287px;
}

#template2-panel2 #video-player {
    float:left;
}

#template2-panel2 #video-promo {
    float:left;
    margin:0 0 0 1px;
}

#template2-panel2 #video-promo.video-promo-graduates {
    background-color: rgb(23,77,132);
    width: 236px;
    height: 244px;
}

.video-promo-graduates p {
    color: white;
    padding: 20px;
}
.video-promo-graduates cite {
    display: block;
    font-size: 15px;
}

#template2-panel3 {
    float: left;
    padding: 0;
    margin: 1px 1px;
    width: 258px;
    z-index:-1;
}

#template2-panel3 a {
    display:inline-block;
    *display: inline;
    padding:5px 15px 5px 30px;
    margin:20px 0 0 0;
    float:right;
    background:#004d8f url(../images/button-back-arrow.png) 10px 6px no-repeat;
    font-size:1.2em;
    color: white !important;
}

#template2-panel3 a:link, #template2-panel3 a:visited {
    color:#fff;
    text-decoration:none;
}

#template2-panel3 a:hover {
    color:#fff;
    text-decoration:none;
}

#template2-panel4 {
    float: left;
    padding: 0 50px 0 30px;
    /*margin: 0 0 50px 0;*/
    margin: 0; /* Meeto our people */
    width: 591px;
    z-index:-1;
}

#template2-panel4 h1 {
    font-size:2em;
    font-weight:normal;
    padding:20px 0 10px 0;
    margin:0 0 10px 0;
    color:#004e90;
    border-bottom:#666666 dotted 1px;
}

#template2-panel4 h2 {
    font-size:1.5em;
    font-weight:normal;
    padding:0 0 20px 0;
    color:#666666;
}

#template2-panel4 h3 {
    font-size:1em;
    font-weight: bold;
    padding:0 0 20px 0;
    color:#666666;
}

#template2-panel4 p {
    font-size:.8em;
    font-weight:normal;
    color:#666666;
    padding:0 0 20px 0;
    line-height:1.5em;
}

#template2-panel4 p a:link, #template2-panel4 p a:visited {
    color:#004e90;
    text-decoration:none;
}

#template2-panel4 p a:hover {
    color:#666666;
    text-decoration:none;
}

#template2-panel4 ul {
    margin:0 0 20px 40px;
}

#template2-panel4 ul li {
    font-size:.8em;
    font-weight:normal;
    color:#666666;
    padding:0 0 5px 0;
    line-height:1.5em;
}

#template2-panel4 a.block {
    display:inline-block;
    *display: inline;
    padding:5px 15px 5px 15px;
    margin:20px 0 0 0;
    float:right;
    background:#004d8f;
    font-size:1.2em;
}

#template2-panel4 a.block:link, #template2-panel4 a.block:visited {
    color:#fff;
    text-decoration:none;
}

#template2-panel4 a.block:hover {
    color:#fff;
    text-decoration:none;
}

#template2-panel4 blockquote {
	padding-top: 0;
}

#template2-panel5 {
    float: left;
    padding: 0;
    margin: 1px 1px 0 28px;
    width: 258px;
    height:244px;
    z-index:-1;
}

#template2-panel6 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    z-index:-1;
    overflow:hidden;
}

#template2-panel7 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    z-index:-1;
    overflow:hidden;
}

#template2-panel8 {
    position:relative;
    float: left;
    padding: 0;
    margin: 1px 1px 0 0;
    width: 335px;
    height:244px;
    z-index:-1;
    overflow:hidden;
}


table#table-brands {
    padding:0 0 0 0;
    margin:0 0 1px 0;
    width:100%;
}

table#table-brands td {
    padding:0 0 1px 0;
    vertical-align:top;
}

table#table-brands tr {
    padding:0 0 1px 0;
    vertical-align:top;
    width:100px;
    height:100px;
}



table#table-careers, table#table-assessment, table#table-seminars, table#table-application, table#table-apprentices {
    padding:0 0 0 0;
    margin:0 0 20px 0;
    width:100%;
}

table#table-careers th, table#table-assessment th, table#table-seminars th, table#table-application th {
    padding:0 0 10px 0;
    color:#666666;
}

table#table-careers td, table#table-assessment td, table#table-seminars td, table#table-application td, table#table-apprentices td{
    padding:0 0 10px 0;
    vertical-align:top;
}

table#table-careers td.date, table#table-assessment td.date, table#table-seminars td.date, table#table-application td.date{
    width:20%;
}

table#table-careers td.location, table#table-assessment td.location, table#table-seminars td.location, table#table-application td.location {
    width:80%;
}

table#table-careers td p, table#table-assessment td p, table#table-seminars td p, table#table-application td p, table#table-apprentices td p{
    padding:0;
}

table#table-apprentices td.date{
    width:30%;
}

table#table-careers td.location {
    width:70%;
}
.play-video {
    position: absolute;
    right: 15px;
    top: 15px;
}

#template2-panel3 a.forward {
    background: orange url(../images/button-forward-arrow.png) right 6px no-repeat;
    float: left;
    padding-right: 30px;
    padding-left: 10px;
    margin-bottom: 15px;
    margin-top: 5px;
}
#sharethis.left-side-empty {
    position: absolute;
    bottom: 15px;
    left: 30px;
    z-index: 1000;
}
#sharethis.left-side-box {
    position: absolute;
    bottom: 270px;
    left: 30px;
    z-index: 1000;
}
.st_sharethis_custom{
    background: url("../images/icons/ShareThisPage.png") no-repeat scroll left top transparent;
    padding: 0px 16px 0 0;
    width: 171px;
    height: 92px;
    position: relative;
    float: left;
    cursor: pointer;
}

.text-dropdown {
    width: 671px;
    float: right;
    position: relative;
    padding: 30px 0;
}
.text-dropdown .left {
    float: left;
    padding: 0 40px 0 0;
    width: 300px;
}
.text-dropdown .right {
    float: left;
    padding: 0 30px 0 0;
    width: 300px;
}
#template0-panel7 {
    clear: left;
}
.text-dropdown {
    font-size: 16px;
    line-height: 22px;
}
.text-dropdown p {
    padding: 0 0 20px 0;
    line-height: 1.5em;
}
.text-dropdown a {
    text-decoration: none;
    color: #00B6E2;
}
.text-dropdown a:hover {
    text-decoration: underline;
}
.text-dropdown h1 {
    font-size: 23px;
    color: #00B6E2;
    font-weight: normal;
    margin-bottom: 7px;
}
.text-dropdown h2 {
    font-size: 19px;
    color: #00B6E2;
    font-weight: normal;
    margin: 4px 0;
}
blockquote {
    padding-top: 50px;
    background: url("/images/quote-top.png") no-repeat left top transparent;
}
blockquote p {
    color: #00B6E2;
}
blockquote footer {
    padding-top: 60px;
    background: url("/images/quote-bottom.png") no-repeat left top transparent;
    margin-top: 10px;
}
blockquote footer cite {
    font-weight: bold;
    color: #666;
    font-size: 15px;
}

/* custom styles kr 11/12/14 */
#twitter-widget-0 { margin: 0 5px 0 10px;}

.m-social { clear:both;}

.m-social ul { list-style-type: none; overflow: hidden; display: table; width: 100%; background-color: #999999; padding: 8px 0 4px;}
.m-social ul li { display: table-cell;}
.m-social ul li a { display: block; margin: 0 auto; width: 27px; height:27px; text-indent: -999em; background: url(../images/social-nestle.png) no-repeat 0 0;}
.m-social ul li.fb a {background-position:-25px 0px;}
.m-social ul li.tw a {background-position:-81px 0;}
.m-social ul li.yt a {background-position:0 0px;}
.m-social ul li.tb a {background-position:-54px 0px;}