/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title: 			Stylesheet
' Description		:This page contains overall styles for the entire site.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 03/04/2007		:Tony Groves - Created Page
' 04/10/2009		:Tony Groves - Modded big time.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 		HTML <tag> REVISIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {}

body {
	background:#c5c5c5 url('imgs/mainBG2.gif') repeat-x;
	font-family:Verdana, sans-serif;
	font-size:12px;
	margin:0;
	padding-left:0;
	padding-right:0;
	padding-top:50px;
	padding-bottom:0
	}

a 							{color:#9d7a01; text-decoration:underline;}
a:hover 					{color:#000; text-decoration:underline;}
a:active 					{}
a:visited 					{}	
img 						{}

h1, h2, h3, h4, h5, h6, p 	{margin:0; padding:0;}

p 							{font-size:.8em; color:#133768;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Site additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#outerwrap {
	width:775px;
	margin-top:0;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0;
	padding:0;
	border:13px solid #fff;
	background:#fff;
	}

#creditcards				{float:left;}
.clear 						{clear:both; font-size:1px; line-height:1px; margin:0; padding:0;}
.coupon						{border:1px dashed #fff; text-align:center; padding:30px; margin:15px; font-weight:bold; color:#fff; background-color:#868686;}
.center 					{color:#fff; margin:0; font-size:1em; text-align:center;}
.bb							{clear:both; font-size:1px; border-bottom:1px solid #a4a4a4; line-height:1px; margin:0; padding:0;}

input.errorText				{border:1px solid #c70b05; background:#fff;}
textarea.errorText			{border:1px solid #c70b05; background:#fff;}
label.errorText				{display:block; color:#c70b05; font-weight:bold; float:none; padding:0; margin:0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Header additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#branding							{background-image:url('imgs/topbg.jpg'); background-repeat:no-repeat; width:477px; height:225px; padding:0 0 0 298px; margin:0;}
#branding a img						{border:none;}

#header								{background-color:#e5dfb2; margin:5px 0; text-align:center; height:29px; font-size:.8em; padding:0;}

#header ul							{display:block; margin:0 0 0 125px; padding:0;}
#header ul li						{list-style-type:none; display:inline; margin:0; padding:0;}
#header ul li a						{color:#484848; text-decoration:none; padding:8px 8px 9px 8px; margin:0; display:block; float:left;}
#header ul li a:hover				{color:#000; background-color:#d0c37d;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Footer additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer 							{text-align:right; margin:0 auto 20px auto; padding:0; width:775px;}
#footer h6 							{color:#6d6d6d; font-weight:normal; font-size:.8em; line-height:1.2em; margin:10px 0 20px 0; padding:0;}
#footer h6 a 						{color:#6d6d6d; text-decoration:none;}
#footer h6 a:hover 					{color:#000; text-decoration:underline;}

p.numbers							{width:424px; padding:17px 0 17px 17px; margin:0; display:block;}
p.numbers .label					{margin:2px 0;}
p.numbers .label .title				{float:left; width:150px; text-align:right; font-size:1.6em; color:#000; font-weight:bold; padding:0 10px 0 0; position:relative;}
p.numbers .label .feild				{width:260px; text-align:left; font-size:1.6em; color:#000; font-weight:bold; position:relative;}

p.pn								{width:740px; padding:17px 0 17px 17px; margin:0; display:block;}
p.pn .label							{margin:2px 0;}
p.pn .label .title					{float:left; width:320px; text-align:right; font-size:1.6em; color:#000; font-weight:bold; padding:0 10px 0 0; position:relative;}
p.pn .label .feild					{width:420px; text-align:left; font-size:1.6em; color:#000; font-weight:bold; position:relative;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Home Page additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#main 									{padding:0 0 15px 0; background-color:#f0f0f0; position:relative; display:block;}
#main #left 							{width:350px; padding:17px 0 17px 17px; margin:0; display:block;}
#main #left .label						{margin:2px 0;}
#main #left .label .title				{float:left; width:230px; text-align:right; font-size:1.6em; color:#242424; font-weight:bold; padding:0 10px 0 0; position:relative;}
#main #left .label .title a				{color:#242424; text-decoration:none;}
#main #left .label .title a:hover		{color:#242424; text-decoration:underline;}
#main #left .label .feild				{width:180px; text-align:left; font-size:1.6em; color:#242424; font-weight:bold; position:relative;}
#main #left h2 							{font-weight:bold; font-size:1em; color:#242424; margin:0 0 5px 0;}
#main #left h3 							{font-weight:bold; font-size:1em; color:#242424; margin:0 0 5px 0;}	
#main #left p 							{font-size:.9em; color:#242424; line-height:1.5em;}	
#main #right 							{width:300px; float:right; text-align:center; padding:0 50px;}
#main #right p 							{color:#242424; padding:0 5px 0 5px; line-height:1.5em;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Content Styles
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content 						{background-color:#f0f0f0; padding:12px 0 5px 0;}
#content h1 					{font-weight:bold; font-size:1.15em; color:#000; text-align:center; margin:0;}
#content h2 					{font-weight:bold; font-size:1.15em; color:#000; text-align:center; margin:12px 0 0 0;}
#content p 						{color:#242424; margin:10px 30px; font-size:.9em; line-height:1.5em;}
#content .item					{padding:15px 0; margin:0 20px; border-top:1px dotted #c5c5c5; position:relative; clear:both;}
#content ul 					{margin:0; padding:0;}
#content ul li 					{list-style-type:none; display:block; background-color:transparent; width:740px; padding:10px; margin:3px 6px; border:1px solid #CA991A;}
#content ul li img.right		{float:right; margin:0 0 0 50px; display:block; border:4px solid #363636;}
#content ul li div.center img	{margin:3px; border:3px solid #363636;}
#content ul li p 				{font-size:1em;}

img.imgb						{margin:10px; border:3px solid #9a9a9a;}
.right							{float:right; margin:0 0 0 50px;}

#content ul 					{width:100px; float:left; margin:0 0 25px 0;}
#content ul li 					{float:left; display:block; border:none; width:100px; margin:0 0 5px 0; padding:0; color:#000; font-weight:normal; text-align:center;}

#numbers						{width:300px; margin:10px 0 0 0;}
#numbers label.row				{font-size:1em; color:#000; display:block; margin:5px 0 0 0; width:300px; min-height:20px; font-weight:bold;}
#numbers label.row .title		{width:150px; float:left; text-align:right; padding:0;}
#numbers label.row .field		{float:right; width:140px; text-align:left; padding:0;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

ul#animallist					{float:left; width:190px; margin:0 0 50px 0; padding:0;}
ul#animallist li				{text-align:left; margin:0 0 0 30px; padding:12px 0; width:150px;}
ul#animallist li a				{margin:0; padding:0;}
ul#animallist li a img			{float:right; margin:-12px 20px 0 0; padding:0; border:none;}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Contact Us additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#appointment 							{padding:15px 20px 0 20px; border-top:1px dotted #898989; margin:20px 0 0 0;}
#appointment h2							{font-size:1.2em; color:#000; text-align:left;}
#appointment h3							{font-size:1em; color:#a48c1a; padding:0; margin:15px 0; text-align:center;}
#appointment label.row					{font-size:.8em; color:#000; display:block; margin:5px 0 0 0; width:760px; min-height:30px;}
#appointment label.row .title			{width:205px; float:left; font-size:.9em; text-align:right; padding:3px 0 0 0;}
#appointment label.row .formw			{float:right; width:540px; text-align:left; font-size:.9em;}
#appointment label.row .checkbox	 	{display:inline; margin:-4px 0 0 0;}
#appointment label.row .formw p			{margin:0; padding:0; font-size:1em;}

#appointmentnojs						{text-align:center;padding:15px 20px 0 20px; border-top:1px dotted #898989; margin:20px 0 0 0; color:#a50909;}

#email 									{width:400px; float:right; border-left:1px dotted #898989; padding:10px; margin:0;}
#email h2								{font-size:1.2em; color:#000; text-align:left; margin:0; padding:0 0 10px 0;}
#email label.row						{font-size:.8em; color:#000; display:block; margin:5px 0 0 0; width:380px; min-height:30px;}
#email label.row .title					{width:100px; float:left; font-size:.9em; text-align:right; padding:3px 0 0 0;}
#email label.row .formw					{float:right; width:270px; text-align:left;}
#email label.row .formw p				{margin:0; padding:0; font-size:1em;}

#emailnojs								{text-align:center; width:400px; float:right; border-left:1px dotted #898989; padding:10px; margin:0; color:#a50909;}

#content p.numbers						{width:320px; padding:17px 0 17px 17px; margin:0; display:block; float:left;}
p.numbers .label						{margin:2px 0;}
p.numbers .label .title					{float:left; width:150px; text-align:right; font-size:1.6em; color:#000; font-weight:bold; padding:0 10px 0 0; position:relative;}
p.numbers .label .feild					{width:260px; text-align:left; font-size:1.6em; color:#000; font-weight:bold; position:relative;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Thank You Page additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#thankyou 							{padding:0; height:200px; background-color:#000;}
#thankyou h3 						{color:#fff; text-align:center; padding:50px 0 0 0; font-size:1em;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	End Styles
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */