html, body{
font-family: Arial, sans-serif;
font-size: 11px;
margin: 0px;
background: #D8E8E8 url('imgs/bg.gif');
}

h1{
  color: #006060;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px 0;
  paddin: 0;
  
}

h2 {
  color: #002860;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 0;
  paddin: 0;
  
}

h3 {
  color: #842B2B;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 0;
  paddin: 0;
  
}

li.font_list{
  font-size: 13px;
  color: #002860;
  margin: 0 0 0 25px;
}

#wrapper{
text-align: center;
margin: 0px;
padding: 0px;
}

#header{
margin: 0 auto;
width: 865px;
text-align: left;
height: 94px;
padding-right: 10px;
padding-top: 5px;
}

#cart{
width: 300px;
float: right;
text-align: right;
margin-top: -2em;
}

#cart a, #cart a:visited{
color: #B20000;
text-decoration: none;
margin-left: 10px;
}

#top_nav_wrapper{
height: 32px;
margin: 0 auto;
width: 865px;
text-align: left;
clear:both;
}

#top_nav_wrapper img.left{
float: left;
margin: 0px;
padding: 0px;
}

#top_nav_wrapper img.right{
float: right;
margin: 0px;
padding: 0px;
}

#top_nav{
background: #E58A8A url('imgs/menu_bg.gif') repeat-x;
background-position: top left;
padding-top: 9px;
height: 23px;
width: 839px;
font-size: 14px;
text-align: center;
margin-left: 13px;
}


#wrapper2{
margin: 0 auto;
text-align: left;
width: 865px;
background: url('imgs/bg_border.gif') repeat-y;
background-color: #fff;
padding: 15px 0 0 0;
}

#wrapper3{
height: 100%;
background: #fff url('imgs/content_bg.gif') repeat-x;
background-position: bottom left;
width: 859px;
margin: 0px 3px;
}

#left_nav{
width: 170px;
padding-left: 5px;
border-right: 1px solid #C5C5C5;

}

#left_nav a, #left_nav a:visited{
color: #5B5B5B;
font-weight: bold;
text-decoration: none;
}

#left_nav a:hover, #left_nav a:active{
color: #b20000;
text-decoration: underline;
}

#left_nav img{
margin-top: 20px;
margin-bottom: 5px;

}

ul{
list-style-type: none;
padding-left: 2px;
margin: 0
}

ul.dogs li{
background: url('imgs/sm_grn_paw.gif') left 3px no-repeat;
padding-left: 15px;
margin-bottom: 5px;
}

ul.cats li{
background: url('imgs/sm_blu_paw.gif') left 3px no-repeat;
padding-left: 15px;
margin-bottom: 5px;
}

ul.people li{
background: url('imgs/sm_red_paw.gif') left 3px no-repeat;
padding-left: 15px;
margin-bottom: 5px;
}

#content{
width: 660px;
margin: 0px 3px 10px 190px;
padding: 0 0 0 10px;
}
#content_left{
  float: left;
  width: 480px;
  
}
#content_right{
  float: left;
  width: 150px;
}


#top_left{
float: left;
height: 130px;
width: 315px;
padding: 10px 0 0 10px;
background: url('imgs/paw1.gif') top left no-repeat;
}

a.top_left, a.top_left:hover{
color: #006060;
}

#top_right{
float: left;
height: 130px;
width: 315px;
padding: 10px 0 0 10px;
background: url('imgs/paw2.gif') top left no-repeat;
}

a.top_right, a.top_right:hover{
color: #002860;
}

#bottom_left{
float: left;
height: 130px;
width: 315px;
padding: 10px 0 0 10px;
background: url('imgs/paw3.gif') top left no-repeat;
}

a.bottom_left, a.bottom_left:hover{
color: #842B2B;
}


#bottom_right{
float: left;
height: 130px;
width: 315px;
padding: 10px 0 0 10px;
background: url('imgs/paw4.gif') top left no-repeat;
}

a.bottom_right, a.bottom_right:hover {
color: #5E2F5A;
}


#top_left img, #top_right img, #bottom_left img, #bottom_right img{
border: 0px;
}

#top_left .more_link, #top_right .more_link, #bottom_left .more_link, #bottom_right .more_link{
float: right;
margin-right: 82px;
clear: right;
}

#top_left a.more_link{
color: #006060;
}
#top_right a.more_link{
color: #002860;
}
#bottom_left a.more_link{
color: #842B2B;
}
#bottom_right a.more_link{
color: #5E2F5A;
}

.featured_wrapper{
margin-left: 8px;
}

#wrapper2_footer{
height: 14px;
width: 865px;
background: url('imgs/content_footer.gif') no-repeat;
margin: 0 auto;
}

#footer{
font-size: .9em;
text-align: right;
width: 855px;
margin: 0 auto;
}

#footer a, #footer a:visited{
color: #b20000;
text-decoration: none;
}

#footer a:hover, #footer a:active{
color: #b20000;
text-decoration: underline;
}

img.right{
float: right;
margin-left: 7px;
margin-right: 15px;
}

.clear_both{
clear: both;
width: 1px;
height: 1px;
overflow: hidden;
}

.clear_left{
clear: left;
width: 1px;
height: 1px;
overflow: hidden;
}

.clear_right{
clear: right;
width: 1px;
height: 1px;
overflow: hidden;
}

hr.test_border {
  border: 1px solid #C5C5C5;
}
/********************** Sitebar styles ***********/


.default_box_top {
  float: left;
  width: 150px;
  margin: 0 5px 0 5px;
  border: 1px solid #C5C5C5;
}

.header_space1{
 color: #ffffff;
 font-size: 14px;
 background: url('imgs/hot1.gif') repeat-x;
 padding: 2px 0 2px 5px;
}
.header_space2{
 color: #ffffff;
 font-size: 14px;
 background: url('imgs/hot2.gif') repeat-x;
 padding: 2px 0 2px 5px;
}
.header_space3{
 color: #ffffff;
 font-size: 14px;
 background: url('imgs/hot3.gif') repeat-x;
 padding: 2px 0 2px 5px;
}

.default_box_content{
 margin: 5px 5px 5px 5px;
}

/***************** ecommerce ********************/
.item {
  float: left;
  width: 140px;
  height: 220px;
  margin: 5px 5px 5px 5px;
  padding: 0px;
}

.image{
  width: 75px;
  margin: 0px;
  padding: 0px;
}

.item_name {
  margin: 0 5px 0 5px;
  padding: 0px;
  text-align: center;
  font-weight: bold;
}
.item_price {
  margin: 0 5px 0 5px;
  padding: 0px;
  text-align: center;
}
.pagination {
  clear: both;
  float: right;
}
.details {
  margin: 10px 0 0 0;
}
.details_image{
  float: left;
  margin: 0 15px 5px 0;
  padding: 0px;
}
.back {
  clear: both;
}

.contact_bg{
  background: url('imgs/contact_bg.gif') repeat-x;
  color: white;
  font-size: 13px;
}