/*   --------------  Global --------------   */

body {
	margin:0; padding:0;
	background: #fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.4em;
	text-align: left;
	color: #292929;
	
}


/* global styles */
img { border: 0; }
p {	margin:0; padding:0 0 15px 0; }
a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }



h1 { font-size:14px; color:#d37406; margin:0; padding:0; }

h2 { font-size:13px; color:#292929; margin:0; padding:0; }

h3 { font-size:12px; color:#292929; margin:0; padding:0; }

/*  --------------   END Global --------------*/

.wrapper {
	position:relative;	margin: 10px auto 10px auto; width:800px; height:100%; overflow: hidden;}

.container {
	width:798px; height:100%; float:left; padding:0; }

.container2 {
	position:relative; float:left; width:798px; height:100%; border: 1px solid #232323;  }

.cookieTrail {
	width:778px; height:40px; line-height: 40px; float:left; padding: 0 0 0 20px; font-size: 12px; color: #888;}
.cookieTrail a { color: #888; text-decoration: none; }
.cookieTrail a:hover { color: #d37406; text-decoration: underline; }
.cookieTrail span { color: #d37406; }

/* -------------- Top: Logo, Search, Top Nav --------------  */

.top {
	float:left;	width:798px; height:140px;
	background: transparent url(../images/header.jpg) 0 0 no-repeat;
	font-size:12px; line-height:12px; color:#fff; }

.top .logo {
	position:absolute; display:block;
	height:37px; width:190px; top: 35px; left: 19px; }

.top .logo a { position: relative; display: block; width: 190px; height: 37px; 	text-indent: -99999px; }

.top .search {
	position:absolute; overflow: hidden; display:block; 
	height:40px; line-height: 40px; top: 100px; left: 20px; font-size:11px; }

.top .search form { margin:0; padding:0; }

.top .search input {
	float: left; border: 0; font-size:11px; margin:8px auto; padding: 4px; line-height: 23px !important; }
.top .search label { float: left; margin: 0 0 0 5px; }

.top .search .setwidth { width:100px; }

.top .search a {
	text-indent: -99999px;
	display:block; float:left; width:19px; height:19px; margin: 10px auto 0 10px; 
	background-image:url(../images/go.png); }



.top .contact {
	position:absolute;
	display:block; width: 50%;
	right: 10px; top: 10px; text-align: right;
	
}

.top .contact h4 { margin: 0; padding: 0; line-height: 1.4em; font-size: 1.3em; padding: 5px 0 10px 0; }
.top .contact p { }
.top .contact a { color: #fff; text-decoration: none; }
.top .contact a:hover { text-decoration: underline; }



.top .top_nav {
	position:absolute; 	left: 20px; top: 100px;
	width:525px; font-family:Tahoma, Arial, Helvetica, sans-serif; }


.top .top_nav a {
	background: transparent url(../images/white_left_arrow.png) 0 50% no-repeat;
	padding: 0 15px 0 15px; line-height:40px; 
	font-weight: bold; font-size:13px; color:#fff;
	text-decoration:none; }

.top .top_nav a.active,
.top .top_nav a.active:hover,
.top .top_nav a:hover {	color:#d37406;	text-decoration:none; }





.inner_container { float:left; width:798px; }

.left_nav {
	overflow: hidden; float:left; width:210px; 
	border-left: 20px solid #fff; border-right: 4px solid #fff; font-size:12px; }

.left_nav address { 
	position: absolute; bottom: 15px; left: 20px; width: 210px; 
	font-style: normal;	padding: 0 0 80px 0; margin: 0; 
	background: #fff url(../images/cert.jpg) 0 100% no-repeat; }

.level1 { overflow: hidden; background: #fff url(../images/dotted-divider_line.png) 0 0 repeat; margin: 0 0 1px 0; }


.left_nav .light_brn_nav {
	display:block; padding: 5px 0 5px 16px;
	color:#292929;font-weight:bold;	text-transform: uppercase; text-decoration:none;
	background: #fff url(../images/black_left_arrow.png) 0 25% no-repeat; margin: 0 0 1px 0; }


.left_nav .light_brn_nav:hover,
.left_nav .light_brn_nav_selected {
	display:block; padding: 5px 0 5px 16px;
	text-transform: uppercase; text-decoration:none; font-weight:bold;
	color:#d37406; margin: 0; background: #fff url(../images/black_arow_down.png) 0 25% no-repeat; }
.left_nav .light_brn_nav:hover { background: #fff url(../images/black_left_arrow.png) 0 25% no-repeat; margin: 0 0 1px 0; }


.left_nav .level2 { display:block; margin: 0 0 1px 0; }
.left_nav .level2 a {
	display:block;	color:#292929;
	padding: 0 0 5px 32px; font-weight: normal; text-decoration:none;
	background: #fff url(../images/black_left_arrow.png) 16px 25% no-repeat; }

.left_nav .level2 a:hover,
.left_nav .level2 .level2_selected:hover,
.left_nav .level2 .level2_selected {
	display:block; color:#d37406;
	padding: 0 0 5px 32px; font-weight: normal; text-decoration:none;
	background: #fff url(../images/black_arow_down.png) 16px 25% no-repeat; }
.left_nav .level2 a:hover { background: #fff url(../images/black_left_arrow.png) 16px 25% no-repeat; }


.left_nav .level3 {	display:block; }
.left_nav .level3 a {
	display:block; color:#292929; font-weight: normal;
	background: #fff; text-decoration:none; padding-left: 48px; }

.left_nav .level3 a:hover,
.left_nav .level3 .level3_selected {
	display:block; color:#d37406; font-weight: normal;
	background:#fff; text-decoration:none; padding-left: 48px; }




/*  --------------  Page Content  --------------  */

.page_content {
	position: relative; float:right; 
	min-height: 850px; height: 850px; height: auto !important; 
	padding: 0 14px 0 20px; width:530px; 
	background: transparent url(../images/vertical_shadow.png) 0 0 no-repeat; }

.page_content .page_body { margin: 10px 0 0 0; }


.page_content ul { padding-left: 20px; overflow: hidden; }

.page_content img.float { float: left; padding: 0 1em 1em 0; border: 0; }


/*  --------------  END Page Content  --------------  */



/*  --------------  Footer  --------------  */

.footer {
	display:block; float:left;
	width:778px; padding:20px 10px 10px 10px;
	font-size:11px; line-height:18px;
	color:#9b5b11; text-align:right; }

.footer a {
	font-size:11px; color:#9b5b11;
	text-decoration:none;
	margin:0px 5px 0px 5px;
}

.footer a:hover {
	font-size:11px; color:#9b5b11;
	text-decoration:underline;	margin:0px 5px 0px 5px;
}

/*  --------------  END Footer  --------------  */


/********************************************************************************************************
 *
 *	user feedback messages
 *
 ********************************************************************************************************/

div.error,
div.info,
div.success,
div.saving {
	border-bottom: 4px solid #fff;
	font-weight: normal; line-height: 20px; 
	margin: 5px 10px 5px 0; padding: 10px 6px 10px 35px !important; }
	
div.saving { padding-left: 45px !important; }

div.info a,
div.success a,
div.error a { text-decoration: underline; }

div.info a:hover,
div.success a:hover,
div.error a:hover { text-decoration: none; }

div.success {
	border-color: #be8;
	background: #dfa url(../images/success.gif) 10px 10px no-repeat; color: #292 !important; }
div.success a { color: #292 !important; }

div.info {
	border-color: #cce;
	background: #eef url(../images/info.gif) 10px 10px no-repeat; color: #247 !important; }
div.info a { color: #247 !important; }

div.saving {
	border-color: #cce;
	background: #eef url(../images/saving.gif) 10px 50% no-repeat; color: #247 !important; }
div.saving a { color: #247 !important; }

div.error {
	border-color: #FFF468;
	background: #FFFac0 url(../images/error.gif) 10px 10px no-repeat; color: #422E00 !important; }
div.error a { color: #422E00 !important; }

input.error { color: #922 !important; font-weight: bold; }

div.info h5,
div.success h5,
div.error h5 { font-size: 1.1em; font-weight: bold; }
	
	
.forms { 
	position: relative; padding: 0; width: 400px; }

.forms h4 { color: #5b5b5b; font-weight: normal; }

.forms p { color: #000; padding: 0 0 5px 0; margin: 0; }

.forms fieldset { padding: 0; margin: 0; border: 0; }
.forms label { 
	color: #000; display: block; width: auto; 
	font-weight: bold; padding: 2px 0 4px 0; } 

.forms .captcha {  display: block; width: 200px;  background-image: none; }
.forms .captcha label span { display: inline; width: auto; padding: 0; }
.forms .captcha img { border: 1px solid #888; }
.forms .captcha input { width: 100px; }
.forms .captcha span { display: block; font-size: 0.9em; color: #444; }

.forms .captcha label span,
.forms label span { color: #f26432; font-weight: bold; }

.forms textarea,
.forms input { margin: 2px 0 4px 0; width: 400px; }

/* revised clearing method */
.forms .select { padding: 2px 0 4px 0; overflow: auto; width: 100%; }
.forms .select select { width: 300px; }

.forms .hidden { display: none; }

.forms input#enquiry,
.forms input#submit,
.forms input#reset,
.forms input#cancel,
.forms input#close { width: auto; margin: 0; padding: 10px; font-size: 1.4em;  }

/*
	list styles for thumb listings
*/
ul.thumbs { clear: both; }
ul.thumbs,
ul.thumbs li { margin: 0; padding: 0; list-style: none; }

ul.thumbs { display: block; padding: 15px 0 0 0; border-top: 4px solid #ddd; }

ul.noborder { border-top: none !important; }

ul.thumbs li { display: block; overflow: hidden; zoom: 1; border-bottom: 1px solid #c99f55; padding: 15px 0 15px 0; }
ul.thumbs li span { display: block; zoom: 1;}

ul.thumbs li span.left { float: left; width: 200px; margin-right: 25px; overflow: hidden; }

ul.thumbs li img { display: block; padding: 0; margin: 0; float: left; }

ul.thumbs li span.right { float: left; width: 300px; padding: 0; }
ul.thumbs li span.right p { margin: 0; padding: 0 0 15px 0; }
ul.thumbs li sapn.right h3 { font-size: 1em; margin: 0; padding: 0; }

ul.thumbs li a {  }
ul.thumbs li a:hover {  }

a.article-enquire,
ul.thumbs a.more,
ul.thumbs a.enquire {
	font-weight: bold; text-align: right; color: #292929;
	display: block; line-height: 1.6em; padding: 0 40px 0 0; background: transparent url(../images/GO_body.png) 100% 50% no-repeat; text-decoration: none;
}

a.article-enquire:hover,
ul.thumbs a.more:hover,
ul.thumbs a.enquire:hover { text-decoration: underline; }

/*
	list styles for associated assets
*/
ul.assets,
ul.assets li { margin: 0; padding: 0; list-style: none; }
ul.assets li { display: inline; }
ul.assets li a { 
	display: block; padding: 3px 40px 3px 0; color: #292929; text-decoration: none; text-align: right; font-weight: bold; 
	background-color: transparent; background-position: 100% 50%; background-repeat: no-repeat; }
ul.assets li a:hover { text-decoration: underline; }

ul.assets li a.pdf { background-image: url(../images/asset.png); }
ul.assets li a.flash { background-image: url(../images/asset.png); }
ul.assets li a.video { background-image: url(../images/asset.png); }
ul.assets li a.excel { background-image: url(../images/asset.png); }
ul.assets li a.generic { background-image: url(../images/asset.png); }
ul.assets li a.word { background-image: url(../images/asset.png); }


/*
	to be re-styled into site colours;
*/

/*  pagination */
.pagination { position: relative; margin: 15px 0 15px 0; }
.pagination ul,
.pagination ul li { margin: 0; padding: 0; list-style: none; display: inline; list-style-image: none; font-weight: bold; color: #4f2231; }
.pagination ul li { padding: 0 1px 0 1px; }
.pagination ul li a { padding: 1px 3px 1px 3px; background: #fff; color: #4f2231; border: 1px solid #fff; text-decoration: none; }
.pagination ul li a:hover { background: #4f2231; color: #fff; text-decoration: none; border: 1px solid #4f2231; }
.pagination ul li.label { padding: 0 5px 0 0; font-weight: bold; color: #454545; }
.pagination ul li.current { padding: 2px 4px 2px 4px; background: #4f2231; color: #fff; }

/* search results */
#results { position: relative; }

#results p { font-size: 1.0em; padding: 0; margin: 0 0 20px 0; }
#results p em { color: #4f2231; font-style: normal; font-weight: bold; padding-right: 5px; }
#results p strong { font-weight: normal; background-color: #f2a70d; padding: 0 2px 0 2px; } 
#results p a { color: #4f2231; font-weight: bold; font-size: 1.1em; text-decoration: none; }
#results p a:hover { text-decoration: underline; }
#results p span { display: block; color: #999; font-size: 0.9em; }

#resultReport { text-align:left; padding:0; font-weight: normal; margin: 0 0 10px 0; }
#commonReport { padding: 0; margin: 0 0 10px 0; text-align:left; color: #444;  }
#resultsDYM { font-size: 1.1em; text-align: left; margin:10px 0 10px 0; }


.stickies { width: 530px; overflow: hidden; }

.stickies dl,
.stickies dl dd,
.stickies dl dt { padding: 0; margin: 0; }

.stickies dl.no-margin { margin-right: 0; }

.stickies dl { 
	position: relative; width: 166px; float: left; margin: 0 16px 16px 0; overflow: hidden;
	background: #e9eaec; min-height: 360px; height: 360px; height: auto !important;
	
}


.stickies dl dt { 
	background-position: 50% 50%; 
	background-repeat: no-repeat; text-indent: -99999px;
	background-color: #fff; margin: 6px 0 0 6px; border: 1px solid #c2c2c2;
	display: block; float: left; width: 152px; height: 150px; padding: 0; }

.stickies dl dd { padding: 10px; }
.stickies dl dd h4,
.stickies dl dd p { padding: 0; margin: 0; font-size: 0.9em;}


.stickies dl a.more { 
	display: block; position: absolute; bottom: 0; left: 0; text-decoration: none; width: 146px; padding: 0 10px 0 10px;
	border-top: 1px solid #fff; height: 40px; line-height: 40px; font-size: 12px; color: #362710;
	font-weight: bold;
}

.stickies dl a.more:hover { text-decoration: underline; }