/*

++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++
++++			MAIN STYLING				++++
++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++

		Colours:
	---------------------------------------
	
		Sollis Green	: #6EAB23
		Light Green		: #54A32A
		Bright Green	: #109832
		Dark Grey		: #8B8989
		Light Grey		: #E5E5E5
		
	---------------------------------------

++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++

*/

body{
	margin					: 0;
	padding					: 0;
	background-color		: #8B8989;
	background-image		: url(../images/signOff.jpg);
	background-position		: bottom right;
	background-repeat		: no-repeat;
	background-attachment	: fixed;
	font-family				: Arial, Helvetica, sans-serif;
}

a, a:visited{
	text-decoration			: none;
	color					: #6EAB23;
}

a:hover{
	text-decoration			: none;
	color					: #666666; 
}

#header{
	margin					: 0;
	padding					: 0;
	background-color		: #FFFFFF;
	background-image		: url(../images/headerBG.jpg);
	background-position		: top right;
	background-repeat		: no-repeat;	
	height					: 60px;
	width					: 788px;
}

#header h1{
	display					: block;
	float					: left;
	margin					: 10px 10px 0 10px;
	padding					: 0;
	width					: 90px;
	height					: 45px;
	color					: #FFFFFF;
	line-height				: 0;
	font-size				: 0px;
	background-image		: url(../images/headerLogo.jpg);
	background-position		: top left;
	background-repeat		: no-repeat;	
}

#headerImg{
	display					: block;
	float					: left;
	margin					: 10px 10px 0 10px;
	padding					: 0;
	width					: 90px;
	height					: 50px;
}

#header ul{
	display					: block;
	float					: left;
	padding					: 0;
	margin					: 30px 0 0 0;
	height					: 15px;
	list-style-type			: none;
}

#header ul li{
	padding					: 0 10px 0 0;
	margin					: 0;
	color					: #8B8989;
	font-weight				: bold;
	font-size				: 12px;
	list-style-type			: none;
	float					: left;
}

#header p{
	display					: block;
	width					: 200px;
	height					: auto;
	float					: right;
	text-align				: right;
	padding					: 35px 70px 0 0;
	margin					: 0;	
	font-size				: 10px;
	color					: #8B8989;	
}

#header a, #header a:visited{
	display					: block;
	margin					: 0;
	padding-bottom			: 10px;
	text-decoration			: none;
	color					: #8B8989;	
}

#header a:hover{
	text-decoration			: none;
	color					: #666666;	
}

#header a.highlight, #header a.highlight:visited{
	text-decoration			: none;
	color					: #6EAB23;	
}

/*
			--- SUB-NAV STYLING ---
*/

#header ul li ul{
	visibility				: hidden;
	position				: absolute;
	top						: 49px;
	background-color		: #6EAB23;
	background-image		: url(../images/infoBox_BG.jpg);
	background-position		: 0 -12px;
	background-repeat		: repeat-x;
	width					: auto;
	height					: auto;
	padding					: 0 0 10px 10px;
	margin					: 0 0 0 0;
	border					: 1px solid #666666;
	clear					: both;
}


#header ul li ul li{
	display					: block;
	clear					: both;
	float					: none;
	background-color		: none;
}

#header ul li ul li a, #header ul li ul li a:visited, #header ul li ul li a:active{
	font-weight				: normal;
	font-size				: 11px;
	color					: #FFFFFF;
	display					: block;
	margin					: 0;
	padding					: 3px;
	width					: 180px;
	height					: auto;
}

#header ul li ul li a:hover{
	color					: #079932;
	background-color		: none;
	background-image		: url(../images/hover.png);
	_background-image		: url(../images/hover.jpg);
	background-position		: top left;
	background-repeat		: repeat-y;	
}

/*
			--- END SUB-NAV ---
*/

#headerImg a{
	margin					: 0;
	padding					: 0;
	height					: 45px;
	width					: 90px;
}			

/*
			--- NO FLASH STYLE ---
*/

#noFlashImg{
	display					: block;
	height					: 193px;
	width					: 527px;
	float					: left;
}

#productsDiv{
	float					: left;
	width					: 259px;
	height					: 193px;
	background-color		: #079932;
	background-image		: url(../images/productsDiv.jpg);
	background-repeat		: no-repeat;
	background-position		: top left;
	font-size				: 10px;
	color					: #FFFFFF;
}

#productsDiv a, #productsDiv a:visited{
	display					: block;
	width					: 200px;
	height					: 13px;
	padding-top				: 2px;
	padding-left			: 5px;
	color					: #FFFFFF;
	text-decoration			: none;
	background-color		: none;
}

#productsDiv a:hover{
	color					: #079932;
	background-color		: #none;
	background-image		: url(../images/hover.png);
	_background-image		: url(../images/hover.jpg);
	background-position		: top left;
	background-repeat		: repeat-y;
}

#productsDiv h1.noFlash{
	color					: #FFFFFF;
	padding					: 10px 0 0 30px;
}

/*
			--- END NO FLASH STYLE ---
*/ 

#flashContent{
	clear					: both;
	margin					: 0;
	_margin-top				: -4px;
	padding					: 0;
	height					: 188px;
	width					: 788px;
	color					: #666666;
	font-size				: 12px;
	background-color		: #FFFFFF;
	background-image		: url(../images/flashBG.jpg);
	background-position		: bottom right;
	background-repeat		: no-repeat;
}

#content{
	width					: 728px;
	margin					: 0;
	padding					: 0;
	display					: block;
	background-color		: #FFFFFF;
	background-image		: url(../images/bodyBG.jpg);
	background-position		: top right;
	background-repeat		: repeat-y;
}
	

#news{
	color					: #666666;
	font-size				: 11px;
	text-align				: right;
	display					: block;
	float					: right;
	width					: 180px;
	margin					: 0 0 40px 0;
	padding					: 15px 10px 0 0;
}

#news h2, #news h1{
	font-size				: 11px;
	font-weight				: bold;
	line-height				: 30px;
	padding					: 0;
	margin					: 0;
}

#news ul, #news ul li{
	list-style				: none;
	list-style-type			: none;
	/*white-space				: nowrap;*/
}

#news li{
	margin					: 2px 0 2px 0;
}

#bodyTxt{
	display					: block;
	color					: #666666;
	width					: 490px;
	margin					: 0;
	padding					: 15px 0 10px 20px;
}

#bodyTxt h1, #flashContent h1{
	color					: #6EAB23;
	font-size				: 14px;
	line-height				: 30px;
	margin					: 0;
	padding					: 0;
	margin-bottom: 1em;
}

#bodyTxt h2{
	font-size				: 12px;
	font-weight				: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
	clear: left;
	float: none;
}

#bodyTxt p{
	font-size				: 12px;
	margin-bottom: 1em;
	margin-top: 0px;
}

#bodyTxt ul{
	font-size				: 12px;
}

#productsHolder{
	width: 510px;
	height: auto;
	margin-left: -20px;
	padding: 10px;
	padding-bottom: 0;
	background-color: #E5E5E5;
	border-left				: 10px solid #54A32A;
}
.productColumn{
	display:block;
	width: 48%;
	float: left;
}
.productColumn a{
	position: relative;
}
.productColumn a .more{
	position: absolute;
	bottom: 0px;
	right: 3px;
}
#productsHolder a, #productsHolder a:visited{
	display: block;
	height: 80px;
	margin-bottom: 10px;
	padding-left: 120px;
	padding-top: 3px;
	font-size: 14px;
	text-decoration:none;
	border:1px solid #999999;
	padding-right: 3px;
	padding-bottom: 3px;
}
#productsHolder a:hover{
border:1px solid #666666;

}

#productsHolder h2{
	margin: 0;
	padding: 0;
	list-style:none;
	list-style-type:none;
	font-size:12px;
	color:#666666;
	font-weight:normal;
}

#productsHolder p{
	color: #666666;
	font-size: 10px;
	padding: 3px 0 0 0;
	margin: 0;
}

#productsHolder p.green{
	color:#6EAB23;
	text-align:right;
}

a.aIV{
	background-image:url(../images/prod_aIV.jpg);
	background-repeat:no-repeat;
}

a.trustData{
	background-image:url(../images/prod_trustData.jpg);
	background-repeat:no-repeat;
}

a.pbcManage{
	background-image:url(../images/prod_pbcManage.jpg);
	background-repeat:no-repeat;
}

a.clinicalGov{
	background-image:url(../images/prod_clinicalGov.jpg);
	background-repeat:no-repeat;
}

a.busIntelligence{
	background-image:url(../images/prod_busIntelligence.jpg);
	background-repeat:no-repeat;
}

a.prescribing{
	background-image:url(../images/prod_prescribing.jpg);
	background-repeat:no-repeat;
}
a.staff{
	background-image:url(../images/staff.jpg);
	background-repeat:no-repeat;
}
#productsHolder a.caseStudy{
	background-image:url(../images/prod_caseStudy.jpg);
	background-repeat:no-repeat;
	/*clear: left;
	overflow:hidden;
	width:377px;
	height:50px;*/
}

div .prodSubMenu{
	margin: 10px 0 0 -20px;
	width: 512px;
	height: auto;
	padding-left: 10px;
	background-color:#e5e5e5;
	border-left				: 10px solid #54A32A;
}

.prodSubMenu .overView{
	width: 275px;
	padding: 0;
	padding-right:10px;
	float:left;
}

.prodSubMenu .overView h2{
	margin-top:0;
}

.prodSubMenu .overViewLinks{
	width: 490px;
	padding:10px 0;
	margin: 0;
	float: left;
	font-size: 11px;
}

.overViewLinks p{
	font-size: 11px;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 25px;
}

.overViewLinks a{
	display:block;
	font-size: 12px;
}

.prodSubMenu .overViewLinks ul{
	list-style: none;
	list-style-type: none;
	margin:0;
	padding:0;
}

.prodSubMenu .overViewLinks ul li{
	margin: 0;
	padding:0;
	margin-bottom: 5px;
}

.prodSubMenu .overViewLinks ul li a{
	padding: 0;
	margin: 0;
}

#contactAddresses{
	float: right;
	width: 160px;
	padding: 10px 0 10px 10px;
	border-left: 1px solid #999999;	
}

#contactAddresses p{
	font-size: 11px;
	margin-top:0;
	margin-bottom: 10px;
}

#contactMap{
	float: right;
	padding: 0 10px 0 0;
	width: 309px;
} 

#largeMap{
	padding: 10px;
	top: 105px;
	left: -600px;
	position: absolute;
	width: auto;
	height: auto;
	color					: #FFFFFF;
	font-size				: 11px;
	background-color		: #6EAB23;
	background-image		: url(../images/infoBox_BG.jpg);
	background-position		: top left;
	background-repeat		: repeat-x;
	border: 1px solid #666666;
}

#largeMap p{
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#largeMap img{
	margin: 10px 0;
	border: 1px solid #333333;
}

#largeMap a, #largeMap a:visited{
	color					: #FFFFFF;
	text-decoration			: none;
}

#largeMap a:hover{
	text-decoration			: underline;
}

.newsOdd, .newsEven, .caseStudyPage{
	margin: 0 0 0 -20px;
	width: 512px;
	height: auto;
	padding-left: 10px;
	border-left	: 10px solid #54A32A;
}

.newsOdd{
	background-color:#e5e5e5;
}

.newsOpener, .caseOpener{
	float: left;
	width: 130px;
	margin-right: 10px;
	font-style:italic;
	font-weight: normal;
	padding-top: 10px;
}

.caseOpener{
	font-style:normal;
}

.newsOpener img, .caseOpener img{
	margin-bottom: 5px;
}

.newsBody, .caseBody{
	float: left;
	border-left: 1px solid #666666;
	padding: 10px;
	width: 330px;
	
}

.newsBody p{
	/*_margin-left:20px;*/
}

.newsBody:first-child:first-line{
	font-weight:bold;
}

.breakOut{
	background-color: #CCCCCC;
	border-left: 10px solid #666666;
	padding: 15px;
	margin-left: -10px;
	_width:300px;
}

.newsEven .breakOut{
	background-color:#e5e5e5;
}

.breakOut p, .breakOut ul{
	margin-top: 0;
}

#footer{
	clear:both;
	padding					: 10px 10px 10px 0;
	margin					: 0;
	width					: 708px;
	color					: #9D9B9B;
	font-size				: 11px;
	text-align				: right;
	border-left				: 10px solid #54A32A;
	background-color		: #FFFFFF;
	background-image		: url(../images/borderBG.gif);
	background-position		: top right;
	background-repeat		: repeat-y;
}

/*

++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++
++++				CLASSES					++++
++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++

*/

.floatLeft{
	float					: left;
	margin					: 10px 10px 10px -20px;
	/*border-left			: 1px solid #54A32A;*/
}
.imgLeft{
	float					: left;
	margin					: 0px 10px 10px 0px;
	/*border-left			: 1px solid #54A32A;*/
}
.imgRight{
	float					: right;
	margin					: 0px 0px 10px 10px;
	/*border-left			: 1px solid #54A32A;*/
}
a.toggleLink{
	cursor					: pointer;
	cursor					: hand;
	line-height				: 24px;
}

.highlight_news{
	font-weight				: bold;
	color					: #6EAB23;
}

.infoBox{
	visibility				: hidden;
	width					: 250px;
	height					: auto;
	padding-bottom			: 20px;
	color					: #FFFFFF;
	font-size				: 11px;
	background-color		: #6EAB23;
	background-image		: url(../images/infoBox_BG.jpg);
	background-position		: top left;
	background-repeat		: repeat-x;
	position				: absolute;
	top						: 250px;
	left					: 530px;
	border					: 1px solid #666666;
}

.infoBox img.chevron{
	float					: left;
	margin					: 10px 0 0 8px;
}

.infoBox p{
	margin					: 20px 18px 0 10px;
}

.infoBox a, .infoBox a:visited{
	color					: #FFFFFF;
	text-decoration			: none;
}

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

.infoBox p.closeWindow{
	color					: #FFFFFF;
	font-size				: 10px;
	line-height				: 11px;
	text-align				: right;
	margin					: 8px 18px 0 0;
}

.infoBox p.closeWindow a.toggleLink{
	line-height:11px;
}

p.floatFix{
	font-size: 0.1em;
	line-height:1px;
	margin: 0;
	padding: 0;
	clear:left;
	float:none;
	height: 1px;
	display: block;
	height: 1px;
	width: 1px;
	
}

.greyBorder{
	border: 1px solid #999999;
}

.noBullets{
	list-style: none;
	list-style-type: none;
}

.callToAction{
	padding:10px;
	margin:10px 0;
	background-color:#eeeeee;
	border:1px solid #dddddd;
	width: 200px;
	font-size: 12px;
	text-align:right;
}