@import "reset.css";

body, table td, select {
    font-size: 12px;
    font-family: Tahoma,Geneva,sans-serif;
}

body { background: #63b4b0; text-align:center; }
.bigger { font-size: 13px; }
strong { font-weight:bold; }
.bold { font-weight:bold; }
.red { color: #c20000; }
.dark_blue { color: #003161; }
.float_left { float:left; }
.center { text-align:center; }
.normal_line_height { line-height: 14px; }
.times_new_roman { font-family: Times New Roman; font-size:14px}

h1 {
	font-size:1.5em;
	color:#c20000;
	font-weight:bold;
}

#wrapper {
  width: 912px;
  height: auto;
  margin: 0px auto; 
}

#top_shadow {
    background: transparent url("/images/top_shadow.png") no-repeat bottom left;
    height: 21px;
}

#bottom_shadow {
    background: transparent url("/images/bottom_shadow.png") no-repeat top left;
    height: 10px;
    clear:both;
}

#background {
	height:auto;
	float: left;
	display: inline;
	width: 912px;
	height: auto;
	background: white url("/images/shadow.png") repeat-y top left;
}

#header {
	clear:all;
    height:120px;
}

#header img {
	margin-top:5px;
}

#main {
	width:890px;
	height:685px;
	margin:0 auto;
}

#navigation {
	background: #d8b4ab;
    text-align:center;
    width:235px;
    height:685px;
}

#content {
    float:right;
    height:685px;
    width:650px;
    margin: 0 auto;
}

#right_column {
    float:right;
    width:235px;
    height:685px;
}
#featured_product {
	background: #acb5d3;
	height:335px;
	font-size:11px;
	line-height:18px;
}

#featured_product p, #featured_product img {
	color: #2d2f68;
	padding: 5px 5px 0 5px;
}

#whats_new {
	margin-top:5px;
	background: #b8c6a9;
	height:345px;
	font-size:11px;
	line-height:18px;
}

#whats_new p, #whats_new img {
	padding: 5px;
	color: #2d2f68;
}

#footer {
    clear:both;
    margin:5px;
}

#sub-footer {
	color: white;
	margin-bottom:1em;
	font-weight:bold;
}

#sub-footer a {
	color:white;
}

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

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

div.page_wrapper {
	background:#c7e4e8;
	height:685px;
	width:650px;
	text-align:left;
}

div.page {
	background: #7492d5;
	color: #c6e2ed;
	width: 410px;
	height: 685px;
	float:left;
}

div.page div.bucket {
	width:372px;
	min-height:75px;
	border:5px solid #c7e4e8;
	background: #b8dcec;
	color: #00305E;
	max-height:650px;
	overflow-y:auto;
	overflow-x:hidden;
	margin: 14px 14px 12px 14px;
}

div.page p {
    font-size: 12px;
}

div.page div.bucket p {
	line-height:14px;
    padding: 5px 5px 0px 5px;
}

div.page div.bucket img {
	float:left;
	width:96px;
	margin-right: 5px;
}

div.page div.bucket a {
	color: #005cf6;
	text-decoration:none;
}

div.page div.bucket a.sub_link {
	font-size: 11px;
}

div.page div.bucket a.main_link {
    color: #c20000;
    font-weight: bold;
    font-family: Times New Roman;
    font-size:14px;
}

div.page div.bucket a:hover {
    text-decoration:underline;
}

p.home_text {
	text-align:center;
	padding:0 14px;
	line-height:20px;
}

span.call_us {
    font-weight: bold;
    font-family: Times New Roman;
    font-size:14px;
}

span.phone_number {
    font-weight: bold;
    font-family: Times New Roman;
    font-size:24px;
}

.red_header {
    color: #c20000 !important;
    font-weight: bold;
    font-family: Times New Roman;
    font-size:14px;
}


#navigation a, #navigation a:link {
  background-position:top center;
  background-repeat:no-repeat;
  width:auto;
  display:block;
  margin:0 auto;
}

a.bone {
	width:215px;
	height:75px;
}

a.box {
	width:180px;
	height:56px;
}

#navigation a:hover, #navigation a:active {
  background-position:bottom center;
}

#navigation a span {
  display:none;
}

#navigation a.nav-pet-food {
  background-image:url(/images/nav_pet_foods-all.png);
}

#navigation a.nav-treats {
  background-image:url(/images/nav_treats-all.png);
}

#navigation a.nav-supplements {
  background-image:url(/images/nav_supplements-all.png);
}

#navigation a.nav-hygiene {
  background-image:url(/images/nav_hygiene-all.png);
}

#navigation a.nav-accessories {
  background-image:url(/images/nav_accessories-all.png);
}

#navigation a.nav-order {
  background-image:url(/images/nav_order-all.png);
}

#navigation a.nav-about {
  background-image:url(/images/nav_about_us-all.png);
}

#navigation a.nav-contact {
  background-image:url(/images/nav_contact_us-all.png);
}