/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;color:#000;background:#FFF;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;color:#000;background:#FFF;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}a,a:link,a:visited{text-decoration:none;}a:hover{text-decoration:none;}body{text-align:center;}form.search .inputbox{width:auto;}form.search .button{margin-left:5px;}#emailForm input.invalid,#emailForm textarea.invalid{border:1px solid #F00;}#emailForm label.error{color:#F00;font-style:italic;margin:10px 0 0 10px;}li{padding-left:5px;margin-left:15px;}p{margin:.5em 0 1em 0;}span.article_seperator{display:none;}table.blog span.article_seperator{display:block;height:2.25em;}.button{font-weight:bold;}input.button{cursor:pointer;}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{display:inline-block;}html[xmlns] .clearfix{display:block;}* html .clearfix{height:1%;}.componentheading,.contentheading{font-size:138.5%;margin:0 0 1em;}.highlight{background-color:Yellow;color:Blue;}.invalid{border-color:#f00;}label.invalid{color:#f00;}div.message{font-weight:bold;padding:5px;text-align:center;font-size:1.2em;margin-bottom:10px;}#container{text-align:left;margin:15px auto 0;width:960px;}#menu{clear:both;margin:0;padding:0;}#menu ul{list-style:none;margin:0;padding:0;text-align:left;}#menu ul li{display:inline;padding:0;margin:0;}#menu a{font-weight:bold;text-decoration:none;}address{font-style:normal;margin:10px 0;}address p{margin:0;}.contact label{float:left;font-weight:bold;width:200px;margin:10px 0 0;}.contact input,.contact textarea{padding:2px 2px 0;margin:10px 0 0;float:left;}.contact .button{margin:10px 0 0 200px;}span.marker{margin:0 10px 0 0;font-weight:bold;}.sitemap ul{margin:0;}#footer{clear:both;}.contact input#contact_email_copy{margin:0px; padding:0; height: 16px;}.contact .contact_email_checkbox{clear:both;margin-top:15px;height:25px;}.contact .contact_email_checkbox .copy{margin:0;padding:0 0 0 5px;width:410px;}

/* Contact */
.contact-grid {
	float: left;
	width: 49%;
}

.contact-left {
	margin-right: 2%;
}

#contact-form input[type=text],
#contact-form input[type=email],
#contact-form textarea {
	box-sizing: border-box;
	max-width: 325px;
	min-width: 200px;
	margin: 0 0 0.2em;
	padding: 0.4em 3%;
	width: 100%;
}

.form-actions {
	clear: both;
	padding-top: 0.8em;
}

/* captcha */
#jform_captcha {
	width: 100%;
}

#jform_captcha td.recaptcha_image_cell {
	min-width: 200px;
	max-width: 325px;
	width: 90% !important;
}

#jform_captcha td {
	padding: 0 !important;
}

#recaptcha_privacy,
#recaptcha_logo {
	display: none;
}

#contact-form .recaptchatable {
	border: 0 none !important;
	max-width: 325px;
	width: 100%;
}

#contact-form .recaptchatable .recaptcha_image_cell {
	background: transparent !important;
	height: auto !important;
	padding: 0 !important;
}

#contact-form .recaptchatable #recaptcha_image {
	border: 0 none !important;
	width: 98% !important;
}

#contact-form .recaptchatable #recaptcha_image img {
	max-width: 100% !important;
}

#contact-form .recaptchatable tr td {
	clear: both;
}

#jform_captcha #recaptcha_response_field {
	width: 100% !important;
}

.popover {
	display:none !important;
}
div.message {
	background: #fff;
	border: 1px solid #000;
	color: #000;
	
}
button.close, a.close {display: none;}
.alert-error, #system-message {
    border: 1px solid red;
    padding: 10px;
    text-align: center;
    clear: both;
}
#jform_contact_emailmsg {width: 240px;}

span.jicons-text {font-weight: bold; padding: 10px 0; display: block;}

/* Add Cookie Notice */
#ckmcookiescont {
	bottom:0;
	left: 0;
	position: fixed;
}
#ckmcookiesinnercont {
	bottom: 0;
	display: block;
	left: 0;
	padding: 0; /* dont add any styling to this div as it persists through hiding */
	position: fixed;
	text-align: left;
	width: 100%;
	z-index: 999999999;
}

#ckmcookiesinnercont {
	padding: 5px 0;
}

#ckmcookiescont span {
	display: block;
	float: left;
	padding: 0 5px;
}

#ckmcookiescont .ckmcookiebutton {
	float: right;
	margin-right: 5px;
	display: inline;
}

/* Quick Style */
#ckmcookiesinnercont {
	background: #ebebeb;
	color: #6F6F6F;
	font-size: 13px;
	border-top: 1px solid #6F6F6F;
	width: 100%;
}

#ckmcookiescont a,
#ckmcookiescont button {color: #30287B;}

#ckmcookiescont a:hover,
#ckmcookiescont button:hover {color:#000;}	

#ckmcookiescont .ckmcookiebutton {
	border: 1px solid #30287B;
	padding: 5px;
}
/* End Quick Style */

.pagination span,
.pagination a { margin-right: 5px; }
.pagenavcounter { text-align: right; }


.contact h3 {
	display: none;
}


/* old css starts here */
a, a:link, a:visited { color:#004E91; }
a:hover { color:#000;  text-decoration:underline;}

body { color:#FFF;}

/* Add Cookie Notice */
#ckmcookiescont {
	display: block;
	text-align: left;
	position: fixed;
	z-index: 999999999;
	bottom: 0;
	left: 0;
	width: 100%
}

#ckmcookiescont span {
	padding: 5px;
	display: block;
	float: left;
}

#ckmcookiescont .ckmcookiebutton {
	float: right;
	margin-right: 5px;
	display: inline;
	margin-top: 5px;
}

	/* Quick Style */
	#ckmcookiescont {
		background: #ebebeb;
		border-top: 1px solid #dd2176;
		font-size: 13px;
		color: #005197
	}
	
	#ckmcookiescont a, #ckmcookiescont button {color: #dd2176;}
	
	#ckmcookiescont a:hover, #ckmcookiescont button:hover {color:#000;}	
		
	#ckmcookiescont .ckmcookiebutton {
		border: 1px solid #dd2176;
		padding: 5px;
		background: #FFF;
		color: #dd2176;
	}
	
	/* End Quick Style */
	
/* End Cookie Notice */

th, td {
	border: none;
	padding:0;
}

.pagination span, .pagination a {
	margin-right: 5px;
}

.subtitle {
	color:#004E91;
	font-size:1.8em;
	margin:10px 0 0 0;
	text-transform:lowercase;
	font-weight:bold;
	width:400px;
}

.pagenavcounter {
	text-align: right;
}

.contactname {
	font-size: 1.15em;
}

p, fieldset, table, pre {
	margin-bottom:0;
}

.contactus{
	font-size:14px;
	font-weight:bold;
	color:#005699;
}

.button {
	color:#FFF;
	background-color:#005197;
	border-top:1px solid #FFF;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #FFF;
}

div.message {
	color:#000;
	background:#fff;
	border:1px solid #000;
}

.componentheading, .contentheading {	
	font-size:1.8em;
	color:#004E91;
	text-transform:lowercase;
	margin:10px 0;
}

#fullwidthtop {
	background: #8EB1D1 url(images/bg_top.jpg) repeat-x;
	padding-bottom:10px;
}

#container {
	margin:0 auto 0;
	padding-top: 18px;
}

#header {
	clear: both;
	padding:4px 0 0;
}

#header1 {
	float:left;
	width:162px;
}

#header2 {
	float:left;
	width:565px;
    display: block;
    height: 281px;
    position: relative;
    z-index: 999;
}

#header2 .pageimage {
	position:absolute;
}

#header3 {
	float:left;
	width:220px;
	border-left:6px solid #005699;
	border-right:6px solid #005699;
	border-bottom:3px solid #005699;
}

.catalogue_bg { 
	background: url(images/bg_sidelinks.png) repeat-x;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	height:27px;
	padding:5px 0 0 5px;
	width:215px;
}
.catalogue_text { 
	padding:7px 5px 0 6px;
	float:left;
	font-size:12px;
	color:#005197;
}
.catalogue_img { 
	float:right;
	margin:8px;
	width:80px;
}

#leftcol {
	float:left;
}

#leftcolimg {
	width:169px;
	height:72px;
}

#leftcolbg {
	background: url(images/leftcol_bg.jpg) no-repeat 0 0;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	height:212px;
	padding:30px 0 0;
	width:169px;
	text-align:center;
}
#leftcolbg a {
	color:#FFFFFF;
}
#leftcolbg span {
	padding:0 15px;
	display:block;
}

#leftmenu {
	background-color:#FFFFFF;
	border-left:6px solid #005699;
	border-right:6px solid #005699;
	padding:10px 5px 10px 25px;
	color:#005197;
}

#leftmenu ul {
	 margin:0;
}
#leftmenu li {
	display:block;
	padding:0 0 0 15px;
	margin:0 0 7px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background:url(images/bullet.png) no-repeat 0 5px; 
}

#logo {
	height:100px;
	margin:15px 0 0 30px;
	width:100px;	
}

#content {
	float:left;
	margin:30px 0 0 25px;
	width:766px;
}

#content li {
	background:url(images/content_bullet.gif) no-repeat 0 4px; 
	list-style-type:none;
	margin-left:0;
	padding-left:15px;
}

#menu {
	float: left;
	width: 735px;
	color: #FFF;
	font-size: 13px;
	padding:3px 0 0;
}
#menu a {
	color:#FFF;
	padding:0;
	margin-right: 10px;
	display:block;
	height: 28px;
}
#menu a:hover { background: url(images/nav_rollover.png) repeat-x bottom; }
#menu li#current a,
#menu li.current a { background: url(images/nav_rollover.png) repeat-x bottom; }
#menu ul li {
	background: url(images/menu-sep.png) no-repeat right 3px;
	float: left;
	margin-right: 10px;
	display:block;
}
#menu ul li.item3 {background: none; width:64px}
#menu ul li.item3 a {margin-right: 0;}

#menu ul li.item2 { width: 46px;}
#menu ul li.item5{ width: 121px;}
#menu ul li.item6 { width: 215px;}
#menu ul li.item8 { width: 158px;}

#date {
	float: right;
	margin-top:3px;
	font-weight:bold;
	color:#FFF;
}

#aaa { float:right }

#footer {
	background: url(images/bg_bottom.png) repeat-x;
	clear: both;
	font-size:10px;
	height:11px;
	padding:30px 0 0;
}
#footer, #footer a { color:#005197 }

#clickingmad { float:right; font-size:77% }
#clickingmad a, #clickingmad a:link, #clickingmad a:visited { font-weight:normal; text-decoration:none; }
#clickingmad a:hover{ color:#F47D2F; }


/* Joomla 3.6 fixes */
#footer {
	width: 100%;
}

#header {
	float: left;
	width: 100%;
}

#header3 .header3 {
	float: left;
	width: 100%;
	clear: both;
}

#header3 .header3 .catalogue_img {
	margin-bottom: 0;
}

#header1 {
	height: 281px;
}

.popover {
	display: none !important;
}

#contact-form legend {
	display: none;
}

#contact-form  .control-group {
	clear: both;
}

#contact-form .control-label {
	float: left;	
}

#contact-form .controls {
	clear: both	
}

.contact-left {
	float: right;
}

.contact-address dd,
.contact-miscinfo dd {
	margin-left: 0;
}

.contact-right dl {
	margin-left: 0;
}


h1 {
	font-size: 1.8em;
	color: #004E91;
	text-transform: lowercase;
	margin: 10px 0;
}