@charset "UTF-8";

html,body{
	background:#FFFFFF url(images/img01.gif) repeat-x left top;
	margin:0;
	padding:0;
}
body{font: 10px Verdana, Geneva, sans-serif; text-align:left}
p{
	font-family:Verdana, Geneva, sans-serif;
	line-height: 18px;
	margin: 0;
	padding: 0;
	outline:none;
}

p + p{
	margin-top:10px;
}

.bodyList {
	margin: 0 0 10px 0;
	padding-left : 10px;
	font-size:10px;
	line-height: 18px;
	font-weight: normal;
	color: #000;
}

.bodyList li{
	margin: 0;
	list-style:none;
	background:url("images/bullet.gif") no-repeat left 5px; 
	padding-left: 15px;
	line-height: 18px;
}

.nonindentList {
	margin: 0 0 10px 0;
	padding-left : 10px;
	font-size:11px;
	line-height: 18px;
	font-weight: normal;
	color: #000;
}
.nonindentList li{
	margin: 0;
	list-style:none;
	background:url("images/bullet.gif") no-repeat left 5px; 
	padding-left: 15px;
	line-height: 18px;
}

.indented{
   padding-left: 40pt;
   font-weight:bold;
}
.nonindented{
   padding-left: 0;
   font-weight:normal;
}
a:link{color:#000; text-decoration:underline; outline:none;}
a:visited{text-decoration:none; color:#000; outline:none;}
a:hover{text-decoration:underline; color:#c70751; outline:none;}
a:active{text-decoration:underline; color:#000; outline:none;}

h1{
	margin: 0;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 26px;
	border-bottom-style: solid;
	border-bottom-color:#F60;
	border-bottom-width:thin;
	color: #c70751;
}
h2{
	margin: 0 0 5px 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #c70751;
}



.shopList {
	margin: 0;
	padding-left : 10px;
	font-size:11px;
	line-height: 20px;
	font-weight: bold;
	color: #000;
}
.shopList li{
	margin: 0;
	list-style:none;
	background:url("images/link.gif") no-repeat left 5px; 
	padding-left: 15px;
	line-height: 20px;
}

.shopList a:link{color:#000; text-decoration:underline;}
.shopList a:visited{text-decoration:underline; color:#000;}
.shopList a:hover{text-decoration:underline; color:#c70751}
.shopList a:active{text-decoration:underline; color:#000;}

introText{
	padding-left: 50px;
	margin-left: 50px;
}

div#introContent{
	margin: 0 25px 20px 15px;
	width: auto;
	background: url(images/redBlocks.jpg) no-repeat left top;
}

div#wrapper {
	width: 788px;
	margin: 0 auto;
	padding: 0;
}

div#contentHolder {
	width: 788px;
	margin: 0;
	padding: 0;
	background: #FFF url(images/bottomFades.jpg) no-repeat left bottom;
}
div#header {
	margin: 0;
	padding: 0;
	width: 788px;
	font-size: 1px;
	line-height: 1px;
	height: 9px;
	background: #c70751;
}
div#content {
	float:right;
	width:553px;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
div#contentHead {
	width:553px;
	height: 246px;
	margin: 0;
	padding: 0;
	background: #FFF url(images/contentHead.jpg) no-repeat left top;
}
div#contentHeadImg {
	width: 298px;
	height: 196px;
	margin: 25px 0 0 13px;
	padding: 0;
	float: left;
}

div#contentHeadTxt {
	width: 187px;
	height: 84px;
	margin: 140px 30px 0 0;
	padding: 0;
	float: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #c70751;
	text-align: right;
	line-height: 12px;
}

div#txtBlockPlain{
	margin: 20px 25px 10px 15px;
	padding: 0;
	width: auto;
	height: auto;
	background-color:#FFF;
	/*border:#b1ded5 2px solid;
	background: url(images/greenLine.jpg) repeat-y left top;*/
}

div#txtBlock{
	margin: 0 25px 10px 15px;
	padding: 0;
	width: auto;
	height: auto;
	background-color:#FFF;
	border:#b1ded5 2px solid;
	background: url(images/greenLine.jpg) repeat-y left top;
}
div#txtBlockImg{
	margin: 6px;
	padding: 0;
	width: 200px;
	height: 140px;
	float:left;
}
div#txtBlockImgP{
	margin: 6px;
	padding: 0;
	width: 200px;
	height: 270px;
	float:left;
}
div#txtBlockText{
	margin: 6px 6px 6px 0;
	padding: 0;
	width: 280px;
	float: right;
	background-color: #FFF;
}
div#hLine{
	margin: 0 25px 0 15px;
	padding: 0;
	border-top:#39C;
	border-top-style:dashed;
	border-top-width: 1px;
	width: auto;
	height: 9px;
}

div#site_info{
	margin: 0;
	padding-top: 3px;
	text-decoration:none;
	text-align:center;
	font-size:10px;
	color:#000;
	width:788px;
	height:17px;
	background-color:#C1C1C1;
	cursor:pointer;
	outline: none;
 }

.footer a:link{color:#999; text-decoration:underline; outline:none;}
.footer a:visited{text-decoration:none; color:#999; outline:none;}
.footer a:hover{text-decoration:underline; color:#C1C1C1; outline:none;}
.footer a:active{text-decoration:underline; color:#999; outline:none;}
	

/*----------NAVIGATION BUTTONS----------*/
div#navigation {
	float: left;
	width: 235px;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(images/navBG.jpg) no-repeat left top;
}
#navHolder {
	padding:0;
	margin:  150px 0 0 10px;
	width:214px;
	background-color:#FFFFFF;
	float: left;
}
#navlist {
	padding: 0;
	margin: 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size:12px;
    list-style:none;
	width:214px;
}
#navlist a {
	margin: 0;
	padding: 11px 0 0 36px;
    display:block;
    width:176px;
	height: 26px;
    color:#838383;
    text-decoration:none;
	text-align: left;
    background:url("images/navButtUp.jpg") no-repeat;
	outline: none;
}
#navlist a span{
	color:#c70751;
}
#navlist a:hover { 
	background:url("images/navButtOver.jpg") no-repeat;
    color: #838383;
}
#navlist a:active {
    color:#838383;
}


/*-------------------------------------------------
FLOATING IMAGE BOXES
-------------------------------------------------*/
div#floatingImg{
	margin: 12px 0 12px 12px;
	width: 300px;
	height: 200px;
	float: right;
}
/*-------------------------------------------------*/



/*-------------------------------------------------
PULL OUT BOXES
-------------------------------------------------*/
#menu {
	list-style: none;
	padding: 0;
	margin: 20px 0 30px 0;
	width: 483px;
	position: relative;
}
#menu span {
	display: none                                                                    
}
#menu a {
	display: block;
	outline: none;
	margin: 0 0 10px 0;
}
#menu a:hover span{
	display: block;
}
#menu .tour {
	width: 483px;
	height: 71px;
	background: url(images/tourLinkUp.jpg) no-repeat;
}
#menu .tour span {
	width: 483px;
	height: 71px;
	background: url(images/tourLinkOver.jpg) no-repeat;
}
#menu .find {
	width: 483px;
	height: 71px;
	background: url(images/findusLinkUp.jpg) no-repeat;
}
#menu .find span {
	width: 483px;
	height: 71px;
	background: url(images/findusLinkOver.jpg) no-repeat;
}
/*-------------------------------------------------*/

/*-------------------------------------------------
HIGHLIGHT BOXES
-------------------------------------------------*/
div#txtBlockHighlight{
	margin: 25px 25px 10px 15px;
	padding: 0;
	width: auto;
	height: auto;
	background-color:#FFF;
}

highlight{
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#c70751;
	line-height: 18px;
	margin: 0;
	padding: 0;
	outline:none;
}
highlight a:link{color:#c70751; text-decoration:underline;}
highlight a:visited{text-decoration:underline; color:#c70751;}
highlight a:hover{text-decoration:underline; color:#999}
highlight a:active{text-decoration:underline; color:#c70751;}

.bl {background: url(images/bl.jpg) 0 100% no-repeat #dcddde; width: auto;}
.br {background: url(images/br.jpg) 100% 100% no-repeat}
.tl {background: url(images/tl.jpg) 0 0 no-repeat}
.tr {background: url(images/tr.jpg) 100% 0 no-repeat; padding:20px}
.clear {font-size: 1px; height: 1px}
/*-------------------------------------------------*/



table.payment { 
	margin: 20px 0;
	padding: 0;
	background-color: #c70751;  
	width: 500px;  
	border:none; 
} 

table.payment td {  
	padding: 5px;
	background-color: #FFFFFF;
	vertical-align:top;
}
.tableText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #c70751;
}

/*-------------------------------------------------
MAIN MENU BUTTONS
-------------------------------------------------*/
#mainMenu {
	list-style: none;
	padding: 0;
	margin: 20px auto 30px auto;
	width: 333px;
	position: relative;
	text-align: left;
	font-size: 12px;
	color: #c70751;
	
}
#mainMenu span {
	display: none                                                                    
}
#mainMenu a {
	display: block;
	outline: none;
	margin: 20px 0 0 0;
}
#mainMenu a:hover span{
	display: block;
}
#mainMenu .localpetowner {
	width: 333px;
	height: 64px;
	background: url(images/LocalPetOwnersUp.jpg) no-repeat;
}
#mainMenu .localpetowner span {
	width: 333px;
	height: 64px;
	background: url(images/LocalPetOwnersOver.jpg) no-repeat;
}
#mainMenu .refferedpetowner {
	width: 333px;
	height: 64px;
	background: url(images/ReferredPetOwnerUp.jpg) no-repeat;
}
#mainMenu .refferedpetowner span {
	width: 333px;
	height: 64px;
	background: url(images/ReferredPetOwnerOver.jpg) no-repeat;
}
#mainMenu .vetrefer {
	width: 333px;
	height: 64px;
	background: url(images/referringVetUp.jpg) no-repeat;
}
#mainMenu .vetrefer span {
	width: 333px;
	height: 64px;
	background: url(images/referringVetOver.jpg) no-repeat;
}
/*-------------------------------------------------*/



/*-------------------------------------------------
FEEDBACK
-------------------------------------------------*/
div#wbHolder {
	background:url("images/middleRound.gif") repeat-y;
	width: 350px;
	margin-top: 20px;
} 

div#topRound {
	background:url("images/topRound.gif") no-repeat;
	width: 350px;
	height: 12px;
} 

div#contentMiddle {
	width: 325px;
	padding: 0 10px 0 15px;
}

div#leftCol {
	width: 180px;
	float: left;
}
div#midCol {
	width: 80px;
	float: left;
	text-align: left;
	border:#c70751;
	border-right-style:solid;
	border-right-width: thin;
	}
div#rightCol {
	width: 60px;
	float: right;
	text-align: left;
}
fieldset {
	margin: 0;
	padding: 0;
	border: solid 0 transparent;
}
input.radio {
	float: left;
	margin-right: 5px;
	border: none;
}


.feedback {
	margin: 0;
	padding: 0;
	width: 230px;
}
.comments {
	margin: 0;
	padding: 0;
	width: 230px;
	height: 100px;
}



#signup table { 
	margin: 0;
	padding: 0;
	 background-color: #c70751; 
	 color: #000000; 
	 width: 440px;  
	 /*border-collapse: collapse;*/
	 border:none; 
} 

#signup td {  
	padding-left: 0; 
}

.labelcell {
padding-top:3px;
	vertical-align:top;
	 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	 color: #c70751; 
	 background-color: transparent; 
	 width: 70px; 
}
.submit {
width: 100px;
margin-top: 10px;
float: right
	
}


div#bottomRound {
	background:url("images/bottomRound.gif") no-repeat;
	width: 500px;
	height: 12px;
}


div#errHolder {
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 0;
	width: 500px;
	height: 150px
}

div#feedbackHeadBand {
	background-color: #c70751;
	width: 500px;
	height: 20px;
}
div#feedbackHeadLogo {
	float: left;
	width: 140px;
	margin: 12px;
	background:url("../images/logo.jpg")  no-repeat;
	background-position:center;
	height: 140px;
}
div#feedbackText {
	padding: 12px;
	width: 300px;
	margin: 10px auto;
	
	}
	
div#map {
	margin-top: 12px;
		width: auto;
		height: 350px;
		border: #4665b5 solid 1px;		
	}
/*-------------------------------------------------*/



/*
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
*/

/*----------FLOAT CONTAINERS FIX----------*/
/*.clearfix:after {
	content: ".";
	display: block;
	height: auto;
	clear: both;
	visibility: hidden;
}*/
.clearfix {
	/*display:inline-block;*/
	clear: both;
}
/* Hides from IE-mac \*/
/** html .clearfix{height: 1%;}
.clearfix {
	display: inline-block;
	background: #FFF url(images/tBar.gif) 0 0 repeat-y;
	width: 788px;
}
/* End hide from IE-mac */