﻿
/* LAYOUT */
body { font: normal  /*12px/14px*/ 90%/150% Helvetica, Arial, Geneva, verdana, serif; color: #333333; }

.top-nav-button { color:#fff; font-size:12pt; font-weight:normal; display:block;  }
a.top-nav-button span { }
a.top-nav-button { text-decoration:none; float:right; margin-left:7px; text-align:center; font-weight:bold; }

.content-wrapper { width:937px; margin:auto; }
.body-content-wrapper { width:937px; margin:auto; padding:15px 0; }
.body-content-wrapper h1 { color:#B4B6A8; font:30px Georgia, "Times New Roman", Times, serif; }
.body-content-wrapper h2 { font-weight:bold; font-size:110%; }
.body-content-wrapper p {  }

.enquiry-wrapper { width:590px; text-align:right; margin-bottom:5px; }


/* DARK HEADER STRIP*/
#header-wrapper { width:100%; background:#231F20 url(/images/layout/dark_banner_background.jpg) repeat-x top left; height:130px; overflow:hidden; }


/* SITEMAP */
#sitemap-wrapper { border-bottom:#cccccc 1px solid; border-top:#cccccc 1px solid; background-color:#efefef; padding:10px; color:#000; }
#services-wrapper {font:90%/150% Helvetica, Arial, Geneva, verdana, serif; width: 100%; float: left; }
#sitemap-wrapper h1 { font-size:12px; font-weight:bold; margin:0px; } 
#services-wrapper h1 { font-family:Helvetica, Arial, Geneva, verdana, serif;  font-size:12px; font-weight:bold; margin:0px; } 
#sitemap-wrapper a, #services-wrapper a { text-decoration:none; color:#000; font-size:12px; } 
.sitemap-cat-wrapper { float: left; padding:0 30px 20px 0; }

#menu-strip ul ul {z-index:999;}

#approved-by { width:937px; margin:auto; }
#approved-by p { padding:0px; }
#approved-by h3 { color:#77725e; font-weight:bold; padding:5px; }
.approved-by-small-txt { font-size:9px;}

#footer-links { text-align:center; margin:auto; font-size:84%; }
#footer-links a { color:#0099cc; }
#footer-links a:hover { text-decoration:none; }

#logo { border-style:none; }


.main-col { float:left; width:600px; }
.main-col h3 { color:#557067; }
.main-col ul { margin-left:30px; }
.main-col ul li a { color:#ab977f; }

.right-col { float:right; width:320px; }

.single-col { width:876px; margin:auto; }
.single-col h3 { color:#557067; padding:0px; margin:0px; }
.single-col ul { margin-left:40px; }

.col-wide { float:left; width:639px; color:#444041; margin:10px 30px 0 30px;  }


.col-nav { float:left; width:210px; margin:10px 0 0 0; /*background:#FFF url(../../images/layout/side-panel-back.jpg) repeat-x top left;*/ }
.col-nav ul { background-color:#efefef; padding-top:10px; padding-bottom:10px; list-style:none; }
.col-nav ul li a { text-decoration:none; }





/* CATEGORIES */
.personal-colour { background-color:#CB0066; }
.corporate-colour { background-color:#329595; }
.healthpro-colour { background-color:#91B627; }
.training-colour { background-color:#8D8B8E; }

.book-link { color:#B2B4A9; text-decoration:none; padding-right:10px; background:url(/3fivetwo/images/sitewide/grey-arrow.jpg) no-repeat top right; font-weight:bold; font-size:11px; }

/* MISC */
.clear { clear: both; }
.fleft { float:left; }
.fright { float:right; }
.cur-pointer { cursor:pointer; }
.more-info-border { width: 100%; border-top: dotted 1px #999999; padding-bottom: 30px; margin-top: 8px; }
.dot-top-border { border-top: dotted 1px #999999; }
.watermark { color: gray; font-size:12px; }
.normail { }
.AspNet-DataList td { vertical-align: top !important; float:left; }
.100-per { width: 100%; }
.padd-5 { padding:5px; }
.ptop-5 { padding-top:5px; }
.rfvKeyword { color:#FF0000; padding-left:2px; font-size:12px; }


/* HOMEPAGE */
#welcome-msg { width:240px; padding-right:40px; float:left; }

.servicewidget-item { width:200px; margin-right:25px; font-size:80%; }
.servicewidget-item p { padding:0px 5px; }
.servicewidget-pic { float:left; width:200px; height:90px; padding-bottom:15px; }
.servicewidget-title { width:160px; padding-left:5px; padding-top:4px; height:25px; margin-top:61px; background-color:#ff0000; }
.servicewidget-title a { color:#fff; text-decoration:none; font-weight:bold; font-size:12px; display:block; }
.servicewidget-link { text-decoration:none; padding-right:10px; background:url(/images/sitewide/grey-arrow.jpg) no-repeat top right; font-weight:bold; font-size:11px; } 


#search-box { width:222px; height:39px; background:url(/images/home/search_bg.jpg) no-repeat top left; padding:10px; } 
#search-box-new { width:222px; float:right;padding-top:5px;} 
#search-box-new input {border:0px;padding-top:0px;}


/*
.green-link { color:#91B627; text-decoration:none; padding-right:10px; background:url(/3fivetwo/images/sitewide/green-arrow.jpg) no-repeat top right; font-weight:bold; font-size:11px; }
.red-link { color:#DE1910; text-decoration:none; padding-right:10px; background:url(/3fivetwo/images/sitewide/red-arrow.jpg) no-repeat top right; font-weight:bold; font-size:11px; }
.brown-link { color:#9F8D77; text-decoration:none; padding-right:10px; background:url(/3fivetwo/images/sitewide/brown-arrow.jpg) no-repeat top right; font-weight:bold; font-size:11px; }
.purple-link { color:#A50567; text-decoration:none; padding-right:10px; background:url(/3fivetwo/images/sitewide/purple-arrow.jpg) no-repeat top right; font-weight:bold; font-size:11px; }
*/


#slideshow-wrapper { width:650px; float:right; }
.slideshow { height: 317px; /*width: 573px;*/ width: 378px; float: left; }
.slideshow h2 { color:#b4b6a8; font:30px Helvetica, Arial, Geneva, verdana, serif; text-align:right; padding:20px 10px 0 0; }
.text-active { background-color: #FAFAFA; }
.text-inactive { background-color: #000; }
#nav { width: 17px; float: right; padding: 0px; margin: 0px; }
#nav a { border-bottom: 1px solid #fff; height: 79px; width: 17px; float: left; background: #fc0; text-decoration: none; background: #F1F2F2; padding: 0px; margin: 0px; }
#nav a.activeSlide { background: #FAFAFA; }
#nav a:focus { outline: none; }
    
.services-hero-intro { text-decoration:none; color:#808183; display:block; height:95px; font-size:12px; line-height:16px; }
.services-hero-titlelink { text-decoration:none; color:#2A89A5; display:block; font-weight:bold; } 
    
/*.slideshow { width:650px; height:325px; float:left; overflow:hidden; }
.slideshow-main { width:376px; height:316px; float:left; }
.slideshow-main-txt { float:right; width:180px; padding-right:10px; }
.slideshow-main-txt h1 { color:#b4b6a8; font:30px Arial, Geneva, verdana, serif; }
*/

/*
#nav { width: 274px; float:right; }
#nav li { width: 274px; float: left; list-style: none }
#nav a { width: 268px; height:72px; padding: 3px; display: block; border-bottom: 1px solid #FFF; background-color:#E6E6E6; }
#nav a:hover { background: #D9D9D9; }
#nav a.activeSlide { background: #D9D9D9; }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
*/

.home-about-lnk { color:#9b8a78; text-decoration:none; padding-right:10px; background:url(/images/sitewide/grey-arrow.jpg) no-repeat top right; font-weight:bold; font-size:12px; }
.home-button-lnk { line-height:100%;color:black;display:block;padding-top:12px;text-decoration:none;width:120px;height:50px;font-weight:bold;text-align:center;vertical-align:middle;margin-top:8px;font-size:85%}
.home-button-lnk-diag { padding-top:20px;padding-left:5px; }
.home-button-lnk span { font-size:130%; color:#CC0066; }

/* SERVICES & CATEGORIES */
.service-link { color:#567065; text-decoration:none; font-weight:bold; padding-right:15px; background:url(/3fivetwo/images/sitewide/green-arrow-med.jpg) no-repeat top right;}
.service-moreinfo { color:#AB977F; padding-right:5px; font-size:11px; font-weight:bold; }

.contact-pnl-outer { width:248px; margin:auto; background:url(/images/contactus-pnl/body-drop2.jpg) repeat-y top;  }
.contact-pnl-content { width:212px; margin:auto; }
.contact-pnl-content h1 { font:28px Georgia, "Times New Roman", Times, serif; color:#FFF; text-transform:uppercase; padding:10px; }
.contact-pnl-content h2 { font-weight:bold; color:#FFF; padding-left:10px; }
.contact-pnl-method { padding-bottom:15px; }
.contact-pnl-method img { float:left; padding:0 10px; }
.contact-pnl-method span { float:left; width:140px; font:22px "Times New Roman", Times, Georgia, serif; padding-top:10px; }
.contact-pnl-method span a { text-decoration:none; color:#333; }
.contact-pnl-divider { width:90%;/*margin:auto;*/ background:url(/images/contactus-pnl/divider.jpg) repeat-x; height:2px; margin:20px auto; }
.contact-pnl-relservices, .contact-pnl-reldocs { list-style:none; padding-left:13px; }
.contact-pnl-relservices li a { text-decoration:none; color:#1B2932; padding-right:10px; background:url(/images/contactus-pnl/serv-arrow.jpg) no-repeat right; }
.contact-pnl-reldocs li a { text-decoration:none; color:#1B2932; }
.contact-pnl-viewall { width:134px; margin:auto; }


/* CONTACT FORMS */
.contact-form-entry { float:left; padding:0px; clear:both; width:580px; padding-bottom:5px; }
.contact-form-entry span.label { /*font-size:12px; color:#fff;*/ float:left; padding:3px 10px 0px 0px; width:100px; width:100px; }
.contact-form-entry select { float:left; width:210px; padding:3px !important; border:1px solid #ccc; color:#333333; background-color:#F2EEE2; font-size:11px;  }
.contact-form-entry-sm input { float:left; font-size:11px; margin-right:5px; padding:3px; color:#FFF; background-color:#F2EEE2; border:1px solid #ccc;  }
.contact-form-submit-sm { float:left; font-size:11px; height:22px; color:#333333; background:url(/images/layout/button-back-blue.jpg) repeat-x left top !important;  }
.contact-form-entry-chk { float:left; padding:0px; clear:both; padding-bottom:5px; font-size:10px; width:330px;  }
.contact-form-entry-chk a { color:#F2EEE2;  }


#contactus-frm-wrapper { width: 200px; float: left; margin:10px 35px 0 0; background:#F4F4F4 url(/images/contact-us/con-frm-btm.jpg) no-repeat bottom; padding-bottom:10px; }
#contactus-frm { width:180px; margin:auto; }
#contactus-frm h1 { color:#0198C5; font-family:Helvetica, Arial, Geneva, verdana, serif; font-weight:bold; font-size:16px; padding-bottom:5px;   /*font: 12px Arial, Geneva, verdana, serif;*/ }
.contactus-frm-entry { float:left; padding-bottom:5px; }
.contactus-frm-entry select { float:left; width:180px; padding:3px !important; border:1px solid #ccc; color:#333333; /*background-color:#F2EEE2*/ font-size:11px;  }
.contactus-frm-entry input { float:left; width:170px; font-size:11px; padding:3px; color:#333333; border:1px solid #ccc;  }
.contactus-frm-entry textarea { color:#FF0000; font-family:Helvetica, Arial; float:left; width:170px; padding:3px; border:1px solid #ccc; font-size:11px; height:120px; color:#333333; }
.contactus-frm-entry a { text-decoration:none; font-weight:bold; font-size:12px; color:#0198C5; padding-right:12px; background:url(/images/contact-us/enq-arrow.gif) no-repeat right; }

.referral-frm {width:250px;float:left;margin-right:30px;}
.referral-frm span {display:block;}
.referral-frm .dob {width:100px;}
.watermarked {color:#cccccc;}
.radio input {width:auto ! important;border:0px;}
.radio label {margin-right:10px;margin-left:5px;margin-top:-5px;}
.smallprint {font-size:0.66em;color:#888888;line-height:normal;}

.con-loc-wrapper { width:250px; float: left; padding:20px 10px 20px 20px; }
.con-loc-viewloc-wrapper { width: 125px; float: left; text-align: right; padding:15px 25px 0 0px;}
.con-loc-viewloc { text-decoration:none; padding-right:10px; background:url(/images/sitewide/grey-arrow.jpg) no-repeat right; font-weight:bold; font-size:11px; color:#AA957A; padding-top:2px; }
.con-loc-wrapper h3 { color:#000; font-weight:bold; font-size:12px; }
.con-loc-wrapper-email { text-decoration:none; color:#333333; }
.thickbox { text-decoration:none; padding-right:10px; background:url(/images/sitewide/grey-arrow.jpg) no-repeat right; font-weight:bold; font-size:11px; color:#AA957A; padding-top:2px; }
.no-back { border: none; background:none !important; }

/* DOCUMENTS */
#doc-src-results { border-bottom:#999999 1px dotted; padding:15px 0;  }
#doc-src-results a{ color:#AB977F; /*font-size:11px;*/ font-weight:bold; text-decoration:none; }
#doc-src-results img { border:none; float:left; padding:15px; }


/* CAREERS */
.career-wrapper { width:90%; padding:10px; margin:auto;  }
.career-wrapper a { color:#AB977F; padding:0 10px 0 5px; font-size:11px; font-weight:bold; text-decoration:none; background:url(/3fivetwo/images/sitewide/moreinfo-arrow-right.jpg) no-repeat right; }

#career-app-frm { width:380px; margin:auto; padding-top:20px; }
#career-app-frm h2 { padding-bottom:10px; }
#career-app-frm span.label { float:left; padding:3px 10px 0px 15px; width:120px; }
#career-app-frm input { float:left; font-size:11px; margin-right:5px; padding:3px; color:#FFF; background-color:#F2EEE2; border:1px solid #ccc; width:200px; color:#3D3D3D;  }



/* XSTANDARD CONTENT STYLES */
.xstand-content h1 { color: #444041; font-size:1.5em; }
.xstand-content h2 { color: #444041; font-size:1.2em; }
.xstand-content table { border: 1px solid #444041; width:100%; border-collapse: collapse; margin-bottom: 20px; margin-left: auto; margin-right: auto; text-align: center; }
.xstand-content table caption { font-size: .9em; font-weight: 700; padding: 20px 0 10px 0; text-align: left; }
.xstand-content table td { font-size: .8em; padding: 10px; text-align: left; }
.xstand-content table th { background-color: #E8E2D2; border-bottom: 1px solid #444041; font-size: .8em; padding: 10px; text-align: left; }
.xstand-content ul { clear: both; list-style-type: disc; margin-left:-5px; }
.xstand-content ul li { color: #444041; font-family: Helvetica, Arial; font-size: .8em; font-weight: 700; letter-spacing: 1px; padding: 0 0 7px; word-spacing: normal; }
.xstand-content ol { clear: both; }
.xstand-content ol li { color: #444041; font-family :Helvetica, Arial; font-size: .8em; font-weight: 700; letter-spacing: 1px; padding: 0 0 7px; word-spacing: normal; }
.xstand-content dl { clear: both; margin: 10px 15px 0 0; }
.xstand-content dt { border-bottom: 1px solid #E6E6E6; color: #444041; font-family :Helvetica, Arial; font-size: .9em; font-weight: 700; padding: 0 0 5px; text-align: left; }
.xstand-content dd { font-size: .8em; margin: 0 0 0 10px; padding: 5px; text-align: left; }


/* DOCS LIBRARY */
#lib-search { background-color:#efefef; width:210px; float:left; padding:10px; /*margin-top:25px;*/ }
#lib-search h2 {font:26px Georgia, "Times New Roman", Times, serif; margin:0px; padding-bottom:5px; }
.lib-search-row { padding:5px 0; }
.lib-search-row input { float:left; width:200px; font-size:11px; padding:3px; color:#333333; background-color:#F2EEE2; border:1px solid #ccc;  }
.lib-search-row select { float:left; width:210px; padding:3px !important; border:1px solid #ccc; color:#333333; background-color:#F2EEE2; font-size:11px;  }

.lib-search-cat a { text-decoration:none; color:#1b2932; border-bottom:#cccccc 1px dotted; display:block; padding:5px 0; margin:0 5px; }



/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* CONSULTANTS */
.cons-image { float:left; margin:5px 20px 5px 0px; }



/* ADVERTISEMENTS */
.advert { width: 200px; margin: auto; }


/* SEARCH RESULTS */
.results-wrapper { width:700px; margin:auto; } 
.results-item { width: 700px; float:left; border-bottom: 1px dotted #999999; padding: 5px; margin-bottom: 10px; }
.results-item a { font-weight:bold; color:#444041; }
.pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }     
.pgr a { color: #666; text-decoration: none; }  
.pgr a:hover { color: #000; text-decoration: none; } 


/* SITEMAP */
#sitemap { padding:15px; }
#sitemap ul li {  }
#sitemap ul li a { text-decoration:none; color:#333333; }


/* X Standard Fix */
.xstandard a img { border:none !important; }


/* THICKBOX */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Helvetica, Arial, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Helvetica, Arial, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.logo-table td a img { border: 1px solid #CCC !important; margin:5px; }


/*Press media for RHS*/
.col_right { width:169px; float:left; margin-top:10px; }
