html {
	overflow-y: scroll;
}

body {
	background-color: white;
	margin-top: 6px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	/*
	font-family: Georgia, "Times New Roman", Times, serif;
	*/
	}

h1 {
	color: #293032;
	font-size: 24px; 
	}

h2 {
	color: #293032;
	line-height: 16px; 
	font-size: 14px; 
	font-weight: bold; 
	clear: both;
	margin-bottom: 4px;
	}
	div.productdetails h2 {
		margin-bottom: 0px;
		line-height: 14px;
		font-size: 12px;
		}

h3 {
	line-height: 12px; 
	font-size: 14px; 
	font-weight: bold; 
	clear: both;
	margin-bottom: 10px;
	}


p {
	font-size: 12px;
	line-height: 16px;
	}
	blockquote p {
		font-size: 12px;
		line-height: 18px;
		}
		blockquote p.byline {	
			font-size: 10px;
			color: #444444;
			}

ul {
	list-style-position: outside;
	list-style-type: disc;
	}
	
li {
	line-height: 16px;
	font-size: 12px;
	}

a:link {
	color: #51761d;
	text-decoration: none;
	}

a:visited {
	color: #51761d;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}
	blockquote p.byline a {
		font-weight: bold;
		}

blockquote {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    margin-bottom: 20px;
	}
	div.callout blockquote {
	    text-align: center;
	    }


/* Layout */


p#announcement {
	background-color: white;
	color: #293032;
	clear: both;
	padding: 3px 10px 3px 10px;
	margin-bottom: 5px;
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
	-moz-box-shadow: 0px 0px 5px #888;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	
	}

div#header {
	margin-bottom: 2px;
	}
	
	a#hecklerlogo {
		margin-left: 10px;
		float: left;
		display: block;
		background-image: url(/images/hecklerdesignlogo2.png);
		height: 33px;
		width: 170px;
		background-repeat: no-repeat;
		}

	div#header ul.menu {
		list-style: none;
		display: block;
		float: right
		}
	
		div#header ul.menu li {
			display: inline;	
			}
		
			div#header ul.menu li a  {
			    color: #293032;
			    display: block;
			    float: left;
			    margin-top: 17px;
			    margin-left: 17px;
			    }
			
				div#header ul.menu li a#cartlink {
					font-weight: bold;
				}



div#page-wrap {
	width: 860px;
	margin: 0 auto;
	}

div#content {
	clear: both;
	padding-bottom: 20px;
	margin-bottom: 20px;
	width: 860px;
	background-color: white;
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
	-moz-box-shadow: 0px 0px 5px #888;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	}
	
	
/*  Homepage blocks    */	


div.homefeatures {
	height: 612px;
	width: 859px;
	overflow: clip;
	background-color: white;
	-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
	-moz-box-shadow: 0px 0px 5px #888;
	margin-bottom: 30px;
	/*
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	*/
	}

a.homefeature span.header h2, a.homefeature span.header h2,  {
	font-weight: 100;
	}

a.homefeature:hover, a#homepagefeature:visited, a#homepagefeature:active,  {
	text-decoration: none;
	}


a#feature1 {
	height: 369px;
	}	
	
a#feature2 {
	height: 240px;
	}

a#feature1, a#feature2 {
	background-repeat: no-repeat;
	display: block;
	clear: both;
	margin-bottom: 2px;
	background-color: white;
	text-decoration: none;
	position: relative;
-webkit-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
	-moz-box-shadow: 0px 0px 5px #888;
	}	
	
a#feature1 {

-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}
	
	
a#feature2 {

-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
}	
	

a#feature1 span.header h1 {
	position: absolute;
	left: 50px;
	top: 100px;
	font-weight: 100;
	}

a#feature2 span.header h2 {
	font-size: 18px;
	line-height: 21px;
	position: absolute;
	left: 613px;
	top: 77px;
	font-weight: 100;
	}


a.subproduct {
	
	background-repeat: no-repeat;
	display: block;
	float: left;
	clear: none;
	margin-right: 5px;
	width: 283px;
	height: 341px;
	background-color: white;
	text-decoration: none;
	position: relative;
	}

a#feature4 {margin-right: 0px;}
	
a.subproduct span.header h2, a.subproduct span.header h2:hover, a.subproduct span.header h2:active, a.subproduct span.header h2:visited {
position: absolute;
left: 30px;
bottom: 30px;
color: #293032;

}

div#footer {
	color: #6c8088;
	padding: 0px 40px;
	line-height: 14px;
	margin-bottom: 30px;

	}
	
	div#flinks {
		clear:both;
		margin-left:-15px;
		margin-right:-15px;
		margin-bottom: 20px;
	
	}
	div.linkcol ul {
		list-style-type: none;
		}
		div.linkcol {
		
		
		float:left;
		margin-left:15px;
		margin-right:15px;
		width:240px;
		}
		div.linkcol li {
		
			margin: 0px 0px 4px 0px;
		
		}
	
	




		div.tabcontainer {
			width: 860px;
			top: 0px;
			left: 0px;
			height: 531px;
			-webkit-border-top-left-radius: 9px;
			-webkit-border-top-right-radius: 9px;
			-moz-border-radius-topleft: 9px;
			-moz-border-radius-topright: 9px;
			border-top-left-radius: 9px;
			border-top-right-radius: 9px;
			margin-bottom: 7px;
			position: relative;
			}
			
			
			
		div.tabcontainer > object {
		margin-left: 110px;
		
	
		
		}
			
		div.tabcontainer > p {
			position: absolute;
			right: 7px;
			bottom: 7px;
			padding: 5px 12px 5px 12px;
			background-color: rgba(255, 255, 255, 0.6);
			margin-left: 5px;
			font-size: 12px;
			line-height: 15px;
			font-weight: bold;
			width: 320px;
			}
		
		body.buynow div.tabcontainer div.selectcolor {
			position: absolute;
			left: 40px;
			bottom: 30px;
			}
		
		body.buynow div.tabcontainer div.selectcolor p {
			margin-bottom: 20px;
			}
			
div.headerrow {
	margin-bottom: 12px;
	}

ul.tabNavigation {
				
				list-style: none;
				display: block;
				}
				
				ul.tabNavigation li {
					display: inline;
					}
	
						
					ul.tabNavigation li a.thumb  {
						margin-left: 4px;
						font-size: 12px;
						display: block;
						width: 81px;
						height: 50px;
						float: left;
						-webkit-border-radius: 4px;
						-moz-border-radius: 4px;
						border-radius: 4px;
						}
						
				ul.tabNavigation li a.lastthumb {
					margin-right: 0px;
				
				}
				
					ul.tabNavigation li a.firstthumb {
					margin-left: 7px;
					
				
				}
				
					body.buynow ul.tabNavigation li a.firstthumb {
					margin-left: 40px;
					
				
				}
				
				

div.two, div.three, div.four, div.five, div.six, div.seven, div.eight, div.nine, div.ten {
 display: none;

}			

body.buynow a.one {background-image: url(/images/diskslate2.jpg);}
body.buynow a.two {background-image: url(/images/diskwhite2.jpg);}
body.buynow a.three {background-image: url(/images/disksilver2.jpg);}
body.buynow a.four {background-image: url(/images/diskbuttercup2.jpg);}
body.buynow a.five {background-image: url(/images/diskred2.jpg);}





//////////
About Dean Heckler Slides
/////////

*/

	body#DCH div.slide1 {
		background-image: url(/images/DCHs2.jpg);
		}

/*   

//////////
Product Page Layout Elements
/////////

*/

		div.productdetails  {
				margin: 0px 40px;
			
				
			}

		div.productdetails p  {
			width: 480px;
			line-height: 20px;
			margin-bottom: 20px;
			clear: left;
			}
			
		div.productdetails h1  {
			margin-bottom: 30px;
			}	
		div.productdetails h1 span.headcolon  {
			display: none;
			}
		div.productdetails h1 span.headerbyline  {
			font-size: 12px;
			display: block;
			clear: left;
			}
			

		div.callout  {
			padding: 20px;
			background-color: #f2f2f2;
			margin-left: 30px;
			margin-right: -30px;
			width: 228px;
			float: right;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			}
			div.callout form {
				margin-bottom: 20px;
				}
			div.callout p.rfq {
				margin-top: 20px;
			}
		
					
			
			



div#reviews p {
	margin-bottom: 5px;
	}

span.hilight {
	font-weight: bold;
	}

span.dollarsign {
	font-size: 10px; 
	vertical-align:super; 
	}

span.price {
	color: #3f3f3f;
	font-size: 16px;
	}

/*
li#fc_minicart {
		display: none;
	}
*/



span.cartqty {

	font-weight: lighter;
	}

div.generallayout {
		
		clear: both;
		padding: 40px;

	}
	div.generallayout p {
	margin-bottom: 20px;
	
	
	}

div.generallayout div.cmain {
		float: left;
		margin-right: 40px;
		width: 442px;
	}

div.generallayout div.cside {
		padding: 20px;
		float: left;
		width: 258px;
		background-color: #f2f2f2;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

 

body.general h1 {
		margin-bottom: 30px;
	}
	

	
	body.general h3 {
		font-size: 12px;
	
	}

body.general div.generallayout div.cside {
	margin-top: 0px;
}

img.colorblock {
float:left;
margin:-5px 10px 20px -10px;

}

div.colorchipbox {


	margin-right: 10px;


	margin-top: 10px;


	float: left;


	width: 154px;


}

div.colorchipbox img {
	margin-left: -9px;
	margin-top: -9px;
}

div.colorchipbox h3 {
	margin-bottom: 4px;
}

body#join ul {
	list-style-type: none;
}

body#join label {

	font-size: 12px;

}

body#join div.mc-field-group {
	margin-bottom: 20px;
}

label.input-group {
	margin-top: 10px;
}

div#mce-success-response {
	margin-bottom: 20px;
	font-size: 12px;
}


div#mce-error-response {
	color: #ff5f4a;
	margin-bottom: 20px;
	font-size: 12px;
}






	div#footer ul.citations {
		
		list-style: none;
		display: block;
		clear: both;
		}
	
		div#footer ul.citations li {
			
			display: block;
			float: left;
			width: 156px;
			height: 83px;	
			}
		
			div#footer ul.citations li a  {
			   
			    display: block;
			    float: left;
			    	width: 156px;
			height: 83px;
			    }
			a#crave  {
			    	background-image: url(/images/lCrave.jpg);
			    	background-repeat: no-repeat;
			    }
			    
			    		a#designspotter  {
			    	background-image: url(/images/ldesighspotter.jpg);
			    	background-repeat: no-repeat;
			    }
					a#macr  {
			    	background-image: url(/images/lmacr.jpg);
			    	background-repeat: no-repeat;
			    }
					a#joshspear  {
			    	background-image: url(/images/ljoshspear.jpg);
			    	background-repeat: no-repeat;
			    	
			    }
			    				a#mat  {
			    	background-image: url(/images/lmat.jpg);
			    	background-repeat: no-repeat;
			    	
			    }
					a#yanko  {
			    	background-image: url(/images/lyanko.jpg);
			    	background-repeat: no-repeat;
			    }
					a#uncrate  {
			    	background-image: url(/images/luncrate.jpg);
			    	background-repeat: no-repeat;
			    }
								a#pico  {
			    	background-image: url(/images/lpico.jpg);
			    	background-repeat: no-repeat;
			    }
								a#elite  {
			    	background-image: url(/images/lelite.jpg);
			    	background-repeat: no-repeat;
			    }
								a#furn  {
			    	background-image: url(/images/lfurn.jpg);
			    	background-repeat: no-repeat;
			    }
								a#apartment  {
			    	background-image: url(/images/lapartment.jpg);
			    	background-repeat: no-repeat;
			    }
								a#unplug  {
			    	background-image: url(/images/lunplug.jpg);
			    	background-repeat: no-repeat;
			    }
								a#slash  {
			    	background-image: url(/images/lslash.jpg);
			    	background-repeat: no-repeat;
			    }
								a#notcot  {
			    	background-image: url(/images/lnotcot.jpg);
			    	background-repeat: no-repeat;
			    }
			
			
			li#indent {
			margin-left: 78px;
			}
			
			div.ftestimonials {
			
			clear: both;
			
			margin-left: -15px;
			margin-right: -15px;
			}
			
			div.ftestimonials p {
				margin-bottom: 5px;
				
				}
				
				div.ftestimonials p.byline {
				color: #393939;
				}
			
			div#footer div.ftestimonials p span.hilight {
				color: #293032;
				}
			
			div.testimonialgroup {
						
			float: left;
			width: 240px;
			margin-left: 15px;
			margin-right: 15px;
			height: 140;
			
			}
			
			
			
			
			
			
			div.ftestimonials blockquote {
			

			
			}
			
			
			div.seo {
				margin: 15px;
				display: none;
				
			
			}
			
			
			div.seo p {
				margin-bottom: 10px;
				font-size: 9px;
			}
		
	div.faq {	
		margin-right: 40px;
		margin-left: 40px;		
		padding-top: 20px;			
		-moz-column-count: 3; 
		-moz-column-gap: 2em; 
		-moz-column-rule: 0px; 
		-webkit-column-count: 3; 
		-webkit-column-gap: 2em; 
		-webkit-column-rule: 0px;
		}
	div.faq h2 {
		font-size: 12px;
		
		
		}	
	div.faq p {	
		line-height: 20px;
		margin-bottom: 20px;
		}
		
		a.productbuynow {
			float: right;
			
		}
			
		
p.pline {
	margin-bottom: 5px;
}

span.metric {
	color: #5e5e5e;
}

div.buynowarearow {
}


div.productselect {
	clear: none;
	margin-right: 3px;
	margin-left: 3px;
	float: left;
	width: 280px;
}


.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border: 0px;
	margin: 0px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; text-decoration: none; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; color: #fff;}
	
	.silver.awesome, .silver.awesome:visited		{ background-color: #b1b7af; }
	.silver.awesome:hover						{ background-color: #747972; }
		
	.red.awesome, .red.awesome:visited			{ background-color: #8c1d00; }
	.red.awesome:hover							{ background-color: #6b1b05; }
	
	.white.awesome, .white.awesome:visited		{ 	color: #7f7f7f; 
													background-color: #f2f2f2;
													text-shadow: none;
													 }
													
	.white.awesome:hover							{ background-color: #c2c8bf; }
	
	.buttercup.awesome, .buttercup.awesome:visited		{ background-color: #e3a92a; }
	.buttercup.awesome:hover							{ background-color: #d1961d; }
	
	.black.awesome, .black.awesome:visited		{ background-color: #212420; }
	.black.awesome:hover							{ background-color: #141514; }
	
	.slate.awesome, .slate.awesome:visited		{ background-color: #44474b; }
	.slate.awesome:hover							{ background-color: #383b3e; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #7ca830; }
	.green.awesome:hover							{ background-color: #51761d; }
	div.tabs							{ position: relative; }
	
	
ol.tracking li {

	display: block;
	background-color: #f9f9f9;
	margin-bottom:  20px;
	padding: 10px 10px 10px 100px;
	background-image: url("/images/box01.png");
	background-repeat: no-repeat;
	min-height: 120px;


}