/* 
Main Cascading Style Sheet:
http://www.petgoodsmfg.com

Created by Phillip R. Chafin II: 
http://www.thelastwebmaster.com
02/16/2008
*/

/* Tabbed Navigation Styles Added 05/06/2008 PC */
body {
	background: #d0d0d0;
	color: #000;
	margin: 0px;
	padding: 0px;
	font-family: "bold Arial Black", Verdana, Geneva, Helvetica, sans-serif;
	font-size: 62.5%;
}

#navigation {
	background: #AFD5E0 url("http://www.phillipchafin.com/htdocs/testinggrounds/bg-nav.gif") repeat-x;
	border: 1px solid #979797;
	border-width: 1px 0;
	font-size: 1.3em;/*1.1em;*/
	margin-top: .6em;
	padding-top: .6em;
}


/* This resets the lists styles to scratch */
#navigation ul, #navigation ul li {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 #navigation ul {
     text-align: center;
 }

 #navigation ul li {
     display: inline;
     margin-right: 0em;
 }

 #navigation ul li.last {
     margin-right: 0;
 }
 /* End list reset */
 
#navigation li a {
     padding: 5px 1em;
}
 
#navigation ul li a {
     background: url("http://www.phillipchafin.com/htdocs/testinggrounds/tab-right.gif") no-repeat 100% 0;
     color: #616687;
     padding: 5px 0;
     text-decoration: none;
}

#navigation ul li a span {
     background: url("http://www.phillipchafin.com/htdocs/testinggrounds/tab-left.gif") no-repeat;
     padding: 5px 1em 4px 1em;
     border-bottom:1px solid #979797;
}

#navigation ul li a:hover span.home {
     color: red ;
     text-decoration: none;
}

#navigation ul li a:hover span.beds {
     color: #C65B28;
     text-decoration: none;
}

#navigation ul li a:hover span.treats {
     color: #E8AE02;
     text-decoration: none;
}

#navigation ul li a:hover span.bowls {
     color: #006E54;
     text-decoration: none;
}

#navigation ul li a:hover span.diners {
     color: #202B68;
     text-decoration: none;
}

#navigation ul li a:hover span.licensed {
     color: #942B80;
     text-decoration: none;
}

#navigation ul li a:hover span.login {
     color: red ;
     text-decoration: none;
}
 
* html #navigation ul li a {
	padding: 0;
}

#navigation ul li.current a span { 
		padding: 5px 1em; 
		border-bottom: 0; 
}
#topnav {
	margin: 0;
	padding: 0;
	float: left;
	width: 1000px;
	list-style: none;
	position: relative;
	background-color: #333;
	background-repeat: repeat-x;
}
#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
#topnav li:hover {
	background-color: #00adef;
	background-repeat: repeat-x;
}
#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0;
	top:35px;
	display: none;
	width: 800px;
	color: #fff;
	background-color: #00adef;
}
#topnav li:hover span { display: block; }
#topnav li span a { display: inline; }
#topnav li span a:hover {text-decoration: underline;}
ul#topnav {
	margin: 0;
	padding: 0;
	float: left;
	width: 1000px;
	list-style: none;
	position: relative;
	background-color: #333;
	background-repeat: repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover {
	background-color: #00adef;
	background-repeat: repeat-x;
}
ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0;
	top:35px;
	display: none;
	width: 800px;
	color: #fff;
	background-color: #00adef;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}
/* End Tabbed Navigation Styles */



#ContentsContainer td { max-width : 900px ; }

body {
	/*background-image : url(http://petgoodsmfg.com/images/shadowbackground.gif);*/
	background-color:#d0d0d0;
	text-align : center;
	margin : auto;
	margin-top : 0px;
	margin-bottom : 0px;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: center top;
}

div {
font-family : verdana;
font-size : 10pt;
margin : auto;
}

#container {
width : 1000px;
text-align : center;
margin : auto ;
}

#header {
width : 1000px;
height : 0px; /*50px;*/
vertical-align : top;
margin : auto;
height : 0px;
}

#header img {
vertical-align : top;
margin : auto;
}

#left {
width : 158px;
float : left;
text-align : center;
margin : auto;
}

#left-inner {
background-color : white;
width : 150px;
border : 1px solid #ff0000;
margin : auto;
}

#left-inner img {
margin : auto;
}

#center {
width : 1000px; /*838px;*/
float : right;
text-align : center;
margin : auto;
padding-right : -8px ;
}

#center-inner {
background-color : white;
width : 992px;/*810px;*/
border-left : 4px solid #FFFFFF;
border-right : 4px solid #FFFFFF;
border-bottom : 4px solid #FFFFFF;
text-align : center;
margin : auto;
}

#center-content {
width : 980px;
max-width : 980px;
text-align : left ;
height : 100% ;
min-height : 100% ;
}

/*#center-inner img {width : 150px ; }*/

/* #right {
width : 158px;
float : left;
text-align : center;
margin : auto;
}

#right-inner {
background-color : white;
width : 150px;
border : 1px solid #0000cc;
margin : auto;
} */

#footer {
width : 992px;
/*height : 50px;*/
margin : auto;
float : none;
text-align : center ;
}

#footernavtop a {
font-weight : bold;
text-decoration : none;
color : black;
}
#footernavtop a:hover {
text-decoration : overline;
color : red;
}

#footernavbottom a {
font-weight : bold;
text-decoration : none;
color : black;
}

#footernavbottom a:hover {
text-decoration : underline;
color : red;
}

#clear {
clear : both;
}

.clear {
clear : both;
}

p { 
margin-left : 5px ; 
margin-right : 5px ;
text-indent : 15px ;
text-align : left ;
font-size : 12pt ;
}

h1 {
font-family : verdana ;
}

.button {
  color: navy ;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(http://www.petgoodsmfg.com/images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.select {
  color: navy ;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background-color : white ;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 20px !important;
  height: 24px;
  margin: 1px;
}

hr {
color : navy ;
width : 75% ;
height : 1.5px ;
margin : auto ;
text-align : center ;
}

#credits {
font-size : 8pt ;
font-family : Arial Narrow ;
color : gray ;
}
.credits a{
text-decoration : underline ;
color : maroon ;
}

.littlerule {
	text-align : center ;
	height : 2px ;
	width : 70% ;
	color : #CCCCCC ;
}

table#ContentsContainer tr,td { text-align : left ; }

table#ContentsContainer { width : 80% ; }

h2 { text-align : center ; }

.alignright { text-align : right ; }
.alignleft { text-align : left ; }
.aligncenter { text-align : center ; }

#center-content table,tr,td { text-align : center ; }
#MainTable td { text-align : left ; }

td#pad10 { width : 10px ; }

#home-page-content p {
	font-size : 10pt ;
  color : ;
}

/* End Main Cascading Style Sheet */