/* CSS Document */
/** Resets default browser CSS. **/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;  padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1.5;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/** END RESET**/

/** Sets up some sensible default typography. **/
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #841c0e; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
/*** END TYPOGRAPHY ***/

/*** BEGIN STRUCTURAL ELEMENTS ***/
/*** general ***/
body {font-family: Verdana, Geneva, sans-serif; font-size:75%; text-align:center; background: #4896d8 url(/images/bg_body.jpg) repeat-x top center !important; margin-top: 10px;}
.clearboth {clear:both;}
#container {width: 886px; margin: 0 auto; background:url(/images/bg_container.jpg) top center repeat-y;}
#innercontainer {width: 886px; background:url(/images/bg_innercontainer.jpg) left top repeat-y; margin-top: 10px; float: left;}

/*** header area ***/
#header {width:886px; height:122px; background: url(/images/bg_header.jpg) top no-repeat; position: relative;}
h1#logo {float:left;}
h1#logo a{left: 30px; top: 0; position: absolute; width: 272px;	height: 140px; background: url(/images/logo.png) no-repeat; text-indent: -99999px; display: block; overflow: hidden; cursor: pointer; z-index: 10;}
#shopping_cart_link{float: left; top: 26px;	right: 43px; height: 55px; width: 213px; position: absolute; overflow: hidden; padding: 0 !important; margin: 0 !important;}
#header_links {position: absolute; right: 42px; bottom: 0; float: left; text-align: right; width: 100%;}
#header_links p{color: #FFFFFF;}
#header_links a{color: #FFFFFF;	text-decoration: none;}
#header_links a:hover{text-decoration: underline;}
#header_navigation {float: left; margin-top: 2px; width:886px; height:65px; background: url(/images/bg_header_navigation.jpg) top no-repeat;position:relative;}
/*** end header area ***/

/*** BEGIN TOP NAVIGATION ***/
#main_navigation {float: left; width:842px;	height:31px; margin:2px 0 0 21px; background:#e4daa6 }
ul#navigation {float: left; list-style: none; padding: 0; margin: 0;}
ul#navigation li {display: inline; float: left;}
ul#navigation li a{height: 31px; display: block; cursor: pointer; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat !important; background-position: top;}
ul#navigation li a:hover{background-position: bottom !important;}
ul#navigation li a.selected{background-position: bottom !important;}
ul#navigation li.dog a{width: 75px;	background: url(/images/bg_dog.jpg);}
ul#navigation li.cat a{width: 70px;	background: url(/images/bg_cat.jpg);}
ul#navigation li.bird a{width: 75px;background: url(/images/bg_bird.jpg);}
ul#navigation li.small_pet a{width: 115px; background: url(/images/bg_small_pet.jpg);}
ul#navigation li.fish a{width: 78px; background: url(/images/bg_fish.jpg);}
ul#navigation li.reptile a{width: 94px;	background: url(/images/bg_reptile.jpg);}
ul#navigation li.wild_bird a{width: 118px; background: url(/images/bg_wild_bird.jpg);}
ul#navigation li.horse a{width: 89px; background: url(/images/bg_horse.jpg);}
ul#navigation li.sale_items a{width: 128px;	background: url(/images/bg_sale_items.jpg);}
#header_navigation #inventory_message{font-size:10px; position:absolute;top:12px;left:54px;color:#FECB24;font-weight:bold;}
/*** END TOP NAVIGATION ***/

/*** BEGIN SIDE NAVIGATION ***/
#primary_side {float:left; width:222px;	margin:0 0 0 21px; border-top: 2px solid #073862; border-right: 2px solid #073862; border-left: 2px solid #073862; height: 100%; background:url(/images/bg_primary_side.jpg) top center; text-align: center !important; min-height: 100%;padding-bottom:20px}
#side_content {float: left;	width: 197px; margin-left: 14px; text-align: left !important;}
#side_content ul{clear:both;}
#secondary_side{float:left; width:225px; margin:0 2px 0 0;}
#primary_side h2 {font-size:1em; font-weight:bold; margin:0; padding:5px 0 0 0;	text-align:left; color: #000000; padding-bottom: 3px; border-bottom: 1px solid #841c0e;	margin-bottom: 5px;	width: 100%;	float: left;}
#primary_side p {text-align:left; font-family:Arial, Helvetica, sans-serif;	font-size:0.9em; margin:0; padding:0;}
.side_navigation{clear: both; list-style: none;	padding: 0;	margin: 0;}
.side_navigation li{padding: 2px 0;	line-height: 1.6em;}
.side_navigation li a{padding: 3px 0; color:#074c86; text-decoration:none;  padding-left: 10px; display: block}
.side_navigation li a:hover{color:#FFFFFF; display: block;}
.side_navigation li.dog a:hover{background:url(/images/bg_primary_side_dog.jpg) top left repeat-y;}
.side_navigation li.cat a:hover{background:url(/images/bg_primary_side_cat.jpg) top left repeat-y;}
.side_navigation li.bird a:hover{background:url(/images/bg_primary_side_bird.jpg) top left repeat-y;}
.side_navigation li.small-pet a:hover{background:url(/images/bg_primary_side_small_pet.jpg) top left repeat-y;}
.side_navigation li.fish a:hover{background:url(/images/bg_primary_side_fish.jpg) top left repeat-y;}
.side_navigation li.reptile a:hover{background:url(/images/bg_primary_side_reptile.jpg) top left repeat-y;}
.side_navigation li.wild-bird a:hover{background:url(/images/bg_primary_side_wild_bird.jpg) top left repeat-y !important;}
.side_navigation li.horse a:hover{background:url(/images/bg_primary_side_horse.jpg) top left repeat-y;}
.side_navigation li.sale-items a:hover{background:url(/images/bg_primary_side_sale_items.jpg) top left repeat-y;}
.side_title{position:relative;clear:both;}
.side_title .see_all{font-size: .9em; width: 30%;position:absolute; top:0px; right:5px; color:#999; text-align: right; font-style: italic; margin: 10px 0 0 0;}
.see_all a{color:#999;	text-decoration: none; padding-bottom: 5px;}
.see_all a:hover{color:#074a84;}
.customer-service-number{font-weight:bold}
#primary_side .side_title h2.need-help{color:#700;}
.side_title strong{color:#074a84;}
.side_title ul{margin-top:10px;}
/*** END SIDE NAVIGATION ***/

#content_area{float:left; width:617px; padding:0px 10px 10px 10px; text-align:left;}
#flash_area{float: left; width: 606px; height: 250px; margin-bottom: 10px;}
#specials_area{float: left;	width: 606px; height: 65px; margin-bottom: 10px;}
#email_signup_area{float: left; width: 606px;	height: 56px; margin: 10px 0; background:url(/images/bg_email_signup.jpg) top center no-repeat; position:relative;}
.blue_box{float: left; width: 606px;	height: 56px; margin: 10px 0; background:url(/images/bg_email_signup.jpg) top center no-repeat; position:relative;}
#email_signup_area p{float: left; padding: 4px 0 0 15px; color: #FFFFFF; font-size: 1.2em; width: 50%;}

/*** footer area ***/
#primary-side-bottom{position:absolute;top:-12px;left:23px;height:20px;width:222px;border-top: 2px solid #073862;}
#content-bottom{position:absolute;top:-12px;left:258px;height:20px;width:604px;border-top: 2px solid #073862;}
#footer {float:left; width:886px; height:115px;	background:url(/images/bg_footer.jpg) bottom center no-repeat; position: relative;margin-top:10px;}
h3#animals {left: 180px; top: -57px; position: absolute; width: 137px; height: 150px; background: url(/images/animals.png) no-repeat;	text-indent: -99999px; display: block; overflow: hidden; float: left;}
#footer_links{float: right;	width: 500px; margin:13px 40px 0 0;}
#footer_text{float: right; width: 520px; margin:40px 40px 0 0;}
#footer_links p{font-size: 1em !important; float: right !important; color: #FFFFFF;}
#footer p, #footer a{font-size:0.9em; font-family:Arial, Helvetica, sans-serif; color: #FFFFFF;	text-decoration:none; margin:0; padding:0;}
#footer p {float:left;}
#footer p.credit {float:right; padding-right: 20px; background:url(/images/sstg_icon.gif) right no-repeat;}
#footer a:hover{text-decoration:underline;}
/*** end footer area ***/

/*** BEGIN HOMEPAGE STYLES ***/
h3#mail_kitten {right: -10px; top: -30px; position: absolute; width: 130px; height: 106px; background: url(/images/mail_cat.png) no-repeat; text-indent: -99999px; display: block; overflow: hidden;}
#featured_content{width:602px; float:left; border: 2px solid #073862;  min-height: 468px; background:url(/images/bg_featured.jpg) center left;}
#sub_content{width:602px; float:left; border: 2px solid #073862; background:url(/images/bg_featured.jpg) bottom left no-repeat;}
.sub_content{width:602px; float:left; border: 2px solid #073862;padding-bottom: 10px;}
.featured_item{width: 33%; float: left; text-align: center;	margin-top: 20px; padding-bottom: 10px;}
.featured_item img{	border: 1px solid #771e06;}
.featured_item p.item_title{color: #073862;	text-align: center;	width: 100%;}
.price {color:#999;}
.item_title a{color: #eb9557 !important;}
.item_title a:hover{color:#900 !important; background: none !important;}
#content_area h2{padding: 10px 0 0 10px; font-size:1.2em; font-weight:bold; color:#841c0e;}
#content_area h3,#content_area h4,#content_area h5,#content_area h6{padding: 10px 0 0 10px;font-weight:bold; color:#841c0e;}
#content_area h3{font-size:1.1em}#content_area h4{font-size:1.0em}#content_area h5{font-size:.9em}#content_area h6{font-size:.8em}
#content_area ul{padding: 10px;margin: 0 15px; line-height:1.5em;}
#content_area p{padding: 10px 0 0 10px;margin:0 0 5px 0; line-height:1.5em;}
#content_area p a{width: 100%; color:#074c86; text-decoration:none;}
#content_area p a:hover{color:#aa1410}
.featured_title{width: 100%; float: left;}
.featured_title h2{float: left; width: 27%}
.featured_title p{margin: 0; width: 68%; float: left; padding: 10px 0 0 0; font-size:1em; color:#929292;}
.featured_row{ float: left; padding: 0 0 0 10px;}
/*** END HOMEPAGE STYLES ***/

/** product detail page **/
div.blue_box h2{color:#FFF !important; margin-top:8px;}
#breadcrumb-nav{color:#999;padding:10px 0 0 10px;}
#breadcrumb-nav a{color:#999;text-decoration:none;}
#breadcrumb-nav a:hover{text-decoration:underline;}
#thumbnail-container{width:250px;padding:5px;margin:auto;}
#thumbnail-container .thumbnail{width:100px;margin:auto}
#product-image{width:250px; margin:auto;}
#product-options{width:250px; margin:auto;clear:left;margin-top:5px;}
#product-options h3,#product-options h4{margin:0;padding:0}
#product-options h3{background:#073861;color:#fff;margin:0 0 10px 0;padding:0 5px;font-size:16px;}
#product-options h4{text-align:center;}
#product-options .description{font-size:11px;}
#product-options .price{font-size:14px;color:#073861;font-weight:bold;text-align:center;}
.buy-button{display:block;background:url(/images/buy_now.png) no-repeat;width:90px;padding:3px 0; font-size:11px;text-align:center;color:#073861;text-decoration:none;font-weight:bold;margin-bottom:5px;}

.gray{color:#999;}
.white{color:#fff;}
.product-price{font-size:1.2em;font-weight:bold;color:#841C0E;}
.alternate-row{background:#EFF5FA}
.strike{text-decoration:line-through;}
.freight-details{font-size:.8em;}
.red{color:red;}
.failure,.success,.notice{margin:5px;padding:5px;text-align:center;font-weight:bold;}
.failure img,.success img,.notice img{margin: 0  5px -3px 0;}
.failure{color:red;background:#FFA8A8;border:red 2px solid;}
.failure a{color:white}
.success{color:green;background:#CAFFCA;border:green 2px solid;}
.notice{color:#C68600;background:#FFDC9B;border:orange 2px solid;}

#shopping-cart{clear:both;}
#shopping-cart table{width:592px;margin:5px;clear:both;}
#shopping-cart td,#shopping-cart th{padding:5px 0;vertical-align:top}
#shopping-cart .qty{width:20px;text-align:center}
#shopping-cart th{font-weight:bold;background:#064477;color:white;}
#shopping-cart tbody td{border-bottom:dotted 1px #4896d8;}
#shopping-cart tfoot{background:#3B7AB0;color:#eee;}
#shopping-cart .heading{background:#4896d8;}
#shopping-cart .last td,#shopping-cart .item-row td{border:none;}
#shopping-cart .calculated-row td{border:none;text-align:right;padding-right:5px;}
#shopping-cart .right{text-align:right;padding-right:5px;}
.right{text-align:right;}
.center{text-align:center;}

.two-col-content{width:45%; float:left;padding:10px;}
#shopping-cart p{padding:0 20px 0 0;}
#shopping-cart img{float:left;margin-right: 10px;}
#shopping-cart a.remove{font-size:10px;color:red;text-decoration:none}
#shopping-cart a:hover.remove{color:red;text-decoration:underline;}
#shopping-cart .controls{padding: 0 5px;float:right;}
#forgot-password-form .button, #create-password-form .button, #sign-in-form .button, #change-password-form .button,
#checkout-form .button, #shopping-cart .button,#billing-form .button{margin:5px 0;padding:5px 5px 5px 24px;overflow: visible;background:#eee;border:1px solid #777;cursor:pointer;}
#shopping-cart .remove_items{background:#eee url("/images/delete_16.gif") 5px no-repeat;}
#shopping-cart .update_cart{background:#eee url("/images/refresh_16.gif") 5px  no-repeat;}
#shopping-cart .checkout{background:#eee url("/images/security-locked_16.gif") 5px no-repeat;}
#shopping-cart .two-col-content{margin-left: 50px;}
#shopping-cart .two-col-content{width:200px;}
#checkout-form .button, #forgot-password-form .button,#create-password-form .button,#sign-in-form .button,#change-password-form .button{background:#eee url("/images/arrow_right.png") 5px no-repeat;}

.login-failure{margin:0;position:relative;padding: 5px 5px 5px 60px;background:#FFF4BB;border:#E7A433 solid 2px;color:#E60000;font-weight:bold}
.login-failure img{position:absolute; top:5px; left:5px}

#checkout-process,#billing-form table tr{margin:0;padding:0;}
#checkout-process{height:15px;}
#checkout-process li{display:block;float:left; list-style-type:none;margin: 0 5px; font-weight: bold;font-size:1em; color:#ccc;}
#checkout-process .selected{font-size:1.15em;color:#316AC5;}
#billing-form{clear:both;padding:5px;}
#billing-form label{font-weight:bold;font-size:11px;color:#222}
#billing-form input{width: 125px}
#billing-form table.span-half{width:45%;float:left;}
#billing-form table {width:100%;}
#billing-form #state,#billing-form #ship_state{width:20px;}
#billing-form #zip,#billing-form #ship_zip{width:70px;}
#billing-form #email,#billing-form #ship_email,
#billing-form #phone,#billing-form #ship_phone,
#billing-form #fax  ,#billing-form #ship_fax, textarea{width:260px;}
#billing-form #address_1,#billing-form #address_2,#billing-form #ship_address_1,#billing-form #ship_address_2{width:260px;}

#billing-form input.checkbox{width: 15px}
#billing-form .name{width:50%;float:left;}
#billing-form .left-border{padding-left:10px;}
#billing-form #payment-form input{width: 200px;}
#billing-form h3{border-bottom: 1px solid #666;}

.category{float:left;width:33%;height:200px;text-align:center;}
span.edit a{font-size:9px;font-weight:normal;text-decoration:none;color:#316AC5;}
.google_map{width:250px;height:200px;}
.google_map .latitude,.google_map .longitude{display:none;}

/* Store Locations */
.store-content{clear:both;border-bottom:1px solid #aaa;margin:0 10px;padding:10px 0;}
.store-content .google_map_container{float:right;}
.store-content .google_map{border:solid 2px #3B7AB0;}
.store-content .store-info{float:left;}
.store-content .store-info img{display:block;width:100px; margin:auto}
#content_area .store-content .store-info p{margin:0; padding-top: 1px;padding-bottom: 1px;}
.store-content .store-info strong{display:block}
.store-content .store-info-left,.store-content .store-info-right{width:160px;float:left;}
.location-map-loading img{width:54px;margin: 50px auto 0 auto;display:block;}
.location-map-loading h4{text-align:center;}
#content_area .store-content .store-info-right p{padding-bottom:10px}

/* Homepage Search Form */
#search {width:413px; float: right; clear: right; margin-top: 3px; margin-right: 58px;}
#search_form { margin-top: 0px; float: left;}
#search_form fieldset{width: 413px;}
#search_form label { color:#FFF; margin-top:4px; float: left; font-size: 1em; padding-left: 12px;}
#search_full{width:413px; height:26px;background:url(../images/search_background.jpg) right no-repeat; }
#search_form #search_box input {float: left; width:231px; height:21px; background: url(/images/search_input_background.jpg) left top no-repeat; float: left; margin: 6px 5px 0 10px; color:#073d6b; padding: 0px 10px 0 10px;}
#search_form #search_keywords {width: 169px; padding:0px 3px; margin-top:8px; border:0px;}
#search_form #search_submit {width:52px; height:25px; background: none;	float: left; border: none; cursor:pointer; color:#FFF;}
#search_form #search_submit:hover{color:#f8b645;}

/* Search */

/* Contact Form*/
#contact-form fieldset{margin:5px 0 5px 0; padding:0; border:none}
#contact-form legend{margin-left:5px; padding:0; color:#0072BC; font-weight:bold; font-size:18px}
#contact-form fieldset ol{padding:5px 0; margin:10px 0 0 0; list-style:none;}
#contact-form fieldset li{line-height:20px; vertical-align:middle; padding:5px 0px}
#contact-form fieldset span.notification{font-size:11px}
#contact-form fieldset.submit{float:none; width:auto; border-style:none}
#contact-form label{float:left; width:20%; margin-right:5px; text-align:right;font-weight:bold;}
#contact-form .box img{border:3px solid #93C3E2}
#contact-form label span.required{padding:0px 7px; height:15px; width:15px}
#contact-form input,#contact-form textarea{width:300px;font-family:Arial, Helvetica, sans-serif;font-size:12px}
#contact-form input.submit{width:75px; cursor:pointer;}
.dontfillmeout{display:none;}

/* General Form Elements */
#content_area .highlight{border:1px solid #C00;background:#FFBBBB}
#content_area input,#content_area select{border:1px solid #3B7AB0;background:#EFF5FA;padding:2px;margin-bottom:5px;}
#content_area input:focus,#content_area textarea:focus{background:#C5DBED;}
#content_area input.checkbox,#content_area input.radio{border:none;background:none;}
#content_area textarea{border:1px solid #3B7AB0;background:#EFF5FA;padding:2px;}

#about-img{ width: 562px; display:block; margin-left:10px;padding:2px;border:2px solid #3B7AB0}
.two-column{width:42%;float:left; padding: 0 10px;}

/*Feature Products Home Page*/
.image-row td,.name-row td,.price-row td{text-align: center; width:33%}
.image-row td{vertical-align:middle; padding-top: 10px;}
.name-row td a,.price-row td a{color:#EB9557;text-decoration:none}
.name-row td a:hover,.price-row td a:hover{text-decoration:underline}
.price-row {padding-bottom: 40px !important;}