@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	background-color: #6e4128;
	margin: 0;
	padding: 0;
}

a {
  color: #000;
  text-decoration: none;
}
a:hover, a:focus, a:visited {
  color: #000;
  text-decoration: none;
}


.clrBoth {
  clear: both;
}
.clearBoth {
  clear: both;
}

div#wrapper {
  width: 887px;
  margin: 0 auto 0 auto;
  background: url(../images/wrapper_bk.png) repeat-y;
}

div#header {
  background: url(../images/header.png) no-repeat 0px 0px;
  height: 185px;
  text-align: right;
}

.header-menu {
  padding-top: 165px;
  color: #555;
  font-size: 12px;
  text-align: right;
  float: right;
  padding-right: 20px;
}

div#header ul li {
        display: block;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 3px;
}

div#content {
  padding-left: 20px;
  padding-right: 20px;
}


div#leftcol {
  width: 195px;
  float: left;
}

/* FORMS */

fieldset {
  width: 600px;
  
}
legend {
  font-size: 1.4em;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}
.alert {
  font-weight: bold;
}
label {
  width: 90px;
  display: block;
  text-align: right;
  padding-right: 10px;
  float: left;
  padding-top: 5px;
}
.radioButtonLabel {
  float: none;
  display: inline;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 5px;
}

input[type="radio"] {
  width: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 90px;
  margin-left: 90px;
}


/* CATEGORY */
.category {
  width: 195px;
}
.category-header {
  width: 195px;
  height: 35px;
}
.shopdog {
  background: url(../images/category_shop_dog.png) no-repeat;
}
.shopcat {
  background: url(../images/category_shop_cat.png) no-repeat;
}
.good-to-know {
  background: url(../images/category_good_to_know.png) no-repeat;        
}

.category-items-header {
  background: url(../images/category_header.png) no-repeat;
  width: 195px;
  height: 10px;
}
.category-items-footer {
  background: url(../images/01_home2_sliced_27.png) no-repeat;
  width: 195px;
  height: 10px;
}
.category ul {
  background:url(../images/01_home2_sliced_25.png) repeat-y;
  font-weight: bold;
  font-size: 13px;
  padding: 0;
  margin: 0;
  list-style:none;
  list-style-image: url(../images/paw.png);
  padding-left: 35px;  
  padding-right: 25px;
}
.category ul li {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 4px;
}
.category ul li span {
  padding: 0;
  margin: 0;
  padding-bottom: 2px;
  height: 19px;
}

.categoryListBoxContents {
  float: left;
}

/* SUB-CATEGORIES */

.subcatItem {
  margin-left: 5px;
  width: 180px;
  padding: 5px;
  float: left;
  border: 1px solid #aaa;
  height: 205px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.subcatImage {
  width: 170px;
  height: 185px;
  margin: 0 auto 0 auto;
}

.subcatTitle {
  color: #333;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}

/* PRODUCTS */

.productItem {
  margin-left: 5px;
  width: 180px;
  padding: 5px;
  float: left;
  border: 1px solid #aaa;
  height: 205px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.productImage {
  width: 170px;
  height: 170px;
  margin: 0 auto 0 auto;
}
.productInfo {
  color: #333;
  font-size: 12px;
}

.itemTitle a {
  font-weight: normal;
  font-size: 12px;
}

.productWrapper {
  width: 620px;
  padding-top: 20px;
}

#productMainImage {
  width: 300px;
  float: left;
}

#productName {
  font-size: 2.0em;
  padding-bottom: 5px;
}
#productDescription {
  font-size: 1.0em;
  line-height: 1.3em;
  text-align: justify;
  
}
.productMainDescription {
  width: 305px;
  padding-left: 15px;
  float: left;
  font-size: 12px;
  padding-bottom: 40px;
}




/* --------------- */

div#maincontent {
  width: 652px;
  float: left;
  
}

.breadcrumb {
  height: 30px;
  font-size: 12px;
  padding-top: 5px;
}

.pageboxes {
  height: 115px;
}
.box {
  width: 208px;
  height: 115px;
  float: left;
  padding-left: 9px;
}
.dog {
  background: url(../images/dog_store_main.png) no-repeat;
}
.cat {
  background: url(../images/cat_store_main.png) no-repeat;
}
.spa {
  background: url(../images/spa_main.png) no-repeat;
}

.page-header {
  margin-top: 10px;
  height: 39px;
  padding-left: 435px;
  background: url(../images/picks_of_the_work.png) no-repeat 0px 2px;        
}

.products {
  background: url(../images/the_products.png) no-repeat 0px 2px;                
}


.shoppingcart {
  width: 139px;
  padding: 0;
  background: url(../images/shoppingcart.png) no-repeat;
  padding-left: 47px;
  height: 18px;
  padding-top: 21px;
        
}

div#productsListingBottomNumber { float: left; }

div#footer {
  clear: both;
  background:url(../images/footer.png) no-repeat;
  height: 86px;
}