body {
	margin: 5px 0; padding: 0; background: #f9fafb fixed url('../img/echipamente-accesorii-motociclete/bg-body.jpg') no-repeat top center; text-align: center;
	font: 11px Arial, "Trebuchet MS", Tahoma; color: #000;
}

* html body { behavior: url("css/csshover.htc"); }

img { border: 0; }

a, a:hover, a:active, a:focus { outline: 0 none; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }

/* layout full screen size */
#container { position: relative; width: 980px; margin: 0 auto; padding: 0 5px; text-align: left; z-index: 1; }

	/* header */
	#header { position: relative; width: 980px; height: 268px; margin: 0; padding: 0 0 2px; }
		
		/* menu */
		#menu { 
			position: relative; clear: both; width: 976px; height: 38px; margin: 0; padding: 0; border: 2px solid #000;
			background: #000 url('../img/echipamente-accesorii-motociclete/bg-menu.gif') repeat-x;
		}
		#menu ul { margin: 2px 0; padding: 3px 0; list-style: none; }
		#menu li { display: block; float: left; }
		#menu li a {
			position: relative; display: block; float: left; height: 24px; margin: 0 1px; padding: 4px 10px 2px; border-right: 2px solid #373737;
			text-transform: uppercase; font: bold 13px Geneva, Arial; color: #fff;
		}
		#menu li a:hover { text-decoration: none; color: #7db9f0; }
			
			/* search bar */
			#search { position: absolute; width: 305px; margin: 0; padding: 0; top: 2px; right: 0; }
			#search form { margin: 0; text-indent: 0; word-spacing: 0; }
			#search input { width: 237px; height: 17px; margin: 3px 0; padding: 3px 0 3px 3px; border: 2px solid #d5dce2; font-size: 11px; color: #373862; }
			#search img.button { position: absolute; top: 1px; right: 0; }
			* html #search img.button { top: 2px; right: -1px; }
		
		#banner { 
			position: relative; clear: both; width: 980px; height: 221px; margin: 3px 0 3px;
			background: #f9fafb url('../img/echipamente-accesorii-motociclete/banner.jpg') no-repeat;
		}
			
			/* domain */
			#domain { position: absolute; top: 60px; left: 74px; }
			#domain h1 { margin: 0; padding: 0; font-weight: bold; font-size: 28px; color: #c30b0b; }
			
			/* advice */
			#advice { position: absolute; width: 240px; top: 170px; left: 74px; text-align: center; }
			#advice h1 { margin: 0; padding: 0; font-weight: bold; font-size: 12px; color: #fff; }
	
	/* inner container */
	#content { position: relative; clear: both; width: 980px; height: 100%; margin: 0 auto; padding: 0; overflow: auto; }
	#content:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	html[xmlns] #content { display: block; }
	* html #content { height: 1%; }
		
		/* promo */
		#promo { position: relative; clear: both; width: 980px; min-height: 144px; height: auto !important; height: 146px; margin: 0 0 5px; }
			
			.box { position: relative; float: left; width: 218px; margin-right: 7px; padding: 0; border: 2px solid #d5dce2; background: #f5f8fb; }
			.box h2 {
				height: 14px; margin: 0; padding: 8px 5px; background: #000 url("../img/echipamente-accesorii-motociclete/bg-promo-title.gif") no-repeat;
				font-weight: bold; font-size: 13px; color: #fff; 
			}
			.image div { position: relative; width: 115px; min-height: 100px; height: auto !important; height: 100px; padding: 5px; }
			.image div a big { position: absolute; top: 70px; left: 20px; text-decoration: underline; color: #617dc8; }
			.image div a:hover big { text-decoration: none; }
			.image img { position: absolute; width: 100px; height: 100px; top: 36px; right: 3px; margin: 0; padding: 0; }
				
				/* box proprieties */
				/* login */
				.login { position: relative; width: 289px; }
				.login form { min-height: 100px; height: auto !important; height: 100px; margin: 0; padding: 5px; text-indent: 0; word-spacing: 0; }
				.login input { width: 150px; height: 16px; margin: 3px 0; padding: 3px 0 3px 3px; border: 1px solid #d5dce2; font-size: 11px; color: #373862; }
				.login a { line-height: 25px; color: #373862; }
				.login a.login-btn { position: absolute; color: #373862; top: 48px; right: 0; }
				.login img { width: 118px; height: 32px; }
				
				/* no right border */
				.norb { margin: 0; }
				
				/* logged */
				.logged { position: relative; clear: both; width: 279px; min-height: 107px; height: auto !important; height: 107px; margin: 3px 0 0; padding: 0 5px; }
				.logged a.logout { padding-left: 20px; background: url('../img/icons/icon-logout.gif') no-repeat; }
				.logged ul { margin: 0; padding: 0; }
				.logged ul li { display: block; list-style: none; }
				.logged ul li a { line-height: 18px; }
		
		/* content panel */
		.content { position: relative; width: 220px; margin: 0; padding: 0 0 5px; border: 2px solid #d5dce2; background: #f5f8fb; }
		.content h2 {
			height: 14px; margin: 0; padding: 8px 5px; background: #000 url("../img/echipamente-accesorii-motociclete/bg-promo-title.gif") no-repeat;
			font-weight: bold; font-size: 13px; color: #fff; 
		}
		.content a { color: #000; }
		.content ul { margin: 2px 3px 0 5px; padding: 0; list-style-type: none; }
		.content ul li { display: block; line-height: 16px; padding: 5px 0; }
		.content ul li a { font-size: 11px; color: #07519d; }
		.content ul li a:hover { color: #000; }
			
			/* catalog list */
			.catalog { clear: both; margin: 0 0 15px; height: 100%; padding: 5px; border: 1px solid #eee; background: #fff; }
			.catalog h1 { margin: 10px 0 10px; padding: 0; font: bold 12px Arial, Helvetica, sans-serif; }
			.catalog h1 a { text-decoration: none; color: #3257c3; }
			.catalog h2 {
				height: 14px; margin: 0; padding: 8px 5px; background: #000 url("../img/echipamente-accesorii-motociclete/bg-promo-title.gif") no-repeat;
				font-weight: bold; font-size: 13px; color: #fff; 
			}
			.catalog ul { position: relative; clear: both; width: 100%; margin: 0; padding: 0; list-style: none; }
			.catalog li { display: block; margin: 2px 0; padding: 0 2px 0 16px; background: url("../img/arrows/arrow-subcatalog.gif") no-repeat 0 5px; color: #000; }
			.catalog li a { line-height: 16px; color: #000; }
			.catalog li a:hover { text-decoration: none; }
			
				/* space for levels li */
				li.level1 { margin-left: 20px; }
				li.level2 { margin-left: 40px; }
				li.level3 { margin-left: 60px; }
				li.level4 { margin-left: 80px; }
				li.level5 { margin-left: 100px; }
		
		/* left panel */
		#left { position: relative; clear: both; float: left; width: 224px; margin: 0; padding: 0; }
		
		
		/* right panel */
		#right { position: relative; float: left; width: 737px; margin: 0 0 0 5px; padding: 5px; border: 2px solid #d5dce2; background: #f5f8fb; }
		#right p { clear: both; margin: 0; padding: 0; }
		#right h3 { margin: 0; padding: 5px 2px; font-size: 13px; }
			
			/* here */
			.here { clear: both; width: auto; height: 20px; margin: 0 0 5px 0; padding: 5px 0; border: 1px solid #dce1ed; background: #fff; }
			.here span { height: 30px; margin: 0; padding: 5px 15px 10px 5px; font-weight: bold; font-size: 12px;
			background: url("../img/echipamente-accesorii-motociclete/bg-here.gif") no-repeat bottom right; color: #2071de; }
			.here span a { font-weight: normal; font-size: 11px; color: #000; }
			
			/* midtext */
			.midtext { clear: both; margin: 10px 0 0; padding: 5px; border: 1px solid #ccc; }
			.midtext strong { padding: 0 2px; font-size: 12px; color: #57af1c; }
			
			/* logged menu - user bar account */
			.logged_menu {
			clear: both; height: 100%; line-height: 20px; margin: 5px 0; padding: 5px 5px 2px; border: 1px solid #a2c8dB; border-top-width: 3px;
			background: #bce8ff; font-size: 10px; }
			* html .logged_menu { padding-bottom: 5px; }
			.logged_menu a { font-size: 12px; color: #000; }
			.logged_menu a:hover { color: #696969; }
			.logged_menu img { vertical-align: middle; }
			
			/* last holded products */
			.last-hold { clear: both; margin: 25px 0 0; padding: 5px 0 5px; border-top: 1px solid #f7c0c0; color: #000; }
			.last-hold strong { font-size: 12px; }
			.last-hold ul { display: block; margin: 0; padding: 5px 0; 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; vertical-align: middle; }
			.last-hold li a { line-height: 18px; margin: 5px 0 0; padding: 2px 0; text-decoration: none; font-size: 11px; color: #000; }
			.last-hold li a big { font-weight: bold; font-size: 12px; color: #649a0b; }
			.last-hold li a:hover { text-decoration: underline; color: #696969; }
		
	/* footer */
	#footer { position: relative; clear: both; width: 980px; height: 80px; margin: 5px 0 0; padding: 0; font-size: 11px; background: #f5f8fb; color: #05769e; }
	* html #footer { margin: 0; }
		
		/* validation */
		#validation { position: absolute; margin: 0; top: 2px; left: 250px; }
		* html #validation { top: 2px; }
		#validation a { margin: 0; padding: 2px; text-decoration: none; }
		#validation a:hover {  }
		#validation a.html { background: #0682ae url('../img/echipamente-accesorii-motociclete/bg-html.gif') repeat-x; font-size: 10px; color: #fff; }
		#validation a.css { background: #00b1ee url('../img/echipamente-accesorii-motociclete/bg-css.gif') repeat-x; font-size: 10px; color: #fff; }
		
		/*copyright */
		#copyright { position: absolute; clear: both; top: 20px; left: 250px; color: #000; }
		#copyright b { color: #01b0ec; }
		
		/* links */
		#links { position: absolute; top: 35px; left: 250px; color: #05769e; }
		#links a { margin: 0 2px 0 0; padding: 0; text-decoration: none; font-weight: bold; font-size: 13px; color: #05769e; }
		#links a:hover { color: #000; }
		
		/* go top*/
		#gotop { position: absolute; top: 35px; right: 20px; }
		#gotop a { padding-left: 10px; background: url('../img/arrows/arrow-go-top.gif') no-repeat 0 4px; color: #000; }
		#gotop a:hover { text-decoration: none; }
		
		/* web design author */
		#creator { position: absolute; clear: both; top: 55px; left: 250px; margin: 0; padding: 5px 0; color: #696969; }
		#creator a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
		#creator a:hover { color: #5e9f1f; }
		#creator em { font-style: normal; font-weight: bold; color: #5e9f1f; }
		#creator strong { color: #000; }
	
	/* navigator */
	.navigator { clear: both; height: 28px; margin: 0; padding: 10px 0 0; text-align: justify; color: #696969; }
	.navigator form { margin: 0; padding: 0; text-indent: 0; word-spacing: 0; }
	.navigator a, .navigator a:visited, .navigator a:active { padding: 0 4px; border: 1px solid #7b7b7b; background: #eee; text-decoration: none; color: #000; }
	.navigator a:hover { background: #d1d1f9; color: #000; } 
	.navigator b { padding: 0 3px; border: 1px solid #0000c4; background: #0000ae; color: #fff; } 
	.navigator input { width: 30px; height: 15px; margin: 0 2px 0 5px; padding: 3px 0 0 3px; border: 1px solid #7b7b7b; vertical-align: middle;
	font-weight: bold; font-size: 11px; }
	.navigator img { margin-left: 5px; padding-top: 0; vertical-align: middle; }
	/* normal */
	.navigator span.no_link { color: #a4a4a4; }
	.navigator span.jump_to { padding-left: 10px; font-weight: bold; color: #000; }
	/* extended */
	.navigator a#jump_img_extended_navigator { padding: 0; background: none; border: 0; }
	
/* clearfix */
/**/
.clearfix:after { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* .clearfix { display: inline-block; } */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/

/* form messages */
.error { display: block; clear: both; text-align: center; font-weight: bold; font-size: 16px; color: #d53030; }
.success { display: block; clear: both; text-align: center; font-weight: bold; font-size: 16px; color: #3eb523; }
.warning { display: block; clear: both; text-align: center; font-weight: bold; font-size: 14px; color: #dd8a31; }