/* 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%; background: #4896d8 url(/images/bg_body.jpg) repeat-x top center !important; margin-top: 10px;}
.clearboth {clear:both;}
#container {width: 100%; margin: 0 auto; background:url(/images/bg_container.jpg) top center repeat-y;}
#innercontainer {width: 100%; background:url(/images/bg_innercontainer.jpg) left top repeat-y; margin-top: 10px; float: left;}

/*** header area ***/
#header{display:none;}
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 {display:none;}
/*** 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);}
/*** END TOP NAVIGATION ***/

/*** BEGIN SIDE NAVIGATION ***/
#primary_side {display:none;}
#side_content {float: left;	width: 197px; margin-left: 14px; text-align: left !important;}
#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;}
/*** END SIDE NAVIGATION ***/

#content_area{width:100%}
#flash_area{float: left; width: 606px; height: 250px; margin-bottom: 10px;}
#specials_area{float: left;	width: 606px; height: 65px;}
#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: 35%;}

/*** 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 {display:none;}
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{}
.sub_content{}
.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{display:none;}
#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;}
img.main-product{padding:10px 20px 0 10px;float:left;background:white;}
img.thumbnail-product{padding: 10px 10px 0 10px;}
.thumbnail-container{padding-left: 15px;padding-right:20px;float:left;clear:left;width:245px;}
form.product-detail{background:#3B7CB2; margin:0 10px 0 285px;padding:10px}
form.product-detail #qty{width:45px; text-align:center;}
h2.product-title{margin: 0 10px 0 285px;color:#000;border-bottom:dashed 1px #999;}
.product-intro{margin: 0 10px 0 280px;}
.product-description{padding:10px}
#product-options{background:#192940;clear:left;margin:10px}
#product-options h3{color:#fff;}
#content_area #product-options a{color:#fff;}
.gray{color:#999;}
.white{color:#fff;}
.product-price{font-size:1.2em;font-weight:bold;color:#841C0E;}
.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;}
.right{text-align:right;}
.center{text-align:center;}

#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;}
#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;}

.two-col-content{width:45%; float:left;padding:10px;}

.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{display:none;}
#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 input{width: 100px}
#billing-form table.span-half{width:45%;float:left;padding: 0 5px;}
#billing-form table {width:100%;}
#billing-form #state,#billing-form #ship_state{width:30px;}
#billing-form #zip,#billing-form #ship_zip{width:50px;}
#billing-form #address_1,#billing-form #address_2,#billing-form #ship_address_1,#billing-form #ship_address_2{width:225px;}
#billing-form input.checkbox{width: 15px}
#billing-form .name{width:50%;float:left;}
#billing-form .left-border{border-left: 1px dotted #4896d8;}
#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;}
.store-content .google_map{float:right;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:170px;float:left;}
.location-map-loading img{width:54px;margin: 50px auto 0 auto;display:block;}
.location-map-loading h4{text-align:center;}

/* 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}
.dontfillmeout{display:none;}

#printer-friendly{display:none;}