/*  
Theme Name: PHS Compliance
Theme URI: http://www.phscompliance.co.uk
Description: PHS Compliance Website Theme
Version: 0.5
Author: Optimise Internet Ltd.
*/
	
/* base.css, part of YUI's CSS Foundation */
h1 {
/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;
}

h2 {
/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
}

h3 {
/*14px via YUI Fonts CSS foundation*/
	font-size:108%;
}

h1,h2,h3 {
/* top & bottom margin based on font size */
	margin:1em 0;
}

h1,h2,h3,h4,h5,h6,strong {
/*bringing boldness back to headers and the strong element*/
	font-weight:bold;
}

abbr,acronym {
/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}

em {
/*bringing italics back to the em element*/
	font-style:italic;
}

blockquote,ul,ol,dl {
/*giving blockquotes and lists room to breath*/
	margin:1em;
}

ol,ul,dl {
/*bringing lists on to the page with breathing room */
	margin-left:2em;
}

ol li {
/*giving OL's LIs generated numbers*/
	list-style:decimal outside;
}

ul li {
/*giving UL's LIs generated disc markers*/
	list-style:disc outside;
}

dl dd {
/*giving UL's LIs generated numbers*/
	margin-left:1em;
}

th,td {
/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}

th {
/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}

caption {
/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;

	
/*centered so it doesn't blend in to other content*/
	text-align:center;
}

p,fieldset,table {
/*so things don't run into each other*/
	margin-bottom:1em;
}

a {outline: none;}



/* layout */

body {
	background: #fff url(img/wrapperbg.png) no-repeat top;
	padding: 0;
}

#wrapper {
	margin:0 auto;
	width:980px;
	padding: 0;
	overflow: hidden;
}

.header {
	background: url(img/headbg.png) top repeat-x;
	height:170px;
	width: 100%;
	margin-bottom: 10px;
}

.header .inner {
	margin: 0 auto 0 auto;
	width: 980px;
	overflow: hidden;
	height: 170px;
	position: relative;
}

.header img#logo-head {
	float:left;
	width: 400px;
	height: 117px;
	position: relative;
	top: 32px;
}

.header a#head-telephone {
	float:right;
	width:384px;
	height:69px;
	text-indent:-9999px;
	background:url(img/telephone.png) no-repeat top;
	position: relative;
	top: 54px;
}

.content { /* Left content container */
	width:735px;
	float: left;
	margin-right: 4px;
}

.content a {
	color:#264767;
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}

.content #feature {
	position: relative;
	width: 735px;
	height: 271px !important;
	position: relative; 
}

#text-wrap { /* Content text container */
	width:691px;
	margin: 38px 10px 80px 34px;
	color: #253252;	
	font-size: 114%;
}

#text-wrap p {line-height: 24px; margin-bottom: 26px;}
#text-wrap h1 {font-size: 167%;}


/* Customer Login Boxes */

.customer-login-box {width: 186px; height: 154px; float: left; text-align: center; background: url(img/login_bg.png) no-repeat top; padding: 17px; margin: 0 0 10px 0;}

	img.phs-compliance, img.epsilon {margin-top: 20px; margin-bottom: 40px;}
	img.clm-compliance {margin-bottom: 5px;}
	img.power-plus {margin-bottom: 10px;}
	
	.login-cust {display: block;  text-indent: -9999px; width: 183px; height: 34px; overflow: hidden; background: url(img/customer-login-btn-sml.png) no-repeat; }
	
	.middle {margin: 0 10px;}



/* Main Navigation */

#feature .menu {
	background:url(img/menu_back.png) no-repeat top;
	height:51px;
	width: 682px;
	position: relative; /*--important--*/
	top: -60px;
	float: right;
}

.menu ul#topmenu {
	margin:13px 20px 0 0;
	padding: 0;
	float:right;

}

.menu ul#topmenu li {
	float: left;
	margin-right:20px;
	margin-left: 5px;
	position: relative;
	list-style: none;	
}

.menu #topmenu li a.dd {
	background:  url(img/dd_arrow.png) no-repeat right;
	padding-right: 15px;
}
	
	#topmenu li .sub {
		position: absolute; /*--important--*/
		top: 29px;
		left: -260px;
		display: none; 
		background: #2f3e61;	
		padding: 15px;
		width: 641px;
		float: left;
		font-size: 85%;
	}

	#topmenu li .sub ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 205px;
		float: left;
		display: inline;
	}
	
	#topmenu li .sub ul.middle {
		 margin: 0 10px;
	}
	
	.sub ul li {
		width: 100%; /*--Override parent list item--*/
		color: #fff;
	}
	
	.sub ul li h2 {
		margin: 0; padding: 0 0 10px 0;
		font-weight: normal;
		display:  block;
		color: #f9df5c;
		background: url(img/indent-line.png) repeat-x bottom;
	}
	.sub ul li a {
		float: none;
		padding: 7px 5px 7px 10px;
		display: block;
		text-decoration: none;
		color: #fff;
		background: url(img/dd_link_bg.png) no-repeat 0 13px;
	}
	.sub ul li a:hover {
		color: yellow;
	}	
	
	
.menu #topmenu li a {
	color:#fff;
	font-size:116%;
	text-decoration:none;
}

.menu #topmenu li a:hover {
	text-decoration:underline;
}



.left {
	width:722px;
	float:left;
}

.right {
	width:214px;
	float:left;
}

.left .heading {
	background:url(img/heading_back.gif) repeat-x;
	height:19px;
}

.left .heading img {
	float:left;
}

	


.left {
	width:739px;
	float:left;
	color:#264767;
	margin-top:0;
}


.left .contentright {
	width:739px;
	color:#264767;
	margin-top:0;
	border: 1px solid blue;
}

.content h1 {
	margin-top:0;
}

.left .contentright a {
	color:#264767;
	text-decoration:none;
	font-weight:bold;
}

.logo {
	float:right;
}


/* News Item Specific */


.readmore {
	text-align:right;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#CECEDF;
}

.archive-links {
	width: 647px;
}
	.archive-links h1 {float: left;}
	.archive-links ul {float: right; margin: 0; background: #eef7fd; padding: 7px 5px;}
	.archive-links li {display: inline; font-size: 95%; margin-right: 20px;}
	.archive-links li a {}
	
.page-navigation {
	margin-top: 25px;
	text-align: center;
}	
	

.ddsg-wrapper ul {
	margin-left:0;
}

.ddsg-wrapper ul li {
	list-style-type:none;
}

.ddsg-wrapper ul li ul {
	margin-top:0;
	margin-left:14px;
}

.ddsg-wrapper ul li ul li {
	list-style-type:disc;
}



/* Sidebar */

#sidebar {float: right; width: 238px; margin-bottom: 30px;}

#sidebar #login {background: url(img/sidebar-login.png) no-repeat top; color: #fff; font-size: 182%; padding: 9px;}
	#login p {margin-bottom: 15px;}
	#login img {margin-bottom: 4px;}

#sidebar .news {
	background:url(img/news_top.gif) top no-repeat #d3e8f9;
	padding:13px 3px 0 6px;
}

#sidebar .news ul {

	margin:0;
	padding:0;
}

#sidebar .news li {
	margin:10px 0 0 5px;
	padding-left:0;
	list-style:none;
}

#sidebar .news li a {
	color:#264767;
	text-decoration:none;
}

#sidebar .news li a:hover {
	text-decoration:underline;
}

#sidebar .news_bottom {
	height:28px;
	padding-top:43px;
	background:url(img/news_bottom.gif) #BCE2ED top no-repeat;
}

#sidebar .news_bottom p {
	text-align:left;
	margin-left:14px;
	color:#264767;
	font-size:116%;
}

#sidebar .awards {
	text-align:center;
	margin-bottom: 20px;
}

#sidebar .awards img {
	margin:0 6px;
}

#sidebar .clients {
	background:url(img/clients_top.gif) top no-repeat #f2f8fd;
	padding:13px 3px 0 6px;
	text-align:center;
}

#sidebar .clients p {
	text-align:left;
	margin-left:14px;
	color:#264767;
	font-size:116%;
}

#sidebar .clients img {
	padding:12px;
}

#sidebar .clients_bottom {
	height:15px;
}

.accreditations {
	padding-top:10px;
	width: 980px;
	float: left;
}

.accreditations #dock {
	height:125px;
}

.footer {
	background: #f4e391 url(img/footer_back.jpg) top repeat-x;
	height:308px;
	margin: 0 auto;
}


.footer .container {
	clear: both;
	width:980px;
	margin:  0 auto;
	position: relative;
}

.footer .left {
	width:450px;
	height: 308px;
	float:left;
}

.footer .left .map {
	margin-left:38px;
	position: relative;
	height:308px;
	
}

.optimise {
	color:#153361;
	font-size:77%;
}

.optimise a {
	color:#153361;
	text-decoration:none;
	font-style: italic;
}

.optimise a:hover {
	text-decoration:underline;
}

.footer .right {
	width:456px;
	float:left;
	margin-top:28px;
	color:#fff;
}

.footer .right .white_line {
	background:url(img/white_line.gif) repeat-x;
	width:100%;
	height:3px;
	margin:6px 0 7px;
}

.footer .right .quote {
	width:215px;
	height:225px;
	float:left;
	margin-right: 20px;
}

.footer .right .contact {
	width:215px;
	height:225px;
	float:left;
}

.footer .right .copyright {
	color:#153361;
	font-size:77%;
	margin-top:4px;
	text-align:right;
}

.footer .right .copyright p {
	margin-bottom:2px;
}

.footer .right .copyright a {
	color:#153361;
	text-decoration:none;
}

.footer .right .copyright a:hover {
	text-decoration:underline;
}

.footer .right h3 {
	margin:0;
}

.footer .right b {
	color:#FBD423;
}

.footer .right b a {
	color:#FBD423;
	text-decoration:none;
}

.footer .right b a:hover {
	text-decoration:underline;
}

.cform input.cf_upload {
	margin-right:40px;
}

.cform #cf2_field_4 {
	width:252px;
}

#cforms3form fieldset {
	border:solid 1px #CECEDF;
	background:#fff;
}

#cforms3form legend {
	color:#264767;
	font-family:arial;
	padding-left:15px;
	padding-right:15px;
}

#li-3-16 label,#li-3-16 label span {
	width:185px;
	margin-top:0;
}

#li-3-17 label,#li-3-17 label span {
	width:185px;
}

#li-3-18 label,#li-3-18 label span {
	width:185px;
}

#li-3-19 label,#li-3-19 label span {
	width:185px;
}

#li-3-20 label,#li-3-20 label span {
	width:185px;
}

#li-3-21 label,#li-3-21 label span {
	width:185px;
	margin-top:0;
}

#li-4-1 {
	padding:0;
}

#cforms4form {
	margin:10px 0 0;
}

#cf4_field_10.cf-box-a {
	margin-left:0;
	margin-top:17px;
}

#li-4-10 label span {
	width:370px;
	font-size:10px;
	margin-top:10px;
}

#cf4_field_6 {
	width:290px;
	height:75px;
}



/* CSS Clearfiix */

/* The problem happens when a floated element is within a container box, that element does not automatically force the container's height adjust to the floated element */

.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%;
}