@charset "utf-8";

/** C & P from module/ctc/ctc.css for hr in right content even in ctc_portfolio templates **/
div.right-content div.column /* for pagetools */
{
	border-top: 1px solid #999;
	margin: 5px 0 0 44px;
	padding: 10px 0 0 0;
}

div.left-content div.level-3 {
	clear: both;
}

.TabbedPanelsContent {
    padding: 4px 0 4px 4px;
}

div.wide-column,
.Accordion {
    width: 590px;
}

.Accordion {
    margin-top: 9px;
}

.AccordionPanelTab,
.AccordionPanelOpen .AccordionPanelTab {
    background-color: #eee;
    display: block;
    height: auto;
}

/** IE 6 SOLUTION **/
* html .AccordionPanelTab{
	height:21px;
}

* html .AccordionPanelOpen .AccordionPanelTab{
	height:21px;
}
/** END IE 6 SOLUTION**/

.AccordionPanelInnerContent .section {
    padding-top: 10px;
    overflow: hidden;
}

.AccordionPanelInnerContent .section br.emptysection {
    height: 100px;
}

div#product-overview h1 {
    padding: 5px 0;
    color: #aaa;
}

div#apt2 {
    width: 150px;
    float: left;
}

/************************************************************************/

div#productpaneltab {
    margin: 0px;
    padding: 2px 0 2px 17px;
    font-size:11px;
    line-height:16px;
    font-weight:bold;
    font-family:Arial, Geneva, Helvetica, sans-serif;
    color: #333;
    display: block;
    height: 21px;
    -moz-user-select: none;
    clear: both;
}

div.productpanelcollapsed {
    background: url(../../img/icon-folder-collapsed.gif) #eee no-repeat 0 5px;
}

div.productpanelexpanded {
    background: url(../../img/icon-folder-expanded.gif) #eee no-repeat 0 5px;
}

div#productcontent div.section {
    clear: both;
    padding-bottom: 10px;
}

div#productcontent {
    margin-top: 10px;
}

/************************************************************************/

.folder-content h3 {
    float: left;
    width: 200px;
}
.folder-content .options {
    float: right;
}

/************************************************************************/

div.notepad-lightbox-layer
{
    display: none;
	background: #D7E0E3;
    width: 930px;
    height: 440px;
    position: absolute;
    left: -641px;
    top: 16px;
    z-index: 201;
}

div.notepad-register-layer{
	display:none;
	position: absolute;
	top: -10px;
	left: -1px;
	width: 200px;
	height: 26px;
	line-height: normal;
	font-size:11px;
	font-family: Arial,Geneva,Helvetica,sans-serif;
	color:black;
	background-color:#D7E0E3;
	z-index: 199;
	padding-top: 11px;
}

/* IE Hack */
* html div.notepad-register-layer, * + html div.notepad-register-layer{
	top: -11px;
}

a.linkshop{
	background: transparent url(../../img/shoplink.gif) no-repeat scroll 0 0 !important;
	background-position-y: 0;
	padding: 0 0 0 28px !important;
}

div.notepad-register-layer a{
	font-size:11px;
	font-family: Arial,Geneva,Helvetica,sans-serif;
	border: 1px solid #D7E0E3;
	background-image: url(../../img/shoplink_activ.gif);
	background-position-y: 1px;
	background-position-x: 1px;
	padding-left: 28px;
}


div.product-lightbox-layer
{
    display: none;
    background: #fff;
    width: 936px;
    height: 450px;
    position: absolute;
    left: 44px;
    top: 52px;
    z-index: 201;
}


div#layer-content-configureProduct,
div#layer-content-notepad
{
    padding: 23px 2px 15px 15px;
    _width: 904px;
}

div.notepad-lightbox-layer div.close,
div.product-lightbox-layer div.close
{
    width: 21px;
    height: 21px;
    background: #666;
    float: right;
}

div.notepad-lightbox-layer div.close{
	background: #ffffff;
}



div.notepad-lightbox-layer div.close a,
div.notepad-lightbox-layer div.close div.close-x-icon,
div.product-lightbox-layer div.close a

{
    display: block;
    width: 19px;
    height: 19px;
    margin: 0 0 0 2px;
    background-image: url(../img/icon-lb-layer-close.gif);
	background-repeat: no-repeat;
}

div.notepad-lightbox-layer div.close a{
	background-image: url(../../../_resources/css/skin/corporate/img/icon-tb-layer-close.gif);
	background-position: 0px 1px;
}

div#lightbox-layer-layer-characteristic
{
    width: 880px;
}

/************************************************************************/

.sIFR-hasFlash div.left-content div.sifr-h1-product h1 {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    /*width: 400px;*/
}

.sIFR-hasFlash div.left-content div.sifr-h2-product h2 {
    font-size: 14px;
    font-weight: normal;
    line-height: 17px;
    /*width: 400px;*/
}

div.sifr-h1-product {
    /*width: 400px;*/
    padding-bottom: 10px;
}

div.product-head-de {
    float:left;
    width: 300px;
}
div.product-head-en {
    float:left;
    width: 400px;
}

div.configure-product-en,
div.configure-product-de {
    float: right;
    padding-top: 4px;
}

div.configure-product-en {
    width: 170px;
}

div.configure-product-de {
    width: 250px;
}

div.product-panel
{
    width: 180px;
    height: 20px;
    float: left;
}

div.toggle
{
    width: 200px;
    height: 20px;
}

div#product-filter-zone
{
    width: 280px;
    height: 20px;
    padding-top: 1px;
    float: left;
}

div.product-filter {
    font-weight: normal;
}

div#characteristic-filter-zone {
    width: 140px;
    height: 20px;
    float: left;
}

/* START: gui select */

div.gui-select-product
{
    margin: 0 0 1px;
    position: relative;
    width: 276px;
    z-index: 1;
}

div.active-gui-select
{
    z-index: 2;
}

div.gui-select-product p.title
{
    height: 18px;
    overflow: hidden;
    width: 276px; /* div.gui-select-product */
}

div.gui-select-product p.title a,
div.gui-select-product p.title span.a
{
    background: #fff url(../img/gui-select-handle.gif) no-repeat 261px 7px;
    border: 1px solid #999;
    display: block;
    color: #666;
    height: 16px; /* p.title - 2px */
    padding: 0 15px 0 6px;
    white-space: nowrap;
    width: 253px; /* div.gui-select-product - 23px */
}

div.gui-select-product p.title span.a
{
    background-image: url(../img/gui-select-handle-inactive.gif);
    border-color: #ccc;
    color: #ccc;
    cursor: default;
}

div.gui-select-product div.content
{
    background: #fff;
    border: 1px solid #999;
    border-top: none;
    left: -7000px;
    max-height: 189px;
    overflow: hidden;
    position: absolute;
    top: 18px;
    width: 274px;
    z-index: 1;
}

div.gui-select-product div.active-content
{
    left: 0;
}

div.gui-select-product ul
{
    overflow: hidden;
    padding: 5px 2px 4px;
    position: relative;
    width: 270px;
}

div.gui-select-product ul.has-scrollbar
{
    padding-bottom: 5px;
    width: 255px;
}

div.gui-select-product li
{
    font-size: 11px;
    line-height: 14px;
    padding: 0 0 2px;
}

div.gui-select-product li.first-child
{
    background: url(../img/gui-select-hr.gif) no-repeat right bottom;
    margin: 0 0 4px;
    padding: 1px 0 5px;
}

div.gui-select-product ul.has-scrollbar li.first-child
{
    background-position: left bottom;
}

div.gui-select-product li span.value
{
    display: none;
}

div.gui-select-product li a
{
    display: block;
    padding: 0 5px;
}

div.gui-select-product li a:hover {
    color: #900;
}

div.gui-select-product ul.has-scrollbar li a
{
    width: 244px;
}

div.gui-select-product li.selected a,
div.gui-select-product li.active a
{
    color: #900;
}

div.gui-select-product li span.no
{
    color: #999;
}

div.gui-select-product div.slider-wrapper
{
    border: 2px solid #fff;
    height: 184px;
    left: 257px;
    position: absolute;
    top: 0;
    width: 13px;
    z-index: 5000;
}

div.gui-select-product div.arrow-up,
div.gui-select-product div.arrow-down,
div.gui-select-product div.handle,
div.gui-select-product div.slider
{
    background-color: #b9b9b9;
    background-repeat: no-repeat;
    background-position: 2px 5px;
    height: 14px;
    left: 0;
    position: absolute;
    top: 0;
    width: 13px;
}

div.gui-select-product div.arrow-up
{
    background-image: url(../img/gui-select-arrow-up.gif);
}

div.gui-select-product div.arrow-down
{
    background-image: url(../img/gui-select-arrow-down.gif);
    top: 171px;
}

div.gui-select-product div.slider
{
    background: #eee;
    height: 153px;
    top: 16px;
}

div.gui-select-product div.handle
{
    height: 0; /* set by js */
}

div.gui-select-product div.content-upper {
	border-top: 1px solid #999;
	border-bottom: none;
}
/* END: js filter */
/************************************************************************/