body {background:#E5EBEB url(/laf/Background.jpg) top left repeat-x; text-align:center;}
body .nodisplay {display:none;}

/* Main formattign Styles --- */
#wrapper {clear:both; margin:0px auto; width: 980px; background:White; text-align:left;}
    #SiteContainer {float:left; width:960px; background:White; padding:0 20px;}
#Content {float:left; width:960px; padding-bottom:15px;}

/* --- Sticky Footer --- */
#footer {float:left; background:White; padding-top:15px; border-top:2px dashed #e8e8e8; width:960px;}
    .FooterLogos {float:left; width:350px;}
    #ServicesLinks {border-left:1px solid #BBB; float:left; width:580px;}
        .links {float:left; width:150px; padding:10px 0 0 15px;}
        .links ul, .links li {list-style-type:none; margin:0px; padding:0px;}
    #ComplianceUtility {float:left; background:#ECA608; width:940px; padding:5px 10px; border-top:10px solid white;}
        #CreditContainer {float:left;}
        #UtilityNavContainer {float:right; text-align:right;}


.vfulldisplay {display:inline;}
.viphonedisplay {display:none;}

/* --- Header --- */
#header {width:960px; position:relative; height:121px; z-index:10;}
	#Logo {position:absolute; top:29px; left:0px;}
	#utility {float:right; clear:both; display:none;}
	#telephone {float:right; padding-top:35px;font-size:17px; line-height:20px;}
	#searchBox {position:relative; top:10px; left:676px; width: 285px; }
		#searchBox input {position:absolute; top:0; left:0; border:1px solid #ccc; float:left; width:221px; line-height:22px;}
		#searchBox a {position:absolute; border:0; margin:0; padding:0;  top:0; right:0;} 
	#TopMenu {position:absolute; top:91px; height:30px; z-index:10; width:960px; background: url(/laf/TopMenu.jpg) top left repeat-x;}

/* Skip Links */
.rm {position:absolute; left:-9999px;}

/* --- Homepage ------------------------------------------------------------------- */
#Branding {height:260px; border-top:20px solid White; clear:both;}
	#Statement {float:left; letter-spacing:-0.01px; width:753px; }
    #SpotLight {float:right; width:190px; height:230px; /*background: url(/laf/SpotLight.jpg); */}
#Introduction {float:left; width:331px; padding:0 10px 0 0; /*background:#F0F0F0;*/}
#News {float:right; width:600px;}
#CmsPartners {float:right; width:600px;}
    #CmsPartners .Border {float:left; border:1px solid #E0E0E0; padding:13px;}
    #CmsPartners .Section {width:187px; float:left;}

/* News  */
#News .NewsArticle {float:left; width:192px;}
#News .NewsSeparator {float:left; width:12px; height:100px;}
#News .NewsImage {width:180px; height:70px; padding:5px; border:1px solid #ccc;}
#News .NewsImage:hover {border:1px solid #999;}

/*--- standard -------------------------------------------------------------------- */
#bannerContent img {border-bottom:1px solid #ddd;}
#breadcrumb {width:100%; line-height:40px;}
#mainNavigation {float:left; width:200px; margin-top:8px;}
#main {float:left; width:730px; padding-left:30px; }
	#mainLeft {float:left; width:460px; }
	#mainRight {float:right; width:240px; }
		#WhiteBox, .customerRecent {background:white; padding:10px; margin:40px 0 10px 0; color:#333;}
			#WhiteBox h2 {padding-bottom:10px; color:#666;}
			
.ContentBox {background:#F0F0F0; padding:10px; border:1px solid #E0E0E0; margin-bottom:15px;}
.ContentBoxWhite {background:#FFFFFF; padding:10px; border:1px solid #E0E0E0; margin-bottom:15px;}

/*--- services -------------------------------------------------------------------- */
.Services #Left {float:left; width:630px;}
.Services #Right {float:right; width:300px;}
    .Services .Service {padding:5px 14px 0px 14px; border:1px solid #E0E0E0; background: url(/laf/Service.jpg); margin-bottom:12px; float:left; width:600px;}

/*--- Contact Us ------------------------------------------------------------------ */
.ContactUs #ContactIntro {clear:both; width:100%; padding:5px 0;}
.ContactUs #Left {float:left; width:630px;}
.ContactUs #Right {float:right; width:300px;}
    .ContactUs .ContactDetails {padding:14px; border:1px solid #E0E0E0; background: url(/laf/Service.jpg); float:left; width:600px;}
    .ContactUs .ContactDetails .Address {float:left; width:215px;}
    .ContactUs .ContactDetails .Map {float:Right; width:382px;}
.Contact .float {float:left;}
    
/*--- wide and Article styles ----------------------------------------------------- */
#Content .Wide {width:960px; padding:0px;}
#Content .Wide #mainLeft {float:left; width:690px; position:relative;}
#Content .Wide #mainLeft #Options {position:absolute; z-index:1; top:0px; right:0px; display:none;}

/* --- Customers -------------------------------------------------------------------*/
.customerIntro, .customerLatest, .customerFeedback, .customerRecent {margin-bottom:15px; clear:both;}
.customerLatest #image {float:left; width:238px; padding-right:10px; }
.customerLatest #text {float:right; width:195px; }

/* --- Case Studies ----------------------------------------------------------------*/
.CaseStudies {margin:0; padding:0; }
.CaseStudies #Left {float:left; width:728px; }
.CaseStudies #Right {float:right; width:210px;}

#FeaturedCaseStudy {background: url(/laf/FeaturedCaseStudyBG.jpg); padding:11px; margin-bottom:20px;float:left; width:706px;}
.caseStudyGroup {float:left; width:221px; margin-right:31px;}
.NoMargin {margin-right:0px;}
	
/* --- News ------------------------------------------------------------------------*/	
#LatestNews {clear:both;}
#LatestNews img {float:left; padding:5px; border:1px solid #ccc; background:White; margin-right:10px;} 
#LatestNews .NewsArticle {float:left; clear:both; margin-bottom:15px; width:630px;}

#OlderNews {clear:both;}

/* --- staff page styles --- */
.staff {float:left; width:476px; padding:10px; margin-bottom:15px;}

/* --- table form styles --- */
#main table td {padding-bottom:5px; padding-right:10px;}

/* --- plugin Styles --- */

/* ------------- SEARCH RESULTS ------------------------ */
.SearchFilter td {padding:10px; background:#e8e8e8;}
.SearchFilter td td {padding:0px; background:#e8e8e8;}

/* ------------- ENQUIRY FORM -------------------------- */
#Content #enquiryForm {list-style-type:none; margin:0; padding:0;}
#Content #enquiryForm li {margin:0; padding:0 0 7px 0;}
#Content #enquiryForm label {display:block; font-size:0.9em; font-weight:bold; color:#333;}
#Content #enquiryForm input[type=text], #Content #enquiryForm textarea {width:260px; border:1px solid #ccc; padding:3px;}
#Content #enquiryForm input[type=text]:focus, #Content #enquiryForm textarea:focus {border:1px solid yellow;}
#Content #enquiryForm input[type=file] {background:White; border:1px solid #ccc; }

/* ------------- MEGA DROP DOWN PLUGIN ----------------- */
#TopMenu li.L1 a { display:block;  line-height:30px; padding:0px 10px; }
ul#topnav {list-style:none; margin:0; padding:0; z-index:10;}
ul#topnav li {float:left; line-height:30px; padding:0px 0px; position:relative; margin:0; z-index:10;}
ul#topnav li.L1 .sub a, ul#topnav li.current-page .sub a {float:left; line-height:25px; font-weight:normal; padding:0px; display:block; font-size:0.9em; margin:0px; text-transform:none;}
	ul#topnav li .sub {
	position: absolute;
	top: 30px; left: 0;
	background: White url(/laf/subbg.jpg) top left repeat-x;
	float: left;
	margin:0px; padding:0 10px 20px 10px;
	z-index:10 !important;
	display: none;
	width:540px !important;
	border:1px solid #999;
	}
ul#topnav div.toprow {border:0px; float:left; width:100%; color:Black;}
ul#topnav li.L1 .sub div.toprow a, ul#topnav li.current-page .sub div.toprow a {float:none; display:inline;}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 0px;
	border-bottom:1px solid #e8e8e8;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 8px 0; padding: 0;
	width: 180px;
	float: left;

}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
	margin: 0; padding: 0;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	float:left;
	padding: 0;  margin: 0;
	font-size: 1.2em;
	font-weight: bold;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #FFF;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	background: url(/laf/navlist_arrow.png) no-repeat 5px 12px;
	padding: 1px 0;
	line-height:1.8em;
	height:auto;
	display: block;
	text-decoration: none;
	color: #0066ff;
}


/* Colours and Text formatting */

/* Level 1 */
ul#topnav li.L1 a, ul#topnav li.current-page a {text-decoration:none; color:White; font-size:1em; background: url(/laf/L1BG.jpg) top left no-repeat; text-transform:uppercase; font-weight:bold;}
ul#topnav li.L1 .sub div.toprow a, ul#topnav li.current-page .sub div.toprow a {background:none; color:Black; text-decoration:underline; }
ul#topnav li.L1 .sub .Level2Heading a, ul#topnav li.current-page .sub .Level2Heading a {font-weight:bold; color:Black; line-height:1.2em;}
ul#topnav li.L1 a:hover, ul#topnav li.current-page a:hover {background: url(/laf/selected.jpg) top left repeat-x; color:White; text-decoration:underline;}
ul#topnav li.current-page a {background: url(/laf/selected.jpg) top left repeat-x;}

/* Level 2 */
ul#topnav .sub ul li a {color:#0066ff;}
ul#topnav .sub ul li a:hover {text-decoration:underline; background:none; color:#0066ff;}
		
/* -------------- END OF MEGA DROP DOWN ---------------- */

/* -------------- SLIDER ------------------------------- */
.jflow-content-slider {background: url(/laf/SliderBg.jpg) top left no-repeat; width:753px; height:254px; margin:0px auto 0 auto; position:relative; z-index:0;}
.jflow-content-slider #jFlowSlide {width:753px; height:254px; text-align:left;}
.jFlowSlideContainer {width:753px;}

.jflow-content-slider #myController {padding:0;}
.jflow-content-slider #myController span.jFlowSelected {padding-right:3px; width:14px; height:16px; background: url(/laf/slider/dotselected.png) top left no-repeat;}
.jflow-content-slider #slides {width:753px; height:254px;}
.jflow-content-slider .slide-wrapper {position:relative; width:753px; height:254px;  overflow:hidden;}
.jflow-content-slider .slide-details-large {top:0px; left:0px; width:633px; padding:20px 60px; height:191px;}
.jflow-content-slider .slide-details {position:absolute; top:0px; left:0px; width:324px; padding:20px 20px 20px 60px; height:191px;}
.jflow-content-slider .slide-thumbnail {position:absolute; top:0px; left:404px; width:349px; height:231px;}
.jflow-content-slider .slide-thumbnail img {}

.jflow-content-slider .jFlowControl, .jFlowPrev, .jFlowNext {cursor:pointer;}
.jflow-content-slider .jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {font-weight:bold;}
.jflow-content-slider .jFlowControl {display:block; float:left; padding-right:3px; width:14px; height:16px; background: url(/laf/slider/dot.png) top left no-repeat;}
.jflow-content-slider .jFlowControl img {}

.jflow-content-slider .jFlowPrev {position:absolute; top:57px; left:0px;}
.jflow-content-slider .jFlowNext {position:absolute; top:57px; left:725px;}

.jflow-content-slider .Numbers {position:absolute; background: url(/laf/slider/numbersbgnew.png); top:197px; padding-top:8px; padding-left:30px; left:58px; width:96px; height:20px;}
.jflow-content-slider .Controls {position:absolute; top:202px; left:65px; width:20px;  z-index:2;}
.jflow-content-slider .Controls img:hover {cursor:pointer;}

.jflow-content-slider h1 {margin:0; padding:0; color:#333;}

.jflow-content-slider h1 {color:#DEA402; font-weight:normal; letter-spacing:-0.03em; margin-bottom:10px; line-height:1em;}
.jflow-content-slider .Medium {line-height:1.5em;}