/* global whitespace reset */
* {
    padding: 0;
    margin: 0;
}

/* ------ template */

body {
    font: 13px Times, "Times New Roman", serif;
    line-height: 1.4em;
    background-color: #A9A77A;
    color: #636231;
}

#wrapper {
    width: 980px;
    margin: 0 auto;
    background: url("/html/image/template/background.png") repeat-y;
}

#leftColumn {
    padding-bottom: 10px;
    width: 224px;
    float: left;
}

#rightColumn {
    padding-bottom: 10px;
    width: 756px;
    float: right;
}

/* ------ base styles */

a {
    text-decoration: none;
    color: #636231;
    outline: none;
}

a img {
    border: none;
}

img, input {
    outline: none;
}

p, ul, address, hr {
    margin-bottom: 15px;
}

h1, h2, h3, h4, h5 {
    line-height: 1;
    margin-bottom: 10px;
}

hr {
    border: none;
    border-top: 1px dotted #636231;
    background-color: none;
}

big {
   font-size: 18px; 
}

address {
    font-style: normal;
}

.floatLeft {
    float: left !important;
}

.floatRight {
    float: right !important;
}

.alignLeft {
    text-align: left !important;
}

.alignRight {
    text-align: right !important;
}

.alignCenter {
    text-align: center !important;
}

.clearFloats {
    clear: both;
    height: 0;
}

.darkRed {
    color: #993300
}

.smallCaps {
    text-transform: uppercase;
    font-variant: small-caps;
}

/* for spacing buttons */
.buttonMargin {
    margin-right: 10px;
}

/* breadcrumb */

h2.breadcrumb, .breadcrumb a {
    text-transform: uppercase;
    font-size: 13px;
}


/* ------ left navigation */
/* there are two different left navs: left_nav_hours.html + left_nav_store.html */

#leftNav {
    padding-top: 10px;
    width: 100%;
    text-align: center;
}

/* -- left_nav_hours */

#leftNav.hours img.logo {
    margin-bottom: 15px;
}

#leftNav.hours {
    color: #cccc99;
}

#leftNav.hours img.title {
    margin-bottom: 5px;
}

#leftNav.hours img.locations_title {
    margin-bottom: 15px;
}

/* -- left_nav_store */

#leftNav.store {
    padding-bottom: 10px;
}

#leftNav.store img.logo {
    margin-bottom: 25px;
}

#leftNav.store h2, #leftNav.store ul {
    text-align: left;
}

#leftNav.store h2 {
    /* h2 is an image */
    line-height: 0;
    margin: 0 0 10px 48px;
}

#leftNav.store ul, #leftNav.store p, #leftNav.store form {
    margin-left: 50px;
}

#leftNav.store ul {
    list-style-type: none;
}

#leftNav.store a {
    color: white;
}

#leftNav.store form {
    text-align: left;
    margin: 0 0 20px 50px;
}

input#keywordSearch, #leftNav select#brand {
    margin-bottom: 5px;
}

input#keywordSearch {
    width: 130px;
}

#leftNav select {
    width: 150px;
    color: #333300;
}

p#cartSummary {
    text-align: left;
    color: #e8e6b4;
    margin-right: 18px;
}


/* -- pawblog */

#pawblog_container {
    background-image: url("/html/image/left_nav/parchment_repeat.png");
    width: 152px;
    margin: 0 36px;
    position: relative;
}

.parchmentTop {
    background: url("/html/image/left_nav/parchment_top.png") no-repeat;
}

.parchmentBody {
   background: url("/html/image/left_nav/parchment_bottom.png") bottom no-repeat;
   min-height: 90px; /* plus 110px padding = 200px */
   padding: 50px 18px 60px 18px;
}

/* ie6 doesn't understand min-height */
*html .parchmentBody {
    height: 90px;
}

#pawblog_container p {
    color: #636231;
    margin-bottom: 0;
}

img.readButton {
    position: absolute;
    left: 10px;
    bottom: 17px;
}

/* ------ top navigation */

#topNav {
    width: 100%;
    height: 118px;
    background-color: #333300;
}

#tagline {
    background: url("/html/image/top_nav/background.png") right no-repeat;
    height: 89px;
}

#tagline img {
    margin-top: 30px;
    margin-right: 10px;
    float: right;
}

#topNav ul {
    margin-bottom: 0;
    margin-left: 15px;
    background-color: #333300;
    height: 29px;
    line-height: 0;
}

#topNav li {
    list-style-type: none;
    float: left;
    /* total width of nav images = 334px */
    margin-right: 88px;
}

#topNav li.last {
    text-align: right;
    margin-right: 0;
}

/* set padding on the image to appease IE */
#topNav li img {
    height: 9px;
    padding: 10px 0;
}

/* ------ main content */

#mainContent {
    padding: 30px 27px 0 27px;
    /* total width: 702px */
}

#mainContent a {
    font-weight: bold;
    color: inherit;
    text-decoration: underline;
}

/* ------ footer */

#footer {
    background-color: #f3aa28;
    width: 756px;
    height: 46px; /* plus 10px padding = 56px */ 
    padding-top: 10px;
    margin-top: 10px;
    float: right;
}

#footer p, #footer a {
    color: white;
    text-transform: uppercase;
    font-size:11px;
}

#footer p {
    margin: 0 10px;
}

.parent_category {
	cursor:pointer;
}

.sub_category {
     margin-left: 10px;
}

#contactForm td
{
	padding:2px;
}

.socialmedias {
	background: url("/html/image/template/background.png") repeat-y scroll 0 0 transparent;
	margin:20px 36px;
}
.baths {
}
.baths strong {
	font-size:18px;
}
.baths li {
	list-style-position: outside;
	list-style-image: url(../image/red-paw.png);
	margin-bottom:6px;
	margin-left:20px;
}

/* Cross Sell Items */
#relatedCrossSell
{
	font-weight:normal;
}
#relatedCrossSell b
{
	font-weight:normal;
}
#relatedCrossSell a
{
	font-weight:bold;
	text-decoration:none;
}
#theDeliveryTime li {
	list-style:inside;
}