/* @override http://dev.exclusif.ch/A556E9/exclusif2.nsf/template/StyleSheet_yooscroller.css */
/* @override http://www.exclusif.ch/A556E9/exclusif2.nsf/template/StyleSheet_yooscroller.css */
/* @override http://dev.exclusif.ch/A556E9/exclusif2.nsf/template/StyleSheet_yooscroller.css */
div#productscroller {
 margin-bottom: 70px;
 float: left;
}
 
 
div#productscrollerseparator {
 clear: both;
}

div#productscroller div.yoo-scroller {
 margin-bottom: 50px;
}

/* panel */

div.default-h div.yoo-scroller .panel-container-t {
 background: #FAFBFC url(../template/images/module/productscroller/panel_t.png) 0 0 repeat-x;
}

div.default-h div.yoo-scroller .panel-container-b {
 background: url(../template/images/module/productscroller/panel_b.png) 0 100% repeat-x;
}

div.default-h div.yoo-scroller .panel-container-l {
 background: url(../template/images/module/productscroller/panel_l.png) repeat-y 0 0;
}

div.default-h div.yoo-scroller .panel-container-r {
 background: url(../template/images/module/productscroller/panel_r.png) repeat-y 100% 0;
}

div.default-h div.yoo-scroller .panel-container-tl {
 background: url(../template/images/module/productscroller/panel_tl.png) no-repeat 0 0;
}

div.default-h div.yoo-scroller .panel-container-tr {
 background: url(../template/images/module/productscroller/panel_tr.png) no-repeat 100% 0;
}

div.default-h div.yoo-scroller .panel-container-bl {
 background: url(../template/images/module/productscroller/panel_bl.png) 0 100% no-repeat;
}

div.default-h div.yoo-scroller .panel-container-br {
 padding: 0px 2px 15px;
 background: url(../template/images/module/productscroller/panel_br.png) no-repeat 100% 100%;
}

div.default-h div.yoo-scroller .panel-container-bg {
 overflow: hidden;
}

div.default-h div.yoo-scroller div.panel {
 overflow: hidden;
}

div.default-h div.yoo-scroller div.panel div.slide {
 float: left;
 overflow: hidden;
}

div.default-h div.yoo-scroller div.scrollarea {
 margin: 0px 10px 0;
 background: url(../template/images/module/productscroller/scrollarea_m.png) 0 0 repeat-x;
 cursor: pointer;
}

div.default-h div.yoo-scroller div.scrollarea-l {
 background: url(../template/images/module/productscroller/scrollarea_l.png) 0 0 no-repeat;
}

div.default-h div.yoo-scroller div.scrollarea-r {
 background: url(../template/images/module/productscroller/scrollarea_r.png) 100% 0 no-repeat;
}

div.default-h div.yoo-scroller div.scrollbar {
 float: left;
}

div.default-h div.yoo-scroller div.scrollknob {
 margin: 2px 0px 2px 0px;
 min-width: 10px;
 background: url(../template/images/module/productscroller/scrollknob_l.png) 0 0 no-repeat;
}

div.default-h div.yoo-scroller div.scrollknob-r {
 padding: 0px 10px 0px 10px;
 background: url(../template/images/module/productscroller/scrollknob_r.png) 100% 0 no-repeat;
}

div.default-h div.yoo-scroller div.scrollknob-m {
 height: 14px;
 background: url(../template/images/module/productscroller/scrollknob_m.png) 0 0 repeat-x;
}

div.default-h div.yoo-scroller div.forward, div.default-h div.yoo-scroller div.back {
 width: 21px;
 height: 18px;
 float: left;
}

div.default-h div.yoo-scroller div.forward {
 background: url(../template/images/module/productscroller/scroll_forward.png) 0 0 no-repeat;
}

div.default-h div.yoo-scroller div.back {
 background: url(../template/images/module/productscroller/scroll_back.png) 0 0 no-repeat;
}

div#productscroller .green .panel-container-tl {
 background: url(../template/images/module/productscroller/panel_tl_green.png) no-repeat 0 0;
}

div.default-h div.yoo-scroller.green .panel-container-tr {
 background: url(../template/images/module/productscroller/panel_tr_green.png) no-repeat 100% 0;
}
div.default-h div.yoo-scroller.green .panel-container-t {
 background: #FAFBFC url(../template/images/module/productscroller/panel_t_green.png) 0 0 repeat-x;
}


div#productscroller .blue .panel-container-tl {
 background: url(../template/images/module/productscroller/panel_tl_blue.png) no-repeat 0 0;
}

div#productscroller .blue .panel-container-tr {
 background: url(../template/images/module/productscroller/panel_tr_blue.png) no-repeat 100% 0;
}
div#productscroller .blue .panel-container-t {
 background: #FAFBFC url(../template/images/module/productscroller/panel_t_blue.png) 0 0 repeat-x;
}


div#productscroller .red .panel-container-tl {
 background: url(../template/images/module/productscroller/panel_tl_red.png) no-repeat 0 0;
}

div#productscroller .red .panel-container-tr {
 background: url(../template/images/module/productscroller/panel_tr_red.png) no-repeat 100% 0;
}
div#productscroller .red .panel-container-t {
 background: #FAFBFC url(../template/images/module/productscroller/panel_t_red.png) 0 0 repeat-x;
}

div.default-h div.yoo-scroller h3 {
 color: white; 
 font-size: 1.5em; 
 line-height: 20px;
 text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
 margin: 15px 0 0 15px;
}

div#productscroller .green div.panel, 
div#productscroller .blue div.panel, 
div#productscroller .red div.panel {
 margin-top: 30px;
}

div#productscroller .green div.panel div.slide, 
div#productscroller .blue div.panel div.slide, 
div#productscroller .red div.panel div.slide {
 margin-top: 0;
}

div#productscroller .green div.panel div.object, 
div#productscroller .blue div.panel div.object, 
div#productscroller .blue div.panel div.objectfree, 
div#productscroller .blue div.panel div.objectnonresident, 
div#productscroller .blue div.panel div.objectnonresidentfree, 
div#productscroller .green div.panel div.objectnonresident, 
div#productscroller .red div.panel div.object, 
div#productscroller .red div.panel div.objectnonresident, 
div#productscroller .red div.panel div.objectfree, 
div#productscroller .green div.panel div.objectfree, 
div#productscroller .red div.panel div.objectnonresidentfree {
 height: 260px;
 width: 190px;
 float: left;
 position: relative;
 top: 0;
 left: 0;
}

div#productscroller .green div.panel div.object, 
div#productscroller .green div.panel div.objectfree, 
div#productscroller .green div.panel div.objectnonresidentfree {
 background: url(../template/images/module/productscroller/panel_object_green_bg.png) no-repeat;
}

div#productscroller .green div.panel div.objectnonresident {
 background: url(../template/images/module/productscroller/panel_object_greenf_bg.png) no-repeat;
}

div#productscroller .red div.panel div.object {
 background: url(../template/images/module/productscroller/panel_object_red_bg.png) no-repeat;
}

div#productscroller .red div.panel div.objectfree {
 background: url(../template/images/module/productscroller/panel_object_redfr_bg.png) no-repeat;
}

div#productscroller .red div.panel div.objectnonresident {
 background: url(../template/images/module/productscroller/panel_object_redf_bg.png) no-repeat;
}

div#productscroller .red div.panel div.objectnonresidentfree {
 background: url(../template/images/module/productscroller/panel_object_redff_bg.png) no-repeat;
}

div#productscroller .blue div.panel div.object, 
div#productscroller .blue div.panel div.objectnonresident {
 background: url(../template/images/module/productscroller/panel_object_blue_bg.png) no-repeat;
}

div#productscroller .blue div.panel div.objectnonresidentfree, 
div#productscroller .blue div.panel div.objectfree {
 background: url(../template/images/module/productscroller/panel_object_bluef_bg.png) no-repeat;
}

div#productscroller .blue div#nonResident {
 visibility: hidden;
}

div#productscroller .content {
 float: left;
 text-align: left;
 font: 11px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
 letter-spacing: -1pt;
}

div#productscroller div.objectnonresident {
 position: relative;
 clear: both;
 width: 190px;
 height: 260px;
}

div#productscroller div#nonResident {
 color: #fff;
 float: right;
 top: 1px;
 width: 160px;
 text-align: center;
 font: bold 9px/25px "Lucida Grande", Lucida, Verdana, sans-serif;
 letter-spacing: -1px;
 text-transform: uppercase;
 position: relative;
 clear: both;
 right: -15px;
 height: 25px;
}

div#productscroller img{
 border: 1px solid #333333;
 width: 100px;
 min-height: 75px;
 top: 30px;
 left: 45px;
 position: absolute;
}

div#productscroller ul{
 list-style-type: none;
 width: 100%;
 position: absolute;
 top: 110px;
 height: 250px;
}

div#productscroller a,
div#productscroller a:hover {
 text-decoration: none;
 color: #666666;
}

div#productscroller li {
 width: 100%;
}

div#productscroller label {
 font-weight: bold;
 color: #333333;
 letter-spacing: 0;
 margin-left: 25px;
 width: 70px;
 float: left;
}

div#productscroller .rooms, 
div#productscroller .rooms a {
 font-size: 16px;
 color: #880000;
 text-align: center;
 margin-bottom: 10px;
 margin-top: 5px;
}

div#productscroller .priceLabel a {
 font-size: 14px;
 color: #008800;
 letter-spacing: 0;
 margin-top: 5px;
 margin-left: 25px;
 float: left;
 font-weight: bold;
 clear: both;
}

div#productscroller .price a {
 font-size: 16px;
 color: #008800;
 text-align: right;
 margin-right: 25px;
 margin-top: 10px;
 float: right;
 clear: both;
}

div#productobjectmonth {
 width: 420px;
 height: 250px;
 float: left;
 overflow: visible;
 position: relative;
 top: 100px;
 left: 50px;
 background: url(../template/images/module/object_month_bg.png) no-repeat;
}

div#productobjectmonth .content {
 text-align: left;
 letter-spacing: -1pt;
 float: left;
 padding: 0;
 overflow: hidden;
 width: 400px;
 height: 210px;
 margin: 0 0 0 10px;
}

div#productobjectmonth .title {
 height: 40px;
 margin: 0;
 padding: 0;
 width: 100%;
 float: left;
 clear: both;
}

div#productobjectmonth .en {
 background: url(../template/images/module/object_month_title_en.png) no-repeat center 5px;
}

div#productobjectmonth .fr {
 background: url(../template/images/module/object_month_title_fr.png) no-repeat center 5px;
}

div#productobjectmonth .de {
 background: url(../template/images/module/object_month_title_de.png) no-repeat center 5px;
}

div#productobjectmonth .it {
 background: url(../template/images/module/object_month_title_it.png) no-repeat center 5px;
}

div#productobjectmonth ul{
 list-style-type: none;
 width: 190px;
 position: absolute;
 top: 31px;
 height: 120px;
 left: 200px;
}
div#productobjectmonth li {
  width: 100%;
 line-height: 150%;
 font-size: 1.2em;
 letter-spacing: 0;
}
div#productobj1ectmonth img{
 width: 160px;
 margin: -15px 0 0;
}
div#productobjectmonth .leftimage {
   margin: 5px 10px 10px 15px;
 float: left;
}

div#productobjectmonth a,
div#productobjectmonth a:hover {
 text-decoration: none;
 color: #ccc;
}

div#productobjectmonth label {
 font-weight: bold;
 color: #fff;
 letter-spacing: 1px;
 float: left;
 width: 100px;
 clear: left;
}

div#productobjectmonth .objtype, 
div#productobjectmonth .objtype a {
 font-size: 14px;
 color: #eee;
 text-align: center;
 margin-bottom: 2px;
 margin-top: 10px;
}

div#productobjectmonth .rooms, 
div#productobjectmonth .rooms a {
 color: #b33;
 text-align: center;
 margin-bottom: 5px;
 font-weight: bold;
 font-size: 20px;
 margin-top: -3px;
}

div#productobjectmonth .pricecontainer {
 position: absolute;
 left: 212px;
 width: 190px;
 height: 70px;
 color: white;
 top: 136px;
 margin: 0;
 padding: 0;
 float: left;
 background: url(../template/images/module/object_month_price.png) no-repeat;
}

div#productobjectmonth .priceLabel a {
 font-size: 16px;
 color: #fff;
 font-weight: bold;
 position: absolute;
 top: 10px;
 left: 15px;
}

div#productobjectmonth .price a {
 font-size: 18px;
 color: #fff;
 position: absolute;
 top: 30px;
 right: 15px;
}

div#productobjectmonth div#nonResident {
 color: #336633;
 float: right;
 top: 50px;
 width: 100%;
 text-align: center;
 font: bold 9px "Lucida Grande", Lucida, Verdana, sans-serif;
 letter-spacing: -1px;
 text-transform: uppercase;
 position: absolute;
 clear: both;
}






