/* CSS Document
Paula Dagnall for SJE */


body{
	padding: 00;
	margin:0;
	margin-top: 0px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}


#outer{
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	width: 910px;
	border: 0px solid #CCCCCC;
	padding: 0px;
	display: block;
	height: auto;
	repeat:no-repeat;
	background-repeat: no-repeat;
	}
	
#outer #inner{
	margin: 0px 10px 0px 30px;
	padding:0px;
	float: right;
	}


 
#content {
	clear:both;
	position:relative;
	margin:0px;
	padding:0px;
	border: 0px solid #999999;
	background-color: inherit;
	width: 865px;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	height: 475px;	
}




#outer #inner #content #leftgap {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:10px;
	background-color: #14365E;
	border: 0px solid #FFF;
	display:block;
	height: 500px;
	min-height:500px;
	max-height:500px;
	overflow:hidden;
	word-spacing: 0px;
}




/*side MENU --------------------------------------------------------------------------------------------------- accordion menu*/

.arrowlistmenu{
	width: 160px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 75% Arial;
	color: #003399;
	background: #FFF;
	margin-bottom: 1px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}


#outer #inner #content #BOXA .arrowlistmenu .menuheader a {
	color: #003399;
	background: #FFF;
	text-transform: uppercase;
	padding: 0px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	text-decoration:none;
	margin: 0px;
}









.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-color: #FFFFFF;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 6px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
	text-align: left;
}

.arrowlistmenu ul li a{
	color: #003399;
	display: block;
	padding: 2px 0;
	padding-left: 15px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid #dadada;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.arrowlistmenu ul li a:visited{
	color: #003399;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #006600;
	background-color: #F3F3F3;
}




/* Top Horizontal Menu ________________________________________________________________________________________________________________________________ */


#outer #inner #navbar {
	height: 22px;
	width: 879px;
 	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px ;
	background-color: #14365E;
	float:left;
	
}
 


#outer #inner #navbar #menu  p a {
	width:112px;
	float:left;
	display:inline;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#14365E;
	text-decoration:none;
	padding:0px 0px 0px	0px;
	margin:3px 8px 0px 4px;
	vertical-align:middle;
	text-align: center;
	}

#outer #inner #navbar #menu p {
	display:inline;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#14365E;
	text-decoration:none;
	vertical-align:middle;
	height:26px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}



#outer #inner #navbar #menu  a:hover{
	background-color:#FFFFFF;
	background:#14365E;
	text-decoration:underline;
	
} 
 



/* Content ________________________________________________________________________________________________________________________________ */





#outer #inner #content #BOXB #text p.links 

{
	margin: 0px 0px 0px 0px;
	padding: 00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #14365E;
	display:inline;
	text-align: right;
	background-color: #FFFFFF;
	text-decoration:underline;
	color: #333333;
}





#footer{
	border-top: 0px solid;
	margin: 0px 0px 0px 0px;
	padding: 00;
	min-height:40px;
	max-height:40px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	display: block;
	clear: both;
	background-position: center;
	color: #14365E;
	text-align: center;
	background-color: #FFFFFF;
}

#top {
	margin: 0px;
	padding: 0px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	background-color: #14365E;
	text-align: center;
	color: #FFFFFF;
	width: 879px;
}

#top h1{
	margin: 0px;
	padding: 00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	background-color: #14365E;
	text-align: center;
	color: #FFFFFF;
	font-weight: lighter;
	border-top: 5px solid #14365E;
}


#top h2{
	margin: 0px;
	padding: 00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	background-color: #14365E;
	text-align: center;
	color: #FFFFFF;
	font-weight: lighter;
	border-top: 5px solid #14365E;
}







#footer a   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #14365E;
	text-align: centre;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	display: inline;
	width: 500px;
}
 #footer p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #14365E;
	text-align: centre;
	padding: 0px;
	margin: 5px;
	background-color: #FFFFFF;
	display: block;
	
}

	#footer h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #14365E;
}


/* Table ________________________________________________________________________________________________________________________________ */

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color:#FFF;
	color: #14365E;
	vertical-align:text-top;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color:#FFF;
	color: #14365E;
}

/* forms labels */





/* Form 	border: 1px solid #1C4297;________________________________________________________________________________________________________________________________ */


input
{
	color: #003366;
	background: #FFF;
	font-size: x-small;
	margin-top: -3px;

}
#outer #inner #content #BOXB #text h3 a {
	font-weight: normal;
	text-decoration:none;
	color:#0066CC;
	font-weight: bold;
}

#outer #inner img {
	margin: 8px 26px 5px 18px;
	padding:00;
	border:#FFFFFF solid 0px; 
	display:inline;
	display:inline-block;
	float: left;
}

#outer #inner #content #BOXB #text p.center img {
	background-color: #FFFFFF;
	text-align: center;
	display: block;
	float:none;
	clear:both;
	margin: 0px auto;
	padding: 3px;
	border: 1px solid #CCCCCC;
}


#outer #inner #content #BOXB #text p.photo img {
	background-color: #FFFFFF;
	text-align: center;
	display: block;
	float:none;
	clear:both;
	margin: 0px 100px;
	padding: 3px;
	border: 1px solid #CCCCCC;
}
#outer #inner #content #BOXB #text .caption {
	display: block;
	margin: 0px 0px 0px 100px;
	padding: 00;
}



#outer #inner #content #BOXB #text .underline {
text-decoration:underline;
}

#outer #inner #content #BOXB #text .greenunderline {
text-decoration:underline;
color:#006600;
}

#outer #inner #content #BOXB #text #flash {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #14365E;
	background-position: center;
	text-align: center;
	display: block;
}
#outer #inner #content #BOXB #text p.mid,
 #outer #inner #content #BOXB #text p.mid a:link, 
  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px;
}

#outer #inner #content #BOXB #text img.mid
 {
	text-align: center;
	display: block;
	padding: 0px;
	float: left;
	clear:both;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 205px;
}

#outer #inner #content #BOXA #BOXCB #form1 label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #14365E;
	text-align: left;
	display: block;
	margin: 5px 0px 2px 0px;
	padding: 0px;
	text-indent: 0px;
}
#outer #inner #content #BOXA #BOXCB #form1 input {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#outer #inner #content #BOXB #text .sourceref {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: lighter;
	color: #1B3C63;
	text-align: center;
}

#outer #inner #content #BOXB #text h1.phone_no
    {
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: center;
	margin: 0px 0px;
	padding: 10px;
	background-color:inherit;
	color: #E70114;    /*	#31787D; old green colour  */
	display: block;
	clear:both;
} 




#outer #inner #content #BOXB #text h1.head,
#outer #inner #content #BOXB #text h2.head
    {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	text-align: center;
	margin: 0px;
	padding: 00;
	
	color: #003399;   
	display: block;
} 



#outer #inner #content #BOXC #callback object {
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	float: left;
	clear: both;
}

#outer #inner #content #BOXB #text #form table tr td {
	background-color: #F6FBFF;
	border-top-color: #F6FBFF;
	border-right-color: #F6FBFF;
	border-bottom-color: #F6FBFF;
	border-left-color: #F6FBFF;
}
#outer #inner #content #BOXB #text  table tr td p,
#outer #inner #content #BOXB #text  table tr td {
	background-color: #F6FBFF;
	border-top-color: #F6FBFF;
	border-right-color: #F6FBFF;
	border-bottom-color: #F6FBFF;
	border-left-color: #F6FBFF;
}



#outer #inner #content #BOXC #callback img {
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

#outer #inner #content #BOXC #callback a {
	color: #006600;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}
#outer #inner #content #BOXC #callback {
	display: block;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 130px;
}
.red {
	color: #E70114;
}
#outer #inner #content #BOXB #text p.teal {
	color: #0066CC;
}
#outer #inner #content #BOXB #text #cases  h5.big {
	font-size: 18px;
	font-weight: bold;
	margin-left: 200px;
}
#outer #inner #content #BOXB #text #cases #jumpMenu {
	display: block;
	margin-left: 140px;
}


#outer #inner #content #BOXB #text #newsbox p {
	color: #003366;
	margin: 5px 5px 5px 5px;
	padding: 0px;
} 


#outer #inner #content #BOXB #text #newsbox {
	display: block;
	margin: 10px 0px 5px 10px;
	padding: 0px;
	float: left;
	width: 485px;
	border: 1px solid #0575BD;
	color: #003366;
}

#outer #inner #content #BOXB #text #newsbox img {
	margin: 4px;
	padding:00;
	border:#FFFFFF solid 0px; 
	display:inline;
	display:inline-block;
	float: left;
}
#outer #inner #content #BOXB #text h2.phone_no
    {
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: center;
	margin: 0px 0px;
	padding: 10px;
	background-color:inherit;
	color: #E70114;    /*	  */
	display: block;
	clear:both;
} #outer #inner #content #BOXB #text .style2 {
	font-weight: bold;
	color: #0066CC;
	display: inline;
}

.top_text{
	margin: 0px;
	padding: 00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	background-color: #14365E;
	text-align: center;
	color: #FFFFFF;
	font-weight: lighter;
	border-top: 5px solid #14365E;
}
.implants {
display:block;
	color: #CC0000;
	margin: 0px 0px 0px 10px;
	text-decoration:none;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;	
}
 
a:hover.implants  {
 text-decoration: underline;
 }