a:link   {	color: rgb(0,102,153); }
a:visited{ 	color: rgb(100,100,102); text-decoration:none;} 
a:active {	color: rgb(0,102,102)	}


/* This centers the layout */
body {
text-align: center;
background-color: #949975;
}

/* CONTENT LAYOUT */


#wrapper	{
	margin: 0 auto;
	width: 620px;
	text-align: left;
	border: 2px solid black;
	background-color: white;
	}
	
	
	
div#topbar {
	width: 620px;
	height: 48px;
	margin-left: 0;
	background-color: #A8AF80; 
	font-family: trebuchet, trebuchet ms, arial, helvetica; 
	font-size: 11px;
	color: white;
}


#topbarlogo {
float: left;
}

#topbarcart {
float:right;	
max-height: 48px;
padding-top: 18px;
}

div#topnavbar {
float: left;
	margin-right: 0;
	width: 620px;
	background: url(/gfx/main/topnav/bluetopnav.gif) no-repeat top;
/*	background-color:  #193254; */	
	border-top: 2px black solid;
	border-bottom: 2px black solid;
}

div#product {
	float: right; /* originally left */
	width: 396px; /* originally 396*/
	background-color: white;
}

#topproduct {
	width: 100%;
/*	border-bottom: 1px solid silver; */
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	background-color: white;
}

div#bottomproduct {
float: left;
	width: 98%;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}

div#shoppingcart {
width: 150px;
padding: 2px;
float: right;
border: 1px dotted silver;	
}

div#searchnav {
	float: left;
	width: 98%;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid silver;
}

#headerbox {
text-align: center;
padding-left: .5em; 
padding-right: .5em;
}

#headerbox h1 { 
font: bold 1.25em trebuchet MS, trebuchet, arial, helvetica; 
}



/* FOR USE ON THE URN ADVISOR AND ARTICLE PAGES */

div#singlecol {
	float: left;
	width: 98%;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
}

div#dualcol {
	float: left;
	width: 430px;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
}

div#sidebar {
	float: right;
	width: 170px;
	background: url(/gfx/main/topnav/sidebargradient.jpg) no-repeat top;
	padding-left: 3px;
	min-height: 300px;
	}


/* USE THE FOLLOWING STYLES FOR TWO EQUAL COLUMNS */
#leftcol {
	width: 175px;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	text-align: center;
}


#rightcol {
float: right;
	width: 175px;
	margin-top: 10px;
	text-align: center;
}

/* USE THE FOLLOWING STYLES FOR TWO UNEQUAL COLUMNS */


#leftcol2 {
	width: 202px;
	float: left;
	margin-top: 1px;
	margin-left: 2px;
	text-align: center;
}


#rightcol2 {
	float: right;
	margin-top: 1px;
	text-align: center;
}


/* COPY IS FOR THE SIDE COLUMN */
div#copy {
	float: left /* originally right floated */;
	width: 219px;
	background-color: white;
	border-right: 1px solid silver; /* was left border*/
}

#copy p {padding-left: 2px;}
#copy h3 {padding-left: 2px;padding-right: 2px;}
#copy h2 {padding-left: 2px; padding-right: 2px;}
#copy h1 {padding-left: 2px;padding-right: 2px;}

#copy ul {
font-family: trebuchet MS, trebuchet, arial, helvetica; 
font-size: 11px;
}


div#prefooter{
	clear: both;
	width: 620px;
	background: #A8AF80;
}
	

div#footer {
	clear: both;
	width: 620px;
	background: #5E2605;
	border-top: 2px black solid;
	text-align: center;
}




/* NAVBAR HERE */

#nav a { text-decoration: none; color: white}
#nav a:hover { color: white; background: #949975;}
 /* #nav a:hover{ color: #949975 } old style without background shading */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	background-color: #193254;
	list-style: none;
	font-family: trebuchet MS, trebuchet, arial, helvetica; 
	font-size: 11px;
}

#nav a {
	display: block;
/*	width: 10em; */
}

#nav li {
	float: left;
	width: 10em;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	background-color: #193254;
	font-weight: normal;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
}


li#first{ margin-left: 10px; width: 4em; }

li#last{   }


#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}



/* TEXT STYLES HERE */


h1 { 
font: bold 1.25em trebuchet MS, trebuchet, arial, helvetica; 
}

h2 { 
font: bold 1em trebuchet MS, trebuchet, arial, helvetica; }

h3 {
font: bold .8em trebuchet MS, trebuchet, arial, helvetica;  
margin-bottom:-.7px;
}

p { font: .8em trebuchet MS, trebuchet, arial, helvetica; 
 }

body  { font-family: trebuchet MS, trebuchet, arial, helvetica; font-size: 10pt }

td { font-family: trebuchet MS, trebuchet, arial, helvetica; font-size: 10pt }

.border { border: 1px solid black }

.sale { font-family: trebuchet MS, trebuchet, arial, helvetica; font-size: 11px; text-transform: uppercase; }

.leadproduct { font-family: trebuchet MS, trebuchet, arial, helvetica; font-weight: bold; font-size: 13px; text-transform: uppercase; }
 
.redsale {color: red; font-style: italic;} 

.testimonialheader { 
padding-left: 10px;
background: url(/gfx/main/green_tribullet.gif) no-repeat 0 50%;
font-family: trebuchet MS, trebuchet, arial, helvetica; 
font-weight: bold; 
font-size: 11px; 
text-transform: uppercase; 
}


.topdottedheader {
font-family: trebuchet, trebuchet ms, arial, helvetica; 
font-size: 14px;
font-weight: bold;
color: #B8CE6E;
text-decoration: none;
padding: 2px;
border-top: 1px solid silver;
}


.copyheader {
background: url(/gfx/main/copyheaderarrow.gif) no-repeat 0 50%;
font-family: trebuchet, trebuchet ms, arial, helvetica; 
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
color: #B8CE6E;
}

.copytext { 
font: .8em trebuchet MS, trebuchet, arial, helvetica; 
padding: 2px;
}

#copy A:link { 
text-decoration: none;
}

#copy A:hover { 
color: #949975;
text-decoration: underline;
}

#product A:link { 
text-decoration: none;
}

#product A:hover { 
color: #949975;
text-decoration: underline;
}

#product img {
margin: 5px; 5px; 5px; 5px;
}


#prefooter A { 
text-decoration: none;
}

#prefooter A:hover { 
color: #949975;
text-decoration: underline;
}

.footerheader {
font-family: trebuchet, trebuchet ms, arial, helvetica; 
font-size: 14px;
font-weight: bold;
color: black;
padding: 2px;
border-top: 1px dotted black;
}

.footertext { 
font-family: trebuchet MS, trebuchet, arial, helvetica; 
font-size: 11px;
color: white;
background: #5E2605;
}

#footer A { 
color: white;
text-decoration: none;
}

#footer A:hover { 
color: #949975
}


blockquote {
width: 375px;
text-align:center;
background:url(/gfx/main/quote_top.gif) no-repeat top left; 
}

#quote {
font-family: trebuchet MS, trebuchet, arial, helvetica;
font-size: 16px; 
line-height: 125%;
margin: 0 10px 0 0;
padding: 25px, 10px, 10px, 25px;
background: url(/gfx/main/quote_bottom.gif) no-repeat right bottom;
}

/* For the display of products */
.productbox {
width: 130px; 
/* background-image:url('/gfx/main/product_background.jpg'); background-repeat: no-repeat;  */
border: 1px solid #a6a6a6;
padding-left:5px; 
margin-bottom: 15px;
}

.greenproductbox {
width: 130px; 
border: 1px solid green;
padding-left:5px; 
margin-bottom: 15px;
}



/* Special home page styles */

#homebox {
width: 130px; 
min-height: 155px;
/* background-image:url('/gfx/main/product_background.jpg');  background-repeat: no-repeat; */
border: 1px solid #a6a6a6;
padding-left:5px; 
margin-bottom: 15px;
}

#homebox h2 {
font: bold 1em trebuchet MS, trebuchet, arial, helvetica;
}

#homelist li {padding-bottom: .5em;}

/* ARTICLE STYLES */

#copy ul {
		list-style: none;
}


#copy li {
	margin-left: -25px;
	padding-left: 12px;
	background: url(/gfx/main/green_tribullet.gif) no-repeat 0 15%;
}

#productinfo li {

	background: url(/gfx/main/green_tribullet.gif) no-repeat 0 20%;
		font-family: trebuchet MS, trebuchet, arial, helvetica; 
font-size: 11px;
}


#articlebullets ul {
		list-style: none;
}

#articlebullets li {
	border-top: 1px dotted silver;
	padding-bottom: 15px;
}

/* Submenu Styles */

#submenu ul {
		list-style: none;
}


#submenu li {
	margin-left: -25px;
	padding-left: 12px;
	background: url(/gfx/main/green_tribullet.gif) no-repeat 0 50%;
}

#submenu {
font-family: trebuchet, trebuchet ms, arial, helvetica; 
font-size: 11px;
}

#submenu li a:hover {
border-top: 1px dotted;
border-bottom: 1px dotted;
text-decoration: none;
}

#submenu li a:visited {
text-decoration: none;
}




/* PETS */
.copyindent  { 
font-family: trebuchet MS, trebuchet, arial, helvetica; 
font-size: 11px;
margin-left: 50px;
padding: 2px;
}

.greenbullets {
list-style: none;
	margin-left: -25px;
	padding-left: 12px;
	background: url(/gfx/main/green_tribullet.gif) no-repeat 0 10%;
	font-family: trebuchet MS, trebuchet, arial, helvetica; 
font-size: 11px;
	}
