/* for W3C CSS compliance */
.void{} 
@media print {}

/* reset */
html, 
body, 
div, 
span, 
applet, 
object, 
iframe,
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
blockquote, 
pre,
a, 
abbr, 
acronym, 
address, 
big, 
cite, 
code,
del, 
dfn, 
em, 
font, 
img, 
ins, 
kbd, 
q, 
s, 
samp,
small, 
strike, 
strong, 
sub, 
sup,
tt, 
var,
b, 
u, 
i, 
center,
dl, 
dt, 
dd, 
ol, 
ul, 
li,
fieldset, 
form, 
label, 
legend,
table, 
caption, 
tbody, 
tfoot, 
thead, 
tr, 
th, 
td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, 
ul 
{
	list-style-type: disc;
	margin: 0 0 0 15px;
}

table 
{
	border-collapse: collapse;
	border-spacing: 0;
}

h1
{
	font-size: 12px;	
	font-weight: bold;
}

h2
{
	font-size: 11px;	
	font-weight: normal;
}

/* positioning */
.clear
{
	clear: both;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.center
{
	text-align: center;
}

.vmiddle
{
	vertical-align: middle;
}

.vtop
{
	vertical-align: top;
}

.vbottom
{
	vertical-align: bottom;
}

.inline
{
	display: inline;
}

.red
{
	color: #C2313E;
}

/* font-weight */
.bold
{	
	font-weight: bold;	
}

/* text-decoration */
.underline
{
	text-decoration: underline
}

/* background */
.transparent
{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

/* default font attributes */
div,
span,
p,
li,
a, 
a:hover,
td
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;	
	color: #000;
	font-size: 11px;
}

a
{
	text-decoration: none;	
}

a:hover
{
	color: #000;
}

sup
{
	font-size: smaller;
	vertical-align: super;
}

.groomercolor { color: #586784; }
.vetcolor { color: #5C96B0; }
.petcolor { color: #9AB865; }
.equinecolor { color: #D29229; }
.livestockcolor { color: #C29E73; }

/* browser settings */
html
{
	overflow: scroll;
}

/* inputs */
.textbox,
.dropdown
{
	font-size: 11px;
}

/* page layout*/
#page
{
	/*margin: 0 auto;*/
	width: 768px;	
}

#pagetop {}

#pagemiddle 
{
	clear: both;	
}

#pageleft
{
	float: left;	
}

#pageright
{	
	float: left;	
}

#pagebottom
{
	clear: both;		
	background-color: #FFF;
}

/* error pages */
#errormessage
{
	margin: 50px 50px 0 50px;
    color: #83786E;
}

/* header */
#header 
{
	margin: 1px 0 0 0;
}

#header #logo
{
	float: left;
	margin: 30px 0 0 0;
}

#header .toplinks
{	
	float: left;
	padding: 42px 19px 0 20px;	
}

#header .toplinksspacer
{
	float: left;
	width: 263px;
}

#header .headerimage
{
	float: left;	
	border-left: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}

/* top nav */
#topnav
{	
	clear: both;
	width: 691px;
	height: 16px;	
	padding: 4px 0 0 0;
	background-color: #E6E6E6;	
	font-weight: bold;
}

#topnav .date
{
	float: left;
	margin: 0 0 0 2px;	
	font-size: 10px;
}

#topnav .links
{
	float: right;
	margin: 0 5px 0 0;	
	font-size: 10px;	
}

#topnav .links a
{	
	font-size: 10px;
}

#topnav .links a:hover
{
	color: #C2313E;
}

/* left menu */
#leftnav
{	
	width: 165px;	
}

.leftmenu .links 
{
	padding: 3px 0 3px 0;
	border-bottom: dotted 1px #C2313E;
}

.leftmenu .links .link
{	
	padding: 0 0 0 3px;	
	font-weight: bold;
	color: #808080;
}

.leftmenu .links .sublink
{	
	padding: 0 0 3px 14px;
}

.leftmenu .links .link a,
.leftmenu .links .sublink a
{	
	font-size: 10px;
	font-weight: bold;
}

.leftmenu .links .sublink a:hover
{
	color: #C2313E;
}

.leftmenukids .links 
{		
	padding: 3px 0 3px 0;
	border-bottom: dotted 1px #008DD1;
}

.leftmenukids .links .link
{	
	padding: 0 0 0 3px;	
	font-weight: bold;	
}

.leftmenukids .links .link a
{	
	font-size: 10px;
	font-weight: bold;
}

.leftmenukids .links .sublink a:hover
{
	color: #008DD1;
}

.search,
.searchkids
{		
	font-weight: bold;
	font-size: 10px;
	padding: 10px 0 10px 10px;	
}

.search
{
	color: #C2313E;
	border-bottom: dotted 1px #C2313E;	
}

.searchkids
{
	color: #008DD1;
	border-bottom: dotted 1px #008DD1;	
}

.searchbox
{	
	width: 64px;
	height: 12px;
	color: #555;
	font-size: 11px;	
}

.shoponline
{
	padding: 20px 0 0 20px;
}
  
/* footer */
#footer
{
	clear: both;
	text-align: center;
	line-height: 16px;	
}

#footer div
{
	font-size: 9px;	
}

#footer .nohighlight
{
	font-size: 9px;
}

#footer .nohighlight:hover
{
	color: #C2313E;
	text-decoration: underline;
}

#footer .separator
{
	height: 1px;
	margin: 0 0 3px 0;	
	background-color: #CCC;
}

#footer a
{
	font-size: 10px;	
}

#footer .links a
{
	color: #C2313E;
	text-decoration: underline;
}