/* Browser: Other(Other.Other)
*/
/* ---------------------------------------------- */
/* CSS Definitions - Copyright Spiky Hedgehog Ltd */
/* ---------------------------------------------- */
/* Media: screen */
* {
	margin : 0px;
	padding: 0px;}

html, body, ul, ol, li, dl, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img {
	border: 0px;}
	
body {
	background-color: inherit;
	color: #333333;
	height: 100%;
	background-position: 50% 0%;
	font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
    font-size: 95%;}   
html>body {    font-size: 1em;}

p {
	line-height: 1.5em;
}

img {
	vertical-align: bottom;
	border: 0px;
	margin: 0px;}						 

ul {
	line-height: 1.5em;
	list-style-position: inside;
	list-style-type: disc;}				 

table {
	width: 100%;
	margin: 1em 0;
	border-collapse: collapse;}

th {
	font-size: 1.2em;
}

td {
}

hr {
	width: 100%;
	height: 1px;
	margin: 1em 0;
}hr {
	clear: left;
	border: none;
	color: white;}

h1 {
	background-color: inherit;
	color: #336666;
	text-align: center;
	white-space:nowrap;
	overflow: hidden;
	font-size: 2em;
	margin-bottom: 1em;
}

h2 {
	background-color: inherit;
	color: #336666;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	font-weight: lighter;
	font-size: 1.5em;
	margin-bottom: 1em;
}

.h2 {
	padding: .1em;
}

h3 {
	background-color: inherit;
	color: #336666;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	font-weight: lighter;
	font-size: 1.1em;
}

.h3 {
	padding: .1em;
}

h4 {
	background-color: inherit;
	color: #336666;
	display: block;
	font-weight: bold;}
	
a {
	text-decoration: none;
}

a:link {
	color: #336666;
	background-color: inherit;
}

a:visited {
	color: #336666;
	background-color: inherit;
}

a:hover {
	color: #aadddd;
	background-color: inherit;
}


a:active {
	color: #336666;
	background-color: inherit;
}
	
acronym {
	border-bottom: 1px dotted #336666;
}

.address {
	margin: 0 1em;}
.centre {
	text-align: center;}
.centrepage {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.clearB {
	clear: both;}
.clearL {
	clear: left;}
.column2{
	width: 46%;
}
.comments {
	text-align: center;
	font-weight: bold;}
.copyright a{ 
	margin-right: 5em;}
.email {
	background-image: url(image/email.gif);
	background-repeat: no-repeat;
	background-position: 100% 5px;
	text-align: right;
	padding-right: 15px;}
.fax {
	background-image: url(image/fax.gif);
	background-repeat: no-repeat;
	background-position: 100% 5px;
	text-align: right;
	padding-right: 15px;}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.footer {
	width: 90%;
}
.headertext {
	visibility: hidden;
}
.imageleft {
	float: left;
	margin: 1em;
	border: 3px #ffffff outset;
}
.imagetextwrapper {
}.label {
	background-color: inherit;
	font-weight: bolder;
	margin-left: 1em;
	letter-spacing: 1px;}
.mobile {
	background-image: url(image/mobile.gif);
	background-repeat: no-repeat;
	background-position: 100% 2px;
	text-align: right;
	padding-right: 15px;}
.padding {
	padding: 1em;
}
.phone {
	background-image: url(image/phone.gif);
	background-repeat: no-repeat;
	background-position: 100% 5px;
	text-align: right;
	padding-right: 15px;}
.smallest{
    font-size: 70%;}
.spacer {
	width: 100%;
	height: 1em;
}.subject {
	background-color: inherit;
	color: #03331b;
	text-align: center;}
.textL {
	text-align: left;}
.textblock {
	text-align: justify;}

.textblock p {
	margin-bottom: 1em;}
.title {
	text-align: center;
	font-size: larger;
	font-weight: bold;}
.titleimagetext {
	margin: 1em;}


#menu-main {
	padding: 5px;
	height: 35px;
}

#menu-main ul {
	float: left;
	list-style: none;
	white-space: nowrap;}

#menu-main li {
	letter-spacing: 1px;
	float: left;
	padding: 10px 0 0 10px;
}
	
#menu-main ul li a {
	text-decoration: none;
	display: block;
	background-color: inherit;
	color: #336666;
}

#menu-main ul li a:hover {
	background-color: inherit;
	color: #aadddd;
}

#menu-main ul li a.current{
	background-color: inherit;
	color: #03331b;
}

#menu-main {
	height: 25px;
	padding: 0 5px 5px 5px;
	margin: 0 auto;
	width: 620px;}
	
#menu-main li {
	font-size: larger;
	padding: 0 0 0 20px;}

#box {
}

#top {
}

#logo {
	margin: 0 auto;
	width: 900px;}
	
#margin {
	float: left;
	padding-top: 7px;
	border-top: 1px #eeeeee solid;
	width: 150px;
}

#contents {
	font-size: .8em;
	float: left;
	border-top: 1px #eeeeee solid;
	width: 700px;
	min-height: 400px;
	padding: 1.5em 3em;
}

.opening_times {
	text-align: center;}
	
.opening {
	font-size: smaller;}

.emergency {
	font-weight: bold;
	background-color: inherit;
	color: #ee0000;
}
	
.consultations {
	color: #336666;
	font-weight: bold;}

.introduction {
	padding-top: 10px;
}

ul li ul {
	margin-left: 2em;}

.gallery {
	width: 50%;
	float: left;}
	
.title, .comments {
	background-color: inherit;
	color: #336666;
}

.subject {
	text-align: justify;}

#vet_photos img {
	margin-right: 2em;}	

#faq table {
	width: 33%;
	margin-top: 0;}
	
dt {
	font-size: large;
	background-color: inherit;
	color: #336666;
	margin-bottom: .5em;}

dd {
	font-size: larger;
	background-color: inherit;
	color: #333333;
	margin-bottom: 1em;}

.contact {
	background-color: #aadddd;
	color: inherit;
	border: 1px solid #336666;
	margin: 1em .5em;
	padding: 1em .5em;
	height: 155px;}

.directions {
	background-color: #aadddd;
	color: inherit;
	border: 1px solid #336666;
	margin: 1em .5em;
	padding: 1em .5em;}

.directions_summary{
	text-align: justify;}
	
.directions .label {
	margin: 1em 0;}

.directions a:hover{
	background-color: inherit;
	color: white;
}

form input {
	margin: .5em 0;}

#bottom {
	opacity: 0.25;
	-moz-opacity: 0.25;
	filter: alpha(opacity=25);
}

#site-design p a {
	background-color: inherit;
	color: #03331b;
}

#site-design p a:hover {
	background-color: inherit;
	color: #aadddd;
}

.copyright a {
	margin-right: 140px;}
	

  
#banner {
	background-image: url(images/text/bod_r-f4808764dbfea1c0ba354ad71a564c15.gif);
	width: 653px;
	height: 39px;
	margin: .15em auto;
	background-repeat: no-repeat;}
#lightbox{
	position: absolute;
	top: 40px;
	left: 0em;
	width: 100%;
	z-index: 100;
	text-align: center;}

#lightbox a img{
	border: none;}

#outerImageContainer{
	position: relative;
	background-color: #ffffff;
	color: #333333;
	width: 250px;
	height: 250px;
	margin: 0 auto;}

#imageContainer{
	padding: 10px;}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;}
	
#hoverNav{
	position: absolute;
	top: 0em;
	left: 0em;
	height: 100%;
	width: 100%;
	z-index: 10;}
	
#imageContainer>#hoverNav{	left: 0em;}
	
#hoverNav a{
	outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(image/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;}
	
#prevLink {
	left: 0em;
	float: left;}
	
#nextLink {
	right: 0em;
	float: right;}
	
#prevLink:hover, #prevLink:visited:hover {
	background: url(image/prevlabel.gif);
	background-repeat: no-repeat;
	background-position: 0% 15%;}		
#nextLink:hover, #nextLink:visited:hover {
	background: url(image/nextlabel.gif);
	background-repeat: no-repeat;
	background-position: 100% 15%;}	
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #333333;
	margin: 0px auto;
	line-height: 1.4em;
	overflow: auto;}

#imageData{
	padding:0 10px;}
	
#imageData #imageDetails{
	width: 70%;
	float: left;
	text-align: left;}
		
#imageData #caption{
	font-weight: bold;}
	
#imageData #numberDisplay{
	display: block;
	clear: left;
	padding-bottom: 1.0em;}

#imageData #bottomNavClose{
	width: 66px;
	float: right;
	padding-bottom: 0.7em;}	

#bottomNavClose:hover, #bottomNavClose:visited:hover {
	color: #cccccc;
	background-color: #ffffff;}
		
#overlay{
	position: absolute;
	top: 0em;
	left: 0em;
	z-index: 90;
	width: 100%;
	height: 500px;
	color: inherit;
	background-color: #444444;}
#PayPalConfirm {
	width: 80%;
	border: 2px solid #0f0;
	margin: 0 auto;
	padding: 5px;
	color: #333;
	background-color: #f0f0f0;}

#PayPalConfirm h2 {
	text-align: center;
	font-weight: bold;
	margin: -5px;
	padding: 0.5em;
	background-color: #0c0;
	color: #fff;}

#PayPalConfirm p {
	text-align: center;
	margin: 5px;
	padding: 0.5em;}

#PayPalCancel {
	width: 80%;
	border: 2px solid #f00;
	margin: 0 auto;
	padding: 5px;
	color: #333;
	background-color: #f0f0f0;}

#PayPalCancel h2 {
	text-align: center;
	font-weight: bold;
	margin: -5px;
	padding: 0.5em;
	background-color: #c00;
	color: #fff;}

#PayPalCancel p {
	text-align: center;
	margin: 5px;
	padding: 0.5em;}