//div { border: 1px solid #FF0066; }
body,td		{ font-family: Arial, sans-serif; font-size:0.75em; }
a		{ color: #000099; }
a:hover		{ color: #3333FF; }
a:visited	{ color: #000099; }

td.Top		{ background: url('images/TanbarWithBorder.gif'); background-repeat: repeat-y; background-position: top right; }
td.LeftSide	{ background: url('images/TanbarWithBorder.gif'); background-color:#FFEEBB; background-repeat: repeat-y; background-position: top left; font-size: 0.7em; }
td.MainArea	{
			background: url('images/TanbarWithBorder.gif');
			background-repeat: repeat-y;
			background-position: top right;
			vertical-align:top;
		}
td.MainAreaWide	{
			background: url('images/TanbarWithBorder989.gif');
			background-repeat: repeat-y;
			background-position: top right;
			vertical-align:top;
		}
td.RightArea	{ background: url('images/RightBorder.gif'); background-repeat: repeat-y; background-position: top right; }
td.CatTested	{ background: url('images/RightBorder.gif'); background-repeat: repeat-y; background-position: bottom right; }
td.BottomArea	{ background: url('images/BottomBkgd.jpg'); background-repeat: no-repeat; background-position: top left; }

ul		{ margin-left:0.6em; padding-left:0.6em; }

.spectitle1     { font-weight: bold; font-size: 1.7em; background-color: #FFFF99; text-align: right; padding-right: 15px; font-style: italic; }
.spectitle2     { font-weight: bold; font-size: 1.7em; background-color: #9999FF; text-align: left; padding-left: 15px; font-style: italic; }
.spec           { font-weight: bold; font-size: 0.7em; background-color: #FFFFDD; text-align: right; white-space: nowrap; padding-right: 10px; vertical-align: top; padding-bottom: 5px; }
.specdet        { font-weight: normal; font-size: 0.7em; background-color: #DDDDFF; text-align: left; padding-left: 10px; vertical-align: top; padding-bottom: 5px; }
div#SpecTable td { font-size: 0.8em; border: 1px solid #CCCCCC; }

.spec		{ font-weight: bold; font-size: 1em; background-color: #FFFFDD; text-align: right; white-space: nowrap; }
.specdet	{ font-weight: normal; font-size: 1em; background-color: #DDDDFF; text-align: left; }
.FormF		{ position:relative; float:right; text-align:right; }
.FormV		{ position:relative; float:right; text-align:left; }

.TitleArea	{ background: url('images/PawsBkgd.jpg'); background-repeat: no-repeat; background-position: top right; vertical-align:top; width:100%; height:30; }
.TitleText	{ color:#333399; font-size: 18px; font-weight:bold; padding: 2px 2px; }
.Content	{ padding: 4px 4px; }
.reg		{ font-size: 0.6em; vertical-align: top; }

h1		{ font-size: 1.6em; color:#6666CC; line-height:0.8em; margin: 0px 0px 0.5em 0px; }
h2		{ font-size: 1.4em; color:#6666CC; line-height:1em; margin: 0px 0px 0.8em 0px; }
h3		{ font-size: 1.2em; color:#000066; font-weight:bold; line-height:1em; margin: 0px 0px 0.8em 0px; }

.Entire		{ position:relative; width:750px; }
.EntireWide	{ position:relative; width:989px; }
.MainBlock	{ position:relative; width:615px; border: 0px solid #FFFF00; z-index: 1; }
.OneColumn	{ position:relative; width:600px; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333333; }
.TwoColumn	{ position:relative; width:290px; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333333; }
.ThreeColumn	{ position:relative; width:189px; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333333; }
.TwoThirdColumn	{ position:relative; width:390px; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333333; }
.TwoFifthColumn	{ position:relative; width:305px; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333333; }
.OneFifthColumn	{ position:relative; width:165px; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333333; }
.AColumn	{ position:relative; width:220px; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333333; }
.BColumn	{ position:relative; width:320px; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333333; }
.CColumn	{ position:relative; width:400px; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333333; }
.Column		{ position:relative; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333333; }
.Bennies	{ position:relative; width:173px; border: 0px solid #000; padding: 5px 5px 5px 5px; margin: 0px 3px 0px 3px; text-align:justify; color:#333355; background-color:#CCCCFF; }
.GreatDeal	{ position:relative; width:280px; border: 2px solid #660000; padding: 5px 5px 5px 5px; margin: 0px 5px 0px 5px; text-align:justify; color:#000099; background-color:#FFFF33; }
.Mickey		{ position:absolute; top:-45px; left:-10px; }
.Monster	{ position:absolute; font-family:Arial, sans-serif; top:110px; left:200px; font-size:11px; text-align:center; font-style: oblique; color:#6666CC; width:160px; }
.VetQuote	{ position:absolute; width:330px; top:200px; right:5px; font-size:11px; text-align:center; font-style: oblique; color:#6666CC; }
.UploadBox	{ position:relative; width:350px; border: 1px solid #9999FF; padding: 5px 5px 5px 5px; margin: 5px 3px 3px 3px; text-align:justify; color:#000000; background-color:#EEEEFF; }
.MainForm	{ position:relative; width:480px; border: 1px solid #FFFF99; padding: 5px 5px 5px 5px; margin: 5px 3px 3px 3px; text-align:justify; color:#000000; background-color:#FFFFEE; }
.PBlurb		{ position:absolute; top:-45px; right:5px; }
.Angle		{ position:absolute; top:90px; right:5px; z-index: 21004; }
.Reason		{ position:relative; font-size:1.0em; text-align: justify; font-weight: normal; padding: 4px 4px 4px 4px; }
.HdrGold	{ color:#0000FF; font-size: 0.8em; text-align: left; }
.weblink	{ position:relative; font-size:1.2em; font-weight: bold; text-align:left; margin-top: 5px; }
.linkdet	{ position:relative; font-size:1.0em; font-weight: normal; text-align:left; }
.Location	{ font-size: 1.6em; color:#6666CC; line-height:0.8em; margin: 0px 0px 0.5em 0px; text-align:left; font-weight: bold; }
.popupTitle	{ background-color:#FFFFCC; font-weight:bold; padding: 4px 4px 4px 4px; }
.popupContent	{ padding: 10px; }

td.ccat		{ font-size:0.9em; vertical-align:top; text-align:right; padding-right: 10px; padding-bottom: 10px; background-color:#FFFFE0; }
td.cinfo	{ font-size:1.1em; font-weight: bold; vertical-align:top; text-align:left; background-color:#EFEFFF; }
a.weblink	{ position:relative; font-size:1.1em; font-weight: normal; text-align:left; }
a.weblink:hover	{ text-decoration: underline; }
a.prodlink	{ font-size: 1.0em; text-decoration: none; color: #000; }
a.prodlink:hover { text-decoration: underline; }

.ByLine		{ position:absolute; right: 5px; bottom: 0px; color:#666666; font-style: oblique; }

.DlrSign	{ font-size: 0.6em; font-weight:bold; line-height:1.5em; vertical-align:top; }
.Dollars	{ color:#0000CC; font-size: 3em; font-weight:bold; }
.Cents		{ color:#333399; font-size: 0.5em; font-weight:bold; line-height:1.6em; letter-spacing:-0.1em; vertical-align:top; }

.BigCap		{ float:left;color:#333399;font-size:32px;line-height:24px;padding-top:3px; }
.BigQ		{ float:left;color:#333399;font-size:32px;line-height:24px;padding-top:3px;margin-right:10px; }
.BigA		{ float:left;color:#333399;font-size:32px;line-height:24px;padding-top:3px;margin-right:10px; }
.dropcap	{ float:left;color:#333399;font-size:32px;line-height:24px;padding-top:3px; }

.AdBox		{ position:relative; float:right; width:100px; height:80px; background-color:#FFEEBB; text-align:center; }

a.submenu	{ color:#3333CC; font-size:0.9em; font-weight:bold; text-decoration: underline; }
a.submenu:hover	{ color:#0000FF; font-size:0.9em; font-weight:bold; text-decoration: none; }
a.submenu:visited { color:#3333CC; font-size:0.9em; font-weight:bold; text-decoration: underline; }

a.AdBox		{ color:#331a00; position:absolute; width:120px; height:80px; background-color:#FFEEBB; text-align:center; text-decoration: none; border: 2px solid #FFCC00; }
a.AdBox:hover	{ color:#0000FF; background-color:#FFFF00; text-decoration: none; }
a.AdBox2	{ color:#331A00; position:absolute; width:120px; height:80px; background-color:#FFEEBB; text-align:center; text-decoration: none; border: 2px dotted #CC6600; }
a.AdBox2:hover	{ color:#003300; background-color:#44FF55; text-decoration: none; }

//div#TopSubNav	{ position: relative; width: 200px; font-family: Arial, sans-serif; font-size: 10px; color: #000000; }
div#TopSubNav	{ width: 200px; font: bold 11px "Arial Narrow", sans-serif; padding: 2px 4px; margin: 1 0 0px; border-width: 0px; text-decoration: none; color: #000000; }
div#TopSubNav a	{ display: block; text-align: left; font: bold 11px "Arial Narrow", sans-serif; padding: 2px 4px; margin: 1 0 0px; border-width: 0px; text-decoration: none; color: #000000; }
div#TopSubNav a:hover	{ color: #000000; background-color: #FFFF00; }

.werehere	{ font: bold 11px "Arial Narrow", sans-serif; padding-left: 3px 4px; margin: 1 0 0px; border-width: 0px; text-decoration: none; color: #666666; }

//td.subnavhdr	{ background-color: #CCCCFF; font-weight:bold; }
//td.subnav	{ background-color: #FFFFCC; z-index: 96234; }

.subnavhdr	{ background-color: #CCCCFF; font-weight:bold; }
.subnav		{ background-color: #FFFFCC; }

div#navlinks	{ position: relative; width: 118px; font-family: "Arial Narrow", Arial, sans-serif; font-size: 10px; color: #000000; z-index: 24524; }
div#navlinks a	{ display: block; text-align: left; font: bold 11px "Arial Narrow", sans-serif; padding: 1px 2px; margin: 1 0 0 0px; border-width: 0px; text-decoration: none; color: #000000; }
div#navlinks a:hover	{ color: #000000; background-color: #FFFF00; }

div#bottomlinks	{ font-family: "Arial Narrow", Arial, sans-serif; font-size: 10px; color: #000000; }
div#bottomlinks a	{ text-align: left; font: bold 11px "Arial Narrow", sans-serif; padding: 2px 4px; margin: 1 0 0px; border-width: 0px; text-decoration: none; color: #000000; }
div#bottomlinks a:hover	{ color: #000000; background-color: #FFFF00; }

.smalldetail	{ font-size: 0.9em; color: #333333; }
.testimonial	{ font-size: 1.3em; color: #666699; padding: 3px 3px 3px 3px; margin: 3px 3px 3px 3px; background-color:#E8E8F9; }
.comment	{ font-size: 1.1em; color: #666699; padding: 3px 3px 3px 3px; margin: 3px 3px 3px 3px; background-color:#E8E8F9; }
.byWhom		{ font-size: 1.2em; color: #333366; position: relative; float: left; text-align:left; margin-right:20px; font-weight:bold; }
.byWhere	{ font-size: 1.0em; color: #333333; position: relative; float: right; text-align:left; margin-right:20px; font-style:oblique; }
//.byWhere	{ font-size: 1.0em; color: #333333; text-align:right; margin-right:10px; }

.tleft		{ text-align: left; }
.tright		{ text-align: right; }
.tcenter	{ text-align: center; }
.info		{ display: inline; color: #666; }
.test		{ font-size: 0.9em; color: #630; }
.warn		{ display: inline; font-size: 1.1em; color: #660; }
.error		{ display: inline; font-size: 1.1em; color: #900; font-weight: bold; }

td.tblhdr {
	background-color: #99F;
	vertical-align: bottom;
}

td.tblhdr2 {
	background-color: #99C;
	vertical-align: bottom;
}

td.tblcell {
	vertical-align: top;
	border-top:	1px dotted #FDA;
	border-right:	1px dotted #CA9;
	border-bottom:	1px dotted #A86;
	border-left:	1px dotted #A86;
	padding: 1 2 1 2px;
}

.yeller {
	background-color: #FFD;
}

td.prodcell {
	vertical-align: bottom;
/*
	//border-top:	1px dotted #FDA;
	//border-right:	1px dotted #CA9;
	//border-bottom:	1px dotted #A86;
	//border-left:	1px dotted #A86;
*/
	padding: 6 4 6 4px;
	/*margin: 1 2 1 2px;*/
}

.price {
	font-size: 1.5em;
	color: #000066;
	font-weight: bold;
	margin: 0 2 4 2px;
}

.note {
	font-size: 0.90em;
	color: #666;
}

a.more {
	font-size: 0.85em; 
	text-decoration: underline; 
	color: #00F;
}

a.more:hover {
	color: #66F;
}

.more {
}

.panel_hdr {
	background: #999999;
	color: #FFF;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 0.9em;
	font-variant: small-caps;
	font-family: arial, sans-serif;
	padding: 1px;
}

.panel_prod_cell, .panel_prod_cell_r {
	padding-top: 9px;
}

.panel_prod_cell_r {
	padding-left: 2px;
	padding-right: 2px;
}

.panel_prod_desc, .panel_prod_desc_r {
	margin-top:8px; 
	font-size:0.90em; 
	margin-bottom:10px;
}

.panel_prod_desc, .panel_prod_desc_r {
	padding-left:4px; 
	padding-right:3px; 
}

.panel_prod_desc_r {
	text-align:left;
}

.panel_prod_add_to_cart {
	margin-top:9px; 
	margin-bottom:7px;
}

.featprod {
        /* using specific border assignments we can more accurately replicate gary's design instead of using nested table. */
        border: 1px solid #e9eddd;
        margin-bottom: 4px;
}

.whiteback {
        background-color: #FFF;
}

.colorback {
        background-color: #EEEEFF;
}

.colortopborder {
	border-top: 1px solid #FFFFCC;
}

.colorbottomborder {
	border-bottom: 1px solid #FFFFCC;
}

.colorbottomborder2 {
        border-bottom: 2px solid #FFFF99;
}

.colorborder {
        border-top: 1px solid #EEEEFF;
        border-right: 1px solid #EEEEFF;
        border-bottom: 1px solid #EEEEFF;
        border-left: 1px solid #EEEEFF;
}

.bgprodname, a.bgprodname {
	font-size: 1.30em;
	color: #424242;
	font-weight: bold;
   overflow: hidden;
   margin: 0 0 10 0px;
   padding: 0 0 0 0px;
}

a.smprodname {
   font-size: 1.05em;
	color: #424242;
	line-height: 1.20em;
	font-weight: bold;
	text-decoration: none;
   overflow: hidden;
   margin: 4 3 0 3px;
   padding: 4 2 0 2px;
}

a.prodname:hover {
	text-decoration: underline;
}

a.smprodname:hover {
	text-decoration: none;
	color: #424242;
}

a.default { font-size: 1.1em;  color: #111; text-decoration:none; }
a.default:visited { font-size: 1.1em;  color: #111; text-decoration:none; }

.confirmBox { width: 200px; background-color: #9F9; }