/* reset.css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; }
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* fonts.css - Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */
table {font-size:inherit;font:100%;}
/* 99% for safari; 100% is too large */
select, input, textarea {font:99% arial, helvetica, clean, sans-serif;}
/*  Bump up !IE to get to 13px equivalent */
pre, code {font:115% monospace;*font-size:100%;}
/* Default line-height based on font-size rather than "computed-value" */
body * {line-height:1.22em;}

body      { color: #585858; font-size: 10pt; font-family: Arial, Tahoma, Verdana; background-color: #dddddd; margin-top: 0; margin-left: 0; width: 100%; overflow: auto; scrollbar-3dlight-color: #f0f0f0; scrollbar-arrow-color: #000000; scrollbar-darkshadow-color: #666666; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #e0e0e0; scrollbar-shadow-color: #cccccc; scrollbar-track-color: #e0e0e0     }
#header { background-image: url("images/banner_bg.jpg"); background-repeat: repeat-x; border-bottom: 3px solid black; width: 925px }
.mtns { }
.dog    { background-color: #f70818; border-right: 3px solid black; width: 138px; height: 165px; text-align:center; float: left }
.navigation { width: 1246px; height: 22px }
.nav2   { background-color: #5468af; border-bottom: 3px solid black; width: 138px }

#title { color: #ea2f38; font-size: 24px; text-align: center }
.petlights { color: #000000; font-weight: bold }
.reg  { font-size: 50%; vertical-align: super }
#tag { color: #3553ac; font-size: 18px; text-align: center; margin-bottom: 20px }
#main_content  { text-align: left; padding-left: 20px; width: 1005px }
#main_content .copy  { font-weight: normal; text-align: left }
.whiteTxt   { color: #ffffff; font-size: 10pt; line-height: 18px; text-align: left }
.menuInner { line-height: 25px }
.links { }
.links a  { color: #a3213d; font-size: 9pt; text-decoration: underline }
.links a:hover  { color: #000000; font-size: 9pt; text-decoration: none }

td   { color: #585858; line-height: 17px; text-align: left }

.menuBottom { border-bottom: 1px solid white }
.date   { color: #306694; font-size: 10pt }
.grayHead  { color: #2189a4; font-size: 13pt; font-weight: normal; line-height: 25px }
.redHead    { color: #ea2f38; font-size: 14pt; line-height: 25px }
.redHead1  { color: #ea2f38; font-size: 18pt; font-weight: bold; line-height: 25px }
.blackTitle  { color: #000000; font-size: 18pt; font-weight: bold; line-height: 35px }
.blackHead  { color: #000000; font-size: 11pt; font-weight: bold; line-height: 18px }
.caption  { color: #494949; font-size: 7pt; font-weight: normal; line-height: 13px }

.head  { color: #c8c0a2; font-size: 10pt; font-weight: bold }
.copy      { color: #585858; font-size: 10pt; font-weight: normal; line-height: 14pt; text-align: center }
.copy2 { color: #585858; font-size: 10pt }
.indent   { padding-left: 15px }
#footer   { color: #787878; font-size: 7.5pt; font-weight: normal; text-align: center; clear: both; margin-top: 20px }

.buttons   { color: white; font-size: 12pt; background-color: #f70818; padding: 4px; border: solid 3px black }
.buttons a   { color: white; font-size: 12pt; background-color: #f70818; padding: 4px; text-decoration: none }
.buttons a:hover  { color: black; font-size: 12pt; background-color: #f70818; padding: 4px; text-decoration: none }

.smalltxt  { color: #362418; font-size: 7.5pt; font-weight: normal; line-height: 14px; text-align: right }
.input  { color: #000000; font-size: 8pt; background: #ffffff; width: 230px; height: 23px; border: solid 1px #95a3d4 }
textarea  { color: #000000; font-size: 8pt; background: #ffffff; width: 230px; border: solid 1px #95a3d4 }
#form td { padding-right: 5px; padding-bottom: 8px }
/* input.btn  { background-color: f70818; color: #ffffff; padding: 2px; margin-top: 12px }
.btn  { background: #f60818 url("images/btns/btn_left.png") no-repeat; margin: 10px 0; padding: 0 0 0 10px; float: left; clear: both }
.btn a{
	float: left;
	height: 40px;
	background: url(images/btns/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 10pt;
	text-decoration: none;
}

.btn a:hover {
	color: #fff;
}

.btn span {
	background: url(images/btns/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
} */
.btn { margin-top: 10px; margin-bottom: 10px; color: #f60818 }
div.scrollable {
	overflow:auto;
	scrollbar-arrow-color:#636363;
	scrollbar-3dlight-color:#DDDFDF;
	scrollbar-highlight-color:#DDDFDF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#DDDFDF;
	scrollbar-darkshadow-color:#DDDFDF;
	scrollbar-track-color:#F9FCFC;	
}
.faq { color: #000000 }
a { color: #f70818; text-decoration: underline }
a:hover { color:#000000; text-decoration:none }
hr   { color: #757575; background-color: #757575; text-align: left; height: 1px; border-width: 0 }
a:focus { outline: none; }
#store { padding-left: 120px; width: 900px }
#store td { padding: 4px }

