* {
  padding: 0;
  margin: 0;
  outline:none;
}
html {
  overflow-y: scroll;
}
body, td, th, input, select {
  color: #626262;
}
body {
  background-color: #F2F2F2;
  font-family: Arial, Helvetica, sans-serif;
  font-size:0.8em;
  color:#626262;
}

a:link, a:visited, a:hover {
  text-decoration: none;
  color:#666666;
}

a.basket_link { 
  display:block;
  width:190px;
  height:90px; 
  float:left;
}


#ff01_maincontent ul, #ff01_maincontent ol, #ff01_maincontent_order ul, #ff01_maincontent_order ol {
  padding: 8px 4px 8px 25px;

}
#outer {
  width:950px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:40px;
  text-align:left;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: bottom;
}

#ff01_footer {
  text-align:center;
  padding:15px 0 15px 0;
}

#ff01_footer a:hover {
  color:black;
}

#ff01_top_bg {
  width:950px;
  height:15px;
  background-color: #FFF;
  background-repeat: no-repeat;
}
#ff01_inner {
  padding: 0 15px 15px 15px;
  box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.25);
}
#ff01_header {
  background: -webkit-gradient(linear, 0 0, 0 90, from(#944A9D), to(#B090C6));
  background: -moz-linear-gradient(center top , #944A9D 0%, #B090C6 100%) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#944A9D', endColorstr='#B090C6');
  border-radius: 4px 4px 4px 4px;
  behavior: url(border-radius.htc);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  width: 725px;
  height:90px;
  float:left;
  position:relative;
}
#ff01_logo {
  position:absolute;
  left: 20px;
  top: 18px;
  background-image: url(/layout/redesign/images/ff01_logo.png);
  width: 63px;
  height:62px;
}
#ff01_logo_text {
  position:absolute;
  left: 100px;
  top: 10px;
  font-size:50px;
  color:#FFF;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
#ff01_claim {
  position:absolute;
  left: 100px;
  top: 68px;
  font-size:14px;
  color:#FFF;
}
#ff01_basket {
  background-image: url(/layout/farbfinal01/images/ff01_bg_basket.png);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  width: 190px;
  height:90px;
  float:left;
  position:relative;
  margin-left:5px;
}

#ff01_basket_head {
  font-size:16px;
  font-weight:bold;
  position:absolute;
  right:10px;
  top:7px;
}

#ff01_basket_amount {
  font-weight:bold;
  position:absolute;
  right:10px;
  top:30px;
  text-align:right;
}

#ff01_basket_links {
  position:absolute;
  right:10px;
  bottom:7px;
  text-align:right;
}

#ff01_basket a:link, #ff01_basket a:visited {
  color:#666666;
}

#ff01_topmenu {
  clear:both;
  width:930px;
  height:34px;
  margin-top:5px;
  margin-bottom:5px;
  float:left;
}
#ff01_topmenu ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}
#ff01_topmenu ul li {
  display:inline;
  line-height:100%;
  padding-left:0;
}
#ff01_topmenu a {
  background: -webkit-gradient(linear, 0 0, 0 24, from(#2F78D0), to(#51A8E6));
  background: -moz-linear-gradient(center top , #2F78D0, #51A8E6) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F78D0', endColorstr='#51A8E6');
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  color:#FFFFFF;
  float:left;
  font-size:13px;
  font-weight:bold;
  height:24px;
  margin-right:8px;
  padding-bottom:0;
  padding-top:10px;
  text-align:center;
  width:112px;
  positition:relative;
}
#ff01_topmenu a:hover {
  background: -webkit-gradient(linear, 0 0, 0 24, from(#2A6AB8), to(#4795CC));
  background: -moz-linear-gradient(center bottom , #2A6AB8 0%, #4795CC 100%) repeat scroll 0 0 #3A87D7;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2A6AB8', endColorstr='#4795CC');
}
#ff01_topmenu .ff01_search a {
  width:320px;
  float:left;
  position:relative;
  margin-bottom:4px;
}
#ff01_topmenu .ff01_search_order a {
  width:200px;
  float:left;
  position:relative;
  margin-bottom:4px;
}
#ff01_topmenu .ff01_search a:hover {
  background: -webkit-gradient(linear, 0 0, 0 24, from(#2F78D0), to(#51A8E6));
  background: -moz-linear-gradient(center top , #2F78D0, #51A8E6) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F78D0', endColorstr='#51A8E6');
}
#ff01_content {
  clear:both;
}
#ff01_left {
  width:210px;
  float:left;
  margin-right:5px;
  border: 0px solid red;
}
#ff01_right {
  width:190px;
  float:left;
  margin-left:5px;
}
#ff01_maincontent {
  width:705px;
  min-height:767px;
  float:left;
  text-align:left;
}

.ff01_maincontent_border {
  width:682px !important;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  float:left;
  border: 1px solid #cccccc;
  padding:10px;
}

.ff01_clear {
  clear:both;
}
.ff01_box {
  margin-bottom:6px;
}
.ff01_box input, .ff01_box select{
  font-size: 11px;
}
.ff01_box h1 {
  background: -webkit-gradient(linear, 0 0, 0 22, from(#944A9D), to(#B090C6));
  background: -moz-linear-gradient(center top , #944A9D 0%, #B090C6 100%) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#944A9D', endColorstr='#B090C6');
  border-radius: 4px 4px 0px 0px;
  font-size: 14px;
  color: #FFF;
  height: 22px;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 6px;
}
.ff01_box .ff01_box_top {
  height: 5px;
  width: 210px;
  font-size:0;
  margin-top:5px;
}
.ff01_box.grey .ff01_box_top {
  background-color: #5D6675;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.ff01_box .ff01_box_content {
  padding: 2px 10px 2px 10px;
  width: 188px;
}
.ff01_box.grey .ff01_box_content {
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  background-color: #F2F2F2;
}
.ff01_box.darkgrey .ff01_box_content {
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  background-color: #EEEEEE;
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}
.ff01_box.white .ff01_box_content {
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}

.ff01_box_content_hotline{
  background-image:url(/layout/farbfinal01/images/box_hotline.jpg);
  height:140px;
  width:190px;
  position:relative;
  margin-top: 5px;
}

.ff01_box_content_hotline_number{
  font-size:16px;
  font-weight:bold;
  position:absolute;
  bottom:2px;
  left:10px;
}

/* menu */

ul.left_menu li {
  list-style-type:none;
  text-align:left;
  width:168px;
  line-height: 170%;
}

.left_menu a, .left_menu a:link, .left_menu a:visited {
  color:#6B6B6B !important;
}

.left_menu a:hover {
  color:black !important;
}

.left_menu .level1 a{
  background-image:url(/layout/redesign/images/ff01_listimg.gif);
  background-repeat: no-repeat;
  padding-left:15px;
  background-position: 0px 2px;
}

.left_menu .level1active_link{
  font-weight:bold;
}

.left_menu .level2 a{
  padding-left:20px;
  background-image:none;
}

.left_menu .level2active_link{
  font-weight:bold;
}

.left_menu .level3 a{
  padding-left:30px;
  background-image:none;
}

.left_menu .level3active_link{
  font-weight:bold;
}

.left_menu .level4 a{
  padding-left:40px;
  background-image:none;
}

.left_menu .level4active_link{
  font-weight:bold;
}

/* Artikelansichten */

.ff01_tablepadding td{
  padding:5px;
}

.ff01_tablenopadding td{
  padding:0px;
}

.border{
  border: 1px solid #cccccc;
}

.marginbottom{
  margin-bottom:5px;
}

.small{
  font-size: 0.8em;
}

.Name_single_art {
  color:#944A9D;
  font-size:15px;
  font-weight:bold;
}

.Price_single_art, .Price{
  color:#626262 !important;
  font-size:18px;
  font-weight:bold;
}

.currency{
  color:#944A9D;
  font-weight:bold;
}

.ArticleAttrTable td{
  text-align:right;
  padding-bottom: 3px;
  padding-left: 3px;
}

.ff01_pagenav{
  margin-bottom: 5px;
  width: 685px;
  height:22px;
  background: -webkit-gradient(linear, 0 0, 0 22, from(#944A9D), to(#B090C6));
  background: -moz-linear-gradient(center top , #944A9D 0%, #B090C6 100%) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#944A9D', endColorstr='#B090C6');
  border-radius: 4px 4px 4px 4px;
  padding-left:10px;
  padding-right:10px;
  padding-top:6px;
}

.ff01_pagenav h2{
  font-size: 14px !important;
  color: #fff !important;
  font-weight: bold;
  line-height: 14px;
  display: inline;
  float: left;

}

.articlePages_Link{
  text-decoration: none;
  color: #fff !important;
}

.articlePages_activeLink{
  text-decoration: none;
  font-weight: bold;
  color: #fff !important;
}

.articlePages{
  display:inline;
  float:right;
  margin-top:1px;
}

.ff01_BrowsePreviousButton{
  float:right;
  margin-right: 5px;
  margin-top:1px;
}

.ff01_BrowseNextButton{
  float:right;
  margin-left: 5px;
  margin-top:1px;
}

.ff01_articleOrder{
  float: right;
  /*display:none;*/
  padding-top:0px;
  
}

.ff01_articleOrder select{
  font-size: 11px;  
}

.ff01_article input, .ff01_article select{
  font-size: 11px;
}

.ff01_2row_name {
  height: 45px;
}

.ff01_2row_name a:link, .ff01_2row_name a:visited {
  height: 45px;
  color:#666666;
}

.ff01_single_previm {
  margin-top:10px;
}

.ff01_single_previm img{
  width:75px;
}

.ff01_single .Price_single_art, .ff01_single .Price{
  font-size:1.9em;
}

#ff01_maincontent p, #ff01_maincontent ul{
  margin-bottom:15px;
}

.ff01_maincontent_border input, .ff01_maincontent_border textarea{
  margin-bottom:8px;
}

#ff01_maincontent h1, #PlentyMyAccount h1{
  font-size: 1.4em;
  color:#944A9D;
}

#ff01_maincontent h2, #PlentyMyAccount h1{
  font-size: 1.2em;
  color:#944A9D;
}


#ff01_maincontent ul{
  padding-left:25px;
}

.ff01_box_article_name a:link, .ff01_box_article_name a:visited {
  color:#666666;
}

.ff01_box_article_name{
  margin-bottom: 3px;
}

.ff01_box_article_img {
  margin-bottom: 5px;
}

.ff01_box_article_price {
  margin-bottom: 15px;
  color:#626262;
  font-weight:bold;
}

.ff01_msg{
  margin-bottom:5px;
  padding:10px;
}

.ff01_msg_ok{
  background-color:#59d869;
  color:white;
}

.ff01_msg_ok a:link {
  color:white;
}

.plentyErrorBox {
  margin-bottom:5px;
  padding:10px;
  width:auto;
}

.plentyMessageBox{
  margin-bottom:5px;
  padding:10px;
  width:auto;
}
#flOuterContainer {
  background: #FFFFFF;
  color: #000000;
  font-family: Arial,Verdana,sans-serif;
  font-size: 12px;
  text-align: left;
}

#flOuterContainer table {
  border: none;
}

td.flMain {
  padding: 0px;
  text-align: center;
}

.flOuterBorder {
}

.flBorder {
  border: 0px solid #DDDDDD;
}

.flImageleft {
}

.flImageright {
}

.flSubTable {
  width: 100%;
}

#flRemoveAllFilters {
  margin-left: 2px;
}

.flFilterRedundant {
  margin-left: 5px;
}

.flCloudHeader {
  color: #000000;
  padding: 4px;
  text-align: left;
  font-weight: bold;
}

strong .flEmphasis {
  text-decoration: underline;
}

.flEmphasis {
  font-weight: bold;
}

.flFrequency {
  color: #0000FF;
}

.flOuterBorder {
  border-color: #D3D3D3;
  border-spacing: 0;
  border-style: solid;
  border-width: 1px 0;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}

a.flResultTitle {
  font-family: arial;
  font-weight: bold;
}

a.flResultTitle .flEmphasis {
  text-decoration: underline;
}

.flShortDescription {
  font-size: 10px;
  background-color: #D2E6CB;
}

span.flPrice {
  font-weight: bold;
}

span.flOverriddenPrice {
  font-weight: normal;
  text-decoration: line-through;
}

span.flOverridingPrice {
  font-weight: bold;
  color: #FF0000;
}

.flFilterCloud a {
  color: #000000;
  font-family: arial;
  text-decoration: none;
}

.flFilterCloud a:hover {
  text-decoration: underline;
  color: #000000;
}

.flCloudHeader a:visited {
  color: #000000;
}

.flCloudSizeClass0 a {
  font-size: 9px;
}

.flCloudSizeClass1 a {
  font-size: 10px;
}

.flCloudSizeClass2 a {
  font-size: 11px;
}

.flCloudSizeClass3 a {
  font-size: 12px;
}

.flCloudSizeClass4 a {
  font-size: 13px;
}

.flCloudSizeClass5 a {
  font-size: 14px;
}


#flRemoveAllFilters {
  color: #FF8C00;
}

#flRemoveAllFilters:hover {
  text-decoration: underline;
}

#flCloudAreasTable {
  margin-top: 1px;
}

#flCloudArea {
  background-color: #E8E8FF;
}

#flContentContainer {
  margin-right: 5px;
  border: 1px solid #A9A9A9;
}

#flSearchHeader {
  width: 100%;
  cellspacing: 0;
}

#flSearchInfo {
  font-size: 14px;
}

#flPoweredBy {
  width: 90px;
}

#flRestrictHeader {
  border-spacing: 0;
  font-size: 12px;
  height: 17px;
}

.flContFilterRedundant {
  margin-left: 2px;
  margin-bottom: 5px;
}

ul.flFilters {
  list-style-type: none;
  list-style-position: inside;
  list-style-image: none;
  padding: 0px;
  margin: 0px;
}

ul.flFilters li {
  list-style-type: none;
  list-style-position: inside;
  list-style-image: none;
  padding: 0px;
  margin: 0px;
}

.flChosenFilters {
  padding: 4px;
}

.flChosenFilters span {
  display: block;
}

.flFilterCloud {
  padding: 4px;
}

.flFilterCloud span {
  padding-right: 4px;
}

.flFilterRedundant span {
  padding-right: 3px;
}

.flPageCurrent {
  color: #ED222A;
  text-decoration: none;
  font-weight: bold;
}

.flClear {
  height: 20px;
  clear: both;
}

.os_box {
    border: 0 solid red;
    margin: -5px 0 0 -5px;
    padding: 0;
    position: relative;
}

.os_out {
    border: 0 solid red;
    float: left;
    height: 185px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 229px;
}

.os_in {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 175px;
    margin: 5px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 219px;
}

.os_content {
    border: 0 dotted grey;
    height: 170px;
    margin: 9px 12px;
    overflow: hidden;
    width: auto;
}

.os_img_box {
    margin:5px;
}

.os_img_box a img {
    position:absolute;
    top: 10px;
    left: 10px;
    border: 0 none;
    margin: 0;
    padding: 0;
}

.os_price_box {
    height: 22px;
}

.os_price_box a {
    position:absolute;
    top: 40px;
    right: 10px;
    color: #626262 !important;
    font-size: 16px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.os_detail_box {
    height: 20px;
}

.os_detail_box a {
    position:absolute;
    top: 65px;
    right: 20px;
    background: -webkit-gradient(linear, 0 0, 0 20, from(#2F78D0), to(#51A8E6));
    background: -moz-linear-gradient(center top , #2F78D0, #51A8E6) repeat scroll 0 0 transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F78D0', endColorstr='#51A8E6');
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF !important;
    font-size: 12px;
    font-weight: bold;
    height: 14px;
    line-height: 14px;
    padding: 5px 5px;
}

.os_name_box {
    position:absolute;
    top: 125px;
    left: 5px;
    text-align: center;
}

a.os_name_article {
    -o-text-overflow: ellipsis;                /* Opera */
    text-overflow:    ellipsis;                /* IE, Safari (WebKit) */
    -moz-binding: url(ellipsis.xml#ellipsis);  /* Mozilla */
    overflow:hidden;                           /* don't show excess chars */
    width:200px;
    white-space:pre-line;
}

.os_name_box a {
    color: #944A9D;
    font-size: 13px;
}

.ff01_pagenav_title {
  margin-top:-10px;
  margin-left:-10px;
  margin-right:-10px;
  background: -webkit-gradient(linear, 0 0, 0 22, from(#944A9D), to(#B090C6));
  background: -moz-linear-gradient(center top , #944A9D 0%, #B090C6 100%) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#944A9D', endColorstr='#B090C6');
  border-radius: 4px 4px 0px 0px;
  font-size: 14px;
  color: #FFF;
  height: 22px;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 6px;
}


/* Artikelansicht*/

.ff01_pagenav_breadcrumbs {
  background: -webkit-gradient(linear, 0 0, 0 22, from(#944A9D), to(#B090C6));
  background: -moz-linear-gradient(center top , #944A9D 0%, #B090C6 100%) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#944A9D', endColorstr='#B090C6');
  border-radius: 4px 4px 0px 0px;
  font-size: 14px;
  color: #FFF;
  height: 22px;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 6px;
}

.ff01_pagenav_breadcrumbs a {
  font-size: 14px;
  color: #FFF;
  height: 22px;
  font-weight: bold;
  padding-left: 10px;
  padding-top: 6px;
}

.ff01_product_preview {
  margin:5px;
  border: 1px solid #cccccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  height:64px;
  width:80px;
}

.ff01_single_article_description {
  color: #626262;
}

.ff01_single_article_description h1, h2 {
  color: #944A9D;
}

.ff01_single_article_rabatt {
  font-size: 12px;
}


/* Home */

.ff01_welcome_box {
  float:left;
  margin: 0px 5px 0px 5px;
  background: -webkit-gradient(linear, 0 0, 0 90, from(#944A9D), to(#B090C6));
  background: -moz-linear-gradient(center top , #944A9D 0%, #B090C6 100%) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#944A9D', endColorstr='#B090C6');
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  height:100px;
  width:372px;
  border-radius: 4px 4px 4px 4px;
}

.ff01_welcome_box p {
  font-size: 30px;
  margin: 22px 0 0 15px;
  line-height: 28px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  color:#FFF;
  float:left;
}

.ff01_hotline_box {
  float:left;
  margin: 0px 8px 0px 4px;
  background: -webkit-gradient(linear, 0 0, 0 90, from(#944A9D), to(#B090C6));
  background: -moz-linear-gradient(center top , #944A9D 0%, #B090C6 100%) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#944A9D', endColorstr='#B090C6');
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  height:100px;
  width:155px;
  border-radius: 4px 4px 4px 4px;
}

.ff01_hotline_box span {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  color:#FFF;
  float:left;
}

.ff01_shipping_box {
  float:left;
  margin: 0px 0px 0px 0px;
  background: -webkit-gradient(linear, 0 0, 0 90, from(#944A9D), to(#B090C6));
  background: -moz-linear-gradient(center top , #944A9D 0%, #B090C6 100%) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#944A9D', endColorstr='#B090C6');
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  height:100px;
  width:155px;
  border-radius: 4px 4px 4px 4px;
}

.ff01_shipping_box span {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  color:#FFF;
  float:left;
}

.ff01_christmas_box {
  float:left;
  margin: 6px 5px 0px 5px;
  background: -webkit-gradient(linear, 0 0, 0 90, from(#944A9D), to(#B090C6));
  background: -moz-linear-gradient(center top , #944A9D 0%, #B090C6 100%) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#944A9D', endColorstr='#B090C6');
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  height:100px;
  width:700px;
  border-radius: 4px 4px 4px 4px;
}

.ff01_christmas_box p {
  font-size: 15px;
  margin: 22px 0 0 15px;
  line-height: 28px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  color:#FFF;
  float:left;
}

/* NEW ATTRIBUTE SELECT */


/* clear */
.clear {
clear: both;
}


/* wrapper */
.plentyAttributeSelectWrapper {
margin-bottom: 5px;
}
/* wrapper title */
.plentyAttributeSelectWrapperTitle { }
/* wrapper content */
.plentyAttributeSelectWrapperContent {
display: inline-block;
}

/* ul (all) */

/* ul */
.plentyAttributeSelectWrapperContent ul {
padding-left: 0;
}
/* li */
.plentyAttributeSelectWrapperContent ul > li {
list-style: none;
margin-left: 0;
overflow: hidden;
}

/* disabled */
li.plentyAttributeSelectDisabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
cursor: default !important;
}
li.plentyAttributeSelectDisabled a {
cursor: default !important;
}



/* DROPDOWN */

/* dropdown container */
.plentyAttributeSelectHasDropdown {
position: relative;
}
/* height if dropdown closed */
.plentyAttributeSelectHasDropdown,
.plentyAttributeSelectHasDropdown > div,
.plentyAttributeSelectHasDropdown > .plentyAttributeSelectWrapperInnerClosed:hover {
height: 18px;
}
/* openable container */
.plentyAttributeSelectHasDropdown > div {
position: absolute;
/*width: 100%;*/ /*has conflict with parent clearfix*/
overflow: hidden;
background: #ffffff;
border: 1px solid #cccccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* open dropdown if hovered */
.plentyAttributeSelectHasDropdown:hover > div {
height: auto;
z-index: 10000;
-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}

/* selectet item */

/* value (all) */
.plentyAttributeSelectedValue,
.plentyAttributeSelectValue > a {
padding: 0 0 0 7px;
white-space: nowrap;
}
/* value selected */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue {
position: relative;
padding-right: 20px;
}
/* arrow container */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow {
position: absolute;
right: 2px;
top: 2px;
width: 12px;
height: 12px;
}
/* arrow inner */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow > span {
display: inline-block;
border-style: solid;
border-width: 5px;
border-color: #999999 transparent transparent;
}
/* arrow hover */
.plentyAttributeSelectHasDropdown > div:hover .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow > span {
border-color: #777777 transparent transparent;
}


/* list */

/* list wrapper */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper {
max-height: 108px; /*adapt to height of li*/
overflow-y: auto;
overflow-x: hidden;
}
/* ul */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul {
}
/* li */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li {
height: 18px;
}
/* a */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a {
display: block;
padding-right: 20px;
white-space: nowrap;
}
/* li hover / a focus */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li:hover a,
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a:focus {
background: #eeeeee;
color: #000000;
cursor: pointer;
}
/* reset li hover / a focus if disabled */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectDisabled:hover a,
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectDisabled a:focus {
background: transparent;
color: #000000;
}
/* li / a selected */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectSelected a {
background: #eeeeee;
}
/* value & markup */
.plentyAttributeSelectValueName {
/*float: left;*/
}
.plentyAttributeSelectValueMarkup {
padding-left: 5px;
/*float: right;*/
}


/* IMAGE GALLERY / TEXT BOX */

/* ul */
.plentyAttributeSelectHasImageGallery ul,
.plentyAttributeSelectHasTextList ul {
margin: 0 -5px -5px 0;
}
/* ul image gallery / text boxes */
.plentyAttributeSelectHasImageGallery ul,
.plentyAttributeSelectHasTextList ul {
line-height: 0;
}
/* ul text boxes */
.plentyAttributeSelectHasTextList ul > li {
line-height: 1.5em;
}
/* image box size */
.plentyAttributeSelectHasImageGallery ul > li,
.plentyAttributeSelectHasImageGallery ul > li > a {
width: 60px; /*adapt box dimension to image dimension*/
height: 60px;
}
/* li */
.plentyAttributeSelectHasImageGallery ul > li,
.plentyAttributeSelectHasTextList ul > li,
.plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectDisabled:hover,
.plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectDisabled:hover {
display: inline-block;
margin: 0 5px 5px 0;
border: 1px solid #DDDDDD;
border-radius: 3px;
padding: 3px;
}
/* li hover / selected */
.plentyAttributeSelectHasImageGallery ul > li:hover,
.plentyAttributeSelectHasTextList ul > li:hover,
.plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectSelected,
.plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectSelected {
border-color: #999999;
cursor: pointer;
-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
/* li selected image gallery */
.plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectSelected {
background: #DDDDDD;
}
/* li selected text box */
.plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectSelected {
background: #eeeeee;
}
/* reset li hover / selected if selected */
.plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectDisabled:hover,
.plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectDisabled:hover {
border-color: #DDDDDD;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* a */
.plentyAttributeSelectHasImageGallery ul > li > a {
display: block;
overflow: hidden;
}
/* img */
.plentyAttributeSelectHasImageGallery ul > li > a > img {
border: none;
}
/* a hover / a focus text box */
.plentyAttributeSelectHasTextList ul > li a:hover,
.plentyAttributeSelectHasTextList ul > li a:focus {
color: #000000;
}
/* value text boxes */
.plentyAttributeSelectHasTextList .plentyAttributeSelectValue {
padding-left: 5px;
}
/* value text boxes */
.plentyAttributeSelectHasTextList .plentyAttributeSelectValue {
padding-left: 5px;
padding-right: 5px;
} 