@charset "utf-8";
/* CSS Document */

body {
	padding:0px;
	margin:0px;
	
	background:#D8D7D3 url(../images/website/bg2.jpg) top center repeat-y;
	
	font-family:Arial, Helvetica, sans-serif;
}

p {
	padding:0px;
	margin:0px;
	
	color:#656565;
	font-size:12px;
	line-height:17px;
}

a:link,
a:visited,
a:active {
	color:#517B51;
	text-decoration:none;
}

a:hover {
	color:#517B51;
	text-decoration:underline;
}

h1 {
	padding:0px;
	margin:0px;
	
	font-size:18px;
	color:#154515;
	font-weight:normal;
}

h2 {
	padding:0px;
	margin:0px;
	
	font-size:16px;
	color:#154515;
	font-weight:normal;
}

h3 {
}

.clear {
	clear:both;
}

#container {
	width:960px;
	
	padding:0px;
	margin:0px auto;
}

#header {
	width:960px;
	height:140px;
	
	padding:0px;
	margin:0px;
}

.logo {
	float:left;
}

#header #info {
	width:487px;
	
	padding:0px;
	margin:0px;
	
	float:right;
	
	position:relative;
}

#header #info #top {
	width:555px;
	height:81px;
	
	padding:0px 0px 0px 100px;
	margin:0px;
	
	background:url(../images/website/phone.png) top left no-repeat;
	
	font-size:16px;
	color:#C00;
	
	position:absolute;
	top:0px;
	right:0px;
}

#header #info #top #top-left {
	padding:0px;
	margin:10px 0px 0px 0px;
	
	float:left;
}

#header #info #top a#top-right {
	width:94px;
	height:81px;
	
	padding:0px;
	margin:0px 20px 0px 0px;
	
	float:right;
	
	display:block;
	
	background:url(../images/website/emergency-vets.png) top center no-repeat;
}

#header #info #top span.phone {
	font-size:25px;
	font-weight:bold;
}

#header #info #bottom {
	width:457px;
	height:27px;
	
	padding:113px 0px 0px 30px;
	margin:0px;
	
	background:url(../images/website/quicklinks-bg.png) bottom right no-repeat;
}

#header #info #bottom a {
	padding:0px 15px 0px 20px;
	margin:0px;
	
	display:block;
	float:left;
	
	background:url(../images/website/bullet2.jpg) left no-repeat;
	font-size:14px;
	color:#659965;
	text-decoration:none;
}

#header #info #bottom a:hover {
	text-decoration:underline;
}

#nav {
	width:960px;
	height:50px;
	
	padding:0px;
	margin:0px;
	
	background:url(../images/website/menu-bg.jpg) top left no-repeat;
}

#nav ul {
	padding:0px;
	margin:0px;
}

#nav ul li {
	padding:0px;
	margin:0px;
	
	list-style:none;
	float:left;
	
	background:url(../images/website/menu-spacer.jpg) top right no-repeat;
}

#nav ul li a {
	height:28px;
	
	padding:12px 27px 0px 27px;
	margin:0px;
	
	display:block;
	float:left;
	
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	border:transparent 1px solid;
}

#nav ul li a:hover,
#nav ul li a.active {
	border:#009400 1px solid;
	background:url(../images/website/menu-bg-active.jpg) repeat-x;
	text-decoration:none;
}

#bnr {
	width:960px;
	height:274px;
	
	padding:0px;
	margin:0px;
	
	background:url(../images/website/bnr-bg.jpg) top left no-repeat;
}

#bnr #left {
	width:400px;
	
	padding:135px 0px 0px 50px;
	margin:0px;
	
	float:left;
	
	color:#FFF;
	font-size:14px;
	line-height:20px;
}

#bnr #left #enquiry {
	height:36px;
	
	padding:10px 0px 0px 65px;
	margin:20px 0px 0px 0px;
	
	display:block;
	float:left;
	
	z-index:5;
	position:relative;
	left:-60px;
	
	cursor:pointer;

	background:url(../images/website/letter.png) top left no-repeat;
}

#bnr #left #enquiry a {
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}

#bnr-img {
	padding:0px;
	margin:0px;
	
	float:right;
}

#boxes {
	width:960px;
	height:117px;
	
	padding:0px;
	margin:0px;
	
	background:url(../images/website/boxes-bg.jpg) top left no-repeat;
}

.box {
	width:220px;
	height:95px;
	
	padding:10px;
	margin:0px;
	
	float:left;
}

.box2 {
	width:145px;
	height:95px;
	
	padding:10px 85px 10px 10px;
	margin:0px;
	
	float:left;
}

.box a,
.box2 a,
a.news-link {
	padding:2px 0px 2px 20px;
	margin:0px;
	
	display:block;
	color:#333;
	text-decoration:underline;
	font-size:12px;
	
	background:url(../images/website/bullet3.jpg) left no-repeat;
}

.box p.title ,
.box2 p.title {
	font-size:12px;
	color:#122912;
	font-weight:bold;
}

.box p ,
.box2 p {
	font-size:12px;
	color:#336533;
}

#content {
	width:958px;
	
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	
	background:#FFF url(../images/website/news-bg.jpg) top right no-repeat;
	border:#999485 1px solid;
}

#content #left-column {
	width:400px;
	
	padding:20px 20px 10px 0px;
	margin:0px;
	
	float:left;
}

#content #left-column ul li {
	padding:3px 0px;
	margin:0px;
	
	color:#656565;
	font-size:12px;
	line-height:17px;
}

#content #left-column strong {
	color:#154515;
}

#content #left-column p {
	line-height:20px;
}

p.subtitle {
	font-size:14px;
	font-weight:normal;
	color:#154515;
}

#content #house {
	width:60px;
	height:46px;
	
	padding:0px;
	margin:0px;
	
	z-index:5;
	position:relative;
	top:10px;
	left:-10px;
	float:left;
	
	background:url(../images/website/house.png) top left no-repeat;
}

#content #center-column {
	width:220px;
	
	padding:20px 0px 10px 10px;
	margin:0px;
	
	float:left;
	
	background:url(../images/website/dot-bg.jpg) top left repeat-y;
}

#content #center-column strong,
#content #right-column strong {
	color:#336533;
}

#content #center-column ul {
	padding:10px 0px;
	margin:0px;
}

#content #center-column ul li {
	padding:0px 0px 10px 25px;
	margin:0px;
	list-style:none;
	
	font-size:12px;
	color:#333;
	line-height:20px;
	
	background:url(../images/website/bullet.jpg) top left no-repeat;
}

#content #right-column {
	width:218px;
	
	padding:20px 10px 10px 10px;
	margin:0px 0px 0px 10px;
	
	float:left;
}

#content #right-column .line {
	height:2px;
	
	padding:0px;
	margin:10px 0px;
	
	background:url(../images/website/line-bg.jpg) repeat-x;
}

#footer {
	width:960px;
	
	padding:20px 0px;
	margin:0px;
	
	font-size:11px;
	color:#336533;
}

#footer a {
	font-size:11px;
	color:#336533;
}

#footer span.ec {
	float:right;
	color:#999;
}

#footer span.ec a {
	color:#999;
}

/* ##### SUB PAGE SPECIFIC ##### */

body#subpage #bnr {
	width:960px;
	height:200px;
	
	padding:0px;
	margin:0px;
	
	background:url(../images/website/subpage-bnr-bg.jpg) top left no-repeat;
}



body#subpage #bnr.staff {
	background:url(../images/website/banners-staff.png) top left no-repeat;
}

body#subpage #bnr.surgeries {
	background:url(../images/website/banners-surgeries.png) top left no-repeat;
}

body#subpage #bnr.facilities {
	background:url(../images/website/banners-facilities.png) top left no-repeat;
}

body#subpage #bnr.referrals {
	background:url(../images/website/banners-referral.png) top left no-repeat;
}

body#subpage #bnr.virtual-tour {
	background:url(../images/website/banners-virtual-tour.png) top left no-repeat;
}

body#subpage #bnr.news{
	background:url(../images/website/banners-news.png) top left no-repeat;
}

body#subpage #bnr.jobs {
	background:url(../images/website/banners-facilities.png) top left no-repeat;
}

body#subpage #bnr.pet-care {
	background:url(../images/website/banners-staff.png) top left no-repeat;
	/*background:url(../images/website/banners-facilities.png) top left no-repeat;*/
}

body#subpage #bnr.prescriptions {
	background:url(../images/website/banners-staff.png) top left no-repeat;
}

body#subpage #bnr.contact {
	background:url(../images/website/banners-surgeries.png) top left no-repeat;
}



body#subpage #bnr #left {
	width:510px;
	
	padding:90px 0px 0px 50px;
	margin:0px;
	
	float:left;
	
	color:#FFF;
	font-size:14px;
	line-height:20px;
}

body#subpage #content #left-column {
	width:630px;
	
	padding:20px 20px 10px 0px;
	margin:0px;
	
	float:left;
}

body#subpage #bnr #left #enquiry {
	margin:10px 0px 0px 0px;
}

body#subpage #content #left-column .referral {
	width:610px;
	
	padding:10px;
	margin:0px 0px 20px 0px;
	
	background:#E5EFE6;
	border:#C3D6C3 1px solid;
}

body#subpage #content #left-column .referral .ref-img {
	padding:0px 0px 10px 10px;
	margin:0px;
	
	float:right;
}

body#subpage #content #left-column .news-item {
	width:600px;
	
	padding:10px;
	margin:0px 0px 20px 0px;
	
	background:#E5EFE6 url(../images/website/news-bg2.jpg) top right repeat-y;
	border:#C3D6C3 1px solid;
	
}

body#subpage #content #left-column img.news-img {
	padding:0px;
	margin:0px 0px 10px 10px;
	
	float:right;
	
	border:#333 1px solid;
}

body#subpage #content #left-column #contact-form {
	padding:10px;
	margin:0px 0px 20px 20px;
	
	background:#E5EFE6;
	border:#C3D6C3 1px solid;
	
	float:right;
	
	font-size:12px;
}

body#subpage #content #left-column #contact-form .field {
	padding:5px 0px;
	margin:0px;
}

body#subpage #content #left-column #contact-form .field-validation {
	padding:0px 0px 10px 0px;
	margin:0px;
	
	color:#C00;
}

.field input {
	width:220px;
}

.field input.radio {
	width:10px;
}

.field textarea {
	width:220px;
	height:80px;
}

#map {
	width:350px;
	height:300px;
	
	padding:0px;
	margin:0px 0px 20px 20px;

	float:right;
	
	border:#333 1px solid;
}

#flash {
	float:right;
}

img.surgery-img {
	padding:0px;
	margin:0px 0px 5px 0px;
	
	border:#333 1px solid;
}

div.virtual-tour {
	width:500px;
	height:300px;
	
	padding:0px;
	margin:0px auto;
	
	border:#333 2px solid;
}

div.vt1 {
	padding:30px 0px;
	margin:10px 0px;
	
	text-align:center;
	
	background:#E5EFE6;
}

div.vt2 {
	padding:30px 0px;
	margin:10px 0px;
	
	text-align:center;
	
	background:#FFF;
}

/*########## EMERGENCY VETS ##########*/

body#emergency #header {
	width:960px;
	height:465px;
	
	padding:0px;
	margin:0px;
	
	background:url(../images/website/leeds-emergency-vets-banner.jpg) top left no-repeat;
}

body#emergency #header #info {
	width:487px;
	
	padding:0px;
	margin:0px;
	
	float:right;
}

body#emergency #header #info #top {
	width:387px;
	height:81px;
	
	padding:0px 0px 0px 100px;
	margin:0px;
	
	background:url(../images/website/phone.png) top left no-repeat;
	
	font-size:16px;
	color:#FFF;
}

body#emergency #header #info #top #top-left {
	padding:0px;
	margin:10px 0px 0px 0px;
	
	float:left;
}

body#emergency #header #info #top a#top-right {
	width:94px;
	height:81px;
	
	padding:0px;
	margin:0px 20px 0px 0px;
	
	float:right;
	
	display:block;
	
	background:url(../images/website/abbey.png) top center no-repeat;
}

body#emergency #header #info #top span.phone {
	font-size:25px;
	font-weight:bold;
}

body#emergency #content {
	background:#fff;
}

body#emergency #content #house {
	width:60px;
	height:46px;
	
	padding:0px;
	margin:0px;
	
	z-index:5;
	position:relative;
	top:10px;
	left:-10px;
	float:left;
	
	background:url(../images/website/house2.png) top left no-repeat;
}

body#emergency h1 {
	color:#000033;
}

body#emergency p.subtitle {
	font-size:14px;
	font-weight:normal;
	color:#000033;
}

body#emergency #content #left-column {
	width:430px;
	
	padding:20px 20px 10px 0px;
	margin:0px;
	
	float:left;
}

body#emergency #content #left-column strong {
	color:#333;
}

body#emergency #content #right-column {
	width:410px;
	
	padding:20px 10px 10px 10px;
	margin:0px 0px 0px 10px;
	
	float:left;
	
	text-align:center;
}

body#emergency #content #right-column #outermap {
	width:370px;
	height:370px;
	
	padding:0px;
	margin:0px auto;
	
	border:#D1D1D1 10px solid;
}

body#emergency #content #right-column #googlemap {
	width:370px;
	height:370px;
	
	padding:0px;
	margin:0px;
}

body#emergency #content #right-column a {
	padding:0px;
	margin:0px;
	display:inline;
	background:none;
}

body#emergency #content #right-column p.title {
	font-size:18px;
	color:#000033;
}

body#emergency #content #right-column .content p {
	font-size:12px;
	color:#000033;
	line-height:20px;
	text-align:left;
}

body#emergency #content #right-column strong {
	color:#000033;
	line-height:20px;
}

body#emergency #footer {
	color:#000033;
}

body#emergency #footer a {
	color:#000033;
}

body#emergency #footer span.ec a {
	color:#999;
}

body#emergency .directions ul {
	padding:0px 0px 0px 20px;
	margin:0px;
}

body#emergency .directions ul li {
	padding:0px;
	margin:0px;
	
	line-height:20px;
	list-style:square;
}