div.BENEFITS-CONTAINER { position: relative; width: 100%; height: 100%; overflow: auto; }

div.left {
position: relative;
width: 530px;
margin: 0;
padding: 25px 25px 25px 25px;
text-align: left;
float: left;
clear: left; }

div.right {
position: relative;
width: 530px;
margin: 0;
padding: 25px 25px 25px 25px;
text-align: left;
float: right;
clear: right; }

#benefits img { 
width: 50px; 
height: 50px;
margin: 20px 25px 15px 10px;
padding: 0; 
float: left; }

#benefits h2 {
margin: 10px 0 20px 0;
padding: 20px;
border: solid 1px #000;
background: #ddd; 
font-family: "Trebuchet MS", "Segoe UI",Segoe,Tahoma,Arial,Verdana,sans-serif;
font-size: 24px; 
font-weight: bold;
color: #111;
line-height: auto;
text-transform: uppercase; }

#benefits p { 
margin: 0; 
padding: 0;
color: #111;
font-family: "Segoe UI",Segoe,Tahoma,Arial,Verdana,sans-serif;  
font-size: 20px; 
line-height: 34px;
clear: both; }


img.personal-page-endorsements { 
width: 334px; 
height: 428px;
margin: 0 50px 50px 0;
padding: 0; 
float: left;
border: solid 1px #BBB;
opacity: 1;
filter: alpha(opacity=100); }



img.development-programme { 
width: 424px; 
height: 283px;
margin: 0 50px 25px 75px;
padding: 0; 
float: right; }

img.candidate { 
width: 428px; 
height: 282px;
margin: 25px 75px 25px 0px;
padding: 0;
float: left; }


div.programme-bullets-container { position: relative; width: 100%; height: 100%; overflow: auto; margin: 50px 0 0 0; clear: both; }

div.left-bullet {
position: relative;
width: 520px;
height: 100px;
margin: 0;
padding: 15px 35px 0px 25px;
text-align: left;
float: left;
clear: both; }

div.right-bullet {
position: relative;
width: 520px;
height: 100px;
margin: 0;
padding: 15px 25px 0px 35px;
text-align: left;
float: right; }

#bullet img { 
width: 50px; 
height: 50px;
margin: 0 25px 15px 0;
padding: 0; 
float: left; }

#bullet h2 {
margin: 0;
padding: 0; 
font-family: calibri, "Trebuchet MS", "Segoe UI",Segoe,Tahoma,Arial,Verdana,sans-serif;
font-size: 23px; 
font-weight: bold;
color: #111;
text-transform: capitalize; }


img.talent-club { 
width: 424px; 
height: 283px;
margin: -25px 0px 25px 75px;
padding: 0; 
float: right;
border: solid 3px #FFF; }



img.availability { 
width: 424px; 
height: 283px;
margin: 0px 50px 25px 75px;
padding: 0; 
float: right;
border: solid 1px #999; }

div.left-availability {
position: relative;
width: 520px;
height: 100%;
margin: 75px 0 0 0;
padding: 0 35px 25px 25px;
text-align: left;
float: left; }

#availability ul {
margin: 0;
padding: 0; }

#availability li { 
margin: 0 0 0 25px; 
padding: 0;
color: #222;
font-family: "Segoe UI",Segoe,Tahoma,Arial,Verdana,sans-serif;  
font-size: 20px;
font-weight: bold;
line-height: 48px;
text-transform: capitalize; }

div.right-availability {
position: relative;
width: 520px;
height: 270px;
margin: 100px 50px 0 0;
padding: 0;
float: right; }

#availability p.fee { 
margin: 75px 0 0 0;
padding: 0; 
font-family: "Segoe UI",Segoe,Tahoma,Arial,Verdana,sans-serif;
font-size: 150px; 
font-weight: normal; 
color: #222;
text-align: center; }

#availability p.vat { 
margin: 75px 0 0 0;
padding: 0; 
font-family: "Segoe UI",Segoe,Tahoma,Arial,Verdana,sans-serif;
font-size: 28px; 
font-weight: normal;
font-style: italic; 
color: #666;
text-align: center; }


img.apply { 
width: 424px; 
height: 283px;
margin: -25px 0px 25px 75px;
padding: 0; 
float: right;
border: solid 3px #FFF; }

button.reserve { 
width: 250px; 
height: 75px; 
margin: 20px 20px 0 0; 
background-color: #222; 
color: #f3b607; 
border-radius: 8px; 
font-size: 22px;
box-shadow: -10px -10px 5px #888;
-webkit-transition-duration: 0.3s; /* Safari */
transition-duration: 0.3s;
float: left; }

button.reserve:hover { 
background-color: #15a901;
color: #fff;
cursor: pointer;
box-shadow: -10px -10px 5px #555; }