@charset "utf-8";

/* CSS Document */

body {font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px;
	padding: 0px;}
#optin {width: 210px;
height: 100px; 
font-size: 11px; 
text-align: center; 
background: url(../../images/structure/2011/newsletter-signup.jpg) no-repeat;}
#pagecontainer {margin-right: auto;
	margin-left: auto;
	width: 808px;
	height: auto;
	border: solid 1px #ccc;
	margin-bottom: 20px;
	border-top: hidden;}
#pagehead {width: 808px;
	height: 100px;
	border-bottom: solid 1px #ccc;
	padding-top: 5px;}
#identifier {float: left; 
	font-size: 12px; 
	margin-top: 10px; 
	margin-left: 5px;
	text-align: left;}
#identifier a:link {text-decoration: underline;
	color: blue;}
#identifier a:visited {text-decoration: underline;
	color: blue;}
#identifier a:hover{text-decoration: none;
	color: blue;}
#viewcart {float: right;
	margin-top: 5px;  
	text-align: left;
	width: 115px;
	height: 25px;}
	
#clpdesc {width: 798px; 
	text-align: left; 
	padding-left: 5px; 
	padding-right: 5px;
	padding-top: 5px;
	font-size: 12px;}
#clpdesc h2 {font-size: 18px; 
	font-weight: bold;
	color: #BC3F3F;
	padding: 0px;
	margin: 0px;}
#clpdesc h3 {font-size: 12px;
	font-weight: normal;
	color: black;
	padding: 0px;
	margin: 0px;}

#tiles {width: 808px;
	height: 204px;
	margin-left: 1px;
	overflow: hidden;}
#tilecontainer {width: 200px;
	height: 200px;
	background: url(../images/new-blue-gd.jpg) top repeat-x;
	border: #00F solid 1px;
	border-bottom-color: #333333;
	float: left;
	text-align: center;
	z-index: 5;
	font-weight: bold;
	font-size: 14px;
	color: white;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-bottom: 2px;}
#tilecontainer a:link, #tilecontainer a:visited {	font-size: 14px;
	color: white;
	text-decoration: none;
	width: 200px;}
#tilecontainer a:hover {color: #f6c10f;
	text-decoration: none;}
#tilecontent img:hover {opacity:0.75;
filter:alpha(opacity=75);}
	
	
	
#clear {clear: both;}
#clearleft {clear: left;}
#clearright {clear: right;}
#container {margin: auto;
width: 815px;}
#featuredcontent {background: url(../images/new-blue-gd.jpg) top repeat-x;
text-align: left;
z-index: 5;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: white;}
#featured {width: 806px;
height: auto;
border: #00f solid 1px;}
	
/*#######################DOUBLE TILE##########################*/	
#doubletile {width: 400px;
	height: 200px;
	background: url(../images/new-blue-gd.jpg) top repeat-x;
	border: #00F solid 1px;
	border-bottom-color: #333333;
	float: left;
	text-align: center;
	z-index: 5;
	font-weight: bold;
	font-size: 14px;
	color: white;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-bottom: 2px;}
#doubletile a:link {font-size: 14px;
	color: white;
	text-decoration: none;
	width: 200px;}
#doubletile a:visited {font-size: 14px;
	color: white;
	text-decoration: none;
	width: 200px;}
#doubletile a:hover {font-size: 14px;
	color: #f6c10f;
	text-decoration: none;}
	

/*#######################TRIPLE TILE##########################*/	
#tripletile {width: 604px;
	height: 200px;
	background: url(../images/new-blue-gd.jpg) top repeat-x;
	border: #00F solid 1px;
	border-bottom-color: #333333;
	float: left;
	text-align: center;
	z-index: 5;
	font-weight: bold;
	font-size: 14px;
	color: white;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-bottom: 2px;}
#tripletile a:link {font-size: 14px;
	color: white;
	text-decoration: none;
	width: 200px;}
#tripletile a:visited {font-size: 14px;
	color: white;
	text-decoration: none;
	width: 200px;}
#tripletile a:hover {font-size: 14px;
	color: #f6c10f;
	text-decoration: none;}
	
/* TILE CONTENT */
#tilecontent {padding-top: 5px;
	color: black;
	height: 180px;
	font-weight: normal;
	float: none;}
#tilecontent a:link, #tilecontent a:visited {font-size: 14px;
	color: black;
	text-decoration: none;
	width: 200px;}
#tilecontent a:hover {text-decoration: underline;}


.tileimage {display: block;
width: 200px;
height: 120px;
text-indent: -9999px;
outline: none;}
.tileimage:hover {opacity:0.75;
filter:alpha(opacity=75);}

/* #################### HEAD LINKS ############### */
#logohead {float: left; 
width: 615px; 
height: 71px;
overflow: hidden;}
.homelink {width: 229px;
	height: 71px;
	text-indent: -15999px;
	outline: none;
	background: url(../structure_images/FAP-Top-Bar/FAP-Top-Bar_01.jpg) no-repeat;
	display: block;
	float: left;}
.consumerlink {width: 64px;
	height: 71px;
	text-indent: -15999px;
	outline: none;
	background: url(../structure_images/FAP-Top-Bar/FAP-Top-Bar_02.jpg) no-repeat;
	display: block;
	float: left;}
.industriallink {width: 64px;
	height: 71px;
	text-indent: -15999px;
	outline: none;
	background: url(../structure_images/FAP-Top-Bar/FAP-Top-Bar_03.jpg) no-repeat;
	display: block;
	float: left;}
.refillslink {width: 64px;
	height: 71px;
	text-indent: -15999px;
	outline: none;
	background: url(../structure_images/FAP-Top-Bar/FAP-Top-Bar_04.jpg) no-repeat;
	display: block;
	float: left;}
.petlink {width: 64px;
	height: 71px;
	text-indent: -15999px;
	outline: none;
	background: url(../structure_images/FAP-Top-Bar/FAP-Top-Bar_05.jpg) no-repeat;
	display: block;
	float: left;}
.outdoorlink {width: 64px;
	height: 71px;
	text-indent: -15999px;
	outline: none;
	background: url(../structure_images/FAP-Top-Bar/FAP-Top-Bar_06.jpg) no-repeat;
	display: block;
	float: left;}
.helplink {width: 64px;
	height: 71px;
	text-indent: -15999px;
	outline: none;
	background: url(../structure_images/FAP-Top-Bar/FAP-Top-Bar_07.jpg) no-repeat;
	display: block;
	float: left;
	overflow: hidden;}
	
/*_________________JUMP LINKS____________________*/

#jumplink {font-size: 14px;}

#jumplink a {height: auto;
	width: auto;
	color: blue;
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	padding-left: 10px;
	padding-right: 10px;}

#jumplink a:visited {height: auto;
	color: blue;
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;}

#jumplink a:hover {background: #3399FF;
	color: white;}
	
/*#######################FOOTER##########################*/
#foot {font-size: 12px;
	width: 100%;
	border-top: #333333 1px solid;
	color: #333333;
	text-align: center;}
#foot a:link {text-decoration: none;
	color: black;}
#foot a:visited {text-decoration: none;
	color: black;}
#foot a:hover {text-decoration: underline;
	color: #333;}


.style14 {font-size: 12px;}
.style10 {	color: #006600;
	font-style: italic;
}
.style11 {color: #0000FF}
.style2 {	color: #999999;
	font-style: italic;
	font-size: 12px;
}
.style3 {
	font-size: 14px;
	font-weight: bold;
}
.style4 {	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0000FF;
}
.style6 {color: #000099}
.style7 {	font-size: 16px;
	font-weight: bold;
}
.style8 {	color: #0000FF;
	font-style: italic;
}
.style9 {	color: #FF0000;
	font-style: italic;
}
#panelspecific {font-size: 12px;}
#panelspecific a:link {color:blue;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-left: 10px;}
#panelspecific a:visited {color:blue;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;}
#panelspecific a:hover {
	background: #3399FF;
	color: white;} 
.black {color: black;}
.orange {color: orange;}
.red {color: red;}
.neongreen {color: #99FF00;}
.blue {color: blue;}
.pink {color: #FF00FF;}
.purple {color: purple;}
.yellow {color: #FFCC00;}
.teal {color: #00CCCC;}
.forestgreen {color: #006600;}
.burgundy {color:#990000;}
.headred {color: #BC3F3F;}
.underline {text-decoration: underline;}

.bordertop {border-top: #CCC 1px solid;}
.borderright {border-right: #CCC 1px solid;}
a:link {text-decoration: underline;
	color: blue;}
a:visited {text-decoration: underline;
	color: blue;}
a:hover{text-decoration: none;
	color: blue;}
	
#trust-seal {text-align: center;}