/*Primary layout divs*/
    #main {
	    float: left;
	    width: 730px;
	    /*padding: 40px 0 100px 0;*/
	    padding: 30px 0 50px 0;
    }

    #main #primary { 
	    float: right;
  	    width: 480px;
    }

    #main #sidebar { 
	    float: left;
  	    width: 250px;
    }
    	
    #secondary {
	    float: right;
	    width: 230px;
	    /*padding: 40px 0 100px 0;*/
	    padding: 40px 0 50px 0;
    }

    .one_col #main {
	    width: 960px;
    }

    br.clear { clear:both; }
        
/*Content Styles*/
    body.trainees h1, body.trainees h1 a,
    h1, h2, h3, h4, h5 {
	    font-weight: normal;
	    color: #fff;
    }
    h1 { font-size: 2.4em; }
    h2 { font-size: 2.0em; }
    h3 { font-size: 1.6em; }
    h4 { font-size: 1.4em; margin-left:40px; margin-right:40px;  }
    h5 { font-size: 1.1em; }
    .one_col #main h3 {margin:40px 40px 0 40px;}

    p, li { font-size:1.1em; margin:1em 0; padding:0; color:#999999;line-height:1.5; }
    a {color: #999999;}
    a:link, a:visited, a:active { color: #009de9; }
    a:hover /*, a:focus*/ { color: #999; } /*removed because causing a problem on browser-back*/


    /* image replacement for page headings (h1) */
        #h_roles,
        #h_buyer,
        #h_merch,
        #h_tech,
        #h_designer,
        #h_placement,
        #h_standout,
        #h_videos,
        #h_about,
        #h_leicester,
        #h_location,
        #h_attractions,
        #h_meetus,
        #h_training,
        #h_dev,
        #h_rewards,
        #h_social,
        #h_vacancies,
        #h_process,
        #h_contact {
	        /*text-indent: -9999px;*/
	        height: 70px;
        }

        #h_roles img,
        #h_buyer img,
        #h_merch img,
        #h_tech img,
        #h_designer img,
        #h_placement img,
        #h_standout img,
        #h_about img,
        #h_leicester img,
        #h_location img,
        #h_attractions img,
        #h_meetus img,
        #h_training img,
        #h_dev img,
        #h_rewards img,
        #h_social img,
        #h_vacancies img,
        #h_process img,
        #h_contact img 
        {
            margin-left: 40px;
        }
        #h_videos img
        {
            margin-left: -22px;
        }

        /*
        #h_roles { background: url(../trainees/h_roles.gif) no-repeat 40px 0; }
        #h_buyer { background: url(../trainees/h_roles_buyer.gif) no-repeat 40px 0; }
        #h_merch { background: url(../trainees/h_roles_merch.gif) no-repeat 40px 0; }
        #h_tech { background: url(../trainees/h_roles_tech.gif) no-repeat 40px 0; }
        #h_designer { background: url(../trainees/h_roles_designer.gif) no-repeat 40px 0; }
        #h_placement { background: url(../trainees/h_roles_placement.gif) no-repeat 40px 0; }
        #h_standout { background: url(../trainees/h_standout.gif) no-repeat 40px 0; }
        #h_videos { background: url(../trainees/h_videos.gif) no-repeat -22px 0; margin-left:0; }
        #h_about { background: url(../trainees/h_about.gif) no-repeat 40px 0; }
        #h_leicester { background: url(../trainees/h_about_leicester.gif) no-repeat 40px 0; }
        #h_location { background: url(../trainees/h_about_location.gif) no-repeat 40px 0; }
        #h_attractions { background: url(../trainees/h_about_attractions.gif) no-repeat 40px 0; }
        #h_meetus { background: url(../trainees/h_about_meetus.gif) no-repeat 40px 0; }
        #h_training { background: url(../trainees/h_training.gif) no-repeat 40px 0; }
        #h_dev { background: url(../trainees/h_training_dev.gif) no-repeat 40px 0; }
        #h_rewards { background: url(../trainees/h_training_rewards.gif) no-repeat 40px 0; }
        #h_social { background: url(../trainees/h_training_social.gif) no-repeat 40px 0; }
        #h_vacancies { background: url(../trainees/h_apply_vacancies.gif) no-repeat 40px 0; }
        #h_process { background: url(../trainees/h_apply_process.gif) no-repeat 40px 0; }
        #h_contact { background: url(../trainees/h_apply_contact.gif) no-repeat 40px 0; }
        */
    /* END =image replacement for page headings (h1) */
    /*Page styles*/
        #main p {
	        margin: 2em 0;
	        padding: 0 40px;
        }

        #main h1 + p{
	        margin: 1em 0;
        }
        p.first {
	        margin: 1em 0;
	        font-size:1.2em;
        }

        #main h2 + p,
        #main h3 + p,
        #main h4 + p,
        #main h5 + p {
	        margin-top: .5em;
        }
    /*End Page styles*/
    
/* 5. SECONDARY STYLES
----------------------------------------------------------------------*/

/* 5.1 subnav ----------------------- */

    ul#subnav, ul.linklist {
	    font-size: 1em;
	    margin: 0 10px 0 0;
	    padding-top: 60px;
    }

    body.trainees #content ul#subnav li,
    ul#subnav li,
    body.trainees #content ul.linklist li ,
    ul.linklist li 
    {
        background:none;
	    border-bottom: 1px solid #333;
	    padding: 10px 20px 20px 20px;
    }

    ul#subnav li:last-child ,
    ul.linklist li:last-child
    {
	    border-bottom: none;
    }

    ul#subnav li a ,
    ul.linklist li a
    {
	    text-decoration: none;
    }

    body.trainees #content ul#subnav li a:hover,
    ul#subnav li a:hover ,
    ul.linklist li a:hover
    {
	    /*border-bottom: 1px solid #c06;*/
	    padding-bottom: 3px;
	    color:#999999;
    }

    /* Item highlighted */
    body.trainees #content ul#subnav li.selected a,
    ul#subnav li.selected a ,
    body.trainees #content ul#subnav li.this a,
    ul#subnav li.this a 
    {
	    color: #999999;
	    /*border-bottom: 1px solid #c06;*/
	    padding-bottom: 3px;
	    cursor: default;
    }   
    
    body.trainees #content ul.linklist {padding: 0;}
    h3.linklist, body.trainees #content ul.linklist li {font-size:0.95em; padding: 5px 20px 10px 20px;}
    h3.linklist { margin: 50px 0 0 0; text-transform:uppercase; color:#fff;
	    border-bottom: 1px solid #333;
        }
    body.trainees #content ul.linklist li.disclaimer {color: #cccccc;}
 
/*Page specific styles*/
    /*HOME*/
    #home h1 {color:#cccccc; font-size:1.6em; margin-top:50px; text-align:center;}
    #home p {padding: 0 20px; margin-top: 0.2em; text-align:center;}
    #home img { margin: 0 auto;}
    #home #main {
	    padding: 40px 0 50px 0;
    }
    
    /*ROLES*/
    #career_path {
	margin: 0 0 0 90px;
    }
    
    
    
/*Things in question*/    
/* apply button image replacement */
.btn_apply_role a {
	background: url(../trainees/btn_apply.png) no-repeat 0 0;
	width: 180px;
	height: 40px;
	display: block;
	text-indent: -9999px;
}
/* video and podcasts */
#videos {margin-bottom:40px; height:auto; display:block;height:375px;min-height:375px; height:auto; }
#videos #flashContent {
	margin-left: 10px;
}
#podcasts {
	font-size: 1.1em;
	width: 940px;
	margin-left: 0px;
}

#podcasts tr {
	border-top: 1px dashed #222;
	
}

#podcasts td {
	width: 33%;
	padding: 10px /*20px*/ 30px;
	font-size:1.1em;
}

#podcasts span {
	color: #fff;
}
#podcasts td p { padding:0; margin:0; font-size:0.85em;}
#podcasts a { font-size:1.1em; text-decoration:none;}
#podcasts a img {vertical-align: middle;}
#podcasts strong {color:#ccc; font-weight:bold;}

.vidleft {float:left; width:410px; height:375px; display:block;}
.vidleft a {text-decoration:none;}
.vidleft a.selected {color: #999;}
.vidleft p.back a.selected {display:none;}
.vidright {float:right; width:550px; display:block; height:375px; min-height:375px; height:auto;}
#main .vidright p { padding:0; margin:0 10px 0 0; }
#main .vidright h3{ padding:0; margin:20px 10px 10px 0;  }

div.imgScript
{float:right;
    height:150px;
    width:25%;
    text-align:center;
    margin: 0 ;
}
div.imgScript img
{
    margin: 0 auto;
    padding: 2px;
    background-color:#ffffff;
}
#main div.imgScript p 
{
    text-align:center;
    width:50%;
    margin:0 auto;
    font-size:0.85em;
    margin-top:2px;
    padding:0;
}
#main div.imgScript p strong {color:#ccc;}


/*Control specific styles*/
hr.careerpath 
{
    margin: 1em 40px;
    border-color: #222;
    border-width:1px;
    border-style:dashed;
    border-bottom-style:none;
    height:0;
    color: #222;
    background-color:#000 ; /*required for non-IE*/
}
h4.careerpath { color: #fff; text-align:center; text-transform:uppercase;  margin:1em 40px;}
#mTrn_mGbl_cp1_cp1_fcc_divNoFlash {text-align:center;}

/*HOME PAGE*/
.peopleB { width:950px ; height:515px;margin:0 auto; float:left; background:url(../trainees/home/bg.jpg) no-repeat 0 0;border: solid 5px #fff;}
.peoplePen {position:relative;}
.peopleB1 { width:960px ; height:525px ;float:left; background:url(../trainees/home/rollover_merch.jpg) no-repeat 0 0;}
.peopleB2 { width:960px ; height:525px ;float:left; background:url(../trainees/home/rollover_buyer.jpg) no-repeat 0 0;}
.peopleB3 { width:960px ; height:525px ;float:left; background:url(../trainees/home/rollover_tech.jpg) no-repeat 0 0;}
.peopleB4 { width:960px ; height:525px ;float:left; background:url(../trainees/home/rollover_design.jpg) no-repeat 0 0;}
    
.personA2 {margin:71px 0 0 0;height:411px; width:271px; float:left;}
.personB2 {margin:71px 0 0 0;height:411px; width:233px; float:left}
.personC2 {margin:71px 0 0 0;height:411px; width:227px; float:left}
.personD2 {margin:71px 0 0 0;height:411px; width:219px; float:left}  
/*.personB2 {margin:71px 0 0 0;height:315px; width:233px;  float:left}
.personC2 {margin:71px 0 0 0;height:315px; width:227px;  float:left}*/
/*.VideoLink { position:absolute; top: 391px; left:293px; height:71px; width:374px;}*/