@charset "UTF-8";
/* CSS Document */

#compara-container { display: block; width: 963px; _width: 961px; _height: 100%; background: #FFF; overflow: hidden !important; }
#bd-2 h1, #bd-2 h2 { font: bold 120%/100% Arial, Helvetica, sans-serif; color: #004c92; letter-spacing: 0; word-spacing: -0.3pt; padding: 5px; margin: 0 0 5px 0; }
#bd-2 h1 { padding-top: 10px; }
#bd-2 h2 { background: url(../images/dot-3.gif) repeat-x center bottom #edf6fb; font: bold 120%/100% Arial, Helvetica, sans-serif !important; padding: 5px; }
#bd-2 h3 { background: url(../images/dot-3.gif) repeat-x center bottom transparent; color: #bfbfbf; font: bold 90%/100% Arial, Helvetica, sans-serif; padding: 0 5px 5px 5px; margin: 0 0 5px 0; }
#bd-2 h4 { color: #004c92; letter-spacing: 0; word-spacing: -0.3pt; font: bold 90%/100% Arial, Helvetica, sans-serif; padding: 5px; margin: 0; }
#bd-2 p { padding: 5px; margin: 0; line-height: 1.2; letter-spacing: 0; word-spacing: -0.3pt; }
.navi-scroller-container { _height: 100%; background: #edf6fb; border-top: solid 1px #bfbfbf; padding: 5px; margin: 0; overflow: hidden; }
.navi-scroller-container a, .navi-scroller-container a:hover { text-decoration: none; font: normal 110%/100% Arial, Helvetica, sans-serif; color: #004c92; padding: 0 4px; margin: 0; display: inline-block; }
.navi-scroller-container a:hover { color: #95aab8; }
/*=================================  SCROLL PANE FUNCTION STYLES  ==========================================*/

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; left: 0; bottom: 0; width: 100%; _width: 961px; background: #edf6fb; border-top: solid 1px #bfbfbf; border-bottom: solid 1px #bfbfbf; }
.jScrollIntervalTrack { position: absolute; }
.jScrollPaneDrag { position: absolute; background: url(../images/drager.gif) no-repeat center #95aab8; cursor: pointer; overflow: hidden; border: solid 1px #59778c; height: 16px !important; }
.jScrollPaneDragLeft { position: absolute; bottom: 0; left: 0; overflow: hidden; }
.jScrollPaneDragRight { position: absolute; bottom: 0; right: 0; overflow: hidden; }
a.jScrollArrowLeft { display: none; /*block*/ position: absolute; z-index: 1; bottom: 0; left: 0; text-indent: -2000px !important; overflow: hidden; /*background-color: #666;*/
	height: 9px; width: 10px; }
a.jScrollArrowLeft:hover { /*background-color: #f60;*/ }
a.jScrollArrowRight { display: none; /*block*/ position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px !important; overflow: hidden; /*background-color: #666;*/
height: 9px; width: 10px; }
a.jScrollArrowRight:hover { /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }
/*=================================  SCROLL PANE FUNCTION STYLES  ==========================================*/

.jScrollIntervalTrack { display: none !important; }
/*========================================   PANE SCROLLER  ============================================*/


ul.blocks { padding: 0 0 20px 0; margin: 0; width: 1600px; display: block; _height: 100%; border-top: solid 1px #bfbfbf; border-bottom: solid 1px #bfbfbf; overflow: hidden; }
ul.blocks li { background: url(../images/dot-4.gif) repeat-y right center transparent; width: 300px; padding: 10px; margin: 0; float: left; display: block; height: 710px; }
.holder { margin: 0; display: block; /* TEMP */
margin-bottom: 0px !important; height: 100%; _height: 100%; }
.scroll-pane { width: 963px; _width: 961px; background: #FFF; float: left; padding: 0; margin: 0; }
#pane5 { /*height: 730px;*/
width: 100%; _width: 961px; padding: 0; display: block; _overflow: hidden; }
a.jScrollArrowLeft { background: url(basic_arrow_up.gif) no-repeat 0 0; }
a.jScrollArrowLeft:hover { background-position: 0 -15px; }
a.jScrollArrowRight { background: url(basic_arrow_down.gif) no-repeat 0 0; }
a.jScrollArrowRight:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }
/*========================================   END of PANE SCROLLER  ============================================*/


#pane5 p select { background: #FFF; color: #0d0d0d; font: normal 100%/100% Arial, Helvetica, sans-serif; letter-spacing: 0; word-spacing: -0.3pt; width: 1px; border: solid 1px #bfbfbf; padding: 0; margin: 0; }
#pane5 p select:focus, #pane5 p select:active { outline: none !important; }
#pane5 p select.width_260 { width: 290px !important; }
#pane5 p select option, #pane5 p select option:focus, #pane5 p select option:active { outline: none !important; }
.thumb-comparare { background: url(../images/dot-3.gif) repeat-x center top #edf6fb; text-align: center; padding: 10px 0 !important; margin: 0; overflow: hidden; display: block; }
.thumb-comparare a { display: inline-block; border: none; outline: none; }
.thumb-comparare a img { background: #FFF; width: 80px; height: 80px; padding: 10px; margin: 0; border: double 1px #bfbfbf; }
.link-produs { font: normal 80%/100% Arial, Helvetica, sans-serif; color: #004c92; }
.link-produs a, .link-produs a:hover { min-height: 30px; _height: 30px; font: normal 110% /100% Arial, Helvetica, sans-serif; text-decoration: none; color: #95aab8; letter-spacing: 0; word-spacing: -0.3pt; display: block; text-align: left; line-height: 1.1 !important; border: none; outline: none; }
.link-produs a:hover { color: #59778c; }
.pret-produs-compara { background: url(../images/price-compara-2.gif) no-repeat right top transparent; height: 20px !important; padding: 0 !important; margin: 5px 60px !important; overflow: hidden; }
.pret-produs-compara span { color: #FFF; font: bold 140%/100% Arial, Helvetica, sans-serif; letter-spacing: 0; word-spacing: -0.3pt; white-space: nowrap; text-align: center; background: url(../images/price-compara-1.gif) no-repeat left top transparent; display: block; height: 20px; padding: 0; margin: 0; line-height: 22px !important; }
.old-pret-produs-compara { height: 20px !important; text-decoration: line-through; color: #CC3300; font: normal 120%/100% Arial, Helvetica, sans-serif; letter-spacing: 0; word-spacing: -0.3pt; white-space: nowrap; text-align: center; background: url(../images/bg-pret-vechi-detalii.gif) no-repeat center center transparent; line-height: 22px !important; *line-height: 20px !important;
padding: 0 !important; margin: 12px 70px !important; overflow: hidden; display: block; }
/*===================================  modul adugare  ===========================================*/

.mod-adaugare { _height: 100%; padding: 0; margin: 0 0 5px 0 !important; overflow: hidden; border: solid 1px #bfbfbf; }
.mod-adaugare p { display: inline-block; float: left; padding: 0; margin: 0; }
.mod-adaugare p label { font: bold 100%/100% Arial, Helvetica, sans-serif !important; color: #004c92 !important; display: inline-block; padding: 0 0 5px 7px !important; margin: 0; }
.mod-adaugare p select { _width: 250px !important; min-width: 250px !important; background: #FFF; border: solid 1px #bfbfbf; padding: 1px; margin: 0; outline: none; }
.mod-adaugare p input { background: none; border: none 1px #FFF; }
input.btn-add-compare, input.btn-add-compare-ov { background: url(../images/btn-submit-giftbox.gif) no-repeat scroll left top transparent !important; width: 120px; height: 20px; _margin: 1px 0 0 0 !important; text-align: center !important; border: none 1px #FFF; cursor: pointer !important; }
input.btn-add-compare-ov { background: url(../images/btn-submit-giftbox.gif) no-repeat scroll left -30px transparent !important; }
/*container content descriere*/

span.desc-container { height: 420px; padding: 0 20 0 0; margin: 0; overflow: auto; display: block; }
span.desc-container p { }