body,td { font-family: verdana, arial, sans-serif; }

body { background-color: #99CC99; }

body.popup {
	background-color: #FFF;
	padding: 1em;
	font-size: 0.95em;
}

div {
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}
body,td {
	margin: 0 0 0 0px;
	padding: 0px 0 0 0;
}

.vetra {
	font-family: Lucida Sans Unicode, Arial;
	font-weight: bold;
	color: #336633;
}

.ceuticals {
	font-family: Lucida Sans Unicode, Arial;
	font-weight: bold;
	color: #000066;
}

.ico	{ position: relative; margin: 0 7 0 2px; padding: 0 0 0 0px; float: left; top: -3px; }
.sep	{ display: block; margin: 0px; padding: 4px; background-color: #00C; border: 0px solid #000; font-size: 1px; filter:alpha(opacity=50); -moz-opacity:0.50; opacity: 0.50; }
.shad	{ display: block; margin: 0px; padding: 0px; background-color: #000; border: 0px solid #000; font-size: 1px; }
.arr	{ display: block; background-color: #00F; float: left; padding: 1px; margin: 0 4 0 0px; filter:alpha(opacity=30); -moz-opacity:0.30; opacity: 0.30; }

.reg            { font-size: 0.6em; vertical-align: top; }
.peq            { font-size: 0.6em; }
.drop	{ font-size: 2.9em; float: left; margin-right: 4px; color: #336633; }
.droprt	{ font-size: 4.0em; margin: 0 0 0 0px; padding: 0 0 0 0px; float: right; color: #336633; }
.info	{ display: inline; font-size: 0.9em; color: #666; }
.warn		{ display: inline; font-size: 0.9em; color: #660; }
.error		{ display: inline; font-size: 0.9em; color: #900; font-weight: bold; }


#NavLayer {
	position: absolute;
	top: 0px;
	left: 198px;
	width: 168px;
	height: 100%;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	background-color: #DFDA95;
	background-image: url('images/wheatback.gif');
	background-repeat: repeat-y;
	font-size: 0.8em;
	z-index: 2000;
}

#NavLayer ul {
	font-size: 0.7em;
	text-align: left;
	margin: 2 2 2 2px;
	padding: 0 0 0 2em;
	background: #FFFFCC url('images/z.gif') repeat-y scroll top -8px;
}

#NavLayer li {
	color: #060;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

#NavLayer .header {
	font-weight: bold;
}

.footer {
	color: #666633;
	font-size: 8px;
	position: absolute;
	width: 190px;
	left: 198px;
	bottom: 2px;
	margin: 0 auto;
	padding: 0 4 0 4;
	z-index: 9090;
}

.homepage {
}

.catdog {
	background-image: url('images/dog_cat.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.prodpage {
	background-image: url('images/stethocat3.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	overflow: hidden;
}

.supppage {
	/*background-image: url('images/stethocat3.gif');*/
	/*background-repeat: no-repeat;*/
	/*background-position: bottom right;*/
}

.vetrapage {
	background-image: url('images/dogmat2.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.contactpage {
	background-image: url('images/checkersB.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

.businesspage {
	background-image: url('images/charpug2.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#NavLayer .wheaty {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 168px;
	height: 420px;
	background-image: url('images/wheat_b.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	z-index: 5000;
}

hr {
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #696;
	margin: 4px auto 4 auto;
	text-align: center;
	width: 95%;
}

.navheader {
	position: absolute;
	width: 366px;
	font-size: 0.50em;
	color: #CCCCFF;
	text-align: right;
	top: 55px;
	left: 0px;
	z-index: 999020;
}

#NavLayer .navlevel {
	position: absolute;
	text-align: center;
	width: 168px;
	top: 70px;
	left: 0px;
	z-index: 6000;
}

#NavLayer .navlevel a.link {
	display: inline;
	background-color: transparent;
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: underline;
}

#NavLayer .navlevel a.link:hover {
	color: #663300;
	background-color: transparent;
}

#NavLayer .navlevel a {
	display: block;
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
	padding: 4 2 4 2px;
	margin: 1 0 0 0px;
	border: 0px solid #006600;
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
}

#NavLayer .navlevel a:hover {
	color: #FFFFFF;
	background-color: #664433;
}

#NavLayer .navlevel a.norm	 { color: #000000; background-color: #FFFFFF }
#NavLayer .navlevel a.norm:hover { color: #FFFFFF; background-color: #664433 }
#NavLayer .navlevel a.gold	 { color: #663300; background-color: #FFFFFF }
#NavLayer .navlevel a.gold:hover { color: #004400; background-color: #FFCC33 }
#NavLayer .navlevel a.green	 { color: #006600; background-color: #FFFFFF }
#NavLayer .navlevel a.green:hover { color: #FFFFFF; background-color: #226611 }
#NavLayer .navlevel a.blue	 { color: #000066; background-color: #FFFFFF }
#NavLayer .navlevel a.blue:hover { color: #FFFFFF; background-color: #0000CC }

#NavLayer p {
	width: 158px;
	padding: 2 1 2 1px;
	margin: 4px auto 4 auto;
	font-size: 0.75em;
	border-bottom: 1px dotted #996633;
}


#MainLayer {
	font-size: 0.7em;
	position: absolute;
	top: 0px;
	left: 366px;
	width: 402px;
	height: 100%;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	z-index: 4500;
}

#MainLayer a.link {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
	padding: 1 1 1 1px;
}

#MainLayer a.link:hover {
	color: #CCFFCC;
	background-color: #000033;
}


#MainLayer h1 {
	color: #000066;
	font-size: 1.3em;
	margin: 0.2em;
}

#MainLayer h2 {
	color: #006600;
	font-size: 1.2em;
	margin: 0.1em;
}

#MainLayer h3 {
	color: #666600;
	font-size: 1.1em;
	margin: 0.1em;
}

#MainLayer .cornerflip {
	position: absolute;
	right: -1px;
	bottom: -1px;
	z-index: 19080;
}

#MainLayer .turnpage {
	position: absolute;
	right: 5px;
	bottom: 30px;
	z-index: 19070;
}

#MainLayer .iecornhole {
	font-weight: normal;
}

#MainLayer .inner {
	margin: auto 4 auto 4px;
	padding: 72 4 0 4px;
	/*filter:alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80;*/
	z-index: 4700;
}

.trunc {
	width: 70%;
}

ul,li .list {
	font-size: 0.80em;
	margin: 4 4 4 4px;
	padding: 1 1 5 3em;
	/*padding-left: 3em;*/
	margin-left: 0px;
	border: 1px dotted #6666CC;
	color: #003300;
	background-color: #FFFFCC;
}

#MainLayer ul { margin-left: 0px; }
#MainLayer li { margin-left: 0px; padding: 0px 0px 5px 0px; }

#MainLayer .blurb {
	font-size: 0.95em;
	margin: 4 4 4 4px;
	padding: 4 4 4 4px;
	border: 1px dotted #6666CC;
	color: #003300;
	background-color: #CCFFCC;
	/*filter:alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80;*/
}
        
#MainLayer .badblurb {
        font-size: 1.05em;
        margin: 4 4 4 4px;
        padding: 4 4 4 4px;
        border: 1px dotted #6666CC;
        color: #003300;
        background-color: #FFCCFF;
        /*filter:alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80;*/
}       

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

.hg1 {
	font-weight: bold;
	color: #554400;
}

.from {
	color: 336633;
	text-align: right;
}

#MainLayer .subtext1 {
/*
//pxoxsxixtxixoxnx:x xrxexlxaxtxixvxex;
*/
	width: 50%;
}

#MainLayer a.button {
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}

#MainLayer a.button:hover {
	color: #FFFFFF;
	background-color: #000066;
	border: 1px solid #000033;
}

#MainLayer a.button {
	padding: 2 2 2 2px;
	margin: 4px 2 2 auto;
	background-color: #CCCCFF;
	border: 1px solid #000066;
}

#MainLayer blockquote {
	color: #333333;
	background-color: #EEEEFF;
	border: 1px dotted #CCCCFF;
	font-style: italic;
	font-weight: light;
	margin: 4 4 4 4px;
	padding: 4 4 4 4px;
	width: 90%;
}

#BusinessLayer {
	font-size: 0.7em;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 198px;
	height: 100%;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	z-index: 1000;
	border: 0px solid #000000;
}

#BusinessLayer a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	background-color: #CCCCFF;
	border: 1px solid #000066;
}

#BusinessLayer a:hover {
	color: #FFFFFF;
	background-color: #000033;
	border: 1px solid #000066;
}

#BusinessLayer a.button {
	padding: 2 2 2 2px;
	margin: 2px 2 2 auto;
	border: 1px solid #000066;
}

#BusinessLayer a.login {
	padding: 1 2 1 2px;
	margin: 2px 2 2 auto;
	border: 1px solid #000066;
}

#BusinessLayer a.link {
	color: #002266;
	background-color: transparent;
	border: 0px dotted #CCDDFF;
	text-decoration: underline;
}

#BusinessLayer a.link:hover {
	color: #000000;
	background-color: transparent;
	border: 0px dotted #CCDDFF;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.tright {
	text-align: right;
}

.tleft	{
	text-align: left;
}

#BusinessLayer .inner {
	margin: 0 4 0 4px;
	padding: 76 2 4 2px;
	width: 186;
	border-bottom: 1px dotted #999966;
}

#BusinessLayer p {
	padding: 4px auto 4 auto;
	border-top: 1px dotted #9999CC;
}

#BusinessLayer h1 {
	color: #363;
	font-size: 1.2em;
}

#BusinessLayer h2 {
	color: #336;
	font-size: 1.1em;
}

#BusinessLayer h3 {
	color: #663;
	font-size: 1.0em;
}

#BusinessLayer form {
	font-size: 0.8em;
	margin: 1 1 1 1px;
}

#LogoLayer {
	font-size: 0.8em;
	position: absolute;
	top: 18px;
	left: 0px;
	width: 768px;
	height: 52px;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	/*background-image: url('images/blueshade.png');*/
	background-image: url('images/bluebarX.jpg');
	background-repeat: repeat;
	z-index: 99999;
}

#LogoLayer .header {
	color: #FFF;
	font-size: 2em;
	font-weight: bold;
}

#LogoLayer a {
	font-weight: bold;
	text-decoration: none;
	color: #CCFFCC;
}

#LogoLayer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


#LogoLayer .secure {
	color: #CCF;
	font-size: 0.9em;
	font-weight: bold;
	padding: 2px 1 1 1;
}

#LogoLayer a.logo {
	display: block;
	width: 191px;
	height: 25px;
	color: #339;
	margin: 18 0 0 0px;
	font-size: 0.9em;
	overflow: hidden;
	background: url('images/logoC.gif') no-repeat top left;
	z-index: 10000;
}

#LogoLayer a.logo:hover {
	/*background: url('images/logoB.gif') no-repeat top left;*/
	background-position: -25px left;
}

#LogoLayer .onbar {
	position: relative;
	float: right;
	z-index: 7000;
}

#LogoLayer p {
	font-size: 0.7em;
	position: relative;
	width: 168px;
	height: 44px;
	margin: 4 4 4 4px;
	padding: 0 2 0 2px;
	float: right;
	color: #FFFFFF;
	border-left: 1px dotted #9999CC;
}

#LogoLayer span {
	position: absolute;
	overflow: hidden;
	width: 0;
}

#LogoLayer .caduceus {
	position: relative;
	height: 44px;
	float: right;
	width: 29px;
	border-left: 1px dotted #666699;
}

div.Entire {
	width:100%;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	text-align: center;
	background-color: #99CC99;
}

div.container {
	position: relative;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 768px;
	background: #FFFFFF url('images/biggy.gif') repeat scroll top left;
	border: 1px solid #666666;
}

.short	{
	height: 75%;
}

.regular	{
	height: 100%;
}

.medium	{
	height: 38em;
}

.min44	{
	height: 100%;
	min-height: 44em;
}

.long	{
	height: 47em;
}

.longy	{
	height: 50em;
}

.longer	{
	height: 60em;
}

.longest	{
	height: 65em;
}

.toolong	{
	height: 75em;
}

.sillylong	{
	height: 83em;
}

.endless        {
        height: 479em;
}

.sillylonger	{
	height: 93em;
}

.supersillylong	{
	height: 111em;
}

.autohite	{
	height: auto;
}

#main table.house {
        width: 100%;
        height: 100%;
	cell-padding: 0px;
	cell-spacing: 0px;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
}

#main td.house {
	width:100%;
	height:100%;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
        vertical-align: middle;
        text-align: center;
	background-color: #99cc99;
	/*b!arckground: #FFFFFF url('images/bgp4.gif') repeat fixed top left;*/
}

.o1	{ filter:alpha(opacity=08); -moz-opacity:0.08; opacity: 0.08; }
.o2	{ filter:alpha(opacity=15); -moz-opacity:0.15; opacity: 0.15; }
.o3	{ filter:alpha(opacity=40); -moz-opacity:0.40; opacity: 0.40; }
.o4	{ filter:alpha(opacity=45); -moz-opacity:0.45; opacity: 0.45; }
.o5	{ filter:alpha(opacity=50); -moz-opacity:0.50; opacity: 0.50; }
.o6	{ filter:alpha(opacity=55); -moz-opacity:0.55; opacity: 0.55; }
.o7	{ filter:alpha(opacity=60); -moz-opacity:0.60; opacity: 0.60; }
.o8	{ filter:alpha(opacity=65); -moz-opacity:0.65; opacity: 0.65; }
.o9	{ filter:alpha(opacity=70); -moz-opacity:0.70; opacity: 0.70; }
.oa	{ filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75; }
.ob	{ filter:alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80; }
.oc	{ filter:alpha(opacity=83); -moz-opacity:0.83; opacity: 0.83; }
.od	{ filter:alpha(opacity=86); -moz-opacity:0.86; opacity: 0.86; }
.oe	{ filter:alpha(opacity=90); -moz-opacity:0.90; opacity: 0.90; }
.of	{ filter:alpha(opacity=95); -moz-opacity:0.95; opacity: 0.95; }

#NavLayer .navlevel a:hover 	{ filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; }

#NavLayer h1	{
	color: #336633;
	font-size: 1.5em;
}

#NavLayer h2	{
	color: #333366;
	font-size: 1.2em;
}

#NavLayer h3	{
	color: #663300;
	font-size: 1.0em;
}

span.hid {
	position: absolute;
	overflow: hidden;
	width: 0;
}

#MainLayer input	{
	font-family: arial;
	font-size: 1.3em;
	background-color: #EFEFFF;
	padding: 1 1 1 1px;
}

#BusinessLayer input	{
	font-family: arial;
	font-size: 0.9em;
	background-color: #E0FFE0;
	padding: 1 1 1 1px;
}

#BusinessLayer .button	{
	font-size: 1.0em;
	background-color: #CCFFCC;
	border: 1px solid #060;
	padding: 1 1 1 1px;
}

#account .button	{
	background-color: #CCCCFF;
	border: 1px solid #006;
	padding: 1 1 1 1px;
	margin: 1 1 1 1px;
}

#account .small	{
	background-color: #FFFFCC;
	font-size: 1.00em;
}

#account input {
	text-align: left;
}

.hide {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}

textarea	{
	background-color: #FEA;
}

.formhdr	{
	color: #666;
}

.required	{
	color: #446;
	font-weight: bold;
}

.right	{
	float: right;
}

.left	{
	float: left;
}

#account {
	padding: 0 auto;
	margin: 0 auto;
}

#account h1 {
	font-size: 2em;
	margin: 0.2em;
}

#account h2 {
	font-size: 1.8em;
	margin: 0.1em;
}

#account h3 {
	font-size: 1.6em;
	margin: 0.1em;
}

.half {
	width: 45%;
}

.third {
	width: 43%;
}

.threes {
	width: 30%;
}

#account .window {
	text-align: left;
	padding: 2 2 2 2px;
	margin: 2 2 2 2px;
	font-size: 0.8em;
	border: 1px dotted #9999CC;
}

.full {
	width: 95%;
	margin: 4px 10px 4 10px;
	padding: 2 2 2 2px;
}

.lj	{ text-align: left; }

#account table {
	font-size: 1em;
}

table.FormDisplay	{
	border: 1px dotted #333;
	padding: 1px 1 1 1;
	margin: 1px 1 1 1;
}

td.fkey	{
	vertical-align: top;
	border-right: 1px dotted #999;
	border-bottom: 1px dotted #CCC;
	font-size: 0.5em;
	text-align: right;
	color: #666;
}

td.fval	{
	vertical-align: top;
	border-bottom: 1px dotted #CCC;
	font-size: 0.6em;
	text-align: left;
	font-weight: light;
	color: #336;
	overflow: hidden;
}

.hiddenlink	{
	color: #666;
}

.showlink	{
	color: #000;
	font-weight: bold;
}

.important	{
	color: #060;
	font-style: italic;
}

.greenblurb {
	text-align: left;
	color: #333333;
	background-color: #EEFFEE;
	border: 1px dotted #CCFFCC;
	font-style: italic;
	font-weight: light;
	margin: 4 4 4 4px;
	padding: 4 4 4 4px;
}

.blueblurb {
	text-align: left;
	color: #333333;
	background-color: #EEEEFF;
	border: 1px dotted #CCCCFF;
	font-style: italic;
	font-weight: light;
	margin: 4 4 4 4px;
	padding: 4 4 4 4px;
}

.prap { height: 88px; border: 1px dotted #000; margin: 2 0 0 0em; }
.pimg { width: 105px; height: 100%; float: left; }
.plbl { width: 250px; height: 2em; float: left; font-weight: bold; color: #006; }
.pnot { width: 150px; float: left; font-size: 0.8em; color: #333; }
.pprc { width: 110px; height: 5em; float: right; }

#coolnum	{
	float: left;
	line-height: 0px;
	font-size: 2em;
	color: #060;
	font-weight: bold;
	margin: 3px 2 2 5;
}

#coolnum sup	{
	font-size: 0.5em;
	font-weight: normal;
}

.cleft	{
	clear: left;
}

.cright	{
	clear: right;
}

.big	{
	font-size: 1.2em;
}

.low	{
	font-size: 1.1em;
}

.small	{
	font-size: 0.8em;
}