/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
GENERAL >>> 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

* {
	margin: 0;
	padding: 0;
	border: none;
}
html body {
	height: 100%;
}

body {
	background-color: #010a10;
	font: 12px "Arial", Verdana, Trebuchet MS, Helvetica, sans-serif;
	color: #f7f7f7;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

/* #####################################################
						GENERAL >>> 
######################################################## */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
}
/* End hide from IE-mac */

a:link, a:visited {
    color: #10aff3;
	text-decoration: underline;
}
a:hover, a:active {
    color: #ffffff;
	text-decoration: underline;
}
p {
	margin: 10px 0;
	padding: 0;
}

.float_right {
	float: right;
}
.float_left {
	float: left;
}

.container {
	width: 800px;
	text-align: left;
	margin: 0 auto;
	clear: both;
	display: block;
}

/* #####################################################
						BRANDS >>> 
######################################################## */

#brands_container {
	width: 100%;
	background-color: #010a10;
	text-align: left;
	padding: 10px 0;
	float: left;
	overflow: hidden;
	clear: both;
	border-bottom: 2px solid #05111d;
}

/* Brandsnav >>> */

#brandsnav {	
	text-align: center;
	overflow: hidden;
	clear: both;
}

#brandsnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#brandsnav li {
    list-style: none;
	display: inline;
	margin: 0; 
	padding: 0;
}
#brandsnav a {
	height: 0px !important; 
	padding: 34px 0 0 0;
	margin: 0;
	float: left;
	overflow: hidden;
	height /**/:34px; /* for IE5/Win only */
}	
#brandsnav a:hover, #brandsnav a:active, #brandsnav a.selected {
	background-position: 0 -34px;
}

#bnmakita a  {
	width: 77px;
	background: url("/images/logo1.jpg") no-repeat top left;
	margin: 1px;
}
#bnmillwaukee a  {
	width: 77px;
	background: url("/images/logo2.jpg") no-repeat top left;
	margin: 1px;
}	
#bndolmar a  {
	width: 77px;
	background: url("/images/logo3.jpg") no-repeat top left;
	margin: 1px;
}
#bnjackle a  {
	width: 77px;
	background: url("/images/logo4.jpg") no-repeat top left;
	margin: 1px;
}	
#bnesab a  {
	width: 77px;
	background: url("/images/logo5.jpg") no-repeat top left;
	margin: 1px;
}
#bnrodcraft a  {
	width: 77px;
	background: url("/images/logo6.jpg") no-repeat top left;
	margin: 1px;
}
#bnunior a  {
	width: 77px;
	background: url("/images/logo7.jpg") no-repeat top left;
	margin: 1px;
}
#bnminotti a  {
	width: 77px;
	background: url("/images/logo8.jpg") no-repeat top left;
	margin: 1px;
}
#bnwerner a  {
	width: 77px;
	background: url("/images/logo9.jpg") no-repeat top left;
	margin: 1px;
}
#bngertus a  {
	width: 77px;
	background: url("/images/logo10.jpg") no-repeat top left;
	margin: 1px;
}
#bnptg a  {
	width: 77px;
	background: url("/images/logo11.jpg") no-repeat top left;
	margin: 1px;
}
#bnrix a  {
	width: 77px;
	background: url("/images/logo12.jpg") no-repeat top left;
	margin: 1px;
}
#bnstock a  {
	width: 77px;
	background: url("/images/logo13.jpg") no-repeat top left;
	margin: 1px;
}
#bnabicor a  {
	width: 77px;
	background: url("/images/logo14.jpg") no-repeat top left;
	margin: 1px;
}
#bngce a  {
	width: 77px;
	background: url("/images/logo15.jpg") no-repeat top left;
	margin: 1px;
}
#bnflexovit a  {
	width: 77px;
	background: url("/images/logo16.jpg") no-repeat top left;
	margin: 1px;
}
#bnnorton a  {
	width: 77px;
	background: url("/images/logo17.jpg") no-repeat top left;
	margin: 1px;
}
#bnnortonclipper a  {
	width: 77px;
	background: url("/images/logo18.jpg") no-repeat top left;
	margin: 1px;
}
#bnsaintgobain a  {
	width: 77px;
	background: url("/images/logo19.jpg") no-repeat top left;
	margin: 1px;
}

