.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%;}
*+html .clearfix {height: 1%;}

/* --------------------------------------------------------------

	 oo-default.css
	 * Default styles used within KBroker front ends

-------------------------------------------------------------- */
/* ===================================================================================
		 Open Objects CSS Framework - Layout section
		 A section to setup the layout of the page as simply as possible

		 Think before altering
	 =================================================================================== */

/** Hide all sub-menus at start **/
ul.menu-hover li.depth0 ul { display: none; }

/** Show sub menu on hover **/
ul.menu-hover li.depth0:hover ul,
ul.menu-hover li.depth0 ul li:hover ul,
ul.menu-hover li.depth0 ul li ul li:hover ul { display: block; }

/** Show the selected sub-menu **/
ul.menu-toggle ul.menu-contains-selected { display: block; }

/* Default classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide,
.hidden 		{ display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }


.remove			{ display: none; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.fleft			{ float:left; }
.fright			{ float:right; }
.tleft			{ text-align:left; }
.tright			{ text-align:right; }
.centre			{ margin:0 auto; text-align:center; }
.spacer			{ clear:both; }

.backlink 	{ clear:both; }
.red 				{ color: red; }
.caption 		{ padding: 0px; margin:0px; }
.normalfont { font-weight: normal; }

img  		    { border:none;display:inline }

/* Clearing floats without extra markup
	 Based on How To Clear Floats Without Structural Markup by PiE
	 [http://www.positioniseverything.net/easyclearing.html] */

.oo-clear { display: inline-block; }
.oo-clear:after, .oo-container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .oo-clear { height: 1%; }
.oo-clear { display: block; }

/* Hides an element off the screen */
.hideOffScreen {
	margin-left: -2000px;
}

/* --------------------------------------------------------------

	 forms.css
	 * Sets up some default styling for forms
	 * Gives you classes to enhance your forms

	 Usage:
	 * For text fields, use class .title or .text

-------------------------------------------------------------- */

/* Fieldsets */
fieldset    { padding:0.5em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title   { padding:1px; }
input.title               { font-size:1.5em; }

/* Success, error & notice boxes for messages and errors. */
.error,
.notice,
.success  	  { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error    	  { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice   	  { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success  	  { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a  	  { color: #D12F19; }
.notice a 	  { color: #817134; }
.success a	  { color: #529214; }
span.required,
label.required {	color: #FE0000; }
.validation-advice { color: #FE0000; font-size: 0.9em; }
.validation-failed { color: #FE0000; border: 2px solid #FE0000; }

/* --------------------------------------------------------------

	 typography.css
	 * Sets up some sensible default typography.

	 Based on work by:
	 * Nathan Borror     [playgroundblues.com]
	 * Jeff Croft        [jeffcroft.com]
	 * Christian Metts   [mintchaos.com]
	 * Wilson Miner      [wilsonminer.com]
	 * Richard Rutter    [clagnut.com]

	 Read more about using a baseline here:
	 * alistapart.com/articles/settingtypeontheweb

-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights
	 and vertical margins are automatically calculated from this.
	 The percentage is of 16px (0.75 * 16px = 12px). */

body {
	font-size: 1em;
}

/* * html .column { overflow-x: hidden; } IE6 fix - removed for WC3 Validation */

/* Default fonts and colors.
	 If you prefer serif fonts, remove the font-family
	 on the headings, and apply this one to the body:
	 font: 1em Georgia, "lucida bright", "times new roman", serif; */

body {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
}


/* Headings
-------------------------------------------------------------- */
/*h1 { font-size: 2em; margin: 0; line-height: 1; font-weight: normal;}
h2 { font-size: 2em; margin: 0; font-weight: normal;}
h3 { font-size: 2.0em; margin: 0; line-height: 1; font-weight: bold;}
h4 { font-size: 1.2em; margin: 0; line-height: 1.25; font-weight: normal;}
h5 { font-size: 1em; margin: 0;}
h6 { font-size: 1em; margin: 0;}*/


h1 { font-size: 2em; margin:0px; padding:0px; }
h2 { font-size:160%; margin: 0px;}
h3 { font-size:140%; }
h4 { font-size:120%; }
h5, h6 { font-size:100%; }

/* Text elements
-------------------------------------------------------------- */
p					{ }
p.last			{ margin-bottom: 0; }
p img.top	{ margin-top: 0; } /* Use this if the image is at the top of the <p>. */

ul					{ list-style-type: circle; }
ol					{ list-style-type: decimal; }
/*dl				{ margin: 0 0 1.5em 0; }*/
/*dl dt			{ font-weight: bold; }*/
/*dd				{ margin-left: 1.5em;}*/

abbr,
acronym		{ border-bottom: 1px dotted #666; }
address		{ margin-top: 1.5em; font-style: italic; }
del				{ color:#666; }

a					{ color: #263248; text-decoration: underline; color:#000; }
a:visited	{ color: #263248; text-decoration: underline; color:#000;}
a:hover		{ color: #5DC800; text-decoration: none; color:#000;}

blockquote	{ margin: 1.5em; color: #666; font-style: italic; }
strong			{ font-weight: bold; }
em,
dfn				{ font-style: italic; background: #ffc; }
dfn				{ font-weight: bold; }
pre,
code				{ margin: 1.5em 0; white-space: pre; }
pre,
code,
tt					{ font: 1em 'courier new', 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; }
tt					{ display: block; margin: 1.5em 0; line-height: 1.5; }

/* Tables
-------------------------------------------------------------- */
table   { margin-bottom: 1.4em; }
th      { font-weight: bold; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; }

/* Global Styles		[GLB]
================================================================================================ */
body {
	margin: 0;
	
	
	/* IE6 */
	text-align: center;
}

/* A div to wrap the content of your page */
#oo-page {	
	/* IE6 */
	text-align:left;
}

#oo-wrap {}

/* Adds a small image after external links */
a[rel="external"] {
	 padding-right: 14px;
	 background: transparent url(../Images/external_link.gif) no-repeat center right;
}

#oo-content .viewrecord {
	padding-left: 18px;
	background: transparent url(../Images/magnifier.png) no-repeat center left;
}

/* Header */

#oo-header {}

#oo-header #logoimg {
	display:none;
}
#oo-header .site-title {
	display:block;
}

/* Content wrapper		[CNT]
================================================================================================ */
#oo-content-wrap {
}
#oo-content {
}
#oo-content h2.page-title {
	color: #5DC800;
	padding: 5px 0;
}
#oo-content .to-top-link {
	display:none;
}
#oo-content .hit-links {
	display:none;
}
/* Breadcrumb		[BRD]
================================================================================================ */
#breadcrumb {
	position: relative;
	padding: 5px;
	background-color: #FFFFFF;
	font-weight: bold;
}
#breadcrumb strong {
	font-weight: normal;
}

/* Messages	[MSG]
================================================================================================ */
#oo-content .message {
	clear: both;
	padding: 10px;
	margin: 5px 0;
	border: 1px solid #cccccc;
}


/* Sidebar Menu		[SBM]
================================================================================================ */
#oo-sidebar-left	{ float: left; }
#oo-sidebar-right	{ float: right; }
#oo-sidebar-left.oo-sidebar		{ display:none; }
#oo-sidebar-right.oo-sidebar	{ display:none; }
#oo-wrap .oo-sidebar .oo-padding	{
	margin: 5px 10px;
}
#oo-wrap .oo-sidebar ul {
	list-style: none;
	padding: 0;
	margin: 5px 0;
	background-color: #FFFFFF;
}
#oo-wrap .oo-sidebar ul li {
/*	border-top: 1px solid #EEF700;
	padding: 0;*/
}
#oo-wrap .oo-sidebar ul li a {
	display: block;
	height: 1%; /* fix for IE */
	padding: 5px;
	text-decoration: none;
}
#oo-wrap .oo-sidebar ul li a:visited {
	text-decoration: none;
}
#oo-wrap .oo-sidebar ul li.home {
	font-size: 1.2em;
}
#oo-wrap .oo-sidebar ul li.home a {
	
	color: #FFFFFF;
	font-weight: bold;
}
#oo-wrap .oo-sidebar ul.menu-toggle li.depth0 a.link-depth0 {
	
	border-top: 1px solid #EEF700;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
#oo-wrap .oo-sidebar ul.menu-toggle li.depth1 a {
	margin-left: 5px;
	color: #263248;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration:none;
}
#oo-wrap .oo-sidebar ul.menu-toggle li.depth1 a:hover {
	color: #5DC800;
	text-decoration:none;
}
#oo-wrap .oo-sidebar ul.menu-toggle li.depth1 a.selected {
	color: #5DC800;
	font-weight: bold;
	text-decoration:none;
}
#oo-wrap .oo-sidebar ul.auxiliary li,
#menu ul li  {
	margin-left: 5px;
	color: #263248;
	font-size: 0.9em;
	font-weight: bold;
}

#menu ul li { border: 1px solid #fff; }

#menu ul li a { color: #263248; }
#menu ul li a:hover { color: #5DC800; }

/* Expand/Collapse Toggle Menu */
.menu-toggle ul.zone, .menu-toggle ul.zone1, .menu-toggle ul.zone2, .menu-toggle ul.zone3, .menu-toggle ul.zone4, .menu-toggle ul.zone5, .menu-toggle ul.zone6{ display:none; }
li.zone1 ul.zone1, li.zone2 ul.zone2, li.zone3 ul.zone3, li.zone4 ul.zone4, li.zone5 ul.zone5, li.zone6 ul.zone6 { display:block; }

/* Show/Hide Image ID for Zone */
ul.cypd li.zone1, ul.cypd li.zone2, ul.cypd li.zone3, ul.cypd li.zone4, ul.cypd li.zone5, ul.cypd li.zone6 { display:none; }
ul.z1 li.zone1, ul.z2 li.zone2, ul.z3 li.zone3, ul.z4 li.zone4, ul.z5 li.zone5, ul.z6 li.zone6 { display:block; }



/* Static		[STC]
================================================================================================ */
#staticwrapper {
	margin: 5px !important;
	margin: 5px 15px 5px 5px;
	position: relative;
}
#staticwrapper .onehit {
	margin: 10px 0;
	padding: 5px 10px;
	 /*#F7F7F7;*/
}

.homepagetext {
	padding: 0px;
	margin: 0px;
	margin-top: 15px !important;
	margin-top: 20px;	
	float:left;
}


/* Start Page		[STR]
================================================================================================ */
form#simplesearchform {
	text-align: center;
}
.clickonazone {
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.7em;
}
.channel-wrapper {
	margin:0px;
	padding: 0px;
	margin-top: 15px;	
}
.channel {
	float: left;
	width: 150px;
	overflow: hidden;
	margin-left:5px;
	margin-bottom:10px;
}
.channel-img {
	float: left;
}
.channel-img img {
	display: block;
	width: 150px;
}

.channel-img img { }

.channel-list {
	float: left;
	width: 150px;
	position: relative;
	
	color: #263248;
	font-size: 0.8em;
	font-weight: bold;
	
	text-decoration:none;
}
#content .channel-list ul li a, #content .channel-list ul li a:visited {
	text-decoration:none;
	display: block;
	color: #263248;
}
#content .channel-list ul li a:hover {
	text-decoration:none;
	color: #5DC800;
}
.channel-list h3 {
	padding: 0;
	position: relative;
	left: -15px;
	font-size: 1.8em;
}
.channel-list ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.channel-list ul li {
	height: 1%;
	font-size: 1.1em;
}
.channel-list ul li a {
	padding: 2px 5px;
}

/* Browse Page		[STR]
================================================================================================ */
#oo-content #browsewrapper { }
#oo-content #browsewrapper .browse img {
	float: left;
}
#oo-content #browsewrapper .browse-list {
	margin-left: 110px;
}
#oo-content #browsewrapper .browse-list h3 {
	padding: 0;
}
#oo-content #browsewrapper .browse-list ul {
	list-style: none;
	margin: 2px 0px;
	padding: 0 0 0 15px;
}
#oo-content #browsewrapper .browse-list ul li {
	font-size: 1.2em;
}
#oo-content #browsewrapper .browse-list ul li a {
	padding: 2px 5px;
	display: block;
	text-decoration: none;
}
/*
#oo-content #browsewrapper .browse-list h3#Zone3 {
	color: #00A48A;
}
#oo-content #browsewrapper .browse-list h3#Zone4 {
	color: #00ADFF;
}
#oo-content #browsewrapper .browse-list h3#Zone6 {
	color: #000000;
}
#oo-content #browsewrapper .browse-list h3#Zone5 {
	color: #D82622;
}
*/

/* Search	form	[SRC]
================================================================================================ */
#searchwrapper {
	margin: 5px !important;
	margin: 5px 15px 5px 5px;
}
form#spatialsearchform {
	text-align: left;
}
form.searchform {
	float: left;
	width: 100% !important;
	width: 954px;
	padding: 1px 0;
	
	border-top: 4px solid #EEF700;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.4em;
}
form.searchform label {
	margin-left: 5px;
}
form.searchform input.general {
	margin: 2px 0;
	font-size: 1em;
}
form.searchform select.select {
	margin: 2px 0;
	font-size: 1em;
}
form.searchform input#submit {
	margin-top: 2px;
	font-size: 1em;
}

form.searchform .label-control,
form.searchform .label,
form.searchform .control { display:inline; }

/* Results Common	[RES]
================================================================================================ */
#resultswrapper {
	margin: 5px !important;
	margin: 5px 15px 5px 5px;
	position: relative;
}
#resultswrapper .onehit {
	clear: both;
	margin: 5px 0;
	padding: 5px 10px;
	background-color: #fff;
}
#resultswrapper .onehit .hit-section {
	padding: 5px 0;
}
#resultswrapper .onehit .sectiontitle {
	font-size: 1.4em;
}
#resultswrapper .onehit dl {
	margin: 0;
	border-bottom: 1px dotted #cccccc;
}
#resultswrapper .onehit dl.no-label {
	border: none;
}
#resultswrapper .onehit dl.no-label dt {
	display: none;
}
#resultswrapper .onehit dl.no-label dd {
	margin-left: 0;
}
#resultswrapper .onehit dl dt {
	float: left;
	padding: 5px 0;
	width: 150px;
}
#resultswrapper .onehit dl dd {
	margin-left: 150px;
	padding: 5px 0;
}
#resultswrapper .onehit img.hit-image {
	float: right;
	margin: 0 5px;
	padding: 2px;
	max-width: 150px;
	max-height: 150px;
	border: 1px solid #cccccc;
}


/* Hits		[HIT]
================================================================================================ */
#resultswrapper .onehit.hit.last {
	border-bottom: none;
}
#resultswrapper .onehit.hit h3.hit-title a {
	text-decoration: none;
}
#resultswrapper .onehit.hit .viewrecord {
	margin-right: 10px;
}

/* View		[VEIW]
================================================================================================ */
#resultswrapper .onehit.view h3.section-title {
	margin: 0;
	border-bottom: 1px solid #5DC800;
	color: #5DC800;
	font-weight: bold;
	font-size: 1.2em;
}

/* Results summary		[RES]
================================================================================================ */
#resultswrapper .resultssummary  {
	clear:both;
	float: left;
	margin:0px;
	padding: 10px 5px;
	font-size: 1.2em;
}

/* Page browser		[PBR]
================================================================================================ */
#resultswrapper .pagebrowse {
	float: right;
	padding: 10px;
}
#resultswrapper .pagebrowse span.pages {
	border: 1px solid #FFFFFF;
	color: #CCCCCC;
	margin: 2px;
	padding: 3px 5px;
}
#resultswrapper .pagebrowse a:link, #oo-content #resultswrapper .pagebrowse a:active, #oo-content #resultswrapper .pagebrowse a:visited {
	background-color: #FFFFFF;
	border: 1px solid #00A489;
	color: #263248;
	padding: 2px 4px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
}
#resultswrapper .pagebrowse a:visited {
}
#resultswrapper .pagebrowse a:hover {
	color: #FFFFFF;
	
	text-decoration:none;
}
#resultswrapper .pagebrowse .current  {
	
	border: 1px solid #00A489;
	color: #FFFFFF;
	margin: 2px;
	padding: 2px 4px;
}


/* Entry form	[ENT]
================================================================================================ */
#inputwrapper {
	margin: 5px !important;
	margin: 5px 15px 5px 5px;
	position: relative;
}
#oo-content #inputwrapper .onehit {
	margin: 10px 0;
	padding: 5px 10px;
	
}

#inputwrapper .onehit {
	padding: 5px;
}
#inputwrapper .onehit .hit-section {
	padding: 5px 0;
}
#inputwrapper .onehit .hit-section-sub {
	padding: 5px 0;
}

.formLabel h3.section-title,
#inputwrapper .onehit h3.section-title {
	margin: 0;
	border-bottom: 1px solid #343434;
	font-weight: bold;
	font-size: 1.2em;
	padding-top:.2em;
}
#inputwrapper .onehit h4.section-title {
	margin: 0;
	border-bottom: 1px solid #343434;
	font-weight: bold;
	font-size: 1em;
}
#inputwrapper .onehit dl {
	margin: 0;
	border-bottom: 1px dotted #cccccc;
}
#inputwrapper .onehit dl.no-label {
	border: none;
}
#inputwrapper .onehit dl.no-label dt {
	display: none;
}
#inputwrapper .onehit dl.no-label dd {
	margin-left: 0;
}
#inputwrapper .onehit dl dt {
	float: left;
	padding: 8px 0;
	width: 150px;
}
#inputwrapper .onehit dl dd {
	float: left;
	margin: 0;
	padding: 5px 0;
}
#inputwrapper .onehit dl dd.fieldtip {
	float: right;
	width: 300px;
	text-align: right;
	font-size: 0.9em;
}
#inputwrapper .formkey {
	float: right;
}

/* Sitekit forms
================================================================================================ */
.formFieldset { display: block; width: 100%; }
.formLegend {
	display:block;
	font-size:100%; font-weight:bold;  padding:0.5em; margin:0.5em 0em 0.5em 0em; color:#000000; 
}
/*
.FormContentLeft { display: block; width: 25%; float: left; }
.FormContentLeft label { line-height: 2em; }
*/
.formDropdown,
.formFieldset,
.formTextbox,
.formTextarea,
.formOption,
.formGeneral { clear: both; margin-top: 1em; }

.formTextarea textarea { padding-bottom: 0px; margin-bottom: 0px; }

.formLabel { margin-bottom: 1em; }

div.formDropdown,
div.formCheckbox,
div.formTextbox,
div.formOption {
	margin: 0;
	padding: 8px 0px;
	border-bottom: 1px dotted #cccccc;
}

.formLabel hr { border: 1px dotted #cccccc; height: 1px; }

div.formTextarea div.FormContentLeft,
div.formDropdown div.FormContentLeft,
div.formGeneral,div.formCheckboxGroup,div.formCountryDropdown,div.formAttach,div.formBreakButton,div.formHidden,div.formPersonalDetails,div.formFieldset,div.formPassword div.FormContentLeft,
div.formOption div.FormContentLeft { display: block; width: 100%; float:none; clear:both; }
div.formGeneral div.FormContentRight,
div.formOption div.FormContentRight { display: block; width: 100%; float:none; }

.formCheckbox .FormContentLeft { display:none; }


/* Footer
================================================================================================ */
#oo-footer {
	text-align: center;
	padding: 10px;
}

#disclaimer {
	clear: both;
	padding-top: 15px;
	padding-bottom: 10px;
	margin: 0px;
	font-weight: bold;
}

#oo-footer h2,
#disclaimer h2 { font-size:100%; text-align:left; padding-bottom:.2em; margin-bottom:0em; }

#oo-footer p,
#disclaimer p { width:inherit; text-align:left;  padding-top:.2em; margin-top: 0em;}

#oo-footer a,
#oo-footer a:link,
#oo-footer a:active,
#disclaimer a,
#disclaimer a:link,
#disclaimer a:active		{
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}
#oo-footer a:visited	{  text-decoration: underline; }
#oo-footer a:focus, #oo-footer a:hover,
#disclaimer a:focus, #disclaimer a:hover {
	text-decoration:none;
		font-weight: bold;
}

/* Sitekit <NAVIGATION> */
#root { display:none; }

/* Google Map API */
.gsmsc-mapDiv {
	height: 275px;
}

.gsmsc-idleMapDiv {
	height: 275px;
}

#mapsearch {
	width: 365px;
	margin: 10px;
	padding: 4px;
}

#mapsearchspan {
	color: #676767;
	font-size: 11px;
	margin: 10px;
	padding: 4px;
}


/* Stockton's Template
================================================================================================ */
#content { font-size: 1.15em; }
#content h1 { display:block; font-size:160%; font-weight:bold; padding: 0em 0.5em 1em 0em; color:#000000; }
#content h2 { font-size:100%; font-weight:bold;  padding:0.5em; margin:0.5em 0em 0.5em 0em; color:#000000;  }
#content a { text-decoration:underline; }
#content a:hover { text-decoration:none; }
#content ul { list-style-image:url('../images/bullet.gif'); }

/* table.list for organisation and service results */
.list {margin:0px 0px 30px 0px; padding:0px; border: solid 1px #C9C9C9;  width:100% !important; width:740px; }
.list caption {padding:0px 0px 15px 0px; display:none;}
.list th {  padding: 5px; border-bottom:solid 1px #C9C9C9; text-align:left; font-size: 100% !important; font-size: 75%;}
.list td {padding: 10px 5px 10px 5px; border-bottom: dashed 1px #C9C9C9; font-size: 100% !important; font-size: 75%;}
#tablebottom td {}
.paging td { text-align:center; border-bottom: none; }
.paging td a { font-weight:bold; }

th a:hover,
td a:hover { text-decoration:none; }

.center{text-align:center;}

/******** Advanced Search *******/
.asearch .label-control{margin-top:5px;  clear:both; border: solid 0px red; width: 450px;}
.asearch .label {font-weight:bold; padding-bottom:2px; width: 110px; float: left; color: #000; padding-top:0;}
.asearch .control {float: left;}
.asearch .control select {margin-right: 5px;}
#ctl00_CSDContent_AdvancedSearch1_lblAgeRangeMin {padding-right: 5px;}
#ctl00_CSDContent_AdvancedSearch1_lblAgeRangeMin {padding: 0 2px 0 2px;}
#ctl00_CSDContent_AdvancedSearch1_ctl00_ctlPostcode {margin-right: 5px;}
.error { display:none; }


#olbrand { margin-left:10px; }

.site-logo {
}

.keywordsearch {
	display:none;
}

.inline {display: inline;}

/* Event Org and Carescheme Details*/
#content .details h2{padding: 0.5em 0; margin:0em;   font-family:"Trebuchet MT",Arial,Helvetica,sans-serif; font-size: 1.4em;}
#content .details h3{font-weight:normal; text-align:left; font-family:"Trebuchet MT",Arial,Helvetica,sans-serif; font-size: 1.2em;}

#content .details .group { border: solid 1px #dcdcdc; padding: 10px; margin-bottom: 10px;}
#content .details .name{float: left; width: 19%; clear:both; font-weight: bold; color: #666; padding: 10px 20px 10px 0px;}
#content .details .value{float: left; width: 75%; padding: 10px 0 10px 0px; }
#content .details .value ul {padding: 0; margin: 0;}
#content .details .rowfix {border: solid 0px #f00;}