@import url("navigation.css");

/*##################################

COMMON CSS

##################################*/

h1, h2, h3, h4 {

	margin:0px;

	padding:0px;

	}

h2 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#000000;

	margin-bottom:5px;

	}

h6{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:13px;

	color:#4E4E92;

	margin-bottom:5px;

	margin-top:0px;

	}

p {

	margin:0 0 0px 0;

	font-size:11px;

	color:#666666;

	}

.link {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#4E4E92;

	text-decoration:none;

	outline:none;

	}

.link:hover {

	color:#000000;

	}

.elink {

	display:block;

	color:#000000;

	text-decoration:none;

	outline:none;

	}

.elink:hover {

	color:#4E4E92;

	}

.imgborder {

	border:2px solid #cccccc;

	padding:2px;

	}

.imgleft {

	border:2px solid #cccccc;

	float:left;

	margin:0 10px 10px 0;

	padding:2px;

	}

.imgright {

	border:2px solid #cccccc;

	float:right;

	margin:0 0px 10px 10px;

	padding:2px;

	}

.lefttop{

	position:absolute;

	left:0px;

	top:0px;

	}

.leftbottom{

	position:absolute;

	left:0px;

	bottom:0px;

	}

.righttop{

	position:absolute;

	right:0px;

	top:0px;

	}

.rightbottom{

	position:absolute;

	right:0px;

	bottom:-1px;

	}



.hor_line{

	background-image:url(../images/horLineImg.jpg);

	background-repeat:repeat-x;

	background-position:center center;

	height:30px;

	clear:both;

	}	

.horline{

	background-image:url(../images/horLineImg.jpg);

	background-repeat:repeat-x;

	background-position:center center;

	height:30px;

	

	}

.ver_line{

	background-image:url(../images/verLineImg.jpg);

	background-repeat:repeat-y;

	background-position:center top;

	width:20px;

	}

.clearfloat {

	font-size:0px;

	line-height:0px;

	height:1px;

	clear:both;	

	}

.noborder{

	border:none;

	}

/*=====================================

	TOPBAR CSS					

	=================================*/

.topbarbg {

	background-image:url(../images/topbarBg.gif);

	background-repeat:repeat-x;

	background-position:left top;

	}

.topbarleftbg {

	background-image:url(../images/topbarLeftBgImg.jpg);

	background-repeat:no-repeat;

	background-position:right top;

	}

#logoBg{	

	background-image:url(../images/logobg.jpg);

	background-repeat:no-repeat;

	background-position:0px top;

	height:90px;

	}

#logoBg a{

	position:absolute;

	left:25px;

	top:10px;

	}			



.searchDiv{

	position:absolute;

	right:45px;

	top:20px;

	font-size:11px;

	color:#000000;

	}

.searchDiv input{

	border:1px solid #AEACBD;

	padding:0px 5px;

	font-size:10px;

	}

.searchDiv .gobutton{

	position:absolute;	

	border:none;

	

	}

/*=====================================

	leftbar button

=====================================*/

h5{

	position:relative;

	font-family:"Microsoft Sans Serif";

	font-size:10px;

	color:#000000;

	text-transform:uppercase;

	text-decoration:none;

	background-image:url(../images/leftbarBtnBgImg.jpg);

	background-repeat:repeat-x;

	background-position:left bottom;

	background-color:#FFFFFF;

	padding:8px 10px 12px 10px;

	_padding:8px 10px 10px 10px;

	min-height:11px;

	_height:11px;

	font-weight:normal;

	margin-bottom:5px;

	margin-top:0px;

	

	}



h5 .leftbottom{

	position:absolute;

	left:0px;

	bottom:0px;

	_bottom:-1px;	

	}



h5 .rightbottom{

	position:absolute;

	right:0px;

	bottom:0px;

	_bottom:-1px;

	}

	

/*====================================

SIDEBAR IMAGE BOX CSS

====================================*/

.sidebartxt .hor_line{

	background-image:url(../images/horLineImg.jpg);

	background-repeat:repeat-x;

	background-position:left center;

	height:10px;

	}

.sidebarimg {

	margin-top:15px;

	

	}

.sidebarimg span,

.sidebarimg a {

	background-repeat:no-repeat;

	background-position:center centers;

	display:block;

	}

	

/*====================================

SIDEBAR TEXT CSS

====================================*/

.sidebartxt {

	padding:15px;

	border-bottom:1px solid #B6B6BD;

	border-right:1px solid #B6B6BD;

	background-color:#FFFFFF;

	background-image:url(../images/leftbarBgImg.jpg);

	background-repeat:repeat-x;

	background-position:left bottom;

	margin-top:15px;

	min-height:104px;

	position:relative;

	}

.sidebartxt h3 {

	font-size:13px;

	color:#006FBC;

	margin-bottom:5px;

	margin-top:2px;

	}

.sidebartxt p {

	font-size:11px;

	text-align:left;

	padding:0;

	margin:3px 0 8px 0;

	}



.sidebartxt .lefttop{

	position:absolute;

	left:0px;

	top:0px;

	}

.sidebartxt .leftbottom{

	position:absolute;

	left:0px;

	bottom:-1px;

	_bottom:-2px;

	}

.sidebartxt .righttop{

	position:absolute;

	right:-1px;

	_right:-2px;

	top:0px;

	}

.sidebartxt .rightbottom{

	position:absolute;

	right:-1px;

	_right:-2px;

	bottom:-1px;

	_bottom:-2px;

	}

	

/*#################################### 

SIDEBARLINKS CSS for NHS GP HOME

####################################*/

#nhsgpSidebar .sidebarlinks {

	margin-bottom:20px;

	border-top:1px solid #C4BEE0;

	text-align:right;

	}





/*==============================

	Content area  that is also in layout.css file

	=============================*/

#contentarea .lefttop{

	position:absolute;

	left:0px;

	top:0px;

	}

#contentarea .leftbottom{

	position:absolute;

	left:-1px;

	bottom:-1px;

	_bottom:-2px;

	}

#contentarea .righttop{

	position:absolute;

	right:-1px;

	top:0px;

	}

#contentarea .rightbottom{

	position:absolute;

	right:-1px;

	_right:-2px;

	bottom:-1px;

	_bottom:-2px;

	}

/*===================================

	Intro text css

	===============================*/

.introtxt{

	margin-bottom:20px;

	position:relative;

	height:105px;

	}	

.callusBox{

	background-image:url(../images/callusBgImg.jpg);

	background-repeat:repeat-x;

	background-position:left bottom;

	background-color:#EDF0F9;

	width:209px;

	position:absolute;

	right:0px;

	_right:20px;

	top:0px;

	padding:16px 0 16px 16px;

	}

	



/*#################################### 

PAGEHEADER AND PAGE PATH CSS

####################################*/

.pageheader {

	position:relative;

	padding:0px 15px 5px 0px;

	/*border-bottom:1px solid #cccccc;*/

	background-image:url(../images/horLineImg.jpg);

	background-repeat:repeat-x;

	background-position:left 27px;

	}



.pageheader h1 {

	margin:0px;

	font-family:"Trebuchet MS";

	color:#000000;

	font-size:18px;

	font-weight:normal;

	}

	

.pagepath {

	padding:7px 15px 9px 0px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#666666;

	margin-bottom:15px;

	background-image:url(../images/horLineImg.jpg);

	background-repeat:repeat-x;

	background-position:left 27px;

	}



.pagepath strong {

	/*page path arrow*/

	color:#333333;

	margin:0 7px 0 7px;

	}

	

.pagepath span {

	/*active page name*/

	color:#000000;

	font-weight:bold;

	}



/*==================================

COMMON POINTS CSS

==================================*/

.points {

	list-style-type:none;

	margin:0 0 20px 0;

	padding:0px;

	}

.points li {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#333333;

	line-height:15px;

	background-image:url(../images/arrow.gif);

	background-position:3px 7px;

	background-repeat:no-repeat;

	padding:0 0 0 15px;

	margin:0 0 5px 0;

	}

.midbar {	

	margin-bottom:20px;	

	}

.innerpagemidbar{

	margin-bottom:15px;	

	}

		

/*=======================================

	content text css also define in layout .css

	===========================================*/

.contenttxt h2{

	color:#4E4E92;

	font-size:13px;

	}

.contenttxt p{

	font-size:11px;

	color:#666666;

	margin:0px 0 15px 0;

	}

.contenttxt .norecord{

	border:2px solid #BBB7DC;

	padding:3px 0 0px 0;

	height:36px;

	}

.contenttxt  .norecord dd{

	font-size:13px;

	color:#4e4e92;

	font-weight:bold;

	margin-top:10px;

	padding-top:0px;

	}

.contenttxt .norecord .imgleft{

	border:none;

	}

/*#################################### 

INFOBOX CONTAINER CSS

####################################*/

#infoboxcontainer{

	margin-bottom:0px;

	background-image:url(../images/verLineImg.jpg);	

	background-repeat:repeat-y;

	background-position:234px top;

	}

#infoboxcontainerBorder{

	margin-bottom:0px;

	background-image:url(../images/verLineImg.jpg);	

	background-repeat:repeat-y;

	background-position:478px top;

	}

#infoboxcontainer #rightImg{

	background-image:url(../images/verLineImg.jpg);	

	background-repeat:repeat-y;

	background-position:216px top;

	/*width:220px;*/

	/*border:1px solid #000000;*/

	}

#infoboxcontainer .infobox{

	/*width:31%;	*/

	width:224px;

	background-color:#ffffff;

	float:left;

/*	margin-left:3.0%;*/

	margin-left:20px;

	height:270px;

	position:relative;

	}

#infoboxcontainer .infobox .hor_line{

	height:10px;

	}

#infoboxcontainer .infoboximg td {	

	border-bottom:1px solid #BBB7DC;

	border-top:1px solid #BBB7DC;	

	padding:1px 0px;

	height:100px;

	width:224px;

	vertical-align:middle;

	text-align:center;

	}



		

#infoboxcontainer .nomargin {

	margin:0px;

	}

#infoboxcontainer .floatright {

	float:right;

	}

.infobox h2 {

	background-color:#0066CC;

	color:#FFFFFF;

	font-size:13px;

	padding:5px 10px;

	margin:0px;

	}

.infobox dl {

	margin:5px 0 0px 0;

	padding:5px 0px;

	}

.infobox dl .height{

	padding-bottom:3px;  /*to show the hor-line in proper place */

	}

.infobox dl dt {

	margin:0 0 0px 0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:13px;

	font-weight:bold;

	padding:0px;

	list-style-position:inside;

	}



.infobox dl dd {

	font-size:11px;

	margin:0px 0 0 0;

	color:#666666;

	

	}

.infobox .morebar {

	/*display:block;

	padding:5px 10px;	

	margin:10px -10px -5px -10px;	*/

	position:absolute;

	bottom:0px;

	background-image:url(../images/informationBtn.jpg);

	background-repeat:no-repeat;

	background-position:0px 0px;

	height:19px;

	width:224px;

	

	}

.infobox .morebar a {

	font-size:10px;

	font-weight:bold;

	color:#000000;

	text-decoration:none;

	display:block;

	padding:3px 0px 3px 10px;

	

	}



.infobox .morebar a:hover {

	color:#4E4E92;

	}

/*##################################

SITEMAP CSS

##################################*/

#sitemap ul {

	list-style-type:none;

	margin:-12px 0px 0px 20px ;

	padding:0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	}

#sitemap ul li {

	height:15px;

	}

#sitemap ul li a {

	text-decoration: none;

	}

/*===============================*/

.linklevel1 {

	background-image:url(../images/arrow.gif);

	background-repeat:no-repeat;

	background-position: 0px 5px;

	font-weight: bold;

	color: #4E4E92;

	font-size:12px;

	padding-left:15px;

	margin:10px 0 10px 0;

	}

	

.linklevel1 a {

	font-weight: bold;

	color: #4E4E92;

	}

	

.linklevel1 a:hover {

	font-weight: bold;

	color: #000000;

	}

/*===============================*/

.linklevel2 {

	background-image:url(../images/arrow1.gif);

	background-repeat:no-repeat;

	background-position: 0px 5px;

	color: #333333;

	font-size:11px;

	padding-left:10px;

	margin:5px 0px;

	}

.linklevel2 a {

	font-weight: normal;

	color: #333333;

	}

.linklevel2 a:hover {

	font-weight: normal;

	color: #4E4E92;

	}

/*===============================

	Prescription form css

	============================*/

.formtitle {

	background-color:#E9ECF8;

	margin:0px;

	padding:5px 10px;

	color:#FFFFFF;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:13px;

	}

.formcss {

	/*main form box*/

	margin:0px;

	padding:0px;

	background-color:#ECF0F8;

	border-right:1px solid #DDDBED;

	border-bottom:1px solid #DDDBED;

	border-top:1px solid #ffffff;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

.formbox {

	/*main form inner box*/

	border:4px solid #ffffff;

	padding:10px;

	margin:10px;

	}

.formbox strong {

	/*for display "mandatory fields" text*/

	display:block;

	padding:5px;

	background-color:#FFFFFF;

	border-right:1px solid #DDDBED;

	border-bottom:1px solid #DDDBED;

	font-size:10px;

	color:#4E4E92;

	font-weight:normal;

	}

.formbox .submenu{

	font-size:11px;

	color:#000000;

	font-weight:bold;

}

.formbox em {

	/*for mandatory star */

	color:#FF0000;

	font-weight:bold;

	}

	

/*===================================

COMMON FORM STRUCTURE CSS

===================================*/

.formbox dl {

	margin:0px;

	padding:5px;

	}

.formbox dl dt {

	font-size:11px;

	font-weight:bold;

	color:#000000;

	text-align:right;

	padding:5px 3px 5px 0;

	margin:0;

	float:left;

	width:157px;

	}

.formbox dl dd {

	margin:0 0 0 15px;

	padding:5px 3px 5px 0px;

	}

/*===================================

COMMON FORM ELEMINTS CSS

===================================*/

.formbox dd input,

.formbox dd textarea,

.formbox dd select,

.textboxborder {

	font-size:11px;

	color:#666666;

	border:1px solid #cccccc;

	background-color:#FFFFFF;

	padding:1px;

	}

.formbox dd span{

	color:#000000;

	margin-right:5px;

	}

.formbox dl #calander{

	position:relative;

	}

.formbox dl #calander .setmono{

	position:absolute;

	margin-left:5px;

	_margin-left:1px;

	}

/*================================

	Subtitle css

	=============================*/

.formbox .subtitle{

	background-color:#ffffff;

	border-right:1px solid #DDDBED;

	border-bottom:1px solid #DDDBED;

	}



/*===================================

IMAGE CODE INSTRUCTION NOTE BOX CSS

===================================*/

.formbox .note {

	background-color:#ffffff;

	color:#666666;

	border-right:1px solid #DDDBED;

	border-bottom:1px solid #DDDBED;

	padding:5px 8px;

	}

.formbox .note dt {

	color:#000000;

	width:auto;

	padding:0px;

	float:none;

	font-size:11px;

	text-align:left;

	margin-bottom:5px;

	}

.formbox .note dd {

	font-size:10px;

	padding:0px;

	margin:0px;

	}

#prescription dl .noborder{

	border:none;

	background-color:#E9ECF8;

	}

	

/*===================================

IFRAME BOX CSS

===================================*/



	

.imgcode .iframeborder {

	position:relative;

	height:60px;

	padding:0px;

	

	margin-left:159px;

	}



.iframeborder div{

	position:absolute;

	left:1px;

	

	top:5px;

	background-color:#FFFFFF;

	border:2px solid #cccccc;

	padding:2px;

	width:200px;

	height:48px;

	

	}



.imgcode .fontsize9 {

	font-size:9px;

	height:15px;

	}



.imgcode .refreshbtn {

	position:absolute;

	left:210px;

	top:8px;

	}



/*===================================

SUBMITRESET BUTTON CSS

===================================*/

.btnbox{

	background-color:#ffffff;

	border-right:1px solid #DDDBED;

	border-bottom:1px solid #DDDBED;

	}

.btnbox dd input,

.button {

	background-color:#FFFFFF;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	/*border-bottom:1px solid #666666;

	border-right:1px solid #666666;

	border-top:1px solid #ffffff;

	border-left:1px solid #ffffff;*/

	border:none;

	}



/*#################################### 

FAQ QUESTIONS CSS

####################################*/

#faq .points li{

	background-image:url(../images/bullet.gif);

	background-position:3px 6px;

	margin:0 0 10px 0;

	}

#faq .points li a {

	font-size:12px;

	font-weight:bold;

	}



/*#################################### 

FAQ, TESTIMONIALS AND LINKS PAGE COMMON CSS

####################################*/

.contentbox1 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	border:0px solid #cccccc;

	padding:0px;

	background-color:#FFFFFF;

	margin:0 0 0px 0;

	}

.contentbox1 dt {

	font-size:12px;

	font-weight:bold;

	margin:0 0 10px 0;

	padding:0px;

	color:#4E4E92;

	}

.contentbox1 dd {

	font-size:11px;

	color:#666666;

	margin:0px;

	}

.contentbox1 .linkbox {

	margin:10px 0 0 0;

	padding:5px 0px;

	/*text-align:right;*/

	/*background-color:#f1f1f1;*/

	clear:both;

	}

.contentbox1 .linkbox .link {

	display:block;

	background-image:url(../images/moreBtn.jpg);

	background-repeat:no-repeat;

	background-position:0px 0px;

	width:52px;

	height:14px;

	text-indent:-9999px;	

	}

.contentbox1 .linkbox .link:hover {

	background-position:0px -14px;

	}

/*=================================

	Contact us Contentbox

	===============================*/

#contactus .contentbox1	.imgleft{

	border:none;

	padding:0;

	margin-right:5px;

	}



#contactus dl {

	display:block;

	margin-left:200px;

	margin-bottom:0px;

	font-size:11px;

	margin-top:0px;

	}

#contactus dl dt{

	margin-bottom:0px;

	font-size:12px;

	}

#contactus .contentbox1	dd {

	margin-top:0px;

	font-size:11px;

	}

#contactus .contentbox1	dd strong{

	color:#4E4E92;

	}

/*#################################### 

LINKS PAGE CSS

####################################*/

#links .link {

	font-size:12px;

	}

#links .linkbox .link {

	font-size:10px;

	}

/*================================

	Our staff

	=================================*/

.meet{

	display:block;

	}

#ourstaff .imgleft{

	float:left;

	border:1px solid #cccccc;

	padding:1px;

	}

/*======================================

	events css

	=================================*/

#events .contentbox2 {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	padding:0;

	background-color:#FFFFFF;

	margin:0;

	}

		

#events .contentbox2 dl{

	float:left;

	margin-bottom:0px;

	margin-top:0px;

	width:152px;

	/*height:152px;*/

	

	}

#events .contentbox2 dl dt {

	font-size:12px;

	color:#666666;

	font-weight:bold;

	margin:0px 0 0px 0;

	padding:5px 0;

	display:block;

	}

#events .contentbox2 dd {

	font-size:11px;

	color:#666666;

	margin:5px 0 0px 0;

	display:block;	

	}

.rightMargin{

	margin-right:16px;

	}

.leftMargin{

	margin-left:16px;

	}



#events dl .border{

	border:1px solid #C4CCEB;

	padding:1px;



	}

#events dl .borderbottom{

	border-bottom:1px solid #C4CCEB;

	padding-bottom:4px;

		

	}

/*=====================================

	Event Detail page

	===================================*/

#eventsdetail dl .eventimg{

	margin:0px;

	padding:0px;

	float:left;

	width:250px;

	}

#eventsdetail  dl .title{

		margin-left:270px;

		color:#666666;

		}

#eventsdetail  h4{

	color:#000000;

	}

#eventsdetail  dl .description{

	margin-left:270px;

	color:#666666;

	margin-bottom:10px;

	padding:0px;

	}

#eventsdetail  dl .imageborder {

	padding:2px;

	border:1px solid #D4D4D4;

	}

.handcur{

	cursor:pointer;

	}

.smallimg {

	/*border:1px solid #D4D4D4;

	padding:1px;

	width:100px;

	height:100px;

	margin-bottom:10px;

	margin-top:10px;

	margin-right:5px;

	*margin-right:3px;*/

	border:1px solid #D4D4D4;

	padding:1px;

	width:58px;

	height:58px;

	/*margin-bottom:10px;

	margin-top:10px;*/

	margin-right:15px;

	*margin-right:13px;

	display:block;

	float:left;

}



.pdflist {

	list-style-type:none;

	margin:0px 0 15px 0;

	padding:0px;

	}

.pdflist li {

	line-height:14px;

	font-size:11px;

	color:#333333;

	padding:7px 10px 7px 0px;

	margin-bottom:0px;

	position:relative;

	}

.pdflist li .filelink {

	color:#333333;

	margin-left:28px;

	text-decoration:none;

	

	font-weight:bold;

	}

.pdflist li .filelink:hover {

	color:#4E4E92;

	}

.pdflist li img {

	position:absolute;

	left:5px;

	top:6px;

	}



/*=====================================

	Display Image css

	==================================*/

#white{

	background-color:#FFFFFF;

	}

.popup {

	background-color:#FFFFFF;

	border:0px solid #cccccc;

	padding:0px 0px 0px 0px;

	margin:15px; 

	text-align:center;

	/*min-height:397px;

	_height:397px;*/

}

/*====================================

	footer css also in layou.css

	============================*/



#footer .copyright{

	line-height:20px;

	position:absolute;

	right:0px;

	top:25px;

	}

	

#footer .links{

	line-height:20px;

	position:absolute;

	right:0px;

	top:5px;

	}

#footer .logo {
	position:absolute;
	top:7px;
	left:0px;

	}

#footer span {	

	margin:0 0 0 5px;

	}

	

#footer a{

	color:#999999;

	text-decoration:none;

	

	}

	

#footer  a:hover{

	color:#4E4E92;

	}