@media print{
.hide_when_printed{
display: none !important;
}
.show_when_printed{
display: block !important;
}
}

@charset "utf-8";
/* Deceased Pet Care Store
Updated: 07/14/2010
Author: Laurence Johnston 
----------------------------------------------------*/

/* SECTION INDEX
-------------
=ZEROING ALL ELEMENTS
=GLOBAL ELEMENTS
=GLOBAL CLASSES
=GLOBAL FORMS RULES
=WRAPPER
=HEADER
=navbar
=MAIN
=COLUMN-LEFT
=COLUMN-RIGHT
=BOTTOM WRAP AND FOOTER
=DISCLAIMERS
=SFNT PAGE
=CTGY PAGE
=PROD PAGE
=SRCH PAGE
=LOGN PAGE
=BASK AND CHECKOUT PAGES
*/

/* =ZEROING ALL ELEMENTS
----------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,html{margin:0;padding:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

#container{
		margin:0 auto;
				width:960px;
								height:auto;
}




html {
overflow-y: scroll;
}

body { 
text-align:center; 
font:12px/1.4 Arial, Helvetica, sans-serif; 
margin: 0; /* reiterating for webkit */
background-image: #14203a url(../graphics/00000001/DPC-background-repeatx.jpg) repeat-y center top;
color: #ffffff;
margin:0 auto;
}


h1{ font-size:bold 1.5em; color:#152F68;}
h2{ font-size:bold 1.3em; color:#152F68;}
h3{ font-size:bold 1.1em; color:#152F68;}
h4	{ font-size:12px; color:#152F68; }
h5	{ font-size:11px; color:#152F68; }
h6	{ font-size:10px; color:#152F68; }


blockquote { 
margin: 0 10px 10px; 
background:#EFEFEF; 
padding: 10px;
font-family: Georgia, Times, "Times New Roman", serif;
font-style: italic;
color: #152F68;
}

a:link,a:visited	{ color:#152F68; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#152F68; text-decoration:none; outline:none; }

img {vertical-align: bottom;} /* to prevent a gap from showing below images in some browsers */

p{
color:#152F68;}
h1{
margin-bottom: 5px;
}
h2, h3, h4, h5, h6, p {
margin-bottom: 10px;
}



/* ------------------------ GLOBAL CLASSES ------------------------ */

.clear	{ 
clear:both;
}

.img-left { 
float:left; 
margin:2px 10px 10px 0px;
}

.img-right { 
float:right; 
margin:5px 0px 10px 10px; 
}

.float-left {
float: left;
display: inline;
}

.float-right {
float: right;
display: inline;
}

.align-left {
text-align: left;
}

.align-center {
text-align: center;
}

.align-right {
text-align: right;
}

.hidden{
display:none;
}

.grey-button {
color:#000 !important; 
background:#CFC9B5 !important;
cursor: pointer;
}

.dark-border {
border:1px solid #152F68 !important; 
}

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* ------------------------------- GLOBAL FORM ELEMENTS ------------------------------- */

fieldset {
border: 1px solid #152F68;
padding: 0 0 10px 0;
margin: 10px 0 0 0;
}

legend {
margin: 0 0 0 20px;
padding: 3px 10px;
font:  normal 14px Arial, sans-serif;
color:#152F68;
}

label {
display:block;
float:left;
width:150px;
text-align:right;
margin-right:.5em;
padding: 3px 0;
cursor: pointer;
}

.dark {
color:#152F68;
text-decoration:none;
}

.dark a {
color:#152F68;
text-decoration:none;
}
.dark a:hover {
color:#152F68;
text-decoration:underline;
}
.footer_links a {
color:#44381A;
text-decoration:none;
}
.footer_links a:hover {
color:#000;
text-decoration:underline;
}
.foot{
color:#ffffff;
}



 




 
.basket {
	font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #1b384b;
	font-weight: bold;
	margin-right: 10px;
}
.basket a {
	font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #1b384b;
	font-weight: bold;
}
.cat-title {
	font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #152F68;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
}
.cat-title a {
	font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #152F68;
	font-weight: bold;
}
.cattree {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #fff8e6;
	text-decoration: none;
}
.cattree a {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #fff8e6;
	text-decoration: none;
}
.ctgy-product {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #1b384b;
	text-decoration: none;
}
.ctgy-product a {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #1b384b;
	text-decoration: underline;
}
#fullheight {
height:100%;
}
.navbar {
	color:#FFFFFF;
	font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.navbar td a, .navbar td a:link, .navbar td a:visited {
	color:#FFFFFF;
	font-family: Verdana, Tahoma, Geneva, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
.padding {
	margin: 10px;
	}
.height-padding {
	margin: 10px;
	height: 400px;
}
.prod-attr {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #1b384b;
}
.prod-name {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #1b384b;
	margin-bottom: 20px;
}
.prod-desc {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #1b384b;
}
.related-items {
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #1b384b;
}

.top-border {
border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #fff8e6;
	border-left-color: #fff8e6;

}

/* SUBNAV - CATTREE */

ul#first {
	list-style-type:none;
	width:190px;
	margin: 0px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	}
#subnav {
	float:left;
		width:212px;
	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff8e6;*/
}
#subnav li {
	color: #fff8e6;
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
 }
#subnav li a {
	display: block;
	width: 100%;
	color: #fff8e6;
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 14px;
	text-decoration:none;
	font-weight: bold;
}
#subnav li a:hover {
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 14px;
	text-decoration:none;
}
#subnav li ul {
	list-style: none;
	margin:0;
		text-align:left;
	padding-top: 10px;
	width:100%;
	padding-bottom: 3px;
 }
#subnav li.subcategory {
	color: #fff8e6;
	font-family: "Century Gothic", Tahoma, Arial, sans-serif;
	font-size: 14px;
	text-decoration:none;
padding-bottom:6px;
padding-top:3px;
margin:0;
		 }	
#subnav li.subcategory a { 
color: #fff8e6;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
text-decoration:none; 
line-height:14px;
text-align:left;
display: block;
	width: 100%;
}		
#subnav li.subcategory a:hover { 
color: #fff8e6;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
text-decoration:none;  
}	
#subnav li.subcategory a:visited:hover { 
color: #fff8e6;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 14px;
text-decoration:none; 
}

 





  
 
 
h1 {
color:#100D06;
font-family:Calibri,Arial,serif;
font-size:23px;
margin:0 0 20px;
padding:0;
}
h1 a, h1 a:visited {
color:#100D06;
font-family:Calibri,Arial,serif;
font-size:23px;
margin:0 0 20px;
padding:0;
text-decoration:none;
}
h1 a:focus, h1 a:hover {
color:#100D06;
font-family:Calibri,Arial,serif;
font-size:23px;
margin:0 0 20px;
padding:0;
text-decoration:underline;
}
h2 {
color:#152F68;
font-size:16px;
}
h2 a, h2 a:link, h2 a:focus, h2 a:hover, h2 a:active {
color:#152F68;
font-size:16px;
}
h3 {
color:#100D06;
font-size:14px;
margin:0 0 3px;
}
td a, td a:link, td a:visited {
color:#152F68;
font-weight:bold;
text-decoration:none;
}
td a:focus, td a:hover, td a:active {
color:#152F68;
}
td {
color:#100D06;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
}
p {
color:#100D06;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
}
p a, p a:link, p a:visited {
color:#100D06;
font-size:13px;
text-decoration:underline;
}
p a:focus, p a:hover, p a:active {
color:#000000;
font-size:13px;
}
 
li {
color:#100D06;
font-size:13px;
margin-bottom:6px;
}
li a, li a:link, li a:visited {
color:#100D06;
font-size:13px;
text-decoration:underline;
}
li a:focus, li a:hover, li a:active {
color:#000000;
font-size:13px;
}
i {
color:#152F68;
font-size:13px;
font-style:italic;
}
.headerhome {
height:290px;
margin:0;
}
.header {
height:215px;
margin:0;
}
.headerleft {
float:left;
width:380px;
}
.headerright {
}
.logoDPC {
margin:3px 0 2px 4px;
}
.main-btnOak {
margin-bottom:3px;
margin-left:4px;
}
.main-btnLoving {
margin-bottom:3px;
margin-left:4px;
}
.contact {
font-family:"Myriad Pro",Arial,serif;
font-size:18px;
font-weight:600;
margin-top:10px;
text-align:center;
}
.white {
color:#FFFFFF;
}
.blue {
color:#1B3571;
}
.blue2 {
color:#5477C2;
}
.brown {
color:#6A665E;
}
.center {
text-align:center;
}
.bluebig, .bluebig a {
color:#1D376F;
font-family:"Myriad Pro",Arial,serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
}
.bluebig a:hover {
text-decoration:underline;
}
ul.bluebig {
margin:8px;
padding:0;
text-align:center;
}
.bluebig li {
list-style:none outside none;
margin:0;
padding:0;
}
.frmNewsletterbtn {
float:right;
}
.btnfollow {
float:right;
margin-top:-2px;
}
.testimonial {
color:#F3EADB;
font-size:10.5px;
padding-left:10px;
padding-right:5px;
}
.content {
clear:both;
}
.right2 {
float:right;
overflow:hidden;
width:690px;
}
.right {
float:right;
overflow:hidden;
width:748px;}
.rightinnercenter {
float:left;
overflow:hidden;
width:485px;
}
.rightinnerright {
border-left:1px solid #AAA399;
float:right;
overflow:hidden;
width:210px;
}
input.frmnewsletter {
border:1px solid #4C4C4C;
}
.navigation {
}
#nav, #nav ul {
margin:0;
}
#nav ul {
background-color:#031B4D;
left:-999em;
margin-left:-1px;
position:absolute;
}
#nav li {
float:left;
line-height:20px;
list-style:none outside none;
margin-right:15px;
}
#nav ul li {
border:0 none;
clear:left;
margin-right:0;
}
#nav li:hover ul, #nav li.sfhover ul {
left:auto;
}
#nav li:hover ul li, #nav li.sfhover ul li {
font-size:12px;
left:auto;
}
#nav a, #nav a:link, #nav a:visited {
background-color:#031B4D;
color:#F9E797;
display:block;
text-decoration:none;
}
#nav a:focus, #nav a:hover, #nav a:active {
background-color:#031B4D;
}
.trigger ul li a:hover {
color:#FFFFFF !important;
}
#TopSpacer {
height:5px;
margin:0 auto;
width:960px;}
#TopRightNav {
color:#FFFFFF;
font-family:Arial,serif;
font-size:11px;
font-weight:bold;
height:20px;
margin:0 auto;
text-align:right;
vertical-align:middle;
width:960px;}
#TopRightNav a {
color:#FFFFFF;
text-decoration:none;
}
#TopRightNav a:hover {
color:#F9E797;
}
#HeaderContainer {
height:287px;
margin:0 auto;
text-align:center;
width:960px;}
#LogoLeftEdge {
background:url("../images/DPC_LogoLeftEdge.jpg") no-repeat scroll 0 0 transparent;
float:left;
height:287px;
margin:0 auto;
overflow:hidden;
width:8px;
}
#LogoMain {
background:url("../images/DPC_LogoMainHome.jpg") no-repeat scroll 0 0 transparent;
float:left;
height:287px;
margin:0 auto;
overflow:hidden;
width:363px;
}
#NavigationMain {
height:36px;
margin:4px 0 0 65px;
overflow:hidden;
width:597px;
}
#HeaderImage {
height:251px;
margin:0 auto;
overflow:hidden;
width:597px;
}
#BodyDividerSlice {
background:url("../images/DPC_BodySliceHorizontal.jpg") no-repeat scroll left top transparent;
height:4px;
margin:0 auto;
width:960px;}
#ContentBodyMain {
background:url("../images/bg.jpg") repeat-y scroll 0 0 transparent;
height:auto;
margin:0 auto;
min-height:750px;
width:960px;
}

#main ul{
list-style-image:url("../images/PawDot.gif");
}




#LeftNav {
background:url("../images/DPC_LeftNavBackground.jpg") repeat-x scroll left top transparent;
float:left;
height:auto;
margin:0 auto;
width:212px;
}
#LeftNavContent {
height:auto;
margin:10px 0 0 5px;
width:198px;
}
#LeftNavContent.btnLeft {
margin-top:12px;
}
#RightBodyContainer {
float:left;
height:auto;
margin:0 auto;
width:748px;}
#Headline {
background:none repeat scroll 0 0 #C8B569;
float:left;
height:35px;
margin:0 auto 20px;
width:748px;
}
#HeadlineContent {
height:30px;
margin:0 auto;
}
#HeadlineContent h1 {
color:#44381A;
font-family:Calibri,Arial,serif;
font-size:23px;
margin:0 0 0 15px;
text-align:left;
}
#RightBodyContent {
background:none repeat scroll 0 0 #F3EADB;
height:auto;
margin:50px 0 0 15px;
width:710px;
}
#SEOFooter {
background:none repeat scroll 0 0 #C8B569;
border-right:thin solid #000033;
height:32px;
margin:0 auto;
width:962px;
}
#SEOFooterContent {
color:#44381A;
font-family:Arial,serif;
font-size:11px;
height:28px;
margin:0 auto;
width:955px;
}
#SEOFooterContent a {
color:#44381A;
text-decoration:none;
}
#SEOFooterContent a:hover {
color:#000000;
}
#SEOFooterContent img {
margin-top:-20px;
text-align:right;
vertical-align:bottom;
}
#FooterSlice {
background:url("../images/DPC_FooterGradientSlice.jpg") no-repeat scroll left top transparent;
height:5px;
margin:0 auto;
width:960px;}
#FooterCopyright {
background:none repeat scroll 0 0 #131F39;
color:#8C92A0;
font-size:10px;
height:28px;
margin:0 auto;
text-align:center;
vertical-align:middle;
width:960px;}
#FooterCopyright img {
vertical-align:middle;
}
.btnRight {
margin-top:12px;
}

#bone {
background:url("../images/DPC-background-repeatx.jpg") repeat-x scroll left top transparent;
margin:0;
}
#btwo {
background:url("../images/DPC-main-background-repeat.jpg") repeat-y scroll left top transparent;
margin:0 auto;
width:967px;
}
#base {
background:url("../images/DPC-main-fullbackground.jpg") no-repeat scroll left top transparent;
margin:0;
padding:0;
width:967px;
}
#base2 {
background:url("../images/DPCbackground-inner.jpg") no-repeat scroll left top transparent;
margin:0;
padding:0;
width:967px;
}




















 /* =CTGY PAGE
   ----------------------------------------------------*/
.cat_wrap{
width:720px;
margin:0px auto;
padding:5px 0px;
text-align:left;
}
 .subcat_title{
  height:26px;
 padding-bottom:1em;
 position:relative;
 z-index:2;
 clear:both;
 }
.expand_btn{
 display:block;
 float:right;
 margin-top:0.25em;
 cursor:pointer;
 }
 .ctgy_products{
 width:200px;
height: 260px;
 margin:0 0 0em;
 padding:10px 15px 0px 15px;
 text-align:center;
 font-size:12px;
 color:#152F68;
 float:left;
 overflow:hidden;
 }
 
  .ctgy_products h3{
  font:bold 14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
  }
  .ctgy_products span{
  font-weight:bold;
  }
  .ctgy_products a{
  display:block;
  margin:0 auto 2px;
  color:#051931;
  text-decoration:none;
  }
   .ctgy_products a:hover{
   color:#152F68;
   }
  .ctgy_products img{
  display:block;
  margin:0 auto 0.5em;

 /* =IMG FIX
   -----------------------------
  height: 150px;
   overflow:hidden;
-----------------------*/


  }
 
 
 
 
 

.product{
background-image:url("../images/ctgy_bg_repeat.jpg");
background-position:center top;
background-repeat:repeat-x;
float:left;
height:318px;
margin-left:20px;
padding:10px;
text-align:center;
width:200px;
}
.product.new-row {
clear: both;
}
.product_box {
height:200px;
overflow:hidden;
padding:0;
text-align:center;
width:200px;
}

.product_box a{
height:200px;
overflow:hidden;
padding:0;
text-align:center;
width:200px;
}

.product_box a:hover{
height:200px;
overflow:hidden;
padding:0;
text-align:center;
width:200px;
background-color:#f1ebd2;
}

 #product_main {
width: 100%;
height:35px;
float: left;
text-align: center;
}
#product_text {
width: 100%;
height:40px;
float: left;
text-align: center;
}
.product_name {
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #152F68;
text-align: center;
}
.product_name a {
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #f1ebd2;
text-align: center;
padding-bottom:10px;
}
.price_text {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #152F68;
text-align: center;
}
.price{
color: #152F68;
margin-top: 5px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.cart_red{
color: #FF0000;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.ctgy_code{
color: #152F68;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}











/* =CATEGORY TITLE IMAGES
----------------------------------------------------*/
#cat_title_images{
width:695px;
height:32px;
position:absolute;
}

.cat_titles_left{
position:relative;
padding:10px 0 0 10px;
color: #152F68;
font:normal 12px Arial, Helvetica, sans-serif;
}
 
.cat_titles_left a{
color: #152F68;
font:normal 12px Arial, Helvetica, sans-serif;
}
.cat_titles_left a:hover{
color: #152F68;
font:normal 12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.cat_titles_right{
position:relative;
padding:10px 5px 0 10px;
color: #152F68;
float:right;
width:200px;
height:auto;
font:normal 12px Arial, Helvetica, sans-serif;
}
.cat_titles_right a{
color: #152F68;
font:normal 12px Arial, Helvetica, sans-serif;
}
.cat_titles_right a:hover{
color: #152F68;
font:normal 12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}









.cat_titles_bottom_right{
padding:10px 0 0 10px;
color: #152F68;
float:right;
width:400px;
height:auto;
font:normal 12px Arial, Helvetica, sans-serif;
}
.cat_titles_bottom_right a{
color: #152F68;
font:normal 12px Arial, Helvetica, sans-serif;
}
.cat_titles_bottom_right a:hover{
color: #152F68;
font:normal 12px Arial, Helvetica, sans-serif;
text-decoration:underline;
}















/* =BREADCRUMBS
----------------------------------------------------*/
#breadcrumbs{
width:650px;
height:auto;
float:left; 
text-align:left; 
margin-bottom:10px;
color:#152F68;
}
.breadcrumb{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#152F68;
}
.breadcrumb a{
font-size:12px;
color:#152F68;
padding:0 3px;
text-decoration:none;
}
.breadcrumb a:hover{
text-decoration:underline;
}
.breadcrumb_on{
color:#152F68;
padding:0 3px;
font-weight:bold;
}
.breadcrumbs_on{
color:#152F68;
text-decoration:underline;

}
.b_on{
color:#152F68;
padding:0 3px;
font-weight:bold;
text-decoration:underline;
}