@charset "utf-8";
body  {
	color:#333333;
	background-color: #e8e8ff;
	background-image: url(pagebackgnd_masked.png);
	background-repeat:repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; 
}
.indexpageborder {
	border:2px;
}
.indexclosebutton {
	margin:auto;
	border:outset;
	border-color:yellow;
	border-width:medium;
	font-size:12px;
	font-weight:bolder;
	background-color:silver;
	width:220px;
	height:30px;
	padding:5px;
}
#outercontainer {
	background-color:#3F0;
	width:1000px;
	margin:0;
	padding:10px;
	font-size:10pt;
	font-family:"Times Roman", serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#indexpagecontainer { 
	width: 820px;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	padding:0px; 
	border: 1px solid #000000;
	background-color: #ffffff;
} 

#container { 
	width: 760px;
	margin-top:-5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	padding:0px; 
	border: 0;
	background-color: #ffffff;
	z-index:-1;
} 
.zerospace {
	margin:0;
	padding:0;
}
#headertable {
	width:100%;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
}
#header {
	float: none;
	width:100%;
	margin:0;
	padding:0;
	background-color:#FFF;
	z-index:100;
} 

#mainContent {
	margin: 5px auto; /* the auto margins (in conjunction with a width) center the page */
	width: 740px;
	padding:0;
	padding-top: 0px;
	margin-bottom: 0px;
} 
#contactdetails {
	background-color:#00CCFF;
	padding-top:0px;
	margin:0 auto;
}
.contacttd{
	background-color:#00CCFF;
	padding-top:0px;
	margin:0 auto;
}
#footer {
	padding: 0px;
	background-color: #00CCFF;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
p {
		text-align:justify;
		padding-left:10px;
		padding-right:10px;
}
img	{	
		padding-left:10px;
		padding-right:10px;
}
#titleimage {
	padding:0px;
}
.titleinfotext {
	font-size:10pt;
	font-weight:bold;
	text-align: center;
	width:800px;
	margin:auto;
}

a:link {
        font-weight:normal; color:blue; text-decoration:underline;
}
a:visited {
        font-weight:normal; color:purple; text-decoration:underline;
}
a:active {
        font-weight:normal; color:green; text-decoration:underline;
}
a:hover {
        font-weight:normal; color:navy; text-decoration:underline;
}
.green {
        color:green; 
}
.greenbold {
        color:green; font-weight:bold; font-family:Tahoma, Verdana; font-size:24px;
        text-align:center;
}
textarea, select, input {
	font:Verdana, arial, helvetica, sans-serif;
	font-size:10pt;
	background-color:#f0f0f0;
}

table {
        background-color:#ffffff; 
        border:none;
		margin-left:auto;
		margin-right:auto;
}
table.form {
        background-color:#DDEEFF; 
		margin:10px;
		margin-left:auto;
		margin-right:auto;
		width:650px;
		border-collapse:collapse;
}
td {
	font-size:10pt;
	font-family:Verdana, Arial, sans-serif;
	padding:5px;

}
table.form td {
	padding-bottom:2px;
	padding-top:2px;
	margin:0;
/*	border: #000 thin solid; */
}
ol {
		text-align:justify;
}
 
  /* classes */

div.formdiv {
        text-align:center; font:13px;
}    

div.footer {
        background-color:#00ccff; 
        padding-top:0px;
        padding-bottom:5px;
        padding-left:20px;
        padding-right:20px;
        font-family:sans-serif;
        font-size:10pt;
        text-align:center;
}
div.offertext {
        text-align:center;
        font-size:12pt;
        color:red;
}
h21 {
	text-align:center;
}
h2, h3, h4 {
	padding-left:10px;
	text-align:left;
}
h5 {
	font-size:8pt;
	font-style:italic;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#F90;
}
h6 {
	font-size:5pt;
	font-style:italic;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	color: #888;
	margin:0;
	margin-top:10px;
	padding:0;
}

h3.infooter {
	font-weight:bold;
	font-family:"Times Roman", serif;
	font-size:14pt;
	text-align:center;
	padding-left:0px;
	padding-top:5px;
	margin-bottom:0px;
}
pre.footertimes {
        font-weight:bold;
		font-size:10pt;
        margin-top:3px;
        margin-bottom:3px;
		text-align:center;
}
.footerspacing {
        margin-top:3px;
        margin-bottom:3px;
		text-align:center;
}
 /* classes for text*/
.shopstock {
        font-weight:bold; 
        text-align:center;
		margin-left:auto;
		margin-right:auto;
}
.bold {
		font-weight:bold;
}
.indent250 {
	margin-left:250px;
	text-align: left;
}
.infooter {
	margin:0px;
	padding:0px;
}

 /* classes for colouring*/

.birchblue {
	background-color:#00ccff;
	margin: 0;
}
.birchorange { 
	background-color:#ff9933; 
}

.silverbg {
        background-color:silver;
}

  /* classes for vaccinelists */
.essential {
        color:green;
}
.recommended {
        color:orange;
}
.other {
        color:maroon;
}
.warning {
		color:red;
}

  /* classes for validator */
.class_Highlight
    {font-weight:bold; color:red;
}
.class_Normal
    {font-weight:normal;  color:green;
}
	
  /* classes for positioning */
.ctrd {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
}		
.rt {
		text-align:right;
		margin-right:auto;
		margin-left:0;
}

.lt {
		text-align:left;
		margin-left:auto;
		margin-right:0;
}
.floatl {
        vertical-align:middle;
        float:left;
		margin-right:10px;
}
.floatr {
        vertical-align:middle;
        float:right;
		margin-left:10px;
}
.clearfloat { 
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.pad0 {
	padding:0;
	margin:0;
}
.indexbox {
	width:400px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar needs to be just wider than required for all buttons */
#menubarcontainer {
	width:720px;
	height:20px; 
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:center;
}
ul.MenuBarHorizontal
{
	margin: auto;
	padding: 0;
	padding-left:10px;
	margin-left:10px;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin:auto;
	padding:0;
	padding-top:2px;
	list-style-type: none;
	position: relative;
	text-align: center;
	cursor: pointer;
	float: left;
	border:outset;
	border-color:#F78C21;
	border-width: medium;
	font-size:6px;
	background-color: #333333;
	width:80px;
	height:20px;
}
#MenuBar1  {
	width:700px;
	margin:0;
	marginleft:auto;
	margin-right:auto;
}
#MenuBar1 a:link  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:silver;
}
#MenuBar1 a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #0F0;
}
#MenuBar1 a:active {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:green;
}
#MenuBar1 a:visited  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#00CCFF;
}	
#MenuBar1 a:visited:hover  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color:#00CCFF;
}	

.sppi {
	width:110px;
}
.sppitd {
	width:150px;
}
.petname {
	width:50px;
}
.nopad {
	padding:5px;
	margin:5px;
	margin-bottom:0;
}
.indextd {
	height:88px;
	text-align:center;
	vertical-align:middle;
	
}
.smalltext {
		font-size:8pt;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}
.bannertext, a.bannertext {
	color:#FF1AFA;
	text-align:center;
	font-size:16px;
	font-family:"Comic Sans MS", cursive;
}
.noborder {
	border:0;
}
#contenttable {
	width:720px;
}
.fixedwidth {
	width:50px;
}