﻿/* adverts */
.ggcAds
{ width:100%; text-align:left;padding-top:15px;padding-bottom:10px;}

/* css for location details - also see locationsUI.css for tabs*/
.locationsListTable
{
width: 100%; border: 0px ; background-color: #FFF1D2;font-size:1.5em;float:left;
}
.locationsListhdr
{
background-color: #FFC345;padding: 5px 0px 1px 7px;
}
.locNav, .locNav p
{
margin: 0px;float:right;
}
.locListRes
{float:left;width:49%;background-color:#FFDF99;margin: 1px;font-size:0.8em;padding: 2px 0px 1px 2px;}
.locListRes.item0
{background-color:#FFF7E5;}
.locListRes.item1
{background-color:#FFDF99;margin-left:3px;}

#lowerrightwide #locationDetails h2
{ padding: 5px;font-size:1.5em;width:100%;background-color:#FFC345;color:#FFFFFF;}
#lowerrightwide #locationDetails h1
{ padding: 5px;font-size:1.5em;width:100%;background-color:#FFDF99;}

#backLink { float:right;padding-top:5px;}
#backLink  a{ text-decoration:none;font-size:1.5em;}
.tabhidden
{ display:none;}

#lowerrightwide #locationDetails h2
{color:#003366;background-color:#FFF1D2;font-size:1.2em;}

.locationInfoWrapper,.locationMap
{ float:left;width:50%;}
.locationAddress1,.locationAddress2,.locationTown ,.locationTel,.locationFax,
.locationEmail,.locationWeb,.locationHours,.locationPcode, .locationnews
{ float:left;width:100%;padding: 2px 0 5px 0;}
 #locationDetails .locationPcode
 { width:100%;}
.locationName,.serviceInfo,.servicetitle,.serviceinfo,.serviceopenHours,.servicecontactName,
.servicecontactTitle,.servicecontactTel,.serviceweb,.serviceBackNav,.servicecontactGeneralTel
{ float:left;}

.serviceinfo,.serviceopenHours,.servicecontactName,
.servicecontactTitle,.servicecontactTel,.serviceweb,.serviceBackNav,.servicecontactGeneralTel
{ /*display:none;}*/ width:100%;}

.serviceInfo
{ 
margin-top: 10px;
background-color:#FFF1D2;
width:100%
}
.serviceInfo.row0
{
background-color:#FFF1D2;
}
.serviceInfoWrapper
{
/*display:none;*/
background-color:#FFF1D2;
}

.servicetitle
{
font-size: 1.5em;
padding:  10px auto 10px auto;
background-color: #D7E7C3;
cursor:pointer;
width:100%
}
.servicetitle.selected
{
font-weight: bold;
background-color: #FFC345;

}
/* locations tabs css is in css/locationsUI.css */


/* css for find local */
#findLocalResults
{
background-color: gray;
}
#findLocalResults .row0{ background-color:#FFF7E5;}
#findLocalResults .row1{ background-color:#FFF1D2;}
.locationName, .locationPcode, .locationTel
{
float:left;
margin-right:5px;
}
.locationName
{
width:40%;
}
.locationPcode
{
width:70px;
}
.locationTel
{
width:auto;
}
.locationDistance
{
float:right;

}

.localItem, .localItemHdr
{
width:100%;
float:left;
clear: both;
margin-bottom:5px;
padding: 5px 0 5px 5px;
}

.localItemHdr
{
	background-color: #FFC345;color:#FFFFFF;
}
#map_canvas { height: 100%; }


/* search form styling */
div#homecontainer div.homepage_column form#frmFindLocal
{
float:left;
width:100%;
background-color:#eaeaea;

}

html body div#baseholder div#homecontainer div.homepage_column form#frmFindLocal div#frmlabels label
{
float:left;
width:auto;
}

#frmFindLocal
{
float:left;
width:100%;
border:thin black dotted;

}
#frmlabels label
{
float:left;
	width: 100%;
}


/* end find local stuff */


body {
		margin: 5px 0 0 0;
		padding: 0;
		font-family: Arial,Verdana, sans-serif;
		color: #003366;
		font-size:0.8em;
		text-align:center;

	}	

* html body {
	font-size:0.8em; /* for IE5/win */
	font-size:0.8em; /* for other IE versions */
}
/* ----------------------------------------------------- */
/* GENERAL STYLES */
	div.breaker {
		clear:both;
	}
	img {
		border:none;
	}
	img.floatRight { float: right; margin: 0 0 0 8px; }
	img.floatLeft { float: left; margin: 0 8px 0 0; }
	img.floatLeftpadd { float: left; margin: 0 8px 50px 0; }


	img.floatRightBrian  { float: left; margin: 0px 5px 10px 0px; z-index: 1;}

	img.floatLeft2 { float: left; margin: -8px 8px 0 0; }
	img.floatLeftnomargin { float: left; margin: 0 8px 0 0; }
	div.image {
		width:150px;
		float:left;
	}

	input #serv_name { border:1px solid #000; }


	/* C2 */
	.sidenavfontMedia {
		color:#AE173E;
		padding:4px 0 4px 0;
		text-decoration:none;
	}
	.sidenavfontMMedia {
		color:#AE173E;
		padding:4px 0 4px 0;
		text-decoration:none;
		font-size:1.3em;
	}
	.sidenavfontLMedia {
		color:#AE173E;
		padding:4px 0 4px 0;
		text-decoration:none;
		font-size:1.7em;
	}



	.sidenavfont {
		color:#fff;
		padding:4px 0 4px 0;
		text-decoration:none;
	}
	.sidenavfontM:hover, 	.sidenavfontL:hover {
		color:#d1fefe;
	}
	.sidenavfontM {
		color:#fff;
		padding:4px 0 4px 0;
		text-decoration:none;
		font-size:1.3em;
	}
	.sidenavfontL {
		color:#fff;
		padding:4px 0 4px 0;
		text-decoration:none;
		font-size:1.7em;
	}
	.sideSubNavItm_on {
		background:#fff;
		width:100%;
		float:left;
		padding:3px 0 3px 0;
		color:#00234c;
	}
	div.indent {
		padding: 0 0 20px 10px;
		margin-bottom: 30px;
		float:left;	
		width: 99%;
	}
	div.newsleft {
		float:left;	
		width:60%;
	}
	div.newsright {
		float:right;


	}
	div.bodyleft {
		float:left;
		margin-right: 190px;
	}
* html div.bodyright {
		float:right;	
		text-align:left;
		width:170px;
		margin: 0px 0px 0px -180px;
}

	div.bodyright {
		float:right;	
		text-align:left;
		width: 170px;
		margin: 0px 0px 0px -180px;
	}


	div.bodyindent {
		padding: 5px 5px 5px 5px;
		float:left;	
		width:100%;
	}

  .spacer {
	   height:5px;
	   width:100%;
	   float:left;
	   line-height:1px;
	   font-size:1px;
	   background:#fff;
	}
	.sideSubSubNavItm {
		color:#003366;
		padding:4px 0 4px 0;
		text-decoration:none;

	}
	.asset0	{
		margin: 5px 0 1px 10px;
		/* background-color: #FFFFFF; */
		width: 98%;
	}

	.asset1	{
		margin: 5px 0 1px 10px;
		background-color: #fff;
		width: 98%;
	}

	div.paraindent {
		padding: 0 10px 10px 10px;
		float:left;	
		width:80%;
	}

	.clear {
		clear:both;
	}

	h1 {
	font-size:170%;
	color: #fff;
	padding:25px 0 15px 16px;
	margin:0;
	width:100%;
	}

	h2 {
	font-size:150%;
	color: #fff;
	padding:0 0 0 0;
	margin:0;
	}

	h3 {
	font-size:150%;
	color: #00234c;
	padding:0 0 0 0;
	margin:0;
	}
	.white {
	font-size:90%;
	color: #fff;
	padding:0 0 0 25px;
	margin:0;
	text-decoration:none;
	}
	.white:hover {
		text-decoration:none;
		color:#d1fefe;
	}
	.whitelink td, .whitelink a:link {
		color: #ffffff;
		text-decoration:none;
	}
	.whitelink a:visited {
		color: #ffffff;
		text-decoration:none;
	}
	
	.whitelink a:hover {
		color: #999999;
		text-decoration:none;
	}

	.subnavitemon {
		background:#fff;
		color:#000;
	}
.hidden	{
	display: none;
}

.captiontext {
	width: 170px;
	font-size:80%;
	text-align: left;
	text-decoration:none;
	margin-bottom: 10px;
}

.visible	{
}
	
	.newstitle {
		color:#fff;
		text-decoration:none;
	}
	.newstitle:hover {
		color:#ffd9d9;
	}
	.newstitle2 {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		font-size:130%;

	}
	.newstitle2:hover {
		color:#000;
	}

	.paratitle {
	font-size:90%;
	color: #fff;
	padding:5px 0 0 0;
	margin:0;
	text-decoration:none;
	
	}
	.paratitle:hover {
		color:#003366;
	}
	.paratitleyellow {
	font-size:90%;
	color: #00234c;
	padding:5px 0 0 0;
	margin:0;
	text-decoration:none;
	
	}
	.paratitleyellow:hover {
		color:#666;
	}
	a {
			color: #003366;
		TEXT-DECORATION: underline;	
	}
	a:hover {
			text-decoration:none;
			color: #2626ac;
	}

DIV.textHolder P.alignR, DIV.textHolderAlt P.alignR {
	text-align:right;
}
DIV.textHolder P.alignC, DIV.textHolderAlt P.alignC {
	text-align:center;
}

/* Main holder for the whole site */

	#baseholder {
		width:100%;
		text-align: left;
		/*margin-left: auto;
		margin-right: auto;
*/
	}

/* holder for the headers */


	.topbutton {
		padding: 10px 0 0 16px;
		float:left;
	}
	.topsearch {
		padding: 16px 0 0 6px;
		float:left;
	}
/* IE7 Only */
*:first-child+html .topsearch {
		padding: 12px 0 0 6px;
}

	.toplogo {
		float:right;
		padding: 10px 16px 10px 0;
	}
	.toptitle {
		float:left;

	}
	#buttoncontainer {
		float:left;
		margin: 0;
	}

	.prop {
	height:400px;
    float:right;
    width:1px; 
	}
	.homepage_column {
		width:32%;
		float:left;
		margin: 0 1% 0 0;
		/*//min-height:950px;*/
	}
	


	
	.homepage_space {
		width:1%;
		font-size:1px;
		float:left;
	}
	#homecontainer {
		width:100%;
		float:left;
	}
	

/* HOME PAGE COLOURED PARAS */
		/* Using these indents saves putting padding on the main div's, which generally breaks it in Mozilla */

		.morelink {
			text-align:right;
			width:95%;
			padding:0 8px 10px 0;
			float:left;
		}
		div.textindent {
			padding:8px 0 8px 10px;
			width:95%;
			line-height: 140%;

		}



		div.textindent {

	 // Safari wont read the next line
    // because of the floating pound sign
			
			padding:8px 0 8px 10px;
			width:95%;
			line-height: 140%;
		

	}


	/* IE7 Only */
	*div.textindent {
			padding:8px 0 8px 10px;
			padding:8px 8px 8px 10px;
			width:95%;
			height: 100%;
	}



		.titleindent {
			padding:2px 0 2px 5px;
			width:95%;
			display: block;
		}


	/* Red para */

		.redpara_title {
			background:#DC6562;
			width:100%;
			float:left;
		}
		.redpara_body {
			background:#FOE2E2;
			width:100%;
			float:left;
			color: #003366;
		}
	/* Orange para */

		.orangepara_title {
			background:#FF9933;
			width:100%;
			float:left;
		}
		.orangepara_body {
			background:#EEDAC5;
			width:100%;
			float:left;
			color: #003366;
		}
	/* Yellow para */

		.yellowpara_title {
			background:#FFCC66;
			width:100%;
			float:left;
			color:#00234c;

		}
		.yellowpara_body {
			background:#F7EBC3;
			width:100%;
			float:left;
			color:#00234c;
		}

	/* Light Green para */

		.lightgreenpara_title {
			background:#7BCCB8;
			width:100%;
			float:left;
		}
		.lightgreenpara_body {
			background:#DEF2ED;
			width:100%;
			float:left;
			color: #003366;
		}
		.paraholder222 {
			width:49%;
			float:left;
			padding:0 1% 0 0;
		}
	/* Dark Green para */

		.darkgreenpara_title {
			background:#46B1C2;
			width:100%;
			float:left;
		}
		.darkgreenpara_body {
			background:#D2EEF3;
			width:100%;
			float:left;
			color: #003366;
		}
	
	/* Light Blue para */

		.lightbluepara_title {
			background:#46A5D6;
			width:100%;
			float:left;
		}
		.lightbluepara_body {
			background:#DAEAF5;
			width:100%;
			float:left;
			color: #003366;
		}

	/* Pink para */

		.pinkpara_title {
			background:#CC6699;
			width:100%;
			float:left;
		}
		.pinkpara_body {
			background:#EFDDE6;
			width:100%;
			float:left;
			color: #003366;
		}
		
	/* H1N1 para */

		.h1n1_title {
			background:#;
			width:100%;
			float:left;
		}
		.h1n1_body {
			float:left;			
			background:#222b28 url(../mediaassets/images/nhsggc_home_h1n1.jpg) no-repeat 0 0;
			background-position:right;
			width:100%;
			height: 178px;
			border-top: 5px;
			border-color: #ffffff;
			
			}

		.h1n1_bodytext {
			float:left;
			width: 150px;
			margin: 0;			
			padding: 12px;
			background:#transparent;
			color: #ffff00;
			font-family: arial, verdana, helvetica, sans-serif;
			font-weight: bold;
			font-size: 120%;
			line-height: 140%;
			text-decoration: none;
			text-align: left;
		}
		
		.h1n1_bodytext strong {
			font-size: 110%;
		}

		.h1n1_bodytext a {
			color: #ffffd0;
			text-decoration: none;
		}
		.h1n1_bodytext a:hover {
			color: #d2d200;
			text-decoration: underline;
		}			
		
		

	.widecolumn {
		width:66%;
		float:left;
		
	}
	.microhomesplitter {
		width:45%;
		background:red;
		float:left;

	}
	.smallcolumn {
		float:right;
		width:150px;
	}
	.widecolumnpara {
		width:100%;
		float:left;
	}

	#footer {
		float:left;
		width:100%;
		margin:0;
		padding: 20px 0;
		font-size:100%;
		color: #c0bebe;
		background-color: #FFFFFF;

	}

	#copyright {
		width:40%;
		float:left;
		padding-left: 16px;
		text-align:left;
	}

	#logos {
		width:50%;
		float:right;
		text-align:right;
		padding-right: 16px;
	}

	.terms {
	font-size:100%;
	color: #c0bebe;
	line-height:10px;
	}
	.navspacer {
	height:3px;
	width:100%;
	background:#fff;
	float:left;
	line-height:1px;
	font-size:1px;

}

.sidenavfontActive {text-decoration:none; font-weight:bold;}
	.topspacer {
	height:3px;
	width:100%;
	float:left;
	line-height:1px;
	font-size:1px;

}
	.titlespacer {
	height:1px;
	width:100%;
	float:left;
	line-height:1px;
	font-size:1px;

}
	.navspacernews {
	height:3px;
	width:105%;
	background:#fff;
	float:left;
	line-height:1px;
	font-size:1px;

}

	.topspacer {
	height:4px;
	width:100%;
	float:left;
	line-height:1px;
	font-size:1px;
}



/* CSS for location / services layouts */
fieldset {
	border: none;
}

.searchresults {
	background:#fff;	
	margin: 5px 0 5px 0;
	padding: 0px 0 5px 0;
	border:1px solid #ff6600;
}

.searchresults h3 {
	background:#ff6600;	
	margin: 0;
	/*border:1px solid #ff6600;*/
}

.searchresults a {
	color:#ff6600;	
	margin: 0;
	/*border:1px solid #ff6600;*/
}

.locdetailsleft {
	float: left;
	width: 50%;
	margin: 0 5px 0 0px;
	padding: 0 5px 0 0px;
}

.locdetailsright {
	float: right;	
	width: 45%;
	margin: 0 5px 0 5px;
	padding: 0 5px 0 5px;
}

}

.lastupdated {
	float:left;
	margin: 0;
	padding: 0;
	color: #888888;
	font-family: arial, verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 95%;
	text-decoration: none;
	text-align: left;
}

/* Recruitment Ad Styles */

#menutab {clear:left;width:100%;}
#menutab a {border:1px solid #14528b;text-align:center; color:#14528d; margin-right:10px;font-weight:bold;background: #cee4f9; display: block; padding:5px;text-decoration: none;	float: left;	width: 135px;	}
#menutab a:hover {text-align:center; background: #14528b; color:#fff;	font-weight:bold;}
#menutab a.on {text-align:center; 	background: #14528b; color:#fff; font-weight:bold;	}
.tabContent {padding:10px;clear:left; }
.tabContent h1 {color:#003366; padding:0; margin:0; }

 @media print {


}
