/* CSS Document */

html	{height:100%;}

body {
background: #fbf8f3 url(../images/bg_site.jpg) top center no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #666;
margin:0;
padding:0;
text-align: left;
}
	body.secondary	{padding-top:50px;}
	body.blog {background-image:url(../images/bg_site_blur.jpg);}
	
	
p, div, ul, ol, li, h1, h2, h3, h4, h5 {margin-top: 0px;}
img a {border:0;}

h1, h2, h3, h4, h5	{font-family: Arial Narrow, Arial, Helvetica, sans-serif;}

a:link		{color:#666}
a:hover		{color:#666}
a:active	{color:#666}
a:visited	{color:#666}

.clear	{clear:both;}

#container	{width:896px; margin:0 auto;}	
.secondary #top_container	{width:902px; margin:0 auto; padding-top:10px; background:url(../images/follow-us.png) 840px 0px no-repeat;}
.secondary #container {padding:0 3px; background:url(../images/container_shadow.png) repeat-y;}

	* html .secondary #container {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/container_shadow.png',sizingMethod='scale');
							background:none;}

#logo	{}
	.homepage #logo	{padding:0 98px 0; margin:0 0; width:700px;}

#categories	{height:143px; width:626px; padding:0 135px; margin:0 0 31px;}
	a.category	{width:128px; height:143px; float:left; margin-right:38px; display:block; position:relative;}
	a.last		{margin-right:0;}
	#categories a.category img	{position:absolute; bottom:0px; left:-31px; border:none;}
		
.secondary #top_links	{width:896px; float:right; margin:0 0 13px; padding:0 3px 0 0; text-align:right; }
	.secondary #top_links p	{margin:0;}
	.secondary #top_links a	{margin:0; padding:0; color:#000;}
	.secondary #top_links a.fb {position:relative; top:5px;}

.secondary #navigation_container	{width:902px; padding:0; height:32px; position:relative;}
	.secondary #navigation_container img.nav_end	{float:left; margin:0; padding:0; width:10px; height:32px;}
	.secondary #navigation_container img.logo	{position:absolute; z-index:10; margin:0; padding:0; left: 28px; top: -37px;}
	
.secondary #navigation_container #navigation	{width:671px; padding-left:211px; float:left; background:url(../images/bg_nav.png) repeat-x;}
	.secondary #navigation_container #navigation a {display:block; line-height:32px; float:left; text-decoration:none; background-position: 0 -32px; background-repeat:no-repeat;}
	.secondary #navigation_container #navigation a.outerwear 	{background-image:url(../images/nav_outerwear.gif); width:94px;}
	.secondary #navigation_container #navigation a.leashes 		{background-image:url(../images/nav_leashes.gif); width:156px;}
	.secondary #navigation_container #navigation a.toys 		{background-image:url(../images/nav_toys.gif); width:126px;}
	.secondary #navigation_container #navigation a.vibram 		{background-image:url(../images/nav_vibram.gif); width:295px;}
	.secondary #navigation_container #navigation a:hover, .secondary #navigation_container #navigation a.on	 	{background-position: 0 0;}
	
.secondary #banner	{width:896px; height:286px; background: no-repeat; border-bottom:#fff 6px solid; border-top:#fff 9px solid;}
.secondary #banner #banner_text	{float:left; width:404px; padding:59px 0 0 41px; color:#000; font-family:Arial, Helvetica, sans-serif;}
	.secondary #banner #banner_text h1	{margin-bottom:12px; padding:0; font-size:28px;}
	.secondary #banner #banner_text p	{margin-bottom:21px; padding:0;}
	.secondary #banner #banner_text #image {padding:0 0 0 106px;}
	
.secondary #banner_bottom	{background:#fff url(../images/banner_bottom.gif) no-repeat; height:15px; width:896px; border-bottom:#fff 5px solid;}	
	
.secondary #products	{width:840px; padding:25px 28px 65px; background:#fff; margin:0; text-align:center; border-bottom:#dac8a7 9px solid;}	
	.secondary #products .product	{width:127px; float:left; margin:0 15px 0 0;}
		.secondary #products .lastproduct	{margin-right:0;}
	.secondary #products .product img	{margin-bottom:14px; border:#e3e3e3 1px solid;}
	.secondary #products .product a	{color:#000; font-size:9px;}
	
	
.secondary #categories	{width:896px; height:55px; padding:0; margin:0; background:#fff; background:#dac8a7;}
	.secondary #categories .subcategory_end	{width:7px; height:55px;}
		.secondary #categories .subcategory_end.left	{float:left; background:url(../images/subcategegory_left_end.gif) no-repeat;}
		.secondary #categories .subcategory_end.lefton	{float:left; background:url(../images/subcategegory_left_end_over.gif) no-repeat;}
		.secondary #categories .subcategory_end.right	{float:right; background: url(../images/subcategegory_right_end.gif) no-repeat;}
	.secondary #categories a	{display:block; line-height:55px; padding:0 24px; float:left; background:#dac8a7; font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; text-decoration:none; color:#000; border-right:#fff 3px solid;}
	.secondary #categories a.on	{background-color:#fada59;}
	

.secondary p#breadcrumb {display:block; color:#000; background:#faf8f3; line-height:32px; widows:675px; padding-left:221px; margin:0; font-size:10px;}
	.secondary p#breadcrumb a	{color:#000; text-decoration:none;}
	.secondary p#breadcrumb a:hover	{text-decoration:underline;}
	.secondary p#breadcrumb a:visited {color:#000;}

.secondary #product_detail	{ background:#fff; min-height:378px; width:896px;}
	.secondary #product_detail #product_image	{width:363px; padding:34px 17px 0 65px; float:left;}
		.secondary #product_detail #product_image img	{border:#e0e0e0 1px solid;}
	.secondary #product_detail #product_image p {float:left; display:block; width:356px; padding:9px 0 0 7px; color:#000; font-size:11px;}	
		.secondary #product_detail #product_image a {color:#000; text-decoration:none;}	
		.secondary #product_detail #product_image a:hover, .secondary #product_detail #product_image a.on {text-decoration:underline;}	
		.secondary #product_detail #product_image a:visited	{color:#000;}
		.secondary #product_detail #product_image a:active	{color:#000;}

	.secondary #product_detail #product_text	{float:left; width:431px; padding:42px 10px 10px; color:#000;}
		.secondary #product_detail #product_text h1 {color:#be7f41; font-family:Arial, Helvetica, sans-serif; font-size:22px;}
		.secondary #product_detail #product_text table	{width:100%;}
		.secondary #product_detail #product_text td		{width:50%;}
		
	.secondary #product_detail #product_text form	{}
	.secondary #product_detail #product_text form p	{margin:0;}
		.secondary #product_detail #product_text form select	{width:200px;}


	.secondary #product_detail #product_text #price	{float:left; width:256px; color:#be7f41; font-size:14px; font-weight:bold;}
	.secondary #product_detail #product_text #buttons	{float:left; width:157px;}
	.secondary #product_detail #product_text #buttons input	{margin:0;}
	.secondary #product_detail #product_text #buttons input.button	{margin-bottom:6px;}
	.secondary #product_detail #product_text #buttons a{color:#000; font-size:10px;}

	.secondary h1#other_items	{display:block; background:url(../images/bg_other_items.gif) no-repeat; line-height:42px; width:858px; padding-left:38px; color:#000; font-size:18px; font-family:Arial Narrow, Arial, Helvetica, sans-serif; margin:0;}

	.secondary #product_detail #shoppingcart { padding: 50px 0 0 100px; width: 700px;}
	.secondary #product_detail #shoppingcart form.shoppingcartform table#shoppingcart { border-collapse: collapse; }
    .secondary #product_detail #shoppingcart form.shoppingcartform th { border: 1px solid #d0d0d0; padding: 6px; }
    .secondary #product_detail #shoppingcart form.shoppingcartform td { border: 1px solid #d0d0d0; padding: 6px; }


	.secondary #secondary_content	{background:#fff; width:846px; padding:8px 41px 9px 9px; border-bottom:#dac8a7 9px solid;}

		.secondary #secondary_content #left_col	{float:left; width:234px; color:#000; background:#f3e9d6; margin:0 42px 0 0;}
			.secondary #secondary_content #left_col	h2 {display:block; line-height:39px; padding-left:17px; background:#dac8a7; margin:0 0 5px;}
			
			.secondary #secondary_content #left_col	#news_items {padding:0 12px 60px;}
				.secondary #secondary_content #left_col	#news_items p {font-size:10px;}
				.secondary #secondary_content #left_col	#news_items a {color:#be7f41;}
				
			.secondary #secondary_content #left_col	.news_item {padding:14px 30px 8px 5px; margin:0 0 1px; border-bottom:#dac8a7 1px solid; border-top:#fff 1px solid;}
				.secondary #secondary_content #left_col .first {border-top:none;}
				.secondary #secondary_content #left_col .last	{border-bottom:none;}
			
			
		.secondary #secondary_content #main_col	{padding:26px 0 0 0; float:left; width:570px;}
			.secondary #secondary_content #main_col	h1 {color:#be7f41; margin:0 0 22px; font-size:20px; font-family:Arial, Helvetica, sans-serif; line-height:15px;}
			.secondary #secondary_content #main_col	.news_date {display:block; padding:0 0 0 10px; color:#000; line-height:22px; font-weight:bold; background:#f0e9db; text-align:left; margin-bottom:17px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
			.secondary #secondary_content #main_col	h2 {color:#be7f41; margin:0 0 13px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
			.secondary #secondary_content #main_col	h3 {color:#000; margin:0 0 25px; font-style:italic; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
			.secondary #secondary_content #main_col	p {color: #000; line-height:18px; margin-bottom:24px;}


sup {margin:0; padding:0}
p.error {color:red;}
a.breadcrumb_on {font-weight:bold;}

#bottom_shadow	{background:url(../images/container_bottom_shadow.png) no-repeat; height:6px; width:902px; margin:0 auto 7px;}
	* html #bottom_shadow {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/container_bottom_shadow.png',sizingMethod='scale');
							background:none;}
	
#footer	{margin:0 auto; padding:0; width:896px;}
	#footer p {text-align:center; font-size:10px;}
	#footer a {text-decoration:none; color:#666;}
    
/* contact form */
form.contactForm label, form.contactForm input, form.contactForm select, form.contactForm textarea {
	display: block;
	width: 190px;
	float: left;
	margin-bottom: 5px;
}
form.contactForm label {
	text-align: right;
	width: 250px;
	padding-right: 20px;
}
form.contactForm br {
	clear: left;
}
.contactFormErrors {
    color: #ff0000;
}

/* testing */
h1 {
color: blue;
font-family: Tahoma;
}
.errorColor {
color: red;
}
/* testing */


