body {margin:0; padding:0; background:#E9EDEC;}
#wrapper {}
#container {width:960px; margin:0px auto;  text-align:left; background:white url(/laf/bodycorner.png) top right no-repeat; padding:0 10px 10px 10px;}

#header {position:relative; padding-top:0px; width:960px;}
#header #logo {float:left; padding:15px 5px 10px 0px; }
#homeLink {position:absolute; top:75px; left:229px;}
body #header #telephone {position:absolute; top:65px; right:0px; font-size:1.6em; color:White;}

#righthead {float:right; width:370px; padding-top:10px;}
#utilityLinks {position:relative; padding:0; left:120px;}
    #header #utilityLinks a {color:white;}
#clientLogin {display:none;}

/* --- search box formatting --- */
#search {position:relative; height:22px; margin:0; padding:0; text-align:right; margin:10px 0;}
#search .searchButton {background:white; width:60px; height: 22px; border:0px; padding:0; margin:0;}
#search label {display:none;}

#search input[type=text] {position:absolute; border:0; top:0; right:65px; width:180px; line-height:22px; height:22px; margin:0; font-size:12px; padding:0;}

#primaryNav {clear:both; float:left; clear:both; width:660px; background:none; border-top:1px solid #EAABB3; border-bottom:1px solid #EAABB3;}
#primaryNav li {float:left; margin:0; padding:4px 2px; list-style-type:none;}
#primaryNav li a {text-decoration:none;}
#primaryNav li.selected {}
#primaryNav li a:hover {text-decoration:underline;}
#primaryNav li:hover {background:none;}
#primaryNav span {color:#8CB2C0;}

/* --------------------------------------- homepage content ------------------------------------ */
#content {width:960px; margin:0; padding:0; clear:both;}
#rowOne {min-height:280px;}
#rowOne, #rowTwo, #rowThree {float:left; width:960px; clear:both; margin-bottom:10px;}
.CornerServices {position:relative; background:#F0F5F8 url(/laf/fold.png) top right no-repeat; width:310px; height:27px;}


/* --- Row One --- */
#news {width:310px; float:left; margin-right:15px; min-height:228px; padding:5px 0px 5px 0px;}
#ImageRotator {float:right; width:635px; height:265px; padding:0; position:relative;}
    #ImageRotator #SliderTopLeft {z-index:1; position:absolute; width:188px ;height:188px; display:block; top:10px; left:0; background:url(/laf/slider/redsliderbg.png);}


/* --- Row Two --- */
#rowTwo .service1, #rowTwo #service3 {width:310px; padding-bottom:30px; background:#F0F5F8 url(/laf/fold.png) bottom right no-repeat;}
#rowTwo .service1 { float:left; margin-right:15px;}
#rowTwo .service1 span.serviceLinks select, #rowTwo #service3 span.serviceLinks select {display:block; width:290px;}    
#rowTwo #service3 {float:right;}
.serviceBody {background:#F3F8F9; padding:5px 10px 10px 10px;}
.ServiceText {padding:0 0 10px 0;}

/* --- Row Three --- */
#RowThreeLeft {float:left; width:470px;}
#RowThreeRight {float:right; width:480px;}

/* ------------------------------------- standard Content -------------------------------------- */
#breadcrumb {clear:both; margin-bottom:10px; padding-top:10px; width:660px;}
    #breadcrumb a {color:black;}
#leftNav {float:left; width:180px; margin-right:20px;}
    #leftNav #LeftContent {float:left; width:180px; margin:30px 0 0 0;}
#main {float:left; width:410px;}
    .MainContent {float:left; width:400px; padding:0px 10px;} /* New Style Added to control Main Content*/
#mainNoNav {float:left; width:635px;}

/* --- Right Column --- */
#rightColumn {float:right; width:310px; background:none; margin-left:15px;}
#rightColumn .RightBoxContent {padding:10px 10px 0 10px; overflow:hidden;}    
#extraInfoOne, #extraInfoTwo, #extraInfoThree, #extraInfoFour, #extraInfoFive {float:left; clear:both; margin-bottom:10px; width:310px; padding:0; overflow:hidden;}
#contactUs {float:left; clear:both; width:310px; margin-bottom:10px; overflow:hidden;}
    span.BottomCurve {float:left; width:310px; height:15px;}
#rightColumn #contactUs .padding {padding:5px; width:300px;}
#relatedLinks {border:1px solid orange; overflow:hidden; display:none;} /* - This is to be deleted after website update - */

/* --- wide content --- */
#wide {width:635px; float:left;}

/* --- wide shaded --- */
#wideShaded {width:635px; float:left;}
#wideShaded .mainIntro {float:left; width:615px;}
#wideShaded .MainContent {float:left; width:635px; padding:0px;}
#wideShaded .ContactCard {width:615px; background:#f0f5f8; padding:10px;}

/* --------------------------------------- Full Width ------------------------------- */
#FullWidth {width:960px; background-color:white;}

/* --- services --- */
#serviceMain {width:635px; float:left;}
#serviceIntro {float:left; width:614px; margin-bottom:10px; padding:10px 10px 10px 10px; background:#F0F5F8;}
#serviceIntroImage {float:right; width:300px; margin-bottom:10px;}
#serviceBoxes {width:100%; clear:both; margin-bottom:10px;}
#serviceLandingBusiness {float:left; margin-right:15px; width:201px;}
#serviceLandingIndustry {float:left; margin-right:15px; width:201px;}
#serviceLandingIndividuals {float:left; width:201px;}
    .CornerServicesSmall {background:#F0F5F8 url(/laf/fold.png) top right no-repeat; width:201px; height:27px;}
#serviceLandingTraining {float:left; clear:both; margin:10px 0; width:634px; background:#F0F5F8;}
    .trainingCorner {float:left; width:634px; height:27px; background:#F0F5F8 url(/laf/fold.png) top right no-repeat;}
#trainingLeft {float:left; width:255px; padding-bottom:10px;}
#trainingRight {float:right; width:323px;}

#twoColumnOne {float:left; width:305px; margin-left:5px; }
#twoColumnTwo {float:right; width:310px; }

.ContactCard {background:#f0f5f8;}


/* --- services to Individuals --- */
.serviceBoxesShaded {float:left; clear:both; border-top:1px solid #B42C38; border-bottom:1px solid #B42C38; margin:5px 0; padding:5px 0; background:#f1f1f1;}
#threeColumnOne {float:left; margin-right:15px; width:196px; margin-left:5px;}
#threeColumnTwo {float:left; margin-right:15px; width:201px;}
#threeColumnThree {float:left; width:201px;}

.editable {float:left; clear:both; margin:10px 0; width:635px;}
#highlight {padding:10px; /*background:#B42C38; color:white;*/ margin-top:10px; /*border:1px solid #B42C38;*/ background:#FAEBEC;}

/* --- news centre --- */
#contactUsInfo {float:left; width:220px;}
#contactUsImage {float:right; width:80px; text-align:right;}

.newsList {margin:0; padding:0; list-style-type:none;}
.newsList li {float:left; margin:10px 0; padding:0; clear:both; border-bottom:1px solid #DDD; width:100%; list-style-type:none;}
.newsList li img {float:left; padding:0 10px 10px 0; width:60px; height:45px; }
.newsList .ArticleTitle {padding-left:10px; }
.newsList .ArticleBody {}


/* --- services Landing page --- */
#servicesMain {float:left; width:635px; background:#e8e8e8;}

#peopleLeft {float:left; width:310px; margin-right:15px;}
#peopleMain {float:left; width:420px;}
#peopleRight {float:right; width:180px; background:none; padding:10px;} /* Added white background due to overlapping red corner*/

#peopleLeft table, #peopleLeft table td {vertical-align:top;}
#peopleLeft h2 {margin-top:10px;}
#peopleLeft .profile {border-bottom:5px solid #e8e8e8; margin:10px 0; padding:5px 0; }
#peopleLeft .profile td {font-size:0.8em; padding:2px;}

/* --- service Page --- */
#mainImage {float:left; padding-right:10px; width:130px; margin-bottom:10px;} 
.mainIntro {float:left; width:400px; margin-bottom:10px; background:#F0F5F8; padding:10px;}

/* --- sector page --- */
#sectorMainImage {float:left; padding-right:10px; width:130px; margin-bottom:10px;} /* No Longer in Use */
#sectorMainIntro {float:right; width:635px; margin-bottom:10px;} /* Width changed from 495px to 625px */

/* ---- footer --- */
#footer {clear:both; text-align:right; margin-top:10px; padding-top:5px;}

/* --- Application Form Styling --- */
#ApplicationForm .ApplicationIntro ul {list-style-image: url(/laf/redbullet.png);}
#ApplicationForm .ApplicationIntro li {margin-left:30px; list-style-image: url(/laf/redbullet.png);}

#ApplicationForm {padding:10px; margin-bottom:10px; border:2px solid #e8e8e8;}
#ApplicationForm ul {margin:0; padding:0; list-style-image:none; list-style-type:none; }
#ApplicationForm li {float:left; margin:0; padding:0; clear:both; width:100%; margin:7px 0; list-style-image:none; list-style-type:none; }
#ApplicationForm .ApplicationFormNav {padding:3px; border-bottom:2px solid #DDD; width:605px; font-size:0.9em;}
#ApplicationForm label, #ApplicationForm span {display:block; float:left; width:175px; padding-right:10px;}
#ApplicationForm .longLabel {display:block; float:left; width:100%; margin-bottom:3px;}
#ApplicationForm input[type=text] {float:left;}
#ApplicationForm textarea {float:left; width:400px;}

/* --- Radio Boxes --- */
li table {float:left;}

/* --- stop styling some form elements --- */
#ApplicationForm li table td span, #ApplicationForm li table td label {float:none; width:auto;}
#ApplicationForm li.ApplicationFormNav span {width:auto; display:inline; padding:0;}

/* --- people --- */
#content #searchpage .searchSelect {width:400px; padding:5px;}
#peopleSearch {}

#peopleSearch ul#ulTabMenu {list-style-type:none; margin:0; padding:0;}
#peopleSearch ul#ulTabMenu li {float:left; margin:0 5px; padding:0; display:block; text-align:center;}
#peopleSearch #ulTabMenu li a {display:block; padding:5px 8px; background:red; text-decoration:none; background: url(/laf/tabUp.jpg); width:121px;}
#peopleSearch #ulTabMenu li.SelectedTab a {background: url(/laf/tabNormal.jpg); width:121px;}

#peopleSearch #panelName, #peopleSearch #panelService {clear:both; background:#e8e8e8; padding:10px 5px; border-top:5px solid #b42c38;}
#peopleSearch #panelService #chkBoxServices {width:400px; height:190px; overflow:auto;}

.PeopleSpotLight table {width:309px;}
.PeopleSpotLight table td {}
.PeopleLabel {float:left; display:block; width:50px; }
.PeopleData {float:left; width:175px; }

/* --- Careers --- */
#page-content-surround {float:left; width:635px;}
#page-content {float:left;}
#jobplugin {float:left; width:635px;}

/* --- team tables --- */
.teamTable th {background:#e8e8e8; padding:3px;}
.teamTable td {vertical-align:top; padding:3px; border-bottom:1px solid #ddd;}
.teamTable img {border:1px solid #b42c38;}

/* --- user poll, hide borders in any RHS table --- */
#rightColumn #extraInfoThree table {}
#rightColumn table td {border:none; padding:5px;}
#rightColumn table td table td {padding:0;}

#FullWidth div {background:none !important; font-weight:normal !important; padding:0; margin:0;}
a.sitmpA0 {font-weight:normal !important;}
#FullWidth img {display:none !important;}
#FullWidth td {padding:5px;}

.sitmp0 img {display:none;}
