.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{
	display:inline-block;
}
/*Hides from IE-mac*/
* html .clearfix {height: 1%;}
/*End hide from IE-mac*/

body{
	margin:5px 0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
}

a{
	color:#000;
	border:0;
	outline:none;
}

a:hover{
	color:#900;
}

img{
	border:0;
}

#container{
	width:870px;
}

#masthead{
	background:#fff url('../images/masthead-dark.jpg') top left no-repeat;
	height:180px;
	position:relative;
}

#warranty{
	position:absolute;
	top:12px;
	right:100px;
	font-size:10px;
}

#top-nav{
	position:absolute;
	top:30px;
	right:0;
	width:650px;
	background:#000;
}

#top-nav ul{
	list-style:none;
	padding:0;
	margin:0;
}

#top-nav li{
	float:left;
	margin:0;
	padding:0;
}

#top-nav li a{
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	font:9px/27px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 22px;
}

#top-nav li a:hover{
	background:#ac0000;
}

#main-content{
	background:url('../images/main-content-back.gif') top left repeat-y;
	padding-bottom:20px;
}

#sidebar{
	width:110px;
	background:#ac0000;
	padding:25px 5px 20px 5px;
	float:left;
}

* html #sidebar{
	width:100px;
}

#sidebar h2{
	font:bold 16px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#fff;
	text-transform:uppercase;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:center;
}

#sidebar h3{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:0;
	padding-bottom:0;
}

#sidebar ul{
	list-style:none;
	margin:0;
	padding:0;
}

#sidebar ul li{
	margin:0;
	padding:0;
}

#sidebar ul li a{
	font:11px/18px Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	display:block;
	color:#fff;
	text-decoration:none;
}

#sidebar ul li a:hover{
	color:#000;
}

#sidebar p.subhead{
	margin:0;
	padding:0;
	color:#fff;
	font-size:11px;
}

#content{
	float:left;
	width:720px;
	padding:24px 0 0 30px;
}

* html #content{
	width:730px;
}

#headline{
	border-bottom:4px solid #ac0000;
	margin-bottom:5px;
	width:720px;
}

#headline-products{
	border-bottom:4px solid #ac0000;
	margin-bottom:10px;
	height:20px;
	width:720px;
}

#headline h1{
	margin:0;
	padding:0;
	float:left;
	font-variant:small-caps;
}

#headline h1.product-list-headline{
	background:url('../images/fencebuildingtools.gif') no-repeat;
	text-indent:-9999px;
	width:306px;
	height:16px;
	margin:0 0 5px 0;
}

#headline h1.general-headline{
	width:600px;
	height:16px;
	margin:0 0 5px 0;
}

#breadcrumbs{
	float:right;
}

#breadcrumbs p{
	margin:0;
	padding:0;
	font:12px Arial, Helvetica, sans-serif;
	text-transform:lowercase;
}

#breadcrumbs a{
	color:#ac0000;
}

#breadcrumbs a:hover{
	color:#000;
}

#left-column{
	float:left;
	width:278px;
	line-height:16px;
}

#right-column{
	float:left;
	width:392px;
	padding:0 5px 0 36px;
}

* html #right-column{
	width:404px;
}

#right-column h2{
	/*text-indent:-9999px;
		background:url('/images/findfencetools.gif') no-repeat;*/
	font-size:16px;
}

#right-column h3{
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	padding:9px 0;
	margin:9px 0;
	text-indent:-9999px;
}
/*
#right-column h3.build-braces{
	background:url('../images/buildbraces.gif') 0% 50% no-repeat;
}

#right-column h3.tensioning{
	background:url('../images/tensioning.gif') 0% 50% no-repeat;
}

#right-column h3.splicing{
	background:url('../images/splicing.gif') 0% 50% no-repeat;
}

#right-column h3.affixing{
	background:url('../images/affixing.gif') 0% 50% no-repeat;
}*/

#right-column h3{
	font:bold 16px/20px 'Trebuchet MS',sans-serif;
	text-transform:uppercase;
	text-indent:0px;
}

#right-column .product{
	margin-bottom:10px;
	padding:5px 0;
	border:1px solid #d0d0d0;
	position:relative;
/*	cursor:pointer;*/
}

#right-column .product.hover{
	background:#e7e7e7;
}

#right-column .product .description{
	width:240px;
	z-index:0;
	margin-left:150px;
}

#right-column .product h4{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:2px 0;
	padding:0;
}

#right-column .product p{
	font:10px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

#right-column .product .image{
	text-align:center;
}

#right-column .product .image a{
	display:block;
	width:430px;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	text-align:left;
}

#right-column .product .image img{
	margin:1% 0 1% 10px;
	border:1px solid #e0e0e0;
}

#right-column #buy{
	text-align:right;
	font:bold 14px Arial, Helvetica, sans-serif;
}

#right-column #main-image{
	text-align:center;
	padding:20px 0;
}

#right-column #demo-images{
	border-top:1px dotted #000;
}

#footer{
	background:url('../images/footer-back.gif') repeat-x;
	height:30px;
}

#footer p{
	text-align:center;
	font-size:10px;
}

#footer a{
	color:#ac0000;
}

#footer ul{
	text-align:center;
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
}

#footer ul li{
	display:inline;
	padding:0 2px;
}

#footer ul li a{
	text-transform:lowercase;
}

#left-column p.price{
	font:bold 14px Arial, Helvetica, sans-serif;
}

#left-column a.button,
#left-column button{
	font-size:10px;
	letter-spacing:.1em;
	display:block;
	width:55px;
	padding:5px;
	border:1px solid #454545;
	background:#b96363;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#f0f0f0;
}

#left-column a.button:hover,
#left-column button:hover{
	color:#fff;
	background:#ac0000;
}

#results{
	border:#888 solid 1px;
	border-top:none;
	margin-bottom:10px;
}

#results .result-container{
	padding:10px;
	margin:0;
}

#results .result-container.odd{
	border-top:#888 solid 1px;
}

#results .result-container.even{
	background:#dfdfdf;
	border-top:#888 solid 1px;
}

#results span.fr{
	float:right;
	text-align:right;
	width:200px;
	margin:0;
	padding:0;
}

#results .result-container h3{
	float:left;
	width:400px;
	margin:0;
	padding:0;
	color:#C70000;
}

#main h2{
	border-top:#000 dotted 1px;
	border-bottom:#000 dotted 1px;
	padding:5px 0;
}

#contact-form{
	width:340px;
	float:left;
	margin-bottom:20px;
}

#contact{
	width:300px;
	background:#f2f2f2;
	padding:10px;
	border:1px solid #c3c3c3;
}

#content th{
	text-align:left;
	vertical-align:top;
}

#contact th .required{
}

#contact td{
	width:100%;
	padding-bottom:10px;
}

#contact input{
	width:100%;;	
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDD;
	font-size: 10px;
	line-height: 12px;
}

#contact input.submit{
	width:auto;
	border:1px solid #fff;
	outline:#000 solid thin;
	background:#000;
	color:#fff;
	line-height:14px;
	display:block;
	cursor:pointer;
}

#contact input.check{
	width:auto;
}

#contact textarea{
	width:300px;
	height:200px;
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDD;
}

#contact-info{
	float:right;
	width:300px;
	margin:30px 0 0 0;
	border:1px solid #c3c3c3;
	background:#f2f2f2;
	padding:10px;
}

#contact-info h3{
	margin:0 0 4px 0;
	border-bottom:1px solid #c3c3c3;
}

#contact-info p{
	margin-top:0;
	font:11px/14px 'Lucida Grande', Helvetica, sans-serif;
}

#contact-info p.directions{
	margin-bottom:0;
}

#contact-info ul{
	margin:0;
	padding:0 0 0 10px;
	font:11px/14px 'Lucida Grande', Helvetica, sans-serif;
}

#contact-info ul li{
	margin:0;
	padding:0;
}

#contact-info p.map-link{
	margin-top:8px;
	margin-bottom:0;
	text-align:center;
}

#contact-info p.map-link a{
	color:#900;
}

#contact-info p.map-link a:hover{
	color:#000;
}