/**************************************************
Site:           Arm & Hammer - http://www.armhammervac.com/
Created:        Mar 13 2009
Last Modified:  Mar 25 2009 
------------------------------------------------- 
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2009
================================================= */

/* Global Reset Styles *******************************/
/* ================================================= */
html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
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;
	text-align: left;
	vertical-align: top;
	}
a img, :link img, :visited img {border: 0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px;
	}
ul {list-style: none;}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	}

dt {font-weight: bold; }

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0;
	padding: 0;
}

strong, b {font-weight: bold;}
italic, em {font-style: italic;}

/* Clear Floated Elements
-----------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* Common Styles *************************************/
/* ================================================= */
body{
	background-color: #1E3C70;
	color: #1E3C70;
	font: 11px/1.3 Arial, Hevletica, 'Liberation Sans', FreeSans, sans-serif;
	padding-top: 25px;
}

h2{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
	h2 span{
		font-size: 12px;
		font-weight: normal;
		margin-left: 50px; 
		text-transform: none;
	}
h3{
	color: #FFCC33;
	font-size: 13.5px;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
}
h4{
	color: #DE7126;
	font-size: 13.5px;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
}
	h4.error{color: #CE1141;}

p{color: #1E3C70; font-size: 11px; font-family: Arial, Hevletica, 'Liberation Sans', FreeSans, sans-serif; padding-bottom: 10px;}

a:link, a:visited{color: #CE1141; text-decoration: none;}
a:hover{color: #1E3C70; text-decoration: underline;}
	
.disclaimer{color: #333; font-style: italic;}
.float-left{float: left;}
.float-right{float: right;}
.text-center{text-align: center;}

#wrapper{
	background: #fff url(/images/core/wrapper-bottom.gif) no-repeat bottom;
	margin: 0 auto;
	margin-bottom: 15px;
	padding-bottom: 30px;
	position: relative;
	width: 930px;
}
	#home #wrapper{background: #fff url(/images/core/wrapper-bottom-home.gif) no-repeat bottom;}
	#products #wrapper{background: #fff url(/images/core/wrapper-bottom-product.gif) no-repeat bottom;}

/* Header Styles *************************************/
/* header background and logo                        */
/* ================================================= */
#header{
	background: url(/images/core/header.gif) no-repeat;
	height: 152px;
}
	#header h1 { 
		background: url('/images/core/logo.png') no-repeat;
		position: absolute;
		left: 67px;
		top: 53px;
		width: 107px;
		z-index: 100;
	}
		#header h1 a {
			background: url('/images/core/logo.png') 0 0 no-repeat;
			display: block;
			font-size: 1px;
			height: 107px;
			height: 0px !important;
			height /**/:107px;
			overflow:hidden;
			padding: 107px 0px 0px 0px;
			width: 107px;
		}
			#home #header h1{
				background: url('/images/core/logo-home.png') no-repeat;
				left: 54px;
				top: 52px;
				width: 135px;
			}
				#home #header h1 a{
					background: url('/images/core/logo-home.png') 0 0 no-repeat;
					height: 152px;
					height: 0px !important;
					height /**/:152px;
					padding: 152px 0px 0px 0px;
					width: 152px;
				}
				
/* Main Nav Styles ***********************************/
/* main navigation and rollover, active states       */
/* ================================================= */	
ul#main-nav{
	padding: 125px 0 0 248px;
}
	ul#main-nav li{
		float: left;
	}
		ul#main-nav li a{
			display: block;
			height: 27px;
			text-indent: -9999px;
		}
			#btn-bags a{background: url(/images/core/btn-bags.gif) no-repeat;width: 160px;}
				#btn-bags a:hover, #btn-bags a.active{background: url(/images/core/btn-bags-hover.gif) no-repeat;}
			#btn-freshins a{background: url(/images/core/btn-freshins.gif) no-repeat;width: 130px;}
				#btn-freshins a:hover, #btn-freshins a.active{background: url(/images/core/btn-freshins-hover.gif) no-repeat;}
			#btn-tips a{background: url(/images/core/btn-usage.gif) no-repeat;width: 130px;}
				#btn-tips a:hover, #btn-tips a.active{background: url(/images/core/btn-usage-hover.gif) no-repeat;}
			#btn-faq a{background: url(/images/core/btn-faq.gif) no-repeat;width: 130px;}
				#btn-faq a:hover, #btn-faq a.active{background: url(/images/core/btn-faq-hover.gif) no-repeat;}
			#btn-contact a{background: url(/images/core/btn-contact.gif) no-repeat;width: 126px;}
				#btn-contact a:hover, #btn-contact a.active{background: url(/images/core/btn-contact-hover.gif) no-repeat;}


/* Banner Styles *************************************/
/* homepage slideshow, slideshow paging navigation   */
/* ================================================= */	
#banner{
	position: relative;
}
	#home-tabs-top{
		position: absolute;
		top: 250px;
		z-index: 100;
	}
	
	#slideshow-nav{
		position: absolute;
		right: 15px;
		top: 10px;
		z-index: 200;
	}
	
	#slideshow{
		border-left: #fff 6px solid;
		border-right: #fff 6px solid;
		height: 263px;
		position: relative;
		z-index: 1;
	}	
	#pager{
		position: absolute;
		right: 40px;
		top: 10px;
		z-index: 200;
	}	
		#pager a{
			background: url(/images/core/banner-pager-icon.gif) no-repeat;
			display: block;
			float: left;
			height: 10px;
			margin-right: 3px;
			width: 10px;
			text-indent: -9999px;
			overflow: hidden;
		}
			#pager a.activeSlide{background: url(/images/core/banner-pager-icon-current.gif) no-repeat;}
	
/* Content Styles *************************************/
/* ================================================= */	
#internal-content{
		background: #bed5ec url(/images/core/content-bg.gif) no-repeat;
		margin: 35px 6px 0 6px;
		width: 918px;
	}
	#home #content{
		background: url(/images/core/content-repeat-home.gif) repeat-y;
		margin: 0; 
		min-height:215px;
  		height:auto !important;
  		height:215px;
	}
	
#general h3{
	color: #DE7126;
	font-size: 20px;
	margin-bottom: 0;
	text-transform: uppercase;
}
#general p.instruction{
	color: #DE7126;
	font-style: italic;
}
	#general p.margin-top{
		margin-top: 25px;
	}

#general-content-main{
	float: left;
	margin: 0 20px;
	min-height: 450px;
	height:auto !important;
	height:450px;
	width: 825px;
}

#general-content-left{
	float: left;
	margin: 0 20px;
	min-height: 450px;
	height:auto !important;
	height:450px;
	width: 200px;
}
#general-content-middle{
	float: left;
	margin-right: 20px;
	padding-right: 15px;
	width: 310px;
}
	#general-content-middle ul{
		list-style-type: disc;
		margin-left: 15px;
	}
		#general-content-middle ul li{
			margin-bottom: 3px;
		}
			#general-content-middle ul li a{color: #1E3C70;}
			#general-content-middle ul li a:hover, #general-content-middle ul li a.selected{color: #CE1141; text-decoration: underline;}

	
/* Table Styles **************************************/
/* primarily used for search results                 */
/* ================================================= */
table {
	width:100%;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	margin:1em auto;
	border-collapse:collapse;
}
	thead th {
		border-bottom:1px solid #fff;
		border-left:1px solid #fff;
		font-size: 12px;
		font-weight: bold;
		padding:.3em 1em;
		text-transform: uppercase;
	}
	
	td {
		color:#1E3C70;
		border-bottom:1px solid #fff;
		border-left:1px solid #fff;
		padding:.3em 1em;
	}
	tr.odd td {
		background:#fff;
	}
	
	.buy-now{margin-left: 25px;}

table.product-table{
	border: navy;
	margin: 0;
	width: 266px;
}
	table.product-table td{
		border: none;
		padding: 0;
		vertical-align: top;
	}
	
/* Product entry page Styles *************************/
/* styles specific for the Product Entry Page        */
/* ================================================= */
#products #internal-content{
	background: none;
}
	#product-locator{
		background: url(/images/core/product-locator-bg.gif) no-repeat;
		float: left;
		padding: 5px 0 0 35px;
		height: 36px;
		width: 376px;
	}
	#product-locator h3{
		float: left;
		font-size: 11px;
		margin-right: 20px;
		padding-top: 3px;
	}
		#select-locator{
			float: left;
			margin-right: 20px;
		}
		#locator-info{
			float: left;
			margin-top: 2px;
		}

#tooltip{
	position:absolute;
	border:1px solid #1E3C70;
	background:#fff;
	padding:2px 5px;
	color:#1E3C70;
	display:none;
	font-size: 12px;
	padding: 5px 10px;
	width: 200px;
}

#product-callouts{
	float: right;
	margin-right: 20px;
}
	#product-callouts a{
		float: left;
		margin-left: 10px;
	}
	
#product-results-callouts{
	margin: 10px 0 0 20px;
}	
	#product-results-callouts a{
		float: left;
		margin-left: 10px;
	}
	
.product-column{
	float: left;
	margin-top: 40px;
	padding: 0 15px;
	text-align: center;
	width: 150px;
}
	.product-column img{margin-bottom: 10px;}
	.product-column h4{margin-bottom: 10px;}
	

/* Product Locator Page Styles ***********************/
/* styles specific for the Product Locator Pages     */
/* ================================================= */
#locator-results{
	float: left;
	width: 585px;
}
	#locator-results h2{
		color: #DE7126;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 5px;
		text-transform: uppercase;
	}
		#locator-results h2 span{
			color: #1E3C70;
			font-size: 11px;
			margin-left: 15px;
		}
	#locator-results-table{
		margin: 15px 15px 0 30px;
	}
		table.results-table {
			float: left;
			margin-right: 20px;
			width: 260px;
		}
			table.results-table a.selected{color: #CE1141; text-decoration: underline;}
			table.last{margin-right: 0px;}
			table.results-table td{
				padding-top: 0px;
				padding-bottom: 0px;
				width: 50%;
			}
	
#product-info{
	float: left;
}

	
/* Freshins page Styles ******************************/
/* styles specific for the Fresh-ins Page            */
/* ================================================= */
#freshins-top{
	background: #fff none;
	padding-left: 25px;
	width: 893px;
}

#freshins-product-image{
	float: left;
	padding: 0 20px;
	width: 350px;
	text-align: center;
}

.tabs{
	float: left;
	width: 307px;
}
	.tabs h4{text-transform: none;}
	
	#tab1, #tab2{
		background: #fff;
		border-left: 4px solid #dce7f4;
		border-right: 4px solid #dce7f4;
		min-height: 355px;
		height:auto !important;
		height:355px;
		width: 269px;
		padding: 0 15px;
		text-align: center;
	}
		#freshins #tab1, #freshins #tab2{
			min-height: 250px;
			height:auto !important;
			height:250px;
		}
	
	ul.tab-nav{margin-left: 20px;}
	ul.tab-nav li{
			float: left;
		}
			.tabs ul.tab-nav li a{
				background: url(/images/core/tab.gif) no-repeat;
				color: #fff;
				display: block;
				font-weight: bold;
				height: 17px;
				padding-top: 4px;
				text-align: center;
				width: 122px;
			}
				.tabs ul.tab-nav li a.selected{
					background: url(/images/core/tab-active.gif) no-repeat;
					color: #1E3C70
				}
				
#freshins-bottom{
	background: #c2d8ee url(/images/core/content-bg-freshins.gif) no-repeat;
	height: 155px;
	margin: 0;
	padding-top: 15px;
	padding-right: 20px;
	width: 898px;
}
	#freshins-bottom h2{
		margin-left: 40px;
		margin-bottom: 30px;
	}
	
	.freshins-thumb{
		float: left;
		border-right: 1px dotted #1E3C70;
		height: 125px;
		padding: 0 20px;
		text-align: center;
		width: 70px;
	}
		.freshins-thumb img{margin-bottom: 5px;}
		.freshins-thumb p{text-align: center;}
		.freshins-thumb a:link{color: #1E3C70; text-decoration: none;}
			.freshins-thumb a:hover, .freshins-thumb a.selected{color: #CE1141; text-decoration: underline;}


/* FAQ Page Styles ***********************************/
/* styles specific for the FAQ Page                  */
/* ================================================= */
#image-box-wrapper{
	margin-bottom: 10px;
}

#image-box-links{
	background: #fff;
	border-left: 4px solid #dce7f4;
	border-right: 4px solid #dce7f4;
	width: 166px;
	padding: 0 10px;
}
	#image-box-links li{
		border-bottom: 4px solid #dce7f4;
		float: left;
	}
		#image-box-links li.odd{
			border-right: 4px solid #dce7f4;
		}
		#image-box-links li.last{
			border-bottom: none;
		}

/* Search Styles *************************************/
/* Dirt Alert search box         */
/* ================================================= */
#searchda{
	float: left;
	margin: 0 20px 0 20px;
	width: 305px;
}
	#searchda h2{margin-left: 55px;}
	#searchda p{color: #fff; font-size: 10px; padding-bottom: 10px;}
		#home searchda p{padding-bottom: 0px;}
	#searchda-box{
		background: #1E3C70 url(/images/core/search-box-bg.gif) no-repeat;
		margin: 0;
		padding: 10px 15px 10px 15px;
		width: 253px;
	}

#home #searchda{
	background: #fdbe3a url(/images/core/search-bg-home.gif) no-repeat;
	margin: 0 5px 0 6px;
	width: 300px;
}

	#home #searchda-box{
		background: none;
		margin: 25px 0 0 20px;
		padding: 0;
		width: 300px;
	}
		#home #searchda-box-wrapper{background-color: #1E3C70;}
		#home #searchda-box-content{
			float: left;
			margin: 0 20px 0 15px;
			width: 300px;
		}
	
	#searchda-form label{
		color: #FFCC33;
		display: block;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
	}
	#searchda-form select{
		margin-bottom: 2px;
		width: 125px;
	}
	#searchda-form input{
		margin-bottom: 2px;
		width: 150px;
	}
	#searchda-info-content{
	float: left;
	margin-right: 20px;
	width: 350px;
	margin-left: 130px;	
	}
	#searchda-form input#search-btn{
		background: none;
		border: none;
		cursor: pointer;
		color: #FFCC33;
		height: 20px;
		font-size: 10px;
		font-weight: bold;
		padding: 0;
		text-decoration: underline;
		width: 40px;
	}



/* Search Styles *************************************/
/* search box on homepage and internal pages         */
/* ================================================= */
#search{
	float: left;
	margin: 0 20px 0 20px;
	width: 205px;
}
	#search h2{margin-left: 55px;}
	#search p{color: #fff; font-size: 10px; padding-bottom: 10px;}
		#home search p{padding-bottom: 0px;}
	#search-box{
		background: #1E3C70 url(../images/core/search-box-bg.gif) no-repeat;
		margin: 0;
		padding: 10px 15px 10px 15px;
		width: 153px;
	}

#home #search{
	background: #fdbe3a url(/images/core/search-bg-home.gif) no-repeat;
	margin: 0 5px 0 6px;
	width: 372px;
}

	#home #search-box{
		background: none;
		margin: 25px 0 0 20px;
		padding: 0;
		width: 334px;
	}
		#home #search-box-wrapper{background-color: #1E3C70;}
		#home #search-box-content{
			float: left;
			margin: 0 20px 0 15px;
			width: 155px;
		}
	
	#search-form label{
		color: #FFCC33;
		display: block;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
	}
	#search-form select{
		margin-bottom: 2px;
		width: 125px;
	}
	#search-form input{
		margin-bottom: 2px;
		width: 120px;
	}
	#search-form input#search-btn{
		background: none;
		border: none;
		cursor: pointer;
		color: #FFCC33;
		height: 20px;
		font-size: 10px;
		font-weight: bold;
		padding: 0;
		text-decoration: underline;
		width: 40px;
	}

/* Search Results Styles *****************************/
/* search results on locator and results pages       */
/* ================================================= */
#search-results{float: left; width: 650px;}

#search-info{
	background-color: #fff;
	border-left: 4px solid #dce7f4;
	border-right: 4px solid #dce7f4;
	padding: 0 10px;
	width: 625px;
}
	#search-info span{
		color: #DE7126;
		font-weight: bold;
	}
	#search-info-content{
	float: left;
	margin-right: 20px;
	width: 350px;
	}
	
	.search-info-image{
		border-left: 4px solid #dce7f4;
		float: right;
		padding: 0 20px;
	}
		.search-info-image.no-border{border-left: none;
	}

}
	#search-info-content-gcr{
	float: left;
	margin-right: 20px;
	width: 350px;
	margin-left: 140px;
	}




/* Sidebar Callout Styles ****************************/
/* located below the search box on internal pages    */
/* ================================================= */
#sidebar-callouts{margin-top: 10px;}
	#sidebar-callouts a{display:block; margin-bottom: 10px;}
	#sidebar-callouts p{color: #1E3C70; font-size: 11px;}


/* Home Callout Styles *******************************/
/* images and text in lower right corner of homepage */
/* ================================================= */
#callouts{
	background: #c0d7ed url(/images/core/content-bg-home.gif) no-repeat;
	float: left;
	margin-right: 6px;
	width: 541px;
}
	#callouts h2{
		margin: 0 0 25px 50px;
	}
	#callouts ul{
		float: left;
	}
		#callouts ul.callout-left{
			border-right: 1px dotted #1E3C70;
			margin: 0 20px;
			padding-right: 10px;
		}
		#callouts ul li{
			height: 110px;
			position: relative;
			width: 235px;
		}
			#callouts ul li.bottom{height: 70px;}
			#callouts ul li img{
				position: absolute;
				left: 0;
				top: 0;
			}
			#callouts ul li p{
				font-size: 10px;
				padding-left: 103px;
			}
	#callouts a.locate-store{
		background: url(/images/core/locate-store-btn.gif) no-repeat;
		color: #fff;
		display: block;
		height: 13px;
		text-align: center;
		width: 113px;
	}
		a.locate-store:hover{color: #fff;}


/* Footer Styles *************************************/
/* ================================================= */
#legal{
	background: url(/images/core/legal-bg.gif) no-repeat;
	height: 21px;
	margin: 0 auto;
	padding: 8px 20px 0 20px;
	width: 890px;
}
	#legal p{font-size: 10px;}
	#legal #copyright {float: left;}
	#legal #links{float: right;}
	#legal a{color: #1E3C70; font-weight: bold; text-decoration: none;}

#trademark{
	color: #fff;
	margin: 0 auto;
	padding: 5px 0 20px 0;
	width: 930px;
}
	#trademark p{color: #fff; font-size: 10px;text-align: center;}
	
/* Dirt Alert page Styles ******************************/
/* styles specific for the Dirt Alert Page             */
/* ====================================================*/
.press_release_logo {
	text-align: center;
	margin-left: auto;
	margin-right:auto;
	padding: 0px;
	border: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
}