/* Reset CSS
**************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
input, select, textarea { font-size: 100%; font-family: inherit;}
strong { font-weight: bold; font-style: inherit;}
em { font-style: italic; font-weight: inherit;}
sup { font-size: small;}
/*************************/

body {
	background: #000 url(../img/bg.jpg) repeat-x 50% 0;
	color: #4e545a;
	font: 0.625em/1.4 "Lucida Grande", Verdana, Arial, Tahoma, Helvetica, sans-serif;
	text-align: center;
}
a {text-decoration: none;}
br { display: block; clear: both;}
.ruler {
	display: block;
	clear: both;
	height: 1px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../img/ruler.jpg) 50% 50%;
}
.green {color: #209740;}
#content .red {	color: #b0431d;}

/* Inline images
**************************/
#content img.centered {
	display: block;
	margin: 2.5em auto .5em;
	padding: 1px;
}
#content img.left {
	display: block;
	margin: 0 3em 3em 0;
	padding: 1px;
	float: left;
}
#content img.right {
	display: block;
	padding: 1px;
	float: right;
	margin: 0 1.5em 3em 3em;
	border: 2px solid #fff;	
}
#content img.normal {
	display: block;
	margin: 1.5em;
}
#content p {
	margin: 0 0 .75em;
	font-size: 1.2em;
	color: #4e545a; /*b2897b*/
}
#content p span.info {
	font-size: .8em;
	color: #888;
	display: block;	
}
/* Clearfix
**************************/
.clear {clear: both; line-height:0%;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
html > body .clearfix {min-height: 1px; height: auto;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Specific Styles
**************************/
#page {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}
#header {
	background: transparent url(../img/bg990-top.png) no-repeat 0 100% !important;
	background-image: url(../img/bg990-top.gif);
	height: 94px;
	position: relative;
	z-index: 10;
}
#header h1 a {
	position: absolute;
	display: block;
	width: 300px;
	height: 130px;
	background: url(../img/casafieruluiforjat.gif) no-repeat 0 0 !important;
	background: url(../img/casafieruluiforjat-ie6.jpg) no-repeat 0 0;
	left: 0;
	top: 0;
	text-indent: -900em;
	overflow: hidden;
}
#header img#logo {
	display: none;
}
#header #lang {
	display: block;
	width: 61px;
	height: 22px;
	position: absolute;
	right: 55px;
	top: 0;
	background: url(../img/lang-bg.jpg);
}
#header #lang h2 {
	position: absolute;
	top: -100em;
}
#header #lang ul { display: block; margin: 2px 0 0 7px;}
#header #lang li { display: inline;}
#header #lang ul li a {
	display: block;
	width: 16px;
	height: 11px;
	float: left;
	border: 1px solid #111;
	margin: 3px 2px;
	text-indent: -900em;
	line-height: 0;
	outline: none;
}
a.en { background: url(../img/flag-en.gif)}
a.ro { background: url(../img/flag-ro.gif)}

#header #lang ul li a:hover, #header #lang ul li a.on {
	background-position: 0 -11px;
	border: 1px solid #333;
}

#header #nav ul {
	position: absolute;
	right: 30px;
	bottom: 30px;
}
#header #nav li { display:inline;}
#header #nav a {
	display: block;
	float: left;
	height: 35px;
	background: #666;
	margin-right: 1px;
	background: url(../img/topnav-tab-end.png) no-repeat 100% 0 !important;
	background: url(../img/topnav-tab-end.gif) no-repeat 100% 0;
}
#header #nav a#blink { background: url(../img/topnav-tab-end.png) no-repeat 100% -70px !important;}

#header #nav a span {
	display: block;
	color: #fff;
	padding: 0 0 0 12px;
	margin-right: 12px;
	font: bold italic 1.3em/35px Georgia, "Times New Roman", Times, serif;
	background: url(../img/topnav-tab.png) no-repeat 0 0 !important;
	background: url(../img/topnav-tab.gif) no-repeat 0 0;
}
#header #nav a#blink span { 	background: url(../img/topnav-tab.png) no-repeat 0 -70px !important;}

#header #nav a:hover, #header #nav a:hover#blink { background-position: 100% -35px !important;}
#header #nav a.on, #header #nav a.on#blink { background-position: 100% -35px !important;}
#header #nav a:hover span, #header #nav a.on span, #header #nav a:hover#blink span, #header #nav a.on#blink span { background-position: 0 -35px !important; color: #b0431d; font-style: normal;}
#header #nav a:hover span, #header #nav a:hover#blink span { font-style: italic;}
#header #nav a:hover.on span, #header #nav a:hover.on#blink span { font-style: normal;}

/* Mid
**************************/
#mid {
	background: transparent url(../img/bg990.png) repeat-y 0 0;
	overflow: hidden;
}

/* Sidebar
**************************/
#sidebar {
	display: inline;
	width: 241px;
	float: left;
	margin: 25px 0 0 26px;
}
.panel {
	background: transparent url(../img/bg-panel-bottom.png) no-repeat 0 100% !important;
	background-image: url(../img/bg-panel-bottom.jpg);
	padding-bottom: 27px;
	margin-top: 15px;
}
.pan1 {
	background: transparent url(../img/bg-panel-top.png) no-repeat 0 0 !important;
	background-image: url(../img/bg-panel-top.jpg);
	padding-top: 21px;
}
.pan2 {
	background: transparent url(../img/bg-panel.png) repeat-y 0 0 !important;
	background-image: url(../img/bg-panel.jpg);	
	width: 241px;
}

.pan2 p {
	color: #aaa;
	padding: .5em 2em 0;
	text-align: center;
}

/* search */
#sidebar form#search {
	display: block;
	margin: 0 auto;
	width: 201px;
}
#sidebar form#search-en {
	display: block;
	width: 201px;
	height: 32px;
	position: absolute;
	right: 131px;
	top: 0;
	background: transparent url(../img/search-en.jpg) no-repeat;
	padding-top: 5px;
}
form#search input, form#search-en input {
	background: transparent url(../img/search.jpg) no-repeat 0 0;
	display: block;
	margin: 0 auto;
	width: 163px;
	height: 16px;
	font: bold 1.3em Verdana;
	padding: 6px;
	color: #333;
	border: none;
	text-align: center;
}
form#search button, form#search-en button {
	display: block;
	margin: .5em auto 0;
	width: 104px;
	height: 33px;
	background: transparent url(../img/search-but.jpg) no-repeat 0 0;
	border: none;
	text-indent: -900em;
	cursor: pointer;
}

/* menulists */
#menulists {}
#menulists li span{
	display: block;
	width: 241px;
}
#menulists li span a { display: block; height: 38px; text-indent: -900em; background-position: 0 0; outline: none;}

#menulists li span a#menulist1 { background: url(../img/menu1.png) !important; background: url(../img/menu1.jpg)}
#menulists li span a#menulist2 { background: url(../img/menu2.png) !important; background: url(../img/menu2.jpg)}
#menulists li span a#menulist3 { background: url(../img/menu3.png) !important; background: url(../img/menu3.jpg)}
#menulists li span a#menulist4 { background: url(../img/menu4.png) !important; background: url(../img/menu4.jpg)}
#menulists li span a#menulist5 { background: url(../img/menu5.png) !important; background: url(../img/menu5.jpg)}

#menulists li span a#menulist1:hover, #menulists li span a#menulist2:hover, #menulists li span a#menulist3:hover, #menulists li span a#menulist4:hover, #menulists li span a#menulist5:hover,
#menulists li span a#menulist1.on, #menulists li span a#menulist2.on, #menulists li span a#menulist3.on, #menulists li span a#menulist4.on, #menulists li span a#menulist5.on { 
	background-position: 0 -38px !important;
}

.en #menulists li span a#menulist1 { background: url(../img/menu1-en.jpg)}
.en #menulists li span a#menulist2 { background: url(../img/menu2-en.jpg)}
.en #menulists li span a#menulist3 { background: url(../img/menu3-en.jpg)}
.en #menulists li span a#menulist4 { background: url(../img/menu4-en.jpg)}
.en #menulists li span a#menulist5 { background: url(../img/menu5-en.jpg)}

.en #menulists li span a#menulist1:hover, .en #menulists li span a#menulist2:hover, .en #menulists li span a#menulist3:hover, .en #menulists li span a#menulist4:hover, .en #menulists li span a#menulist5:hover,
.en #menulists li span a#menulist1.on, .en #menulists li span a#menulist2.on, .en #menulists li span a#menulist3.on, .en #menulists li span a#menulist4.on, .en #menulists li span a#menulist5.on { 
	background-position: 0 -38px;
}


#menulists ul { padding: .2em 0 .4em;}
#menulists li li a, #menulists li li span {
	display: block;
	width: 150px;
	line-height: 1.3em;
	color: #862012;
	margin: 1px auto 1px;
	padding: .2em 1em .4em 2.1em;
	text-indent: 0;	
	color: #fff;
	font-size: 1.1em;
	background: url(../img/bullet.gif) no-repeat .8em .5em;	
}
#menulists li li a:visited {
	color: #aaa;
}
#menulists li li a:hover, #menulists li li a:visited:hover {
	background: #515152;
	width: 143px;
	padding-left: 1.4em;
}
#menulists li li span {
	background: #b0431d url(../img/menu-li-arrow.gif) no-repeat 100% 50%;
	font-weight: bold;
	width: 150px;
	padding-left:  1.4em;
	margin: 0 0 0 36px; 
}

/* Content
**************************/
#content {
	display: inline;
	width: 674px;
	float: left;
	margin: 40px 0 0 23px;
	position: relative;
	z-index: 40;

}
#content a {
	color: #b0431d;
	font-weight: bold;
}
#content a:hover {
	color: #333;
	text-decoration: underline;
}

#content h1, .vopsea big { 
	margin: 0 0 .75em; 
x	position: absolute;
x	left: 0;
x	top: -60px;
	font: italic 2em Georgia, "Times New Roman", Times, serif;
}
.vopsea big { display: block;}

#content h2 { 
	font-size: 1.6em;
	font-weight: bold;
	margin: 0 0 .25em; 	
}

#content a#banner, #header a#banner {
	display: inline;
	position: absolute;
	right: 5px;
	top: -58px;
	width: auto;
	text-align: right;
	height: 35px;
	background: url(../img/banner-bg-right.png) no-repeat 100% 0 !important;
	background: url(../img/banner-bg-right.gif) no-repeat 100% 0;
}
#header a#banner { right: 25px; top: 82px;}

#content a#banner span, #header a#banner span {
	display: block;
	color: #fff;
	padding: 8px 0 10px 30px;
	margin-right: 30px;
	font: normal 1.5em Georgia, "Times New Roman", Times, serif;
	background: url(../img/banner-bg.png) no-repeat 0 0 !important;
	background: url(../img/banner-bg.gif) no-repeat 0 0;
}
#content a:hover#banner, #header a:hover#banner { text-decoration: none;}

#produs {
	clear: both;
	float: left;
}

#produs #holder {
	width: 490px;
	height: 380px;	
	border: 2px solid #6b6c70;
	float: left;
	display: block;
	position: relative;
}
#produs.wide #holder { width: 670px;}

#produs #holder div {
	display: block;
	display: table-cell; /* for FF to keep the image middle on resize text*/
	vertical-align: middle;
	text-align: center;
	width: 490px;
	height: 380px;	
	font-size: 0 !important;
	font-size: 288px;
	background: #fff;
}
#produs.wide #holder div { width: 670px;}

#produs #holder img {
	vertical-align: middle;
	max-width: 670px;
	max-height: 380px;
}

*:first-child+html #produs #holder div {  /*IE7 only*/ 	font-size: 288px !important;}

*> #produs #holder div {}

#produs ul { display: block; width: 155px; float: left; margin: -7px 0 0 25px;}
#produs li {
	display: inline;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 24px;
}
#produs li span {
	display: block;
	background: #fff;
	color: #962701;
	padding: 0 8px;
	margin-bottom: 8px;
	border-color: #bfb5b5 !important;
	border-color: #dee0e3;
	border-style: solid;
	border-width: 0 1px 1px 0;
}

#produs li span.hilite {
	background: #b0431d;
	color: #fff;
}

#produs.wide ul {display:none;}

#produs.wide ul {float: none;margin-top: 15px}

#thumbs {
	width: 132px;
	float: left;
	text-align: center;
	background: url(../img/thumbs-bg.gif);
	margin: 4.1em 0 0 5px;
	color: #862012;
}
#t1 { background: url(../img/thumbs-top.gif) no-repeat 0 0;}
#t2 { background: url(../img/thumbs-bottom.gif) no-repeat 0 100%; padding-bottom: 1em;}

#t2 ul {
	display: block;
	width: 99px;
	margin: 0 auto;
	padding: 16px 0 5px 1px;
}
#t2 ul li {	display: inline;}
#t2 ul li a, #t2 ul li span {
	background: url(../img/prev-next.gif) no-repeat;
	width: 43px;
	height: 18px;
	text-indent: -900em;
	text-decoration: none;
	border: none;
	outline: none;
}
#t2 ul li a#prev, #t2 ul li span#prev {
	display: block;
	float: left;
	background-position: 0 -18px;
}
#t2 ul li span#prev { background-position: 0 0;}
#t2 ul li a#next, #t2 ul li span#next {
	display: block;
	float: right;
	background-position: 100% -18px;
}
#t2 ul li span#next { background-position: 100% 0;}

#t2 ul li a#prev:hover {
	background-position: 0 -36px;
	border: 0;
}
#t2 ul li a#next:hover {
	background-position: 100% -36px;
	border: 0;
}


#t2 ol {
	display: block;
	width: 99px;
	clear: both;
	margin: 0 auto;
	padding-left: 1px;
}
#t2 li { display: inline;}
#t2 ol li a, #t2 ol li span {
	display: block;
	border: 2px solid #0d0302;
	width: 95px;
	height: 74px;
	margin-top: 3px;
	background: #290c08;
}
#t2 ol li a:hover { border: 2px solid #b2897b;}
#t2 ol li span { border: 2px solid #fff;}
#t2 div { margin-top: .4em;}
#content .thumb a em, #produs #holder em {
	position: absolute;
	width: 53px;
	height: 41px;
	right: 0;
	bottom: 0;
	text-indent: -900em;
	}
em.promo { background: transparent url(../img/tag-promo.png) no-repeat 0 0 !important; background: url(../img/tag-promo.gif)}
em.nou { background: transparent url(../img/tag-nou.png) no-repeat 0 0 !important; background: url(../img/tag-nou.gif)}

del { font-weight: normal; color: #e6bfb1; padding-right: .5em;}
.thumb del { color: #666;}
/* Footer
**************************/
#footer {
	background: transparent url(../img/bg990-bottom.png) no-repeat 0 0 !important;
	background-image: url(../img/bg990-bottom.gif);	
	clear: both;
	position: relative;
	z-index: 20;
	padding: 40px 30px 15px;
	color: #616263;
	font-size: 1em;
}
#footer ul {}
#footer ul li { display: inline;}
#footer ul a, #footer p a { color: #616263;}
#footer ul a:hover, #footer p a:hover { color: #fff; text-decoration: underline;}
#footer p a { font-weight: bold;}

#footer a.spine {
	position: absolute;
	display: block;
	width: 56px;
	height: 30px;
	top: 40px;
	right: 20px;
	background: url(../img/spine.gif) no-repeat 0 0;
	text-indent: -900em;
	outline: none;
}
#footer a:hover.spine { background-position: 0 -30px;}

/* DESPRE
**************************/
#content img#despre {
	position: absolute;
	display: block;
	right: 12px;
	top: 70px;
	z-index: -1;
}

/* CONTACT
**************************/
div.accordion {
	width: 300px;
	display: inline;
	float: left;
	margin: .5em 3px;
	padding: 0 15px 15px;
	background: url(../img/showroom-bg.jpg) repeat-y 0 0;
x	background: transparent url(../img/transp-bg.png) center center !important;	
	background: #fff;
	border-color: #bfb5b5 !important;
	border-color: #dee0e3;
	border-style: solid;
	border-width: 0 1px 1px 0;
	overflow: hidden;
	min-height: 162px;
	height: auto !important;
	height: 162px;
}
div.accordion h3 {
	color: #962701;
	background: #fff; /*b0431d*/
	font-size: 1.6em;
	font-weight: bold;
	padding: .5em .8em;
	margin: .3em 0 .2em;
}

div.accordion a:hover { border: 0;}
div.accordion a img {
	display: block;
x	width: 191px;
x	height: 148px;
	float: right;
	padding-bottom: 15px;
}
div.accordion ul {
	display: block;
	float: left;
	font-size: 1.2em;
	padding-bottom: 5px;
}
div.accordion li {
	display: block;
	clear: both;
}
div.accordion li span, div.accordion li div {
	display: block;
	width: 70px;
	text-align: right;
	padding: 0 .7em;
	float: left;
	font-weight: bold;
}
div.accordion li div {
	width: 195px;
	font-weight: normal;
	text-align: left;
}
div.contactus, #content p.explicatii {
	display: block;
	float: left;
	width: 633px; /*633+40+1=674*/
	clear: both;
	border-color: #bfb5b5 !important;
	border-color: #dee0e3;
	border-style: solid;
	border-width: 0 1px 1px 0;
	padding: 15px 20px;
	background: #fff;
}
#content p.explicatii {margin: 1.4em 0 1.5em; font-size: 1.2em; color: #962701;}
p.explicatii.plus { background: #1d0201 url(../img/explicatii.gif);}
div.contactus ul li { font-size: 1.2em; line-height: 1.8em;}

div.stats {	text-align: center;	margin: 1em 0;}
div.stats img { border:0;}

/* Formu */
#formu fieldset {
	padding: 0 1.5em;
	display: block;
	font-size: 1.2em;
}
#formu label, #formu input, #formu textarea {display: block;}
#formu label { line-height: 1.7em; }
#formu label span { font-size: smaller; color: #999;}
#formu input { width: 250px; background: #fff; margin-bottom: 5px; padding: .2em; color: #000;}
#formu textarea { width: 500px; background: #fff; padding: .5em; font: Verdana, Arial, Helvetica, sans-serif;}

#formu .comm label { display: block; width: 60px; float: left; text-align: right; padding-right: 10px;}
#formu .comm input, .comm textarea { border-bottom: solid #f6efe3; border-width: 0 0 1px; display: block; float: left; width: 250px;}
#formu .comm textarea {width: 450px;}
#formu .comm br {display: block; clear: both;}
#formu .comm span { font-size: smaller; color: #999; margin-left: 10px;}

#formu input#bttn_send, #formu .comm input#bttn_send { width: auto; background: #ddd; margin: 10px 0 0; height: auto; padding: .3em 1.5em;}
#formu .comm input#bttn_send { display: inline; margin-left: 70px;}


/* Pagina de cautare
********************************************/
.thumb {
	width: 224px;
	float: left;
	color: #4e545a;
	margin-bottom: 1em;
}
#content .thumb h2 {
	font-size: 1.25em;
	margin: 0 0 .2em .9em;
	padding: 0;
	font-weight: bold;
}
#content .thumb.home h2 { margin: .5em 0 .5em .8em; font-size: 1.5em;}

#content .thumb a {
	display: block;
	border: 2px solid #6b6c70;
	width: 200px;
	height: 156px;
	margin: 3px auto 0;
	background: #fff;
	position: relative;
	overflow: hidden;
}
#content .thumb a img {	width: 200px;	height: 156px;}

#content .thumb a:hover { border: 2px solid #aa2c06;}

#content .thumb ul { margin: .5em 1.3em; font-size: 1.1em;}
#content .thumb ul li {
	line-height: 1.3em;
}
#content .thumb ul li span {
	font-weight: bold;
}
#content .thumb ul li.white { color: #dfccc5;}
#content .thumb ul li.white span { color: #dfccc5;}

#content .thumb p { margin: .5em 1.3em; font-size: 1.2em;}

#content .thumb:hover { color: #aa2c06;}

.detalii {
	width: 480px;
	float: left;
}
.detalii p { font-weight: bold; line-height: 1em;}
.detalii p span { color: #fff; font-weight: normal}
.detalii ul { margin-left: 12px;}
.detalii ul li {
	display: block;
	width: 135px;
	float: left;
	margin: 5px 15px 0 0;
	color: #8f1d0f;
	font-weight: bold;
	line-height: 1.8em;
	font-size: 1.1em;
}
.detalii ul li span {
	display: block;
	background: #541510;
	padding: 0 .5em;
	color: #ab7c6b;
}
.detalii ul li.white, #produs ul li.white {	color: #dfccc5;}
.detalii ul li.white span, #produs ul li.white span { color: #dfccc5;}

.thumb.wide h2, .thumb.wide ul { display: none;}
.thumb.nocode h2 { text-indent: -900em;}
.thumb.nocode li { display: none;}
.thumb.nocode li.categ { display: inline;}

/* Download
********************************************/
a.catalog {
	font-weight: bold;
	text-align: center;
	display: inline;		
	margin: 0 10px;
	border: 2px solid #6b6c70;
	padding: 0;
	float: right;
}
a:hover.catalog {
	border-color: #fff;
}
a.catalog img { display: block;}

ul.catalog { padding-left: 20px; line-height: 1.5em; display: block; margin-bottom: 1.5em;}
ul.catalog span { color: #962701; font-weight: bold;}

/* CODA SLIDER
*************************/

#slider {
    width: 674px;
    margin: 0 auto 15px;
	border-color: #bfb5b5 !important;
	border-color: #dee0e3;
	border-style: solid;
	border-width: 0 1px 1px 0;
	text-align: center;
}


.scroll {
    height: 80px;
    width: 674px;
    overflow: auto;
    overflow: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	.scroll {overflow: auto; overflow-x: hidden;}
 }


.scrollContainer div.panela {
    height: 60px;
    width: 634px;
	padding: 10px 15px;
	float: left;
}

#content .panela big { color:#990000; font: italic 2em Georgia, "Times New Roman", Times, serif; line-height: 1.6em;} 
#content .panela p { font-weight: normal; font-size: 1.6em;} 

#mehedinti, #iasi, #timis {padding-top: 6px;}

#content .panela#mehedinti big, #content .panela#mehedinti p, 
#content .panela#iasi big, #content .panela#iasi p, 
#content .panela#timis big, #content .panela#timis p
{line-height: 1.3em;} 

.vopsea {
	background: #fff url(../img/badge-calitate.gif) no-repeat top right;
	border: 2px solid #333;
	padding: 15px 30px 15px 25px;
	border: 2px solid #6b6c70;
	margin: 3px 8px;
	width: 370px;
	min-height: 116px;
}
.vopsea li {font-size: 1.5em; margin-left: 5px;}
#content .vopsea ul { list-style-type: disc; display: block; margin-top: -5px;}





/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(../img/milkbox/loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:20px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:20px; }
#mbPrevLink{ background: transparent url(../img/milkbox/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(../img/milkbox/next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:16px; }
#mbPlayPause{ background: transparent url(../img/milkbox/play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:20px;
	background: transparent url(../img/milkbox/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription {
x	margin-right:27px;
x	padding:0px 10px 0 0;
x	font-weight: normal;
x	text-align:left;
x	line-height: 1.6em;
x	padding-top: 3px;

}
#mbDescription a {
	font-weight: bold;
	font-size: 1.6em;
	color: #950008;
	display: block;
	margin-top: .5em;
}



/****************************************/
	#caruso {clear: both;}
	.anyClass { float: left; margin: 1em 0 1em;}
	.anyClass li {
		display:inline;
		margin: 0 3px;
		_margin: 0 2px;
		}

	#lbDescription pre { font: 1.1em/1.25 "Lucida Grande",Verdana,Arial,Tahoma,Helvetica,sans-serif;}

	#caruso a.prev, #caruso a.next { 
		background: transparent url(../img/sprites.png) no-repeat 0 0; 
		_background: transparent url(../img/sprites.gif) no-repeat 0 0;
		height: 34px; width: 20px; display: block; text-indent: -900em; overflow: hidden;}
	#caruso a.prev { float: left; margin: 28px -2px 0 2px; margin: 28px 0 0 0; background-position: 0 0;}
		#caruso a:hover.prev {margin: 28px 0px 0 0px;}
	#caruso a.next { float: right; margin: -63px -1px 0 1px; _margin: 28px 5px 0 0; background-position: 0 -70px;}
		#caruso a:hover.next { margin: -63px -3px 0 3px; _margin: 28px 5px 0 0;}

	li#floating { position: absolute; z-index: 800; top:2px; left:2px; width:auto; height:auto; padding:5px 10px; font-size: 1.4em; color: #AA2C06; background: #fff;}

#content	li#floating span { display: inline; padding:0; background:none; border: none; color: #333;}
#produs.wide ul {display:block;}		
#produs.wide li#hide {display:none;}