@charset "utf-8";
/* CSS Document */


body {
	/*margin:0;*/

	
	margin:0px;
	padding:0px;
	background-color: #e3e4d4;
}

p{
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	text-align:center;
color:#7f7f6f;
margin:0;
padding:0px;
font-weight:500;
letter-spacing:0.5px;

}

h1{
font-family::"Palatino Linotype", "Book Antiqua", Palatino, serif;
margin:0;
font-size:70px;
font-weight:500;
color:#fff;
}

h2, h2 a{
font-family:Arial, Helvetica, sans-serif;
margin:0px;
font-size:25px;
	text-align:center;
font-weight:100;
}

h2 a:hover{
text-decoration:underline;
}

h3{
font-family:Arial, Helvetica, sans-serif;
margin:0px;
font-size:16px;
	text-align:left;
color:#7f7f6f;
font-weight:500;

}

h4{
font-family:Arial, Helvetica, sans-serif;
margin:0px;

font-size:14px;
	text-align:left;
color:#008d5c;
font-weight:bold;

}
hr {
background-color:#e3e4d4;
border:0 none;
color:#e3e4d4;
height:1px;
line-height: 1px;
font-size: 1px; 
padding:0px;
margin:0px;
margin-bottom:3px;
margin-top:3px;
width:80%;
}


a{
text-decoration:none;
color:#008d5c;
}



.white{
color:#fff;
}



#wrapper{
	margin:0;
	padding:0;
	width:977px;
	height:856px;
	margin-left:auto;
	margin-right:auto;
}

#header{
	width:971px;
	height:122px;
	margin-left:auto;
	margin-right:auto;
}

#headerNav{
	height:30px;
	float:right;
	margin-top:7px;
}

#headerNav ul{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:3px;
}

#headerNav li{
	display:inline;
	float:left;
	padding-left:15px;
	
}

#headerNav a{
	color:#7f7f6f;
	font-size:11px;

	letter-spacing:0px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#headerNav a:hover{
	text-decoration:underline;
}

#topNav{
	width:971px;
	height:38px;
	background-color:#7f7f6f;
	margin-left:auto;
	margin-right:auto;
}

#homeContentTopShade{
	margin:0;
	padding:0;
	width:977px;
	height:8px;
	background-image:url(homeContentTopShade.jpg);
}

#homeContentLeftShade{
	width:4px;
	height:auto;
	background-image:url(homeContentLeftShade.jpg);
	float:left;
}

#homeContentRightShade{
	width:4px;
	height:auto;
	background-image:url(homeContentLeftShade.jpg);
	float:right;
}

#homeContentBottomShade{
	width:977px;
	height:9px;
	background-image:url(homeContentBottomShade.jpg);
	clear:both;
}

#homeContent{
	margin:0px;
	padding:0px;
	width:977px;
	float:left;
	background-image:url(homeContent-bg-y.jpg);
	background-repeat:repeat-y;
}

#videoPanel{
	/*to fix the double margins in ie6*/display:inline;
	width:713px;
	height:389px;
	border-right:1px solid #d3d2d2;
	border-bottom:1px solid #d3d2d2;
	
	float:left;
	margin:0px;
	padding:0;
	margin-left:4px;
		
}
#promoPanel{
	/*to fix the double margins in ie6*/display:inline;
	width:254px;
	height:500px;
	float:right;
	margin-right:4px;
border-left:1px solid #d3d2d2;
}
#promoPanelBottom{

	width:255px;
	height:59px;
	background-color:#7f7f6f;
	margin-top:0px;
}

#promoPanelBottomButton{
	padding-top:10px;
	padding-left:15px;
	
}

#promoPanelBottomButton p{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:13px;
	text-decoration:none;
	margin-left:10px;
	margin-top:0px;
text-align:left;
}

#promoBoxes{
	/*to fix the double margins in ie6*/display:inline;
	width:717px;	
	height:113px;
	float:left;
	/*margin-left:3px;*/
}
	
#promoBox{
	/*to fix the double margins in ie6*/display:inline;
	width:175px;
	height:108px;
	float:left;
	margin-left:4px;
	margin-top:2px;
	background-color:#b1b195;
	
}

#promoBox h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	font-size:15px;
	text-decoration:none;
	margin-top:20px;
	margin-bottom:0px;
	
}

#promoBox a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:15px;
	text-decoration:none;
	
}

#promoBox p{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	text-align:center;
	margin-top:0px;
letter-spacing:0px;
}

#promoBox a:hover{
	text-decoration:underline;
}

#bottomBoxes{
float:left;
/*to fix the double margins in ie6*/display:inline;
	margin-left:2px;
	clear:both;
width:969px;
	height:131px;
	border-top:1px solid #d3d2d2;

}

.bottomBoxHolder{
width:241px;
height:100px;
float:left;
}

.bottomBoxExtra{
display:block;
/*display:none; display all the time per FHB request*/
width:210px;
margin-left:20px;

}

.bottomBoxExtra p{
line-height:16px;
text-align:left;
color:#a9a9a9;
letter-spacing:0;
font-size:11px;
}

.bottomBoxExtra a{
line-height:16px;
text-align:left;
color:#7d7e79;
letter-spacing:0;
font-size:11px;
text-decoration:none;
}

#bottomBox{

	margin-top:10px;
	float:left;
	width:240px;
	height:54px;

	border-right:1px solid #d3d2d2;
}

#bottomBoxLast{
	margin-top:10px;
	float:left;
	width:240px;
	/*height:54px;*/

	border-right:none;
}

#bottomBoxImg{
	margin-top:10px;
	padding-left:15px;

	float:left;
}

#bottomBoxText{
	margin-top:12px;
	margin-left:7px;
	float:left;
	
	width:147px;
	
}

#bottomBoxText a{
	font-family:Arial, Helvetica, sans-serif;
	color:#7f7f6f;
	font-size:12px;
	text-decoration:none;
}

#footer{
	margin-left:4px;
}

#footerNav{
	height:160px;
	float:left;
	margin-top:7px;
}

#footerNav ul{
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:0px;
}

#footerNav li{
	display:inline;
	float:left;
	padding-right:15px;
	height:15px;
	
}

#footerNav a{
	color:#7f7f6f;
	font-size:10px;
	font-weight:bold;
	letter-spacing:0px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#footerNav a:hover{
	text-decoration:underline;
}

#social{
width:250px;
float:right;
padding-top:7px;
}

#social p{
margin:0;
padding:0;
color:#7f7f6f;
font-size:16px;
}

#socialIcon{
float:right;
padding-right:5px;

}


#contentHeader{
margin-left:20px;

}


#contentHeader p{
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	text-align:left;
color:#7f7f6f;
margin:0;
padding:0px;
font-weight:500;

}

#content {
margin-left:23px;
margin-top:10px;
margin-right:70px;
margin-bottom:15px;
}

#content ul {
color:#7f7f6f;
margin:0;
}

#content li {
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:19px;
	text-align:left;
color:#7f7f6f;
}

#content p{
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	text-align:left;
color:#7f7f6f;
margin:0;
padding:0px;
font-weight:500;

}


.customerServiceSectionHeader{
margin-left:20px;
margin-top:20px;
}

.customerServiceSectionHeader h4{
margin-left:15px;
}

.customerServiceSectionHeader p{
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	text-align:left;
color:#7f7f6f;
margin:0;
padding:0px;
font-weight:500;

}

.customerServiceSectionContent {
margin-left:50px;
margin-top:10px;
margin-right:70px;

}

.customerServiceSectionContent ul {
color:#7f7f6f;
margin:0;
}

.customerServiceSectionContent li {
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:19px;
	text-align:left;
color:#7f7f6f;
}

.customerServiceSectionContent p{
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	text-align:left;
color:#7f7f6f;
margin:0;
padding:0px;
font-weight:500;

}

#blog{
margin-left:20px;
margin-top:20px;
}

#blog h2{
font-size:25px;
color:#008d5c;
text-align:left;
margin-left:5px;
padding-top:10px;
padding-bottom:10px;
}

#blog h2 a{
font-size:25px;
color:#008d5c;
text-align:left;
margin-left:5px;
padding-top:10px;
padding-bottom:10px;
}

#blog h2 a:hover{
text-decoration:none;
}

#blogDate{
float:left;
width:160px;
height:24px;
background-color:#e3e4d4;
}

#blogDate p{
font-size:14px;
color:#7f7f6f;
}

#blogImage{
float:left;
width:275px;
margin-left:0px;
margin-right:15px;
}

#blogContent{

margin-left:5px;
margin-right:20px;

}

#blogContent p{
line-height:19px;
text-align:left;

}

#blogDivider{
border-bottom: 1px solid rgb(227, 228, 212); 
float: left; 
width: 530px; 
height: 10px; 
margin-left:5px;
}

.readMore{
font-family:Arial, Helvetica, sans-serif;
margin-right:40px;
float:right;
	font-size: 12px;
}


.fileTrailDividers {
font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
.fileTrailCurrent {
font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
text-transform:uppercase;
}
.fileTrail {
font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #008d5c;
	text-decoration: none;
text-transform:uppercase;

}
.fileTrail:hover {
font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	/*color: #000000;*/
	text-decoration: underline;
}



div#search{width:360px;margin-right:0px;float:right;margin-top:6px; margin-right:10px; text-align:right;}
div#search input.search{color:#FFF;width:36px; height:22px; padding:0px; border:none;}
div#search input.search:hover{cursor:pointer;}


input.button {
	background-color:#008D5C;
	/* Pointer is standard. IE uses Hand */
	cursor:pointer;
	cursor:hand;
    color:#FFFFFF;
	border:none;
	height:20px;
        padding:0;
	padding-left:4px;
        padding-right:4px;
	margin:0px;
	float:left;
        font-size:.8em;
        
}

#clickAll123.button2 {
	background-color:#008D5C;
	/* Pointer is standard. IE uses Hand */
	cursor:pointer;
	cursor:hand;
        color:#FFFFFF;
	border:none;
	height:36px;
        padding:6px 6px 0px 11px;
	float:left;
        font-size:1em;
}


input.button2 {
	background-color:#008D5C;
	/* Pointer is standard. IE uses Hand */
	cursor:pointer;
	cursor:hand;
        color:#FFFFFF;
	border:none;
	height:20px;
        padding:0 15px 2px 0;
	float:left;
        font-size:1em;
}
input.textfield {
	background-color:#E7E7E7; 
        color:#666666;
padding:0;
padding-top:2px;
	margin:0px;
	border:none;
	float:left;
	height:18px;
        font-size:.8em;
}
input.zipfield {
	background-color:white;
border:1px solid #d6d6d6;
        color:#666666;
	margin:0px;
	margin-left:20px;

	float:left;
padding:0;
padding-top:2px;
	height:18px;
	width:170px;
       font-size:.8em;
}
input.leftzipfield {
	background-color:white;
border:1px solid #d6d6d6;
        color:#666666;
	margin:0px;

	float:left;
padding:0;
padding-top:2px;
	height:20px;
	width:100%;
       font-size:.8em;
}



.noResultText
{
display:none;
}




#product_image{
width:479px;
height:633px;
}

#leftDescription p
{
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
letter-spacing:0.5px;
line-height:12px;
margin:0;
padding:0;
text-align:left;



position: relative;
left: 30px;
top: 30px;

}


#rightDescription p
{
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
letter-spacing:0.5px;
line-height:12px;
margin:0;
padding:0;
text-align:left;


position: relative;
left: 290px;
top:30px;
}

.theFabFind{
font-size:28px;
line-height:34px;
font-weight:bold;
color:#078f5f;
}

.thePrice{
font-size:22px;
line-height:18px;
font-weight:bold;
color:#000000;
}
.theProduct{
font-size:16px;
line-height:20px;
color:#000000;
}
.compareAt{
font-size:13px;
line-height:16px;
color:#000000;
}

.thePrice2{
font-size:22px;
line-height:26px;
font-weight:bold;
color:#000000;
}
.theProduct2{
font-size:15px;
line-height:13px;
color:#000000;
}
.compareAt2{
font-size:11px;
line-height:13px;
color:#000000;
}

.invFabLogo{
position:relative;
top:321px;
left:25px;
}


#pop_bubble{
background:url(/resources/priceBubble.png);
width:159px;
height:92px;
}

#pop_bubble p{
text-align:left;
padding: 4px 4px 4px 5px;

}


#leftDescription, #rightDescription{
width:175px;
}


#lightbox-image-details-caption p{

color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:20px;
letter-spacing:inherit;
text-align:left;


}

#siteMap ul{
color:#7f7f6f;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#siteMap ul li{
font-weight:bold;
}

#siteMap ul li ul li{
font-weight:100;
}

.topPager{
font-family:Arial, Helvetica, sans-serif;

color:#7f7f6f;
}


.darkenBackground {
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
}


#print { display: none; }
 #noprint { display: block; }





