/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
GENERAL >>> 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

* {
	margin: 0;
	padding: 0;
	border: none;
}
html body {
	height: 100%;
}

body {
	background: #061526 url('images/bkg.jpg') no-repeat top center;
	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: #cc3200;
	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;
}

/* #####################################################
						HEADER >>> 
######################################################## */

#header_container {
	width: 800px;
	height: 70px;
	text-align: left;
}

/* Logo and Right Menu >>> */

#top_container {
	width: 800px;
	height: 70px;
}

#logo {
	width: 200px;
	height: 28px;
	float: left; 
	margin: 20px 20px 0 24px;
	padding: 0;
	display: inline;
}

#menutop {
	width: 180px;
	height: 30px;
	margin: 40px 4px 0 0;
	padding: 0;
	float: right;
	display: inline;
}

/* #####################################################
						NAVIGATION >>> 
######################################################## */

#nav {
	width: 784px;
	height: 35px;
	background: #000000 url('images/bkg_menu.jpg') repeat-x top left;
	padding: 0 9px;
	float: left;
	display: inline;
	overflow: hidden;
	clear: both;
}
#nav ul {
	width: 480px;
	list-style: none;
	margin: 0 auto;
	float: left;
}
#nav li {
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}
#nav li a {
	width: 73px;
	height: 35px;
	font: bold 12px "Arial", Verdana, Trebuchet MS, Helvetica, sans-serif;
	color: #fffefe;
	text-decoration: none;
	text-align: center;
	margin: 0 2px;
	padding: 10px 0 0 0;
	float: left;
	display: block;
}
#nav li a:hover {
	height: 35px;
	background: #000000 url('images/menu_hover.jpg') no-repeat top center;
	color: #000000;
	text-decoration: none;
	margin: 0 2px;
	padding: 10px 0 0 0;
	float: left;
	display: block;
}
#nav-activ a:link, #nav-activ a:visited, #nav-activ a:hover {
	height: 35px;
	background: #000000 url('images/menu_hover.jpg') no-repeat top center;
	color: #000000;
	text-decoration: none;
	margin: 0 2px;
	padding: 10px 0 0 0;
	float: left;
	display: block;
}

.sep_margin {
	margin: 13px 0 0 0;
	float: left;
	display: block;
}

/* Search >>> */

#search_container {
	width: 300px;
	text-align: left;
	margin: 8px 0 0 0;
	float: right;
	display: inline;
}
#search_form {
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
}
#search_box {
	width: 146px;
	height: 16px;
	background-color: #ffffff;
	font: 11px "Arial", Verdana, Trebuchet MS, Helvetica, sans-serif;
	color: #7c868e;
	margin: 0 5px 0 0;
	padding: 4px 4px 0 4px;
	float: left;
	border: 0;
	display: inline;
}
#search_button {
	width: 54px;
	height: 20px;
	background: url('images/btn_cauta.gif') no-repeat top left;
	float: left;
	border: 0;
	display: inline;
}
#search_txt {
	margin: 4px 0 0 0;
	float: left;
}

/* #####################################################
						CONTENT >>> 
######################################################## */

#content_container {
	width: 800px;
	margin: 15px 0;
	float: left;
}

/* Content Left >>> */

#content_left {
	width: 400px;
	margin: 0 20px 0 0;
	float: left;
	display: inline;
}
#prezentare {
	width: 400px;
	margin: 5px 0 15px 0;
	padding: 0 0 12px 0;
	float: left;
	border-bottom: 1px solid #515c68;
	clear: both;
}

#recomandam {
	width: 380px;
	background: #000000 url('images/bkg_recomandam.jpg') no-repeat bottom right;
	margin: 0;
	padding: 15px 10px 10px 10px;
	float: left;
	clear: both;
}
#recomandare {
	width: 380px;
	margin: 15px 0;
	clear: both;
	display: block;
}
#recomandare img {
	background-color: #ffffff;
	margin: 0 15px 0 0;
	padding: 5px;
	float: left;
	border: 1px solid #7f0000;
}

/* Content Right >>> */

#content_right {
	width: 380px;
	float: left;
	display: inline;
}
#navigare_rapida {
	width: 364px;
	height: 121px;
	background: url('images/bkg_navigare_rapida.jpg') no-repeat top right;
	margin: 0 0 15px 0;
	padding: 4px 8px;
	border-bottom: 1px solid #515c68;
}

#navigare_rapida_form {
	float: right;
	display: inline;
}
#navigare_rapida_form select {
	width: 213px;
	height: 20px;
	background-color: #000000;
	font: 11px "Arial", Verdana, Trebuchet MS, Helvetica, sans-serif;
	color: #7c868e;
	float: right;
	margin: 3px 0;
	padding: 2px 0;
	border: none;
	clear: both;
}
#navigare_rapida_button {
	width: 213px;
	height: 20px;
	background: url('images/btn_afiseaza_prod.gif') no-repeat top left;
	margin: 15px 0 0 0;
	float: right;
	border: 0;
}

#banners {
	width: 380px;
	clear: both;
}

/* #####################################################
						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;
}

/* #####################################################
						FOOTER >>> 
######################################################## */

td.td-footer {padding: 10px 10px 10px 10px;color: #585C5E;font-size:11px;}
td.td-footer a:link {color: #585C5E;text-decoration: none;font-size:11px;}
td.td-footer a:visited {color: #585C5E;text-decoration: none;font-size:11px;}
td.td-footer a:hover {color: #cc3200;text-decoration: none;font-size:11px;}