body
{
font:normal 80% 'century gothic', verdana, arial, sans-serif;
background:url(../images/body_bg.jpg);
margin:0px;
}

table
{
font-size: 100%;
}

div#headerbg
{
background:url(../images/content_bg.jpg) repeat-x;
display:block;
clear:both;
}

div#headerbg table#header
{
width:1024px;
height:190px;
text-align:center;
}

div#contentbg
{
background:url(../images/africankeyring.png) 625px -80px no-repeat;
display:block;
clear:both;
padding-top:10px;
}

div#contentbg table#navigation
{
width:1024px;
height:60px;
text-align:center;
}

div#contentbg table#content
{
width:1024px;
height:600px;
margin-top:10px;
}

div.productsbg
{
background:url(../images/productsbg.gif) top left no-repeat;
}

div#contentbg table#productcats
{
margin-top:30px;
margin-left:40px;
margin-bottom:40px;
width:800px;
}

div#contentbg table#productcats td
{
text-align:center;
}

div#contentbg table#productcats img
{
border:none;
}

div.productcatpic
{
display:block;
width:120px;
height:180px;
padding:10px;
padding-top:15px;
overflow:hidden;
text-align:center;
background: url(../images/shortframe.png) no-repeat;
}

div.productcat
{
margin-top:10px;
margin-bottom:15px;
text-align:center;
}

div.productcat a
{
color:black;
font-family:georgia;
font-weight:bold;
text-decoration:none;
}


div.padder
{
padding:10px;
padding-left:20px;
paddinglright:20px;
}

h2.home
{
margin-top:30px;
margin-bottom:10px;
}

p.home
{
margin-top:0px;
margin-bottom:10px;
width:600px;
font:normal 120% 'century gothic', arial, sans-serif;
text-align:justify;
}

p.about
{
width:600px;
font:normal 120% 'century gothic', arial, sans-serif;
text-align:justify;
}

div.slogan
{
text-align:center;
margin-top:30px;
}

div.paws
{
margin-top:10px;
}

div.paws img
{
margin-left:30px;
}

ul#navbartop
{
margin:0px;
padding:0px;
margin-right:70px;
}

ul#navbartop li
{
display:inline;
list-style-type:none;
}

ul#navbartop li a
{
padding:20px;
padding-left:40px;
padding-right:20px;
font-size:110%;
font-weight:bold;
background:url(../images/navpaw.gif) 65% left no-repeat;
text-decoration:none;
height:50px;
color:black;
}

ul#navbartop li a:hover
{
text-decoration:underline;
}

a:link, 
a:visited
{
color:brown;
text-decoration:underline;
}

a:hover
{
text-decoration:none;
}


table.contactus
{
width:650px;
}

table.contactus td.left
{
width:60%;
}

table.contactus td.right
{
width:40%;
}

table.contactus td.right h1,
table.contactus td.right h2,
table.contactus td.right h3,
table.contactus td.right h4,
table.contactus td.right h5,
table.contactus td.right h6
{
margin:0px;
margin-bottom:10px;
font-size:10pt;
}

table.contactus td.right p
{
margin:0px;
margin-top:5px;
margin-bottom:20px;
}

form#contactform label
{
color:rgb(50,50,50);
font-weight:bold;
width:120px;
display:block;
}

form#contactform input[type="text"].cform, textarea.cform
{
border:1px solid black;
}

form#contactform input[type="text"].cform
{
width:220px;
}

form#contactform input[type="button"].cform,
form#contactform input[type="reset"].cform
{
width:100px;
color:white;
font-weight:bold;
background:black;
border:1px dotted black;
}

form#contactform input[type="button"].cform:hover,
form#contactform input[type="reset"].cform:hover
{
width:100px;
color:white;
font-weight:bold;
background:rgb(190,164,58);
border:1px dotted black;
}

span.red
{
color:red;
font-weight:bold;
}

span.green
{
color:green;
font-weight:bold;
}


div.pitembg
{
display:block;
width:120px;
height:180px;
padding:10px;
padding-top:15px;
overflow:hidden;
text-align:center;
background: url(../images/shortframe.png) no-repeat;
}

a.breadcrumbs
{
text-decoration:none;
color:black;
}

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

div#footer
{
font-size:90%;
padding:10px;
padding-left:200px;
}

div#footer a
{
color:black;
}