body {
  background: #ffffff;
  color: #3c3c3c;
  margin: 0px;
  padding: 0px;
}

body, table {
  font: 13px/18px arial, helvetica, sans-serif;
}

img {
  border: none;
}

a:link, a:visited {
  color: #50008c;
  text-decoration: underline;
}

a:hover, a:active {
  color: #78b450;
  text-decoration: underline;
}

a:link img, a:visited img, a:hover img, a:active img {
  text-decoration: none;
}

h1 {
  color: #50008c;
  font: normal 24px/30px arial, helvetica, sans-serif;
  margin: 0px 0px 15px;
  padding: 0px;
}

h3 {
  color: #50008c;
  font: bold 13px/18px arial, helvetica, sans-serif;
  margin: 0px 0px 5px;
  padding: 0px;
}

p {
  margin: 0px 0px 20px;
  padding: 0px;
}

#header {
  background: #ffffff url(/images/bg-header.png) repeat-x;
  height: 180px;
}

#header-width {
  position: relative;
  text-align: left;
  width: 960px;
}

#logo {
  display: block;
  height: 115px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 400px;
}

#basket {
  background: transparent url(/images/header-basket.png) no-repeat;
  display: block;
  height: 115px;
  left: 710px;
  position: absolute;
  top: 0px;
  width: 270px;
}

#navigation {
  background: transparent url(/images/navigation.png) no-repeat;
  height: 35px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 115px;
  width: 960px;
}

*html #navigation {
  width: 980px;
}

#navigation a {
  display: block;
  float: left;
}

#navigation img {
  height: 35px;
  display: block;
}

#nav-home:hover {
  background: url(/images/navigation.png) 0px 35px;
}

#nav-home img {
  width: 113px
}

#nav-products:hover {
  background: url(/images/navigation.png) -113px 35px;
}

#nav-products img {
  width: 108px;
}

#nav-account:hover {
  background: url(/images/navigation.png) -221px 35px;
}

#nav-account img {
  width: 155px;
}

#nav-service:hover {
  background: url(/images/navigation.png) -376px 35px;
}

#nav-service img {
  width: 236px;
}

#nav-basket:hover {
  background: url(/images/navigation.png) -612px 35px;
}

#nav-basket img {
  width: 185px;
}

#nav-checkout:hover {
  background: url(/images/navigation.png) -797px 35px;
}

#nav-checkout img {
  width: 163px;
}

#content {
  text-align: left;
  width: 960px;
}

.hdr {
  display: block;
  height: 30px;
  margin: 0px 0px 15px;
  padding: 0px;
}

.box-hdr {
  display: block;
  height: 30px;
  margin: 0px;
  padding: 0px;
  width: 160px;
}

.box {
  width: 160px;
}

.box-padding {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  padding: 15px 9px 15px;
}

.box-bottom {
  display: block;
  height: 5px;
  margin: 0px 0px 30px;
  padding: 0px;
  width: 160px;
}

#footer {
  background: #7c40a9 url(/images/bg-footer.png) repeat-x;
  color: #ffffff;
  font: 13px/20px arial, helvetica, sans-serif;
  height: 165px;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.15);
}

#footer-width {
  height: 165px;
  text-align: left;
  width: 960px;
}

.footer-hdr {
  display: block;
  height: 30px;
  margin: 30px 0px 0px;
  padding: 0px;
}

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

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

.cat {
  display: none;
}

.cat1 {
  color: #78b450;
  display: block;
  font: bold 16px/20px arial, helvetica, sans-serif;
  margin: 0px;
}

#current {
  background: #f6ffbf;
}

a.cat1 {
  cursor: pointer;
}

img.cat1 {
  cursor: pointer;
  margin: 0px -1px 0px;
}

.cat1 img {
  margin: 0px -1px 0px;
}

.cat2 {
  display: block;
  margin: 0px;
  padding: 5px 9px;
  font-weight: bold;
}

.cat2:hover, .cat2:active {
  background: #f6ffbf;
}

.cat3 {
  display: block;
  margin: 0px;
  padding: 5px 9px 5px 19px;
  font-weight: bold;
}

.cat3:hover, .cat3:active {
  background: #f6ffbf;
}

#dog-toys {
  margin: 0px;
  padding: 0px;
  display: none;
}