/*body { margin-top: -5px; background: #fff ; text-align: center; font: 11px "Trebuchet MS", Tahoma; color: #000; } */
body { margin-top: -5px; background: #fffff ; text-align: center; font: 12px Helvetica; color: #000000; }

/* Container - MAIN BOX */
#htmlcontainer { width: 980px; margin: auto; text-align: left; }

#banner { 
	position: relative; width: 980px; height: 100px  /*140px*/; margin: 0; padding: 0;
	background: url("../img/echipamente-accesorii-motociclete/banner-bkg.gif") no-repeat top left;
}

/* banner container */
#logo { position: absolute; height: auto; top: 5px; left: 0; }
#logo img { border: 0;  }
#logo img.logo { margin: 0; }
#logo img.profile { margin: 0; padding-top: 5px; }
* html #logo img.profile { margin: 0; padding-top: 0; }

#login-status { position: absolute; width: 650px; height: auto; top: 60px /*100px*/; left: 0px; }
#login-status span { font: bold 14px /*"Trebuchet MS", Trebuchet, Arial*/Helvetica, sans-serif; color: #2f2d2d /*#000000*/; }

#login { position: absolute; width: 650px; height: auto; top: 80px /*120px*/; left: 0px; }
#login span { font: bold 12px /*"Trebuchet MS", Trebuchet, Arial*/Helvetica, sans-serif; }
#login span a { text-decoration: underline; font-weight: normal; margin-right: 10px; color: #2f2d2d /*#000000*/; }
#login span a:hover { text-decoration: none; color: #2f2d2d /*#000000*/; }



span { font-size: 15px; color: #000000; }
span.cart-title { font-weight: bold; font-size: 14px; margin-left: 5px; color: #000000 /*#fff*/; }
span.cart-title a { font-weight: bold; font-size: 13px; color: #000000 /*#fff*/; text-decoration: underline; }
span.cart-title a:hover { color: #82CAFA /*#bababa*/; text-decoration: none; }
div.cart-total { font-weight: bold; font-size: 14px; color: #000; margin-top: 5px; }
div.cart-total a { color: #fff; text-decoration: underline; }
div.cart-total a:hover { color: #fff; text-decoration: none; }
span.cart-price { font-weight: bold; font-size: 14px; color: #000; }
span.currency-title { font-weight: bold; font-size: 14px; margin-left: 3px; color: #2f2d2d; }

select.currency { width: 70px; background: #fff; color: #000; font-weight: bold; font-size: 11px; }
input.iform { 
	width: 180px; height: 20px; background: #fff; color: #000; font-size: 11px; z-index: 0; border: 1px solid #ccc;
}

#cart { 
	position: absolute; width: 210px; height: 95px; top: 30px /*5px*/; left: 800px;  padding: 7px;
	background:  no-repeat top left;
}
#cart img { border: 0; vertical-align: middle; padding-right: 7px; padding-top: 0; }

/* currency box corners */
#currency-box { position: absolute; width: 135px; height: auto; top: 30px /*40px*/ ; left: 610px /*810px*/; background: #ffffff /*#F5F6F1*/; }
.currency-content { margin: 0 7px; }
.bnrc-top div { background: #ffffff /*#F5F6F1*/  no-repeat top left; }
.bnrc-top { background: #ffffff /*#F5F6F1*/  no-repeat top right; }
.bnrc-bot div { background: #ffffff /*#F5F6F1*/  no-repeat bottom left; }
.bnrc-bot { background: #ffffff /*#F5F6F1*/ no-repeat bottom right; }
.bnrc-top div, .bnrc-top, .bnrc-bot div, .bnrc-bot { width: 100%; height: 7px; font-size: 1px; }
span.eur-ron { font-size: 12px; color: #000000; }

/* menu */
#menu  {position: relative; float: left; width: 980px ; margin-bottom: 0px; left: 0px; }

#menu-list {position: relative; margin: 0; padding: 0; border-top: 0px solid #0000 /*#e00000*/; }
#menu-list ul { 
	float: left; width: 980px ; margin: 0px 0 0 0; padding-left: 0px;
	background: #82CAFA /*#747885*/ bottom left no-repeat; font-weight: bold; font-size: 13px;
}
* html #menu-list ul { margin-bottom: 1px; margin-left: 0px; }
#menu-list ul li { display: inline; }
#menu-list ul li a { float: left; color: #000; font-weight: bold; padding: 7px 10px 7px 12px; text-decoration: none;}
#menu-list ul li a:visited { color: #000; }
#menu-list ul li.tyres a { color: /*#ff0000 /*#000*/; font-size: 14px; }
#menu-list ul li.pieces a { color: /*#ff0000 /*#000*/; font-size: 14px; }
#menu-list ul li.ocazii a { background: /*#fffff /*#747885*/; color: /*#ff0000 /*#000*/; font-size: 14px; }
#menu-list ul li a:hover, #menu-list ul li a#selected {
	color: #ff0000 /*#fff*/;   bottom center no-repeat;
}

#menu-list ul li a#rightcorner {
	padding-right: 0px; padding-left: 0px; background: #82CAFA /*#747885*/  bottom right no-repeat; width: 980px;
}

/* middle */
#middle-container { clear: both; position: relative; width: 980px; margin: 0 auto; padding: 0; height: auto; } 
* html #middle-container { margin-top: -10px; } 

/* left */
#left { position: relative; float: left; width: 220px; margin: 5px 0; }

/* right */
#right { position: relative; float: right; clear: right; width: 760px; margin: 5px 0; }
#right h3 { margin: 0; padding: 0 2px; font-size: 14px; color: #e68700; }
#right h4 { margin: 0; padding: 0 0px; font-size: 14px; color: #f51313; }

#advanced-search { position: relative; overflow: hidden; background: #fff; color: #000; height: 0; }
select.brand { 
	width: 140px; color: #000; margin: 10px 0 0 7px; border: 1px solid #eee; font-size: 11px; 
}
input.price { 
	width: 60px; height: 20px; margin: 10px 7px 0 7px; border: 1px solid #ccc; font-size: 11px; }

/* Category browser BOX */
a.category { margin-left: 0px /*3px*/; font-weight: bold; font-size: 14px; color: #000 /*#fff*/; text-decoration: none; }
a.category:hover { color: #000 /*#fff*/; text-decoration: underline; }
.category-item { clear: both; height: 100%; padding: 10px 3px 0 3px; list-style: none; word-spacing: 0; text-indent: 0; }
.catlist { clear: both; display: inline; height: 100%; margin-top: 0; margin-left: 10px; padding-left: 0; list-style: none; }
.catlist li { 
	position: relative; padding-left: 2px; line-height: 18px;
	background: no-repeat 0 2px;
}
.catlist li span { font-size: 14px; color: #000 /*#fff*/; text-decoration: none; margin: 0 0 0 10px; }
.catlist li a { font-size: 14px; color: #000 /*#fff*/; text-decoration: none; margin: 0 0 0 10px; }
.catlist li a:hover { color: #eeeee; text-decoration: underline; }

/* Partners and info BOX */
#rcomm { clear: both; position: relative; height: 153px; margin: 0 0 5px 0; }
.rcomm-box { 
	float: left; margin: 0; padding: 0; overflow: hidden; voice-family: "\"}\""; voice-family: inherit; font-size: 11px; color: #000;
}
.partners-width { width: 545px; height: 153px; }
.info-width { width: 215px; height: 153px; }

/* footer */
#footer { clear: both; position: relative; width: 980px; background: #f5f6f1; margin: 5px 0 -15px 0; }

.ft-top div { background: #f5f6f1 no-repeat top left; }
.ft-top { background: #f5f6f1 no-repeat top right; }
.ft-top div, .ft-top { width: 100%; height: 7px; font-size: 1px; }

#footer-links { 
	width: 965px; margin: 5px 0 5px 0; padding: 10px 0; border-bottom: 3px solid #c2c1c1;
	background: url("../img/echipamente-accesorii-motociclete/footer-line.gif") no-repeat top left;
}
#footer-links a { color: #696969; text-decoration: underline; }
#footer-links a:hover { border-top: 1px solid #711425; color: #e90000; text-decoration: none; }
	
	/* validation */
	#validation { position: relative; float: left; margin: 5px 0; padding: 0; text-align: left; }
	#validation a { padding: 2px; text-decoration: none; }
	#validation a:hover { border-top: 2px solid #eee; text-decoration: underline; }
	#validation a.html { background: #cfa7af; font-size: 10px; color: #fff; }
	#validation a.css { background: #9e777e; font-size: 10px; color: #fff; }

	/* web design author */
	#creation-logo { position: relative; float: left; 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; }

span.romimoto { font-weight: bold; color: #e30c0c; }
span.new-pages { color: #000; }
span.ft-line { color: #c23b17; }
span.ft-jmp-infos { padding-left: 20px; color: /*#580808*/#ff0303; }
span.ft-jmp-infos a { color: #580808; text-decoration: underline; }
span.ft-jmp-infos a:hover { color: #000; text-decoration: none; }
a.jump-info {
	margin-left: 10px; padding-left: 18px; background: url("../img/casti-moto-icons/jump-info.gif") no-repeat top left;
	color: #580808; text-decoration: none;
}

/* navigator */
.navigator { clear: both; width:100%; height: auto; padding: 0; text-align: justify;  font-size: 100%; color: /*#954c17*/ #ff0303; }
.navigator a:link, .navigator a:visited, .navigator a:active { color: /*#5f523a*/#000000; }
.navigator a:hover { color: /*#86270e*/ #ff0303; }
.navigator span.no_link { color: #767676; }
.navigator span.jump_to { padding-left: 15px; color: #000; }
.navigator input { width: 50px; height: 20px; border: 1px solid #ccc; font-weight: bold; font-size: 11px;  }
.navigator a img { padding-top: 0; vertical-align: bottom; }
.navigator .ui-icon {background: url('../img/icons/ui-icons_cc0000_256x240.png') no-repeat; width:16px;height:16px;cursor:pointer;float:left;margin:1px;}
.navigator .ui-icon-disabled { opacity: .35; filter:Alpha(Opacity=35); cursor:default;}
.navigator .ui-icon-seek-next { background-position: -32px -160px; }
.navigator .ui-icon-seek-prev { background-position: -48px -160px; }
.navigator .ui-icon-seek-last { background-position: -64px -160px; }
.navigator .ui-icon-seek-first { background-position: -80px -160px; }
.navigator .ui-icon-filter { background-position: 0px -160px; }
.navigator .ui-seek-page { float:left;font-size:12px; }
.navigator .ui-seek-page input[type="text"]{text-align:right;width:14px;}
.navigator .filter input[type="text"]{text-align:right;height:16px;}

/* Customer account */
#customers-area { margin: 0; padding: 0; font-size: 10px; color: #5A646A; }
#customers-area p { color: #d90000; }
#customers-area span { font-weight: bold; font-size: 10px; color: #000; }
#customers-area span.user-info { font-size: 10px; color: #9c9c9c; }

/* partners */
.partners { position: relative; clear: both; margin: 7px 5px 7px 0; text-align: center; color: #9f0000; }
.partners a { border: none; text-decoration: none; font-size: 11px; color: #9f0000; }
.partners img { position: relative; float: none; margin: 3px 0 3px 0; padding: 3px 0; border: 0; vertical-align: middle; }

.clearfix:after { content: "."; 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; }

* html .speciallist li p { margin: -18px 0 0 55px; padding: 0; }

/* customer account menu */
#cmenu { float: left; width: 745px; height: 40px; margin: 0 0 0 0; padding: 0; }

#cmenu ul.nav { float: left; height: 40px; margin: 0 0 0 -10px; padding: 0; font-size: 12px; }
#cmenu ul.nav li { display: inline; }
#cmenu ul.nav li a {
	display: block; float: left; height: 25px; line-height: 25px; margin-left: 5px; padding: 5px 5px 0px;
	border-bottom: 5px solid #bbc5ae; text-decoration: none; text-transform: uppercase; color: #7a856a;
}
#cmenu ul.nav li a:hover { background: #eee; color: #333; }
#cmenu ul.nav li.current a { color: #acabab; }

#cmenu ul.nav li.current a.b1 { border-bottom: 5px solid #6d9e0f; }
#cmenu ul.nav li.current a.b2 { border-bottom: 5px solid #6fc264; }
#cmenu ul.nav li.current a.b3 { border-bottom: 5px solid #7dbb25; }
#cmenu ul.nav li.current a.b4 { border-bottom: 5px solid #3e7a0e; }
#cmenu ul.nav li.current a.b5 { border-bottom: 5px solid #a4ec18; }
#cmenu ul.nav li.current a.b6 { border-bottom: 5px solid #d90000; }

#cmenu ul.nav li a.b1:hover { border-bottom: 5px solid #6d9e0f; }
#cmenu ul.nav li a.b2:hover { border-bottom: 5px solid #6fc264; }
#cmenu ul.nav li a.b3:hover { border-bottom: 5px solid #7dbb25; }
#cmenu ul.nav li a.b4:hover { border-bottom: 5px solid #3e7a0e; }
#cmenu ul.nav li a.b5:hover { border-bottom: 5px solid #a4ec18; }
#cmenu ul.nav li a.b6:hover { border-bottom: 5px solid #d90000; }

/* customer steps menu */

#menu-order { position: relative; display: block; width: 100%; height: 40px; margin: 10px 0 0 0; padding: 0; }

#omenu { float: left; width: 100%; height: 30px; margin: 0 0 0 0; padding: 0; }
#omenu img { float: right; width: 35px; margin: 5px 0 0 0; border: 0; }

#omenu ul.onav { float: left; height: 30px; margin: 0 0 0 -10px; padding: 0; font-size: 13px; }
#omenu ul.onav li { display: inline; }
#omenu ul.onav li a {
	display: block; float: left; height: 25px; line-height: 20px; margin-left: 5px; padding: 3px 2px 0; border: none;
	border-top: 2px solid #dfd7d0; background: none; text-decoration: none; text-transform: lowercase; color: #000;
}
#omenu ul.onav li a:hover { border-top: 2px solid #d40b0b; color: #000; }
#omenu ul.onav li.current a { border-top: 2px solid #a4ec18; color: #7c4c4c; }
#omenu ul.onav li span {
	display: block; float: left; height: 25px; line-height: 20px; margin-left: 5px; padding: 3px 3px 0;
	border-top: 2px solid #fff; text-transform: lowercase; font-size: 12px; color: #696969;
}