/* Four Paws BASIC ELEMENTS
------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }

body { text-align: center; font-size: 12px; font-family: tahoma, arial, sans-serif; color: #333; }
table, th, td { font-size: 12px; font-family: tahoma, arial, sans-serif; color: #333; text-align: left; }

img { border: none; }

a:link { color: #0072bc; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover, a:active { color: #77b4db; text-decoration: underline; }

.skip { display: none; }

/* heading
------------------------------------------------------------------------------------- */
.container	{ position: relative; width: 760px; margin: 0 auto; text-align: left; }
.header		{ position: relative; height: 116px; background: url(../images/bg_header.gif) no-repeat 0 30px; z-index: 50;}
.s_header		{ background: url(../images/bg_s_header.gif) no-repeat 0 30px; }
.logo		{ position: absolute; top: 57px; left: 6px;}
.headnav	{ position: absolute; top: 30px; right: 0; width: 260px;}
.headnav li	{ float: left; list-style: none; color: #00395e; font-size: 11px; background: url(../images/h_paw.gif) no-repeat 4px 10px;}
.headnav li.on	{ padding: 25px 6px 0; border-left: 1px solid #00395e;}
.headnav a:link, .headnav a:visited	{ float: left; display: block; padding: 25px 6px 0; border-left: 1px solid #00395e; color: #77b4db; text-decoration: none; background: url(../images/h_paw.gif) no-repeat 4px 10px;}
.headnav a:hover	{border-left: 1px solid #77b4db; background: url(../images/h_paw_hover.gif) no-repeat 4px 10px; }
.headnav strong a:link, .headnav strong a:visited	{ color: #fff;}
#search 		{ position:absolute; right:0; bottom:0; padding: 0 10px 7px 0; }
#search input 		{ border:1px solid #2b257d; width:95px; font-size:11px; padding:2px; } 
* html #search input	{ height:17px; he\ight:12px;  }
#search input.btn 	{ position:relative; top:5px; width:51px; height:18px; border:none; padding:0; }


/* NAVIGATION
------------------------------------------------------------------------------------- */

#nav 	{ position: absolute; bottom: 0; left: 136px; width: 451px; height: 34px;}
#nav li { position: relative; list-style: none; float: left; height: 34px;}
#nav li a, #nav li div { position: relative; display: block; text-decoration: none; cursor: pointer; float: left; height: 34px; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 34px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.gif); }

#nav li.products, #nav li.products a, #nav li.products a strong		{ background-position: 0 0; width: 103px; }
#nav li.news, #nav li.news a, #nav li.news a strong					{ background-position: -103px 0; width: 79px; }
#nav li.store-locator, #nav li.store-locator a, #nav li.store-locator a strong		{ background-position: -182px 0; width: 131px; }
#nav li.our-company, #nav li.our-company a, #nav li.our-company a strong		{ background-position: -313px 0; width: 138px; }

/* HOVER STATE */
#nav li.products a:hover, #nav li.products a:hover strong	{ background-position: 0 -34px; width: 103px; }
#nav li.news a:hover, #nav li.news a:hover strong			{ background-position: -103px -34px; width: 79px; }
#nav li.store-locator a:hover, #nav li.store-locator a:hover strong		{ background-position: -182px -34px; width: 131px; }
#nav li.our-company a:hover, #nav li.our-company a:hover strong		{ background-position: -313px -34px; width: 138px; }

/* ON STATE */
#nav li.productson, #nav li.productson a,  #nav li.productson strong	{ background-position: 0 -68px; width: 103px; }
#nav li.newson, #nav li.newson a, #nav li.newson strong			{ background-position: -103px -68px; width: 79px; }
#nav li.store-locatoron, #nav li.store-locatoron a, #nav li.store-locatoron strong		{ background-position: -182px -68px; width: 131px; }
#nav li.our-companyon, #nav li.our-companyon a, #nav li.our-companyon strong		{ background-position: -313px -68px; width: 138px; }

#nav li li a:link, #nav li li a:visited	{ background: #1284d1; border: 1px solid #201B6E; border-width: 0 2px 2px;  height: auto; padding: 5px; font-size: 11px; color: #fff;}
#nav li li a:hover	{ background: #3d9ada;}
#nav li li	{ height: auto; width: auto;}

#nav ul 	{ list-style: none; } /* all lists */
#nav li ul  { display: none; position: absolute; top: 34px;	left: -1px; z-index: 50; } /* second-level lists */
#nav li>ul 	{ top: 34px; left: -1px; z-index: 50; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.over ul 	{ display: block; padding: 0; z-index: 50; opacity: 1; filter: alpha(opacity=100); }



/* homepage
------------------------------------------------------------------------------------- */
.h_main { position: relative; margin: -34px 0 0; background: url(../images/h_mainimg.jpg) no-repeat; height: 356px; z-index: 1; }
.tagline { position: absolute; top: 91px; left: 87px; }

.h_quickfind { position: absolute; top: 110px; left: 15px; background: url(../images/bg_quickfind.jpg) no-repeat; width:188px; height:140px; padding: 0 10px; }
* html .h_quickfind	{ width: 208px; w\idth: 188px; }
.h_quickfind select	{ width: 180px; margin: 2px 0 5px; font-size: 11px; }

.h_newsletter { position: absolute; top: 279px; left: 15px; }
.h_welcome { position: absolute; top: 285px; left: 260px; width: 480px; line-height: 16px; color: #745d02; }
.h_product2 { float: right; width:254px;}
.h_product3 { width:238px; }
.h_product { float: left; display: inline; margin: 15px 15px 15px 0; }
.wideContent { margin-top:-11px; position:relative }
#wideBannerRotation { margin-top:5px; }

.h_stories { position: relative; float: left; margin: 15px 0; width: 507px; height: 140px; /*background: url(../images/bg_h_stories.gif) no-repeat;*/ font-size: 11px; line-height: 15px; }
.h_stories ul	{ padding: 10px 0 0; list-style: none; }
.h_stories ul a:link, .h_stories ul a:visited	{ background: url(../images/arrow_blue2.gif) no-repeat 0 5px; padding-left: 6px; }
.h_stories h1 { font-size: 14px; }
.h_title { position: absolute; bottom: 10px; left: 10px; }
.h_col1	{ float: left; display: inline; width:106px; margin: 5px 0 0 10px; }
.h_col2	{ float: left; display: inline; width:240px; margin: 10px; }
.h_col3	{ float: left; display: inline; width:111px; height: 120px; margin: 10px 0 0; border-left: 1px solid #e0ddcc;}
.h_col3 img	{ margin: 10px 5px 10px 10px;}

.footer { clear: both; height: 60px; background: url(../images/bg_footer.jpg) no-repeat; font-size: 10px; color: #86aed5;  }
.footer p	{ padding: 10px; line-height: 15px; }
.footer p a:link, a:visited { color: #86aed5; text-decoration: none; }
.footer ul { float: right; width: 180px; }
.footer li { float: left; list-style: none; color: #00395e; }
.footer li.on	{ padding: 25px 6px 0; border-left: 1px solid #00395e; }
.footer li a:link, .footer li a:visited	{ float: left; display: block; padding: 25px 6px 0; border-left: 1px solid #2274b9; color: #77b4db; text-decoration: none; }
.footer li a:hover { border-left: 1px solid #77b4db; }


a.arrow:link, a.arrow:visited	{ background: url(../images/arrow_blue.gif) no-repeat 0 5px; padding-left: 6px; font-size: 11px; color: #005592; }
a.arrow:hover { text-decoration: none; }

/* subpage
------------------------------------------------------------------------------------- */
.subhead { padding: 2px 0 0; }
/*#subnav { position: relative; float: left; width: 136px; margin: 15px 0 0; background: url(../images/bg_subnav.jpg) no-repeat; height: 180px; }*/
	

#subnav { position: relative; float: left; width: 136px; margin: 15px 0 0; background: url(../images/bg_subnav.jpg) no-repeat; height: 180px; }
	#subnav ul	{ list-style: none; padding: 16px 0 150px; }
	#subnav li	{ position: relative; padding: 3px 4px 3px 0; }
        #subnav li a:link, #subnav li a:visited	{ position: relative; display: block; color: #0072bc; font-weight: bold; text-decoration: none; background: url(../images/arrow_blue2.gif) no-repeat 14px 5px; font-size: 11px; padding-left: 20px; padding-bottom: 2px; }
	#subnav li a:hover	{ background: #e7d385 url(../images/arrow_blue2.gif) no-repeat 14px 5px; }
	#subnav li.on strong	{ display: block; color: #8aa7ab; font-weight: bold; background: url(../images/arrow_on.gif) no-repeat 14px 5px; font-size: 11px; padding-left: 20px; padding-bottom: 2px;} }
        #subnav img { position: absolute; top: 220px; left: 0; }

.content { position: relative; float: left; display: inline;width: 590px; min-height: 340px; margin: 25px 0 20px 30px; line-height: 17px; }
  * html .content 						{ height: 340px; }
	#products .content 					{ min-height: 340px; }
		* html #products .content 		{ height: 340px; }
	.content .center_content { width: auto; }
	.content p { padding: 0 0 15px; }
	.content div.intro { color: #745d02; font-size: 14px; line-height: 18px; width: 460px;  }
	.content p.intro2 { color: #745d02; font-size: 12px; line-height: 16px; }
	.content ul, .content ol { padding: 5px 20px 15px; }

	.content .s_title { padding: 0 0 14px 0; color: #745d02; font-size: 20px; font-weight: normal; }

	#searchresults td { text-align:right; background-color:#FFF; }
	#searchresults .z { display:none;  }
	#searchresults hr { color:#FFF; background-color:#FFF; }
	#searchresults td font b { font-size:inherit; font-weight:inherit; }

	.s_column	{ float: left; display: inline; width: 175px; margin: 10px 10px 15px 0; }
		.s_column ul { width: 160px; }
		.s_column ul.s_paws li { padding-bottom: 7px; }		
	.s_column2	{ width: 180px; float: left; position: relative; display: inline; margin: 10px 20px 15px 0; }

	.content .s_paws { padding: 10px 0; list-style: none; font-size: 11px; }
	.content .s_paws li { padding: 0 0 2px 15px; background:url(../images/paw.gif) no-repeat 0 5px; }
	.content .s_paws li div { background:transparent; padding-left:10px; }


	.content .sitemap td { width: 260px; }
	.content .sitemap ul { padding: 5px 0 0 5px; }
	.content .sitemap li { list-style: none; padding: 0 0 6px 10px; }	
        .content .sitemap b { padding: 0 6px 3px; background: url(../images/paw.gif) no-repeat 0 1px; }
	.content .sitemap a.expand, .content .sitemap a.collapse { padding: 0 4px; text-decoration: none; }	
        .content .sitemap div { padding: 5px 0; }

	.content .s_brand, .content .s_category, .content .s_category2 { padding: 5px 10px 15px 4px; font-size: 11px; }
	.content .s_brand { padding-right: 30px; margin-right: 18px; border-right: 1px solid #efe1ab; }
	.content .s_category, .content .s_category2 { float: left; position: relative; }
	.content .s_category {}
	.content .s_category2 { padding: 5px 0 15px 4px; }
	.content .s_brand li, .content .s_category li, .content .s_category2 li { padding: 0 0 2px 10px; list-style: none; position: relative; background: url(../images/bllt_brand.gif) no-repeat 0% 8px; }

/*
	.content .description { padding: 22px 0 0 0; clear: both; border-top: 1px solid #efe1ab; }
		.content .description p { font-size: 11px; line-height: 15px; }
		.content .description p.details { margin-top: -22px; text-align: right; }
		.content .description h3 { font-size: 12px; }

	.tools h2 { padding: 0 0 21px 0; color: #745d02; font-size: 20px; font-weight: normal; }
	.tools .view_by {}
		.tools .view_by p { padding: 0; color: #745d02; font-size: 11px; }
		.tools .by_brand { padding: 1px; width: 100px; height: 16px; font-size: 11px; border: 1px solid #7f9db9; }
		* html { width: 125px; w\idth: 100px; }
		.tools .by_product { padding: 1px; width: 154px; height: 16px; font-size: 11px; border: 1px solid #7f9db9; }
		* html { width: 156px; w\idth: 154px; }
*/
	.prod_list 		{ padding: 0 !important; font-size: 11px;}
		.prod_list ul	{ padding: 0; margin: 0 15px 6px;}
		.prod_list li 	{ list-style: none;}
		.prod_list a:link, .prod_list a:visited { padding-left: 12px;}
		.prod_list a.title:link, .prod_list a.title:visited { padding-left: 0; margin-left: -3px; }
		a.expand { background: url(../images/icon_expand.gif) no-repeat 0% 3px; }
		a.collapse { background: url(../images/icon_collapse.gif) no-repeat 0% 3px; }


	.description { width: 460px; color: #745d02; font-size: 14px; line-height: 16px; }
	.caption		{ float: right; display:inline; margin: 0 0 10px 20px; width: 220px; background: #fff; text-align: center; padding: 0 0 2px; font-size: 10px;}
	.caption img	{ margin: 4px 0 2px;}
	.caption a		{ color: #73b4da; text-decoration: none; }
	.caption a:hover	{ text-decoration: underline; }

.view_by { padding: 0 0 5px; margin: 0 0 5px; font-size: 11px; height:1%; border-bottom: 1px solid #f1e0aa;}
	.view_by select { padding: 1px; font-size: 11px; width: 141px; margin-right: 5px;}
	.view_by select.last { margin: 0;}

.prod_thmb	{ float: left; display: inline; width: 280px; margin: 0 15px 15px 0; font-size: 11px;}

	.product_info { margin: 0 0 20px; width: 580px; }
		.product_info th { padding: 2px 5px; color: #fff; font-weight: bold; background: #cfa606; border-bottom: 1px solid #fff; font-size: 11px;}
		.product_info td { padding: 2px 5px; color: #000; background: #f6eed1; border: 1px solid #fff; border-width: 0 1px 1px 0; font-size: 11px; }
		.product_info td.last { border-right: none; }

.sidebar { float:right; display: inline; margin: 0 20px 10px 10px; font-size: 10px; }

.prod_list .pages { margin-top: 10px; padding: 3px 0 0 0;  color: #745d02; font-size: 10px; border-top: 1px solid #efe1ab; }

.prod_list .product { margin: 16px 5px 11px 0; width: 266px; min-height: 200px; float: left; position: relative; display: inline; }
* html .prod_list .product { /*\*/height: 200px;/**/ }
	.prod_list .product p { font-size: 11px; }
		.prod_list .product p div { text-align: center; }
	.prod_list .product img { margin: 0 0 4px 0; }
	.prod_list .product a { font-weight: bold; }

.s_img { position: relative; float: right; padding: 0 0 10px 10px; margin-right: -124px; }
.s_img.wide { margin-right:0; }
.content .intro2 img { padding: 5px 0 10px 20px; }

/* Store Locator Form */
.locator table { width: 320px; border: 1px solid #ccc; }
.locator p { padding: 10px 0; font-weight: bold; padding-left: 5px; font-size: 11px; }
.locator td, .locator th { padding: 6px 5px; font-size: 11px; }
.locator th { width: 60px; }
.locator input.textField { border: 1px solid #B3D7EF; padding: 2px; }
.locator input, .locator select { font-size: 10px; }
.locator option { padding: 2px 10px 0 0; }
.locator .form_btn { font-size: 11px; color: #745d02; padding: 1px; }

/* Store Locator Search Result */
.store_result { width: 450px; font-size: 11px; }
.store_result p { width: 100%; height: 18px; border-bottom: 1px solid #efe1ab; }
.store_result p span.left { float: left; }
.store_result p span { float: right; }
.store_result p span span { float: none; color: #EFE1AB; padding: 0 3px; }
.store_result p span img { display: inline; }
.store_result p.noborder { border: 0; }

.store_result table { width: 100%; padding: 3px 0; }
.store_result table td {  border-bottom: 1px solid #efe1ab; font-size: 11px; text-align: left; padding-bottom: 10px; }
.store_result table td.one { width: 260px; }
.store_result table td.one strong { font-size: 12px; }
.store_result table td.two { padding-top: 17px; }
.store_result table td.two strong { color: #745D02; }
.store_result table td.three { padding-top: 34px; }

.content .store_result_logos { width: 120px; position: absolute; top: 64px; left: 474px;  text-align: center; border-left:1px solid #EFE1AB; }
.store_result_logos img { margin-top: 6px; }

a.email:link, a.email:visited, a.print:link, a.print:visited { padding: 2px 0 2px 22px; display: block; text-decoration: none; color: #0072bc; }
a.email:link, a.email:visited	{ background: url(../images/icn_email.gif) no-repeat 0 6px; }
a.print:link, a.print:visited	{ background: url(../images/icn_print.gif) no-repeat 0 4px; }
a.email:hover, a.print:hover { text-decoration: underline;  }

h1 { padding-bottom: 15px; color: #0072bc; font-size: 20px; line-height: 20px; font-weight: normal; }
h2 { font-size: 17px; }
h3 { font-size: 15px; color: #745D02; }

.floatleft { float: left; }
.floatright { float: right; }
img.floatright { margin: 0 0 10px 10px; }

.clear { clear: both; }

.hide { display: none; }
.show { display: block; }

.placeholder { visibility: hidden; }

p.imagecenter { text-align: center; }
div.news_content table { background-color: #ddd; }
div.news_content table th, div.news_content table td { background-color: #fff; padding: 4px; font-size: 11px; }
div.news_content table strong { font-size: 10px; }

/* EMAIL A FRIEND POPUP PAGE
------------------------------------------------------------------------------------- */
#emailpop .container { width: 620px; height: 285px; background: url(../images/emailpop_bg.gif) no-repeat 0% 100%; }

#emailpop h1 { padding: 5px 0 3px 37px; color: #000; font-size: 12px; line-height: 30px; font-weight: bold; }
#emailpop p { padding: 0 0 4px 36px; color: #745d02; font-weight: bold; font-size: 11px; }
#emailpop p.long { padding: 0 20px 14px 36px; }
#emailpop input, #emailpop textarea { border: 1px solid #7F9DB9; }
#emailpop #sendbutton { border: none; }
#emailpop p.thank_you { padding: 70px 0 0 200px; }
#emailpop p.thank_you strong { font-size: 12px; }
#emailpop p.thank_you span { display: block; width: 90px; height: 15px; padding: 4px 9px; margin-left: 30px; background: #7F9DB9; font-weight: normal; cursor: pointer; }
#emailpop p.thank_you a:link, #emailpop p.thank_you a:visited, #emailpop p.thank_you a:hover { color: #fff; cursor: pointer; }
#emailpop .cartError { color: #E72429; }

#emailpop .e_col1, #emailpop .e_col2, #emailpop .e_col3 { float: left; position: relative; display: inline; }

#emailpop .e_col1 { padding: 0 0 0 9px; width: 205px; }
#emailpop .e_col2 { padding: 0 0 0 0; width: 217px; }
#emailpop .e_col3 { padding: 0 0 0 0; width: 189px; }

#emailpop .e_col1 h1 { background: url(../images/emailpop_step1.gif) no-repeat 0% 5px; }
#emailpop .e_col2 h1 { background: url(../images/emailpop_step2.gif) no-repeat 0% 5px; }
#emailpop .e_col3 h1 { background: url(../images/emailpop_step3.gif) no-repeat 0% 5px; }


/* LIGHTBOX IMAGE VIEWER
------------------------------------------------------------------------------------- */
#overlay { position: absolute; top: 0; left: 0; width: 100%; background: #fff; /*background: #8ab9d8;*/ opacity: .8; filter:alpha(opacity=80); z-index: 90; }
	#lightbox { padding: 10px; background: #e8f0f7; border: 2px solid #7fadca; } /* BIG CONTAINER */

	#lightboxDetails { padding-top: 10px; font-size: 11px; color: #333; } /* TEXT BELOW IMAGE */
		#lightboxCaption { float: left; }
		#keyboardMsg { float: right; }

	#closeButton { top: 5px; right: 5px; }

/* FORMS
------------------------------------------------------------------------------------- */
.contentform td { padding: 4px 3px; font-size: 12px; line-height: 18px; vertical-align: top; border-bottom: 1px solid #eee; }
.contentform td.noborder { border: none; }
.contentform td.lft { font-weight: bold; color: #666; white-space: nowrap; }
.contentform .required, .contentform .required2 { color: #f00; font-size: 12px; font-weight: bold; }
.contentform .required2 { font-size:16px; }
.contentform td small { line-height: 11px; }
.contentform input, .contentform select { padding: 2px; border: 1px inset #999; }
.contentform input.checkbttn, .contentform input.checkbox, .contentform input.radiobutton { padding: 0; border: 0; }
.contentform input.checkbox, .contentform input.radiobutton { margin-right:5px; }
.contentform input.formbttn { padding: 1px; color: #fff; font-weight: bold; font-size: 11px; background: #1F2275; border: 1px outset #999; cursor: pointer; }