body {
	margin: 0; padding: 0; background: #fff; text-align: center;
	background: #fff fixed url("../img/echipamente-electrice/bg.jpg") no-repeat; font: 11px Arial, "Trebuchet MS", Tahoma; color: #707070;
}

a { padding: 2px 0; text-decoration: none; font-size: 11px; color: #0e8ad9; }
a:hover { text-decoration: underline; color: #000; }

img { border: 0; }

/* top */
.top { margin: 5px auto 0; width: 850px; height: 150px; background: #fff; color: #000; margin: 5px auto 0; text-align: left; }

/* header */
.header { position: relative; clear: both; width: 840px; padding: 5px; color: #000; }
	
	/* logo */
	#logo { position: absolute; width: 135px; height: 70px; top: 5px; left: 5px; } 
	/* slogan */
	#slogan { position: absolute; top: 60px; left: 10px; } 
	#slogan h1 { margin: 0; padding: 0; font-size: 12px; } 
	
	/* search */
	#search { 
		position: absolute; width: 325px; height: 30px; top: 50px; left: 435px; padding: 5px; border: 1px solid #eee;
		background: url("../img/echipamente-electrice/bg-search.gif") repeat-x;
	}
	/* search form */
	#search form { margin: 0; text-indent: 0; word-spacing: 0; }
	#search img { margin: 0; padding: 0 0 0 3px; border: 0; }
	* html #search img { margin: 1px 0 0 0; padding: 0; border: 0; }
	#search input { 
		float: left; width: 235px; height: 20px; margin: 0; padding: 3px 0 0 3px; border: 1px solid #dcdcdc; vertical-align: top;
		background: #fff; font-size: 11px; color: #b60008;
	}
	
	/* menu */
	#menu { 
		position: absolute; width: 840px; height: 25px; margin: 0; top: 120px; left: 5px; padding: 5px 0 0 0; border: 1px solid #eee; border-left: 0;
		background: #f5f5f5 url("../img/echipamente-electrice/bg-menu.gif") repeat-x;
	}
	#menu ul { position: relative; margin: 0; padding: 0; font-weight: bold; }
	#menu ul li { display: inline; float: left; }
	#menu ul li a { margin: 0; padding: 2px 14px 0 8px; border-right: 1px solid #696969; text-decoration: none; font-size: 13px; color: #000;}
	#menu ul li a:hover { text-decoration: underline; color: #d10000; }
	
	/* cart */
	#cart { position: absolute; width: 255px; top: 10px; left: 610px; }
	#cart img { float: left; padding: 0 5px 0 0; vertical-align: middle; }
	
/* container include left, middle and right panels */
.container { position: relative; clear: both; width: 840px; height: auto; margin: 0 auto 10px; padding: 5px; background: #fff; text-align: left; color: #000; }

	/* left boxes */
	.title { 
		clear: left; height: auto; margin: 0; padding: 7px 5px; border-top: 3px solid #bf1007; background: #f6e8e8; text-align: left;
	}
	* html .title { margin: 0; }
	.title strong { margin: 0; padding: 10px 3px 0 3px; font-size: 12px; color: #000; }
	
	/* content */
	.content { clear: left; height: 100%; margin: 0; padding: 10px 0 0 5px; color: #505254; }
	.content b { color: #000; }
	.content a { line-height: 20px; padding: 2px 0; text-decoration: underline; font-size: 11px; color: #de0b01; }
	.content a:hover { text-decoration: none; color: #000; }
	.content img { border: 0; }
	.content img.logout { margin: 0 5px 0 0; vertical-align: middle; }
	
	/* inner */
	.inner { line-height: 16px; text-align: center; }
	.inner img { padding: 5px 0; }
	.inner span { padding: 0 2px; font-weight: bold; font-size: 12px; background: #d4e6ea; color: #000; }
	.inner span a, .inner span a:hover { text-decoration: none; color: #fff; }
	.inner strong { margin: 0; padding: 0; font-weight: bold; color: #696969; }
	.inner strong.value { color: #c10000; }
	.inner a { text-decoration: underline; font-size: 11px; color: #0e8ad9; }
	.inner a:hover { text-decoration: none; color: #0f4d74; }
	.inner form { margin: 0; text-indent: 0; word-spacing: 0; }
	* html .inner img { margin: 1px 0 0 0; border: 0; }

/* left */
#left { float: left; width: 190px; margin: 0; padding: 0; font-size: 11px; }

/* categories */
#left a.category { margin: 0; font-weight: bold; font-size: 11px; text-decoration: none; }
#left a.category:hover { color: #000; }
#left .category-item { margin: 0; padding: 5px 3px 0 3px; list-style: none; word-spacing: 0; text-indent: 0; }

#left .catlist { display: block; margin: 0; padding: 0; list-style: none; }
#left .catlist li { padding: 0 0 0 3px; }
#left .catlist li a { 
	margin: 0; padding: 0 2px 0 12px; background: url("../img/echipamente-electrice/arrow-subcategory.gif") no-repeat 0 4px; color: #a1110a;
}
#left .catlist li a:hover { color: #d90000; }
#left .catlist li span { line-height: 25px; font-weight: bold; color: #c50c0c; }
#left .catlist li span a { padding: 0; border: none; background: none; color: #000; }
#left .catlist li span a:hover { background: none; color: #c50c0c; }

	/* list */
	.list { clear: both; height: 100%; margin: 0; padding: 5px 0 0 5px; border-bottom: 1px solid #eee; }
	.list ul { margin: 0; padding: 0; list-style: none; }
	.list li { display: block; width: 98%; margin: 3px 0; padding: 0; border-bottom: 1px solid #eee; }
	.list li a { margin: 0; padding: 0 10px 0 16px; color: #000; }
	
	/* special products */
	.sprods { clear: right; width: 100%; margin: 3px 0 0 0; padding: 5px 0 0 0; border-bottom: 1px solid #dbdbdb; text-align: center; }
	.sprods h2 { margin: 0; padding: 0 2px; font-weight: bold; font-size: 11px; }
	.sprods h2 a { line-height: 18px; margin: 5px 0 0 0; padding: 2px 5px; text-decoration: underline; color: #a60202; }
	.sprods h2 a:hover { text-decoration: none; color: #000; }
	.sprods img { width: 90px; margin: 3px 0 0 0; border: 0; }
	.sprods a:hover img { border: 0; background: #fff; }
	.sprods p { line-height: 25px; margin: 0; padding: 0; font-weight: bold; font-size: 12px; color: #000; }
	.sprods p span { color: #4ac90d; }
	
	/* currency */
	#currency { line-height: 25px; margin: 0; padding: 0; }
	#currency span { font-weight: bold; font-size: 12px; color: #ea0808; }
	
	/* manufacturers */
	.manufacturers { clear: both; height: 100%; margin: 0; padding: 0; border-bottom: 1px solid #eee; text-align: center;}
	.manufacturers ul { margin: 0; padding: 0; list-style: none; }
	.manufacturers li { display: block; margin: 3px 0; padding: 0; border-bottom: 1px solid #eee; }
	.manufacturers li a { margin: 0; padding: 0; }
	
/* middle */
#middle { float: left; width: 645px; margin: 0; padding: 0 0 0 5px; border-bottom: 1px solid #eee; }
#middle strong { padding: 0 2px; color: #d90000; }
#middle big { padding: 0 2px; background: #c2141c; color: #fff; }
#middle h3 { margin: 0; padding: 0 2px; font-size: 13px; color: #e68700; }
#middle p { clear: both; margin: 0; padding: 0; }
* html #middle p { padding: 5px 0 0 0; }

	/* you are here */
	#known-area { margin: 0; padding: 0 5px; font-weight: bold; color: #620700; }
	#known-area a { padding: 2px 3px; text-decoration: underline; font-weight: normal; color: #c10000; }
	#known-area a:hover { color: #000; }
	
	/* center and middle text */
	.mid-text { clear: both; margin: 10px 0; line-height: 20px; text-align: justify; }
	.mid-text b { font-weight: bold; color: #000; }
	.mid-text a { padding: 2px 0; text-decoration: underline; font-size: 11px; color: #c10000; }
	.mid-text a:hover { text-decoration: none; color: #000; }
	
	.last-hold { clear: both; margin: 0; padding: 10px 0; color: #000; }
	.last-hold small { font-weight: bold; font-size: 13px; }
	.last-hold ul { display: block; width: auto; margin: 0; padding: 5px; text-align: justify; }
	.last-hold li { margin: 0; padding: 2px; border-bottom: 1px solid #e0e0e0; list-style-type: none; }
	.last-hold li img { border: 0; height: 25px; }
	.last-hold li a { line-height: 18px; margin: 5px 0 0 0; padding: 2px 5px; text-decoration: none; font-size: 11px; color: #000; }
	.last-hold li a em { font-style: normal; font-weight: bold; font-size: 12px; color: #ea0808; }
	
/* footer */
#footer { position: relative; clear: both; width: 850px; height: 100%; line-height: 20px; margin: 0 auto; border-top: 1px solid #eee; background: #fff; }
.inner-footer { padding: 10px 5px 0; text-align: center; font-size: 11px; color: #000; }
.inner-footer a { text-decoration: underline; color: #000; }
.inner-footer a:hover { text-decoration: none; color: #a40808; }

	/* validation */
	.validation { position: relative; clear: both; margin: 0 auto; padding: 5px 0; }
	.validation a { padding: 0 3px; text-decoration: none; }
	.validation a:hover { text-decoration: underline; }
	.validation a.html { background: #d80101; font-size: 10px; color: #fff; }
	.validation a.css { background: #940a0a; font-size: 10px; color: #fff; }
	.validation a.html:hover, .validation a.css:hover { color: #fff; }
	
	/* web design author */
	#creation-logo { position: relative; clear: both; margin: 0; padding: 5px; font: 11px Arial, "Trebuchet MS", Tahoma; color: #696969; }
	#creation-logo a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
	#creation-logo a:hover { color: #5e9f1f; }
	#creation-logo em { font-style: normal; font-weight: bold; color: #5e9f1f; }
	#creation-logo strong { color: #000; }

	/* Partners */
	.partners { clear: both; margin: 0 auto; padding: 0; text-align: center; }
	.partners a { text-decoration: none; color: #696969; }
	.partners img { position: relative; margin: 3px 0 3px 0; padding: 0; border: 0; vertical-align: middle; }
	
	/* navigator */
	.navigator { 
		clear: both; height: 20px; margin: 5px 0; padding: 3px 0; border-top: 1px solid #f6edef; border-bottom: 1px solid #f6edef;
		text-align: justify; font-size: 11px; color: #965f68;
	}
	.navigator span.jump_to { padding-left: 10px; font-weight: bold; color: #000; }
	.navigator input { width: 30px; height: 18px; border: 1px solid #7b7b7b; vertical-align: middle; font-weight: bold; font-size: 11px; }
	.navigator img { margin: 0; padding: 0 2px; border: 0; vertical-align: text-bottom; }
	.navigator b { padding-left: 10px; }
	.navigator a, .navigator a:hover { margin: 0; padding: 0; border: none; background: none; }
	
	span.customer { padding: 2px; background: #d90000; font-weight: bold; color: #fff; }

/**/
/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/