@charset "utf-8";

/* GENERALE */ 
html, body {height: 100%;}
body { min-width: 950px; background: url(../_img/bkgd.jpg) left top repeat-x #A09F92; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; }

* {margin: 0px; padding: 0px; }

#main { }

/* HEADER */
div#header { width: 950px; height: 80px; margin: 0px auto; padding: 0px; position:relative; z-index: 30; }

	/* Logo */
	h1 { width: 255px; height: 80px; font-size: 36px; color: #FFF; background-color: #000; float:left; }
	h1 a { color: #FFF; font-size: 36px; }
	h1 a img { width: 255px; height: 80px; border: none; }

	/* Slide menu (contact, info, cont, continut cos, cautare) */
	div.sm_box { width: 520px; height: 65px; overflow:hidden; padding: 10px 9px 0 9px; float: left; }
	ul.sm {list-style:none; width:520px; height: 65px; overflow:hidden;}
	ul.sm li {float:left; display:inline; overflow:hidden; width:300px; height: 64px; color: #F1F1F1; font-size: 11px; text-align:left;}
	ul.sm li.a { background:url(../_img/meniuslide/a.jpg) left top no-repeat;}
	ul.sm li.b { background:url(../_img/meniuslide/b.jpg) left top no-repeat;}
	ul.sm li.c { background:url(../_img/meniuslide/c.jpg) left top no-repeat;}
	ul.sm li.d { background:url(../_img/meniuslide/d.jpg) left top no-repeat;}
	ul.sm li.e { background:url(../_img/meniuslide/e.jpg) left top no-repeat;}
	ul.sm li div { width: 300px; }
	ul.sm li div.a { width: 55px; padding: 0; text-align:center; float: left;}
	ul.sm li div.a a { display: block; width: 55px; padding: 43px 0 0 0; font-size: 10px; color: #FFF; }
	ul.sm li div.a a:hover { color: #CCC }
	ul.sm li div.b { width: 230px; padding: 10px 3px 0px 8px; float: left; color: #000000; line-height: 12px; }
	ul.sm li div.low { line-height: 10px; }
		form.topform input.field2 { margin: 0px; vertical-align:middle; width: 90px; height: 15px; padding: 2px; border: 1px solid #000000; font-size: 12px }
		form.topform input.but2 {margin: 0px; vertical-align:middle; border:none; background:none; font-size: 11px;}

		input.newsmailtext {background-color:#FFFFFF; border:1px solid #999999; font-family:"Trebuchet MS",Arial,sans-serif; font-size:17px; height:21px; line-height:21px; margin-top:3px; padding:2px 5px; vertical-align:middle; width:180px; }
		input.newsmailbut {background:none repeat scroll 0 0 transparent; border:medium none; margin:0 2px; vertical-align:middle;}
		
		/* Cautare / suggest cautare */
		#searchform {  }
		#searchform div { color:#eeeeee; }
		#searchform .field { font-size:17px; line-height: 21px; height: 21px; padding:2px 5px; vertical-align:middle; width:180px; margin-top: 3px; font-family: "Trebuchet MS", Arial, sans-serif; border: 1px solid #999; background-color:#FFFFFF}
		#searchform .ffocus { border: 1px solid #333333; background-color:#FFFFDD}
		#searchform .but {margin: 0px 2px; vertical-align:middle; border:none; background:none; }
		#suggestions{ position: absolute; width:300px; display:none; z-index: 100; }
		
		/* rezultate suggest */
		#searchresults { background-color:#666; font-size:10px; line-height:13px; border-top: 1px solid #CCC;  z-index: 99;}
		#searchresults a { display:block; background-color:#DDD; clear:left; height:50px; text-decoration:none; padding-right: 7px; margin: 0px 1px; }
		#searchresults a:hover { background-color:#444; color:#ffffff; }
		#searchresults a img { float:left; padding:5px; height: 40px; border:0 }
		#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#333; }
		#searchresults a:hover span.searchheading { color:#ffffff; }
		#searchresults a span { color:#555555; }
		#searchresults a:hover span { color:#f1f1f1; }
		#searchresults span.category { padding:3px 5px; margin: 1px 1px 0px 1px; display:block; color:#666; background-color:#DDD; font-size:11px;  }
		#searchresults div.downbar{ background-color:#666666; height: 24px;}
		#searchresults span.nrrec {float:left; margin:5px 0 0 8px; font-weight: bold; color: #FFF;}
		#searchresults span.seperator { float:right; padding-right:15px; margin-right:5px; background: #666 url(../_img/searchsuggest_arrow.gif) no-repeat right; }
		#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; }


	/* Chat (consultant online) */
	div#livechat { display: block; width: 140px; height: 63px; float:right; margin: 10px 0 0 0; }
	div#livechat a:link, div#livechat a:visited, div#livechat a:active { width: 116px; display: block; } 
	div#livechat a:hover { width: 116px; display: block; } 

	/* Nume promotie pe text */
	div#textpromotie { width: 230px; height: 24px; overflow:hidden; position: absolute; left: 25px; top: 56px; background: none; }
	div#textpromotie a { display: block; height: 24px; width: 230px; position: absolute; left: 0px; top: 24px; text-align:center; font-size: 13px; line-height: 24px; font-weight: bold; color: #FFFFFF; background:url(../_img/png_black80.png) 0px 0px repeat; }



/* Meniu principal (Categorii / Subcategorii) */
div#topmenu {width: 900px; margin: 0px auto; padding: 2px 0px 0px 0px;}
div#chromemenu ul li a { color: #FFFFFF; }

	.chromestyle { width: 100%; }
	.chromestyle:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.chromestyle ul { width: 100%; text-align: center; }
	.chromestyle ul li { display: inline; color: #FFFFFF; font-size: 13px; }
	.chromestyle ul li a { color: #FFFFFF; padding: 7px 12px 5px 13px; line-height: 32px; margin: 0; text-decoration: none; border-right: 1px solid #444444; font-weight:bold; }
	.chromestyle ul li a:hover, .chromestyle ul li a.selected { background: url(../_img/tmenu_.jpg) center center repeat-x;}
	.chromestyle ul li strong { margin: 0px 7px 0px 18px;}
	
	.dropmenudiv { position:absolute; top: -500px; border: 1px solid #444444; border-width: 1px 3px 2px 3px; font-size:13px; line-height:18px; z-index:100; background: url(../_img/tmenu__.png) left top; width: 160px; color: #CCCCCC; }
	.dropmenudiv div div { font-size: 16px; color: #CCC; border-bottom: 1px solid #999; padding: 3px 3px; font-weight:bold; }
	.dropmenudiv a { color: #FFFFFF; display: block; border-bottom: 1px solid #555; padding: 5px 2px 5px 5px; text-decoration: none; font-weight: normal; white-space: normal; }
	.dropmenudiv a:link, .dropmenudiv a:visited, .dropmenudiv a:active { color: #FFFFFF; }
	body div.dropmenudiv a:hover { color: #000000; background-color: #FFFFFF; }
	
	div#dropmenu3 { width: 172px; }
	div#dropmenu4 { width: 320px; background: none; }
	div#dropmenu6 { width: 176px; }
	div.accesorii_ea { width: 159px; float: left; border-right: 1px solid #999999; background: url(../_img/tmenu__.png) left top; color: #F69 }
	div.accesorii_el { width: 160px; float: left; background: url(../_img/tmenu__.png) left top; color: #06F }

/* SUBSOL */
#subsol {background: #000 url(../_img/product_bkgd_end_.jpg) 0 0 repeat-x; width: 100%; }

 div.upsol { width: 860px; margin: 0px auto; padding: 39px 20px 10px 20px; color: #777; background: url(../_img/product_bkgd_end.jpg) left top no-repeat; font-size: 13px; }
 div.upsol div {float: right; width: auto;}
 div.upsol a:link, div.upsol a:visited { font-weight:bold; color: #000; text-decoration:none;}
 div.upsol a:hover, div.upsol a:active { font-weight:bold; color: #000; text-decoration: underline;}

 div.promosubsol {width: 878px; margin: 0px auto; padding: 10px 10px 0 10px; background-color: #333; border: solid #181818; border-width: 0 1px 0 1px;}
 
 div.banner_subsol { float: left; width: 300px; height: 250px; margin-right: 10px;  }

 ul.tagcloud { width: 562px; line-height: 17px; text-align: left; padding: 0 0 1px 3px; margin: 0px 0px 7px 0px; height: 169px; border-bottom: 1px solid #444; overflow: hidden; text-align: justify; float: left; }
 ul.tagcloud li { display: inline; padding: 0; margin: 0; }
 ul.tagcloud li a { text-decoration: none; font-weight: bold; padding: 0 8px 0 0; background-color: #333; white-space: nowrap;  }
 ul.tagcloud li a:hover { text-decoration: underline; color: #FFF; }

 ul.tagcloud a.size9  { font-size: 8px; }
 ul.tagcloud a.size10 { font-size: 9px; }
 ul.tagcloud a.size11 { font-size: 10px; }
 ul.tagcloud a.size12 { font-size: 11px; }
 ul.tagcloud a.size13 { font-size: 12px; }
 ul.tagcloud a.size14 { font-size: 13px; }
 ul.tagcloud a.size15 { font-size: 14px; }
 
 ul.tagcloud a.color1  { color: #FFF; }
 ul.tagcloud a.color2  { color: #DDD; }
 ul.tagcloud a.color3  { color: #BBB; }
 ul.tagcloud a.color4  { color: #999; }
 ul.tagcloud a.color5  { color: #777; }
 ul.tagcloud a.color6  { color: #FFF; }
 ul.tagcloud a.color7  { color: #CCC; }
 ul.tagcloud a.color8  { color: #AAA; }
 ul.tagcloud a.color9  { color: #888; }
 ul.tagcloud a.color10  { color: #FFF; }

 a.visamaster, a.mobilpay, a.gpec, a.centrodonna { display: inline-block; height: 65px; background-image:url(../_img/underlogos.jpg); background-repeat:no-repeat; overflow: hidden; cursor: pointer; }
 a.visamaster span, a.mobilpay span, a.gpec span, a.centrodonna span { display: block; padding-top: 65px; height: 65px; }
 a.visamaster { width: 123px; background-position: -23px 0px; margin: 0px 21px; }
 a.mobilpay { width: 113px; background-position: -171px 0px; }
 a.gpec { width: 113px; background-position: -314px 0px; margin: 0px 21px; }
 a.centrodonna { width: 115px; background-position: -450px 0px; }

 div.downsol { padding: 20px 0 10px 0; font-size: 12px; text-align:center; color: #AAA; background: #000 url(../_img/subsol_end.gif) center top no-repeat;  }
 div.downsol a:link, div.downsol a:visited { color: #CCC; text-decoration:none;}
 div.downsol a:hover, div.downsol a:active { color: #FFF; text-decoration:underline;}

div.parteneri { text-align: center; padding: 5px 0px; background-color: #000; }


/* Extramenu - navigare suplimentara */
div.extramenu {height: 228px; overflow: hidden; padding-bottom: 6px;}
 div.pagetab span.tit { font-size: 12px; color: #300; margin: 3px 7px; font-weight: bold; display: inline-block;  }
 div.pagetab a { margin: 0px 2px; display: inline-block; color: #666; font-size: 12px; cursor: pointer; }
 div.pagetab a:hover { color: #000; }
 div.pagetab a span { padding: 3px 7px; display: inline-block; }
 div.pagetab a.selected { font-weight: bold; color: #000; position: relative; top: 4px; padding-left: 12px; background: #FFF url(../_img/tabs.gif) 0px 0px no-repeat; }
 div.pagetab a.selected span { padding: 6px 12px 6px 0px; display: inline-block; background: url(../_img/tabs.gif) right 0px no-repeat;}
 div.topmenuplus ul { width: auto; float: left; padding: 5px 18px 12px 18px; font-size: 11px; list-style-type: circle; color: #CCC; font-size: 8px; }
 div.topmenuplus ul li a { font-weight: normal; font-size: 11px; color: #444; }
 div.topmenuplus ul li h3 a { font-weight: bold; font-size: 11px; color: #030; }
 div.dark ul li h3 a { color: #999; }
 div.dark ul li a { color: #CCC; }
 
 div.pad { padding-left: 10px; } 
 div.pad h3 a { color: #030; font-size: 12px; font-weight: bold; }
 div.pad h4 a { color: #666; font-weight: normal; font-size: 11px;  }
 div.pad a:hover { text-decoration: underline; color: #600; }
 div.setheight { height: 185px; overflow: auto; }
 
 #p02 ul { padding-right: 34px;  }
 #p03 ul { padding-right: 28px;  }
 #p04a ul { padding-right: 28px;  }
 #p04b { overflow: hidden; }
 #p04b ul { padding-right: 28px;  }
 
 
/* Scroll produse --------------------------------------------------- */
div.flexcroll { clear: left; margin: 0px auto; position:relative; text-align: left; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
#prodscroll_3 { width: 655px; height: 546px; overflow: auto; padding: 4px 0px 4px 1px; }
#prodscroll_2 { width: 655px; height: 384px; overflow: auto; padding: 4px 0px 4px 1px; }
#prodscroll_1 { width: 648px; height: 196px; overflow: auto; padding: 4px 0px 4px 8px; }

/*??*/
#cosscroll{ width: 130px; position: relative; margin:  0px; padding: 4px; text-align: left; height: 56px; }
.xxx1 {height: 136px;}
.xxx2 {height: 276px;}
.xxx3 {height: 390px;}
.xxx12 {height: 150px;}
#mycustomscroll2 { width: 700px; height: 130px; overflow: auto; position: relative; margin: 0.3em auto; padding: 5px; text-align: left; border: 1px solid #CCCCCC; }
.fixedwidth { width: 550px; height: auto; position: relative; color: black; padding: 1px; }

.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } /* important */
.vscrollerbase { width: 15px; background-color: white; }
.vscrollerbar { width: 15px; background: #99CBCB url(../_img/basebarcaps_verticalbarbody.png) -15px 0px repeat-y; }
.hscrollerbase { height: 15px; background-color: white; }
.hscrollerbar { height: 15px; background: #99CBCB url(../_img/horizontalbarbody_cornerjog.png) 0px -30px repeat-x; }
.vscrollerbar, .hscrollerbar { padding: 10px;  z-index: 2; }
.vscrollerbarbeg { background: url(../_img/basebarcaps_verticalbarbody.png) -45px -30px no-repeat; width: 15px; height: 15px !important; }
.vscrollerbarend { background: url(../_img/basebarcaps_verticalbarbody.png) -45px 0px no-repeat; width: 15px; height: 15px; }
.hscrollerbarbeg { background: url(../_img/basebarcaps_verticalbarbody.png) -60px -15px no-repeat; height: 15px; width: 15px !important; }
.hscrollerbarend { background: url(../_img/basebarcaps_verticalbarbody.png) -30px -15px no-repeat; height: 15px; width: 15px; }
.scrollerjogbox { background: #4E727C url(../_img/horizontalbarbody_cornerjog.png) 0px 0px; width: 15px; height: 15px; top: auto; left: auto; bottom: 0px; right: 0px; }
.vscrollerbase { background: #D7EBDF url(../_img/basebarcaps_verticalbarbody.png) 0px 0px repeat-y; }
.vscrollerbasebeg { background: url(../_img/basebarcaps_verticalbarbody.png) -30px -30px no-repeat; width: 15px; height: 15px !important;  }
.vscrollerbaseend { background: url(../_img/basebarcaps_verticalbarbody.png) -60px -30px no-repeat; height: 15px; width: 15px; }
.hscrollerbase { background: #D7EBDF url(../_img/horizontalbarbody_cornerjog.png) 0px -15px repeat-x; }
.hscrollerbasebeg { background: url(../_img/basebarcaps_verticalbarbody.png) -60px 0px no-repeat; height: 15px; width: 15px !important; }
.hscrollerbaseend { height: 15px; width: 15px; background: url(../_img/basebarcaps_verticalbarbody.png) -30px 0px no-repeat; }
.scrollerjogbox:hover { background: #5E828C url(../_img/basebarcaps_verticalbarbody.png) -45px -15px; }
/* sfarsit Scroll produse --------------------------------------------------- */
 
 
 /* Link-uri fixe, promo */
 div.linkfix { width: 42px; position: absolute; right: 1%; top: 40%; overflow: visible;}
 body > div.linkfix { position: fixed; } /* ascunde {position: fixed} de IE6*/
 div.linkfix a { display: block; width: 46px; text-decoration:none; margin: 6px auto; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-align:center; line-height: 9px; }
 div.linkfix a:hover { background-color: #DDD; color: #333; }
 a.campanii {  height: 20px; background: url(../_img/fixedicos.gif) 0px -71px no-repeat; padding-top: 38px; }
 a.facebook { padding-top: 26px; height: 10px; background: url(../_img/fixedicos.gif) 0px 0px no-repeat; }
 a.twitter  { padding-top: 26px; height: 10px; background: url(../_img/fixedicos.gif) 0px -34px no-repeat;  }