@charset "UTF-8";

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #1A1B23;
	background-image: url(gradient.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin:0px;
	color: #FFFFFF;
	line-height: 16px;
}
.greenBody {
	color: #72BE45;
	margin-top: 15px;
	margin-bottom:5px;
}
.blueBody {
	color: #005DA9;
	margin-top: 15px;
	margin-bottom:5px;
}
.orangeBody {
	color: #F69223;
	margin-top: 15px;
	margin-bottom:5px;
}


.boldHdg {
	font-weight: bold;
	margin-top: 15px;
}

p {
	display: block;
	margin-bottom: 8px;
	margin-top: 8px;
	width: 100%;
}

a:link, a:visited {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: normal;
}

a:hover, a:active {
	color: #72BE45;
	text-decoration: none;
	font-weight: normal;
}


input, textarea, select{
	font-family: Tahoma;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #3F414D;
}

ul {
	margin-bottom: 5px;
}
.inputBox {
	font-family: Arial;
	font-weight:bold;
	font-size: 11px;
	color:#FFFFFF;
	background-color: #3F414D;
	background-image: url(postcodeBox.gif);
	background-repeat: no-repeat;
	letter-spacing: 4px;
	height: 15px;
	width: 38px;
	background-position: 1px 1px;
	border: 1px solid #72BE45;
	padding-top: 3px;
	padding-left: 2px;
}



/*Green bullets*/
#left ul{
	list-style-type: disc;
	list-style-position: outside;
	margin-left:15px;
	margin-top:0px;
	color:#72BE45;
} 

#left ul li{
	padding-left: 0em;
	padding-top: 0.45em;
}

/*Orange bullets - make sure LEFT and RIGHTDIVS have colour suffix*/
#leftOrange ul{
	list-style-type: disc;
	list-style-position: outside;
	margin-left:15px;
	margin-top:0px;
	color:#F69223;
} 

#leftOrange ul li {
	padding-left: 0em;
	padding-top: 0.45em;
}

/*Blue bullets - make sure LEFT and RIGHTDIVS have colour suffix*/
#leftBlue ul{
	list-style-type: disc;
	list-style-position: outside;
	margin-left:15px;
	margin-top:0px;
	color:#005DA9;
} 

#leftBlue ul li {
	padding-left: 0em;
	padding-top: 0.45em;
}
.GreenTitle {
	font-size: 16px;
	color: #72BE45;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 20px;
	margin-top: 15px;
}




/*COLOURED TEXT*/
.White {
	color:#FFFFFF;
}
.OrangeTitle {
	font-size: 16px;
	color: #f69223;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 20px;
	margin-top: 15px;
}

.BlueTitle {
	font-size: 16px;
	color: #005da9;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 20px;
	margin-top: 15px;
	width: auto;
}
.boldHdgGrn {
	font-weight: bold;
	margin-top: 15px;
	color: #72BE45;
	line-height: 20px;
}
.GreenLine {
	background-image: url(1px_green.gif);
	background-repeat: repeat-x;
	background-position: 0px 6px;
}
.OrangeLine {
	background-image: url(1px_orange.gif);
	background-repeat: repeat-x;
	background-position: 0px 6px;
}
.BlueLine {
	background-image: url(1px_blue.gif);
	background-repeat: repeat-x;
	background-position: 0px 6px;
}
.320 {
	width: 320px;
}
.160 {
	width: 160px;
}

.150 {
	width: 150px;
}
.btn_enter {
	background-color: transparent;
	background-image: url(../assets/enterBtn.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 160px;
	margin-top: 15px;
}

.120 {
	width: 120px;
}
.100 {
	width: 100px;
}
.40 {
	width: 40px;
}
.FormLabelPadding {
	color:#FFFFFF;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom:5px;
}
.FormLabel{
	color:#FFFFFF;
	font-size: 12px;
	padding-bottom:5px;
}


/* STYLES ADDED MAY 29 2010
-------------------------------------------------------------*/

body { background: #1a1b23 url(../assets/BG-gradient.gif) repeat-x; }
#wrapper { background: none; height: auto; min-height: 100%; width: 950px; }
#main  { margin: 0 auto; padding-bottom: 50px; width: 950px; float: left; }

#content-container { font-family: Myriad Pro, Tahoma, Arial, Helvetica, sans-serif; width: 650px; float: left; display: inline; margin: 38px 0 50px 0; padding-right: 30px; }

#content-container #content { padding: 0; }
#content-container #content h1 { font-family: Copperplate Gothic Light, Tahoma, Arial, Helvetica, sans-serif; font-size: 22px; text-transform: uppercase; color: #72BE44; margin: 0 0 25px 0; }
#content-container #content h1.orange { color: #F79324; }
#content-container #content h1.blue { color: #04B0FA; }
#content-container #content img { max-width: 650px; padding: 10px 0 10px 0; }
#content-container #content img.image-right { float: right; padding: 10px 0 10px 15px; }
#content-container #content a.video-right { display: block; width: 280px; height: 140px; float: right; padding: 10px 0 10px 15px; }
#content-container #content select { color: #fff; background: #292A34; border: 1px solid #72BE44; margin: 0 0 0 25px; }
#content-container #content .left { float: left; width: 50%; }
#content-container #content .right { float: left; width: 50%; }

#content-container #content #vet-results { width: 640px; }
#content-container #content #vet-results img { width: 640px; }
#content-container #content #vet-results .vet-title { vertical-align: top; float: left; margin: 0; color: #72A944; width: 40%; }
#content-container #content #vet-results .vet-detail { vertical-align: top; float: left; margin: 0; padding: 0 0 0 25px; }
#content-container #content #vet-results .vet-item-1 { float: left; width: 100%; padding: 10px; }
#content-container #content #vet-results .vet-item-2 { float: left; width: 100%; padding: 10px; background: #000; }

#content-container #content table {  }
#content-container #content table.form td { width: 50%; }
#content-container #content table.form td span { float: left; font-size: 12px; font-weight: bold; width: 100%; }
#content-container #content table.form td span label { color: #72BE44; padding: 0 0 0 4px; }
#content-container #content table.form td input.text { float: left; line-height: 20px; height: 20px; width: 220px; padding: 2px; border: 1px solid #252730; }
#content-container #content table.form td textarea.text { float: left; height: 120px; width: 220px; padding: 2px; border: 1px solid #252730; }
#content-container #content table.form td select.select { float: left; line-height: 24px; height: 24px; width: 220px; padding: 2px 2px 2px 0px; margin: 0; background-color: #fff; color: #3F414D; }
#content-container #content table.form td input.submit { float: left; font-weight: bold; height: 24px; width: 120px; padding: 2px; border: 1px solid #fff; background-color: #000; color: #fff; }
#content-container #content table.form td input.submit:hover { border: 1px solid #000; background-color: #fff; color: #000; }

#content-container #content table.contact-table { width: 400px; }
#content-container #content table.contact-table th { width: 140px; text-align: left; vertical-align: top; }
#content-container #content table.contact-table td { width: 260px; }

#content-container #content table.vet-locator td.postcode-label { width: 100px; }
#content-container #content table.vet-locator td.postcode-input { width: 8px; }
#content-container #content table.vet-locator td.paging { width: 400px; }
#content-container #content table.vet-locator td.next-prev { width: 100px; }

#content-container #content #VetMenu2 .left { width: 180px; }
#content-container #content #VetMenu2 .right { width: 15px; }
#content-container #content #VetMenu2 .right img { padding: 0; }
#content-container #content #VetMenu2 .participates-0 { display: none; }

#content-container #content .testimonial { width: 100%; float: left; }
#content-container #content .testimonial .left { width: 50%; float: left; }
#content-container #content .testimonial .left a { margin: 15px; width: 280px; height: 140px; text-align:center; }
#content-container #content .testimonial .left a img {  }
#content-container #content .testimonial .right { width: 50%; float: right; text-align: center; }
#content-container #content .testimonial .video-title { font-size: 13px; font-weight: bold; line-height: 140px; vertical-align: middle; }

#content-container #content .videos-left { width: 498px; float: left; }
#content-container #content .video { display: block; width: 480px; height: 272px; }
#content-container #content .videos-right .videos { padding: 10px; border: 1px solid #fff; height: 470px; overflow: auto; width: 130px; float: left; text-align: center; }
#content-container #content .videos-right .videos img { width: 110px; float: left; }
#content-container #content .videos-right .videos a { width: 110px; float: left; }
#content-container #content .videos-right .GreenTitle { text-align: left; padding-left: 5px; font-size: 16px; width: 110px;float:right;clear:none;margin-top:10px;margin-bottom:10px;}
#content-container #content .videos-left .GreenTitle{margin-top:10px;margin-bottom:10px;}

a img { border: none; }

/* Header */
#main-header { width: 950px; height: 97px; }
#main-header-L { float: left; display: inline; height: 88px; width: 420px; }
#main-header-L p { height: 88px; width: 420px; background: url(../assets/header-image.gif) no-repeat top; text-indent: -9000px; display: block; padding: 0; margin: 0; }
#main-header-R { float: right; display: inline; width: 240px; height: 88px; }

/* Nav */
#gnav { width: 950px; height: 37px; }

/* Home Page */
#pawprints { width: 650px; height: 150px; }
#dog-holder { width: 650px; height: 498px; }
#dog-innerL { width: 392px; height: 498px; float: left; display: inline; }
#dog-innerR { width: 258px; height: 498px; float: left; display: inline; }

#dog-holder a.control        { width: 392px; height: 217px; display: block; background: url(../assets/Home-control-f.jpg) 0 0; text-indent: -9000px; }
#dog-holder a.modify         { width: 392px; height: 281px; display: block; background: url(../assets/Home-modify-f.jpg) 0 0; text-indent: -9000px; }
#dog-holder a.maintain       { width: 258px; height: 498px; display: block; background: url(../assets/Home-maintain-f.jpg) 0 0; text-indent: -9000px; }
#dog-holder a:hover.control  { background: url(../assets/Home-control-f.jpg) 0 -217px; }
#dog-holder a:hover.modify   { background: url(../assets/Home-modify-f.jpg) 0 -281px; }
#dog-holder a:hover.maintain { background: url(../assets/Home-maintain-f.jpg) 0 -498px; }

/* Sidebar */
#sidebar { width: 270px; float: left; display: inline; margin: 45px 0 0 0;  }
.banner-box { width: 260px; height: 120px; margin-bottom: 20px; text-align: center; color: #1a1b23; padding: 5px; }

/* Sub Nav */
ul#subnav, ul#subnav-inner { width: 270px; margin: 0 0 20px 0; background: #000000; padding: 0; list-style-type: none; border-top: 1px solid #070809;  }
#subnav li { background: #252730; border-bottom: 1px solid #070809; border-top: 1px solid #3a3b48; }
#subnav li a { display: block; padding: 10px 15px; }
#subnav li a:hover { background: #31333d; }
#subnav li a.orange:hover { background: #31333d; color: #F79324; }
#subnav li a.blue:hover { background: #31333d; color: #04B0FA; }

ul#subnav-inner { margin: 0; }
#subnav-inner li { background: #000000; border: none; }
#subnav-inner li a { padding-left: 25px; }
#subnav-inner li a:hover { background: #1A1B23; }

/* Footer */
#footer { position: absolute; bottom: 0; height: 50px; background: #000000; width: 100%; } 
/*#footer { clear: both; height: 50px; background: #000000; width: 100%; margin: -50px auto 0; float: left; }*/
#footer-inner { width: 950px; margin: 0 auto; line-height: 50px; text-align: center; }
#footer-inner h1 { font-weight: lighter; font-size: 15px; margin: 0; padding: 0; text-transform: uppercase; font-family: Copperplate Gothic Bold, Tahoma, Arial, Helvetica, sans-serif; }
#footer-inner h1 span { font-size: 12px; }
#footer-inner h1#second { font-size: 18px; font-weight: normal; }

/* Survey */
#DOMWindow table { background: #24252E; border: 1px solid #fff; padding: 20px; }
#DOMWindow table th { width: 30px; text-align: left; }
#DOMWindow table td { width: 310px; text-align: left; }