@charset "UTF-8";
/* CSS Document */
*                       {margin: 0; padding: 0;}
img                     {border: none;}
body                    {font-family: 'Asap', arial, sans-serif; color: #333; font-size: 14px; background: url(../img/headbg.png) no-repeat top center;}

#wrapper                {margin: 150px auto 0 auto; width: 981px; text-align: left;}
#header                 {position: absolute; width: 100%; top: 0px;}
#main                   {}
a:link, a:visited       {text-decoration: none; outline: none; color: #333;}
.multilang_flags        {display: none;}
.borderBox                    {background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 1px solid #ccc;}
.borderGrey                   {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 6px solid #ccc;}
.col-main, #flResults, #flHeaderContainer       {float: right; width: 780px; text-align: left;}
.col-wrapper                {margin-bottom: 13px;}

/* Infosites */

.infoSites                  {margin-left: 18px; margin-bottom: 20px; line-height: 20px;}
.infoSites h1               {line-height: auto; font-size: 30px; margin: 10px 0 20px 0; line-height: 30px;}
.infoSites h2               {line-height: 24px; font-size: 18px; margin: 20px 0 10px 0;}
.infoSites p                {clear: both; padding-bottom: 10px;}
#print_and_save                    {position: absolute; left: 50%; margin-left: 420px;}
table.formtable td               {padding-bottom: 10px;}
.infoSites .producer-images  {float: left; margin: 5px 20px 10px 0;}
.infoSites .producer-logo      {float: right; margin: 0 0 10px 20px;}
.infoSites li {margin-left: 2em;}
.infoSites a:link               {color: #000000;border-bottom: 1px solid #ff9900;text-decoration: none;}
.infoSites a:link:hover     {color: #ff9900;border-bottom: 1px solid #000;text-decoration: none;}

/* Findologic Autocomplete */
.ac_results {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 2px 4px #999999;
    opacity: 1;
    padding: 10px 10px;
    position: absolute;
    text-align: left;
    z-index: 10;
    width: 160px !important;
    top: 142px !important;
    left: 50% !important;
    margin-left: 280px !important;
}

/* jquery datepicker verstecken --> kästchen in auftragshistorie */
#ui-datepicker-div { display: none; }

/* tweaks */
#PlentyWebLoginRegisterNote2 > ul {margin-left:15px;}

#PlentyWebInvoiceDetailsBirthday.address_input_field {width:25% !important;}

#PlentyWebInvoiceDetailsBirthmonth.address_input_field {width:25% !important;}

#PlentyWebInvoiceDetailsBirthyear.address_input_field {width:45% !important;}


/* gefahrgutwarnung */
span.warnung {color: #ff2222; font-weight:bold;}

/* Header */

#header .suche                      {position: absolute; top: 122px; left: 50%; margin-left: 305px;}
#header .suche .textfeld            {border: none; width: 136px; height: 17px; line-height: 17px; float: left;}
#header .suche .finden              {width: 30px; height: 17px; text-align: center; background: url(../img/sprite.png) no-repeat -2px -2px; border: none; cursor: pointer;}
#header .suche .finden:hover        {background: url(../img/sprite.png) no-repeat -2px -19px;}

#header a#logo              {position: absolute; top: 0px; left: 50%; margin-left: -500px; background: url(../img/blind.gif) no-repeat; float: left; height: 111px; text-indent: -9999px; width: 244px;}
#header a#versandlink       {position: absolute; top: 11px; left: 50%; margin-left: -240px; background: url(../img/blind.gif) no-repeat; float: left; height: 87px; text-indent: -9999px; width: 320px;}
#header .metaNavi           {position: absolute; top: 10px; left: 50%; margin-left: 300px; font-size: 10px;}
#header .metaNavi a         {-moz-transition: all 0.3s ease 0s; opacity: 1; font-size: 10px; color: #333; padding: 6px;}
#header .metaNavi a:hover   {text-decoration: underline;}
#header .basket a           {-moz-transition: all 0.3s ease 0s; opacity: 1; position: absolute; width: 189px; height: 60px; top: 35px; left: 50%; margin-left: 308px; font-size: 12px; font-weight: bold;}
#header .basket span.basket_title       {color: #9c3; font-size: 21px; display: inline-block; padding-top: 13px;}
#header .basket a:hover     {opacity: 0.8;}

.main_menu                          {left: 50%; margin-left: -493px; position: absolute; top: 115px; padding: 0;}
.sticky .main_menu                  {position: fixed; z-index: 200; top: 0; margin: 0 auto; box-shadow: 0 2px 2px #333;}
.main_menu *                        {margin: 0; padding: 0;}
.main_menu_overlay                  {display: none; position: absolute; float: left; z-index: 100; top: 190px; left: 0; bottom: 0; right: 0; width: 100%; background: #f03 url(/images/icons/silk/loading.gif) center 50px no-repeat; opacity: 0.65;}
.sticky .main_menu_overlay          {position: fixed; top: 52px;}
.main_menu ul.level1_ul             {position: relative; z-index: 105; float: left; width: 100%;}

.main_menu .level1_ul > li.home > a {background: url(../img/home.png) no-repeat; width: 47px; height: 35px; text-indent: -999em; padding: 0;}
.main_menu li                       {list-style: none; list-style-type: none; float: left; height: 35px; line-height: 35px;}
.main_menu .level1_ul > li          {float: left;}
.main_menu .level1_ul li.menu1 a.toplink    {cursor: default;}
.main_menu .level1_ul > li > a      {float: left; padding: 0 12px; height: 35px; line-height: 30px; font-size: 18px; text-shadow: -1px -1px 0px #669900; color: #fff;}
.main_menu .level1_ul > li:hover > a    {position: relative; z-index: 9; background: #fff; color: #333!important; text-shadow: none;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-box-shadow: 0px 2px 4px #999;
-webkit-box-shadow: 0px 2px 4px #999;
box-shadow: 0px 2px 4px #999;}
.main_menu .level1_ul > li.home:hover > a   {background: url(../img/home.png) no-repeat;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
-moz-box-shadow: 0px 0px 0px #999;
-webkit-box-shadow: 0px 0px 0px #999;
box-shadow: 0px 0px 0px #999;}
.main_menu .loader                  {display: none; position: absolute; z-index: 10; top: 35px; width: 400px; padding: 15px 18px; text-align: left; background: #fff; opacity: 1; 

-moz-box-shadow: 0px 2px 4px #999;
-webkit-box-shadow: 0px 2px 4px #999;
box-shadow: 0px 2px 4px #999;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;

}
.main_menu #loader3                     {left: auto; right: 0; visibility: hidden;}

.main_menu .loader ul                   {display: inline;}
.main_menu .loader li                   {float: left; margin: 0; padding: 0; height: 24px; line-height: 24px;}
.main_menu .loader li:last-child        {/*margin-bottom: 18px;*/}
.main_menu .loader li a                 {float: left; width: 180px!important; color: #333!important; line-height: 24px; padding-right: 20px!important; font-size: 14px; white-space: nowrap; overflow: hidden;}
.main_menu .loader li a:hover           {color: #ff9900!important;}

.myBasket                               {position: absolute; top: 9px; left: 50%; margin-left: 185px;}
.myBasket a                             {font-size: 14px; color: #999; width: 290px; height: 27px; line-height: 27px; background: #f03 url(/images/icons/silk/loading_screen_background.gif) no-repeat; float: left;}
.myBasket a:hover                       {background-position: bottom;}
.myBasket a span                        {color: #fff; margin: 0 10px;}

/* Footer */

#footer                                 {font-size: 14px; color: #999; text-align: left; line-height: 17px; margin-top: 17px;}
#footer a                               {color: #999; display: block;}
#footer a:hover                         {color: #f90;}
#footer strong                          {color: #99cc33; display: inline-block; padding-bottom: 5px;}
#footer .boxSmall                       {width: 103px; height: 108px; padding: 10px; float: left; margin: 0 9px 9px 0;}
#footer .boxPayment                     {width: 263px; height: 108px; padding: 10px; float: left; margin-right: 0;}
#footer .boxPayment a                   {float: right; color: #ff9900; text-decoration: underline;}
#footer .boxPayment img                 {padding: 2px 0;}
#footer .boxPayment span                {font-size: 10px; color: #9c3; margin-top: 5px; display: inline-block;}
#footer .boxCategories                  {width: 665px; float: left; height: 298px; padding: 10px; overflow: hidden;}
#footer .boxCategories p                {float: left; margin-right: 40px; margin-left: 5px;}
#footer .boxNewsletter                  {width: 263px; padding: 10px; height: 39px; margin-bottom: 9px; position: relative;}
#footer .newsletter-start               {position: absolute; top: 12px; left: 172px; text-indent: -999em; width: 127px; height: 36px; line-height: 36px; background: url(../img/newsletter-start.png) no-repeat;}
#footer .boxGogreen                     {width: 263px; padding: 10px; height: 38px; margin-bottom: 9px; position: relative;}
#footer .gogreen-start                  {position: absolute; top: 0px; left: 0px;}
#footer .gogreen-start a                {text-indent: -999em; width: 283px; height: 58px; line-height: 58px; background: url(../img/pakete.png) no-repeat right;}
#footer .boxDesc                        {width: 263px; padding: 10px; height: 338px;}
#footer .copyright                      {clear: both; font-size: 11px; text-align: center; padding: 20px 0 50px 0;}
#footer .copyright a                    {display: inline; color: #ff9900;}
#footer .boxCategories ul               {list-style: none outside none;}

.back-to-top {
    position: fixed;
    bottom: 0;
    right: 5%;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    background-color: #fff;
    font-size: 12px;
    padding: 1.4em;
    display: none;
   
   
    border-color: #CCCCCC;
    border-style: solid solid none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 1px 1px 0;
    color: #000000;
    display: none;
    font-size: 12px;
    padding: 1.4em;
    position: fixed;
    right: 5%;
    text-decoration: none;
}
}

.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}

/* Navigation */

/* Basket Prev */

/* Breadcrumbs */

.breadcrumbs    {height: 48px; margin-left: 15px;}
.breadcrumbs li {list-style-type: none; float: left; height: 48px; line-height: 54px; color: #999; font-size: 11px;}
.breadcrumbs a  {color: #99cc33; margin-left: 10px; float: left;}
.zurueck        {float: right;}
.zurueck a      {width: 75px; height: 17px; line-height: 17px; text-indent: -999em; background: url(../img/back.gif) no-repeat right; margin-top: 15px;}


/* Contentseiten */

.contentHolder                      {background: #fff; -moz-box-shadow:inset 0px 1px 1px #000000; -webkit-box-shadow:inset 0px 1px 1px #000000; box-shadow:inset 0px 1px 1px #000000; padding: 15px 20px; margin-bottom: 15px;}
.contentHolder h1                   {font-size: 24px; letter-spacing: -1px; margin: 0 0 20px 0;}
.contentHolder h2                   {font-size: 18px; letter-spacing: -1px; margin: 0 0 10px 0;}
.contentHolder p                    {font-size: 12px; line-height: 18px; margin: 0 0 20px 0;}
.contentHolder a                    {color: #000; text-decoration: underline;}

.textContent                        {padding: 15px;}

/* Suche */

/* Artikel */

.fb-button                          {height: 45px; width: 360px; overflow: hidden; float: left;}
.google-button                      {float: left;}

.product-essential                  {width: 534px; float: right;}
.product-sidebar                    {width: 201px; float: right; margin-bottom: 20px; height: 319px; position: relative;}
.product-details                    {float: left; margin-bottom: 20px; width: 310px; height: 319px; text-align: left; color: #999; line-height: 20px;}
.product-img-box                    {float: left; width: 422px; height: 568px;}
.product-collateral                 {clear: both;}

.product-details h1                 {font-size: 18px; line-height: 24px; color: #333; padding: 0 0 10px 0;}
.product-details .shortDesc         {font-size: 14px; line-height: 19px; color: #333; padding: 0 0 15px 0;}
.product-details .logo              {padding: 0 0 15px 0;}
.product-details p {color: #333; line-height: 18px; padding: 1px 0 1px 125px; font-size: 13px; width: 100%;}
.product-details p strong {color: #99cc33; margin-left: -125px; font-size: 14px; display:block; float: left; width: auto}

.product-details .PlentyWebTableLayout select {color: #333; line-height: 18px; margin: 0 0 0 80px !important; font-size: 13px; white-space: nowrap;}

.product-details .PlentyWebAttributeTitle {color: #99cc33; font-size: 14px; display:block; float: left; width: auto} 

.myPrice                            {font-size: 48px; font-weight: bold; letter-spacing: -1px; color: #ff9900; padding-bottom: 10px;}
.saving                             {font-size: 12px; color: #ff9900; padding-bottom: 4px;}
.saving span                        {text-decoration: line-through; color: #333;}
.mwst                               {font-size: 12px; color: #959595; padding-bottom: 4px;}
.mwst a                             {color: #ff9900; text-decoration: underline;}
.grundpreis                         {font-size: 12px; padding-bottom: 4px;}
.grundpreis span                    {color: #99cc33; margin-right: 2px;}

.addtobasket                        {height: 39px; position: relative; margin: 20px 0 0;}
.addtobasket .to-cart               {background: url(../img/addtobasket.png) no-repeat; height: 39px; left: 0; line-height: 39px; position: absolute; top: 0; width: 201px; cursor: pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 3px 4px #c2c2c2;-webkit-box-shadow: 0px 3px 4px #c2c2c2;box-shadow: 0px 3px 4px #c2c2c2;}
.addtobasket .to-cart:hover         {background-position: center bottom;}
.addtobasket .quantity              {background: transparent; border: none; font-size: 18px; font-weight: bold; color: #333; height: 24px; left: 21px; position: absolute; text-align: center; top: 7px; width: 30px;}

.product-sidebar .itemFeatures      {position: absolute; bottom: 0;}
.product-sidebar #itemStock         {color: #959595; font-size: 12px; padding: 4px 0 0 0; margin: 0 10px; text-align: center; width: 181px; }
.itemStock .isVariationStock        {display: none;}
.itemStock .curSelection            {display: inline-block !important;}
.itemStock .noVariationStock        {display: inline-block;}
.product-sidebar .merkliste,
.product-sidebar .wunschzettel,
.product-sidebar .empfehlen,
.product-sidebar .zurueck-artikel   {float: left; width: 172px; height: 18px; line-height: 18px; margin: 0 0 2px 7px; text-indent: -999em;}
.product-sidebar .merkliste         {background: url(../img/merkliste.gif);}
.product-sidebar .wunschzettel      {background: url(../img/wunschzettel.gif);}
.product-sidebar .empfehlen         {background: url(../img/empfehlen.gif); cursor: pointer;}
.product-sidebar .zurueck-artikel   {background: url(../img/zurueck.gif);}
#TellAFriend                        {position: absolute; left: 50%; top: 200px; width: 189px;}
#TellAFriend .box_gray2             {margin: 0!important; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 6px solid #ccc!important; background-color:#FFFFFF; width:201px!important;}

ul.tab_navi,
ul.tab_navi li                                                              {float: left; list-style:none; list-style-type: none;}
ul.tab_navi                                                                 {position: relative; margin: 0; padding: 0; height: 22px; line-height: 22px;}
ul.tab_navi *                                                               {margin: 0; padding: 0;}
ul.tab_navi                                                                 {padding-bottom: 1px;}
ul.tab_navi a                                                               {background: #999; font-size: 14px; padding: 0 12px; margin: 0 1px 0 0; font-weight: bold; position: relative; float: left; height: 22px; line-height: 22px; color: #fff;}
ul.tab_navi a:hover                                                         {background-image: none;}
ul.tab_navi a:active,
ul.tab_navi a.current,
ul.tab_navi a.current:hover,
ul.tab_navi li.current a,
ul.tab_navi a.first.current                                                 {background: #99cc33; cursor:default; color: #fff;}

.tab_container                                                              {position: relative; border: 1px solid #ccc; clear: both; margin: 0; padding: 0; height: 207px; overflow: auto; text-align: left; width: 532px;-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px; background: url(../img/scrollBoxShadow.png) no-repeat top center;}
.tab_topic                                                                  {margin: 0; padding: 10px 13px; font-size: 14px; line-height: 20px; display: none;}
.tab_topic *                                                                {margin: 0; padding: 0;}
.tab_topic .hl                                                              {font-size: 20px; line-height: 22px; padding: 10px 0 15px;}
.tab_topic h2                                                               {padding: 0 0 8px 0; font-size: 18px; line-height: 22px; color: #333; font-weight: normal;}
.tab_topic a                                                                {color: #f90;}
.tab_topic a:hover                                                          {color: #fff;}
.tab_topic ul,
.tab_topic ol                                                               {padding: 10px 0;}
.tab_topic ul                                                               {list-style: disc; list-style-type: disc;}
.tab_topic ol                                                               {list-style: decimal; list-style-type: decimal;}
.tab_topic li                                                               {margin-left: 20px;}
.tab_topic ol li                                                            {margin-left: 25px;}


.showroom                                                                   {position: relative; float: left; margin: 0; padding: 0;}
.showroom *                                                                 {margin: 0; padding: 0;}
.showroom .pos                                                              {position: relative; float: left; width: 422px;}
.showroom table.large                                                       {border-collapse: collapse; width: 410px; height: 556px; background: none;}
.showroom table.large td                                                    {width: 410px; height: 556px; text-align: center; vertical-align: middle;}
.showroom table.large td img                                                {max-width: 400px; max-height: 546px;}
.showroom .small-holder                                                     {position: absolute; bottom: 10px; left: 10px;}
.showroom .small-holder table                                               {border-collapse: collapse; height: 80px!important; background: none; float: left; margin-right: 4px;}
.showroom .small-holder table td                                            {height: 80px!important; text-align: center; vertical-align: middle;}
.showroom .small-holder table td img                                        {height: 80px;}

/*
.rating                             {line-height: 18px; margin-bottom: 20px;}
.rating img                         {float: left; margin-right: 2px;}
.rating a                           {color: #f60; text-decoration: none; font-weight: bold; float: left;}
.rating a span                      {color: #000; text-decoration: underline; font-weight: normal; margin: 0 5px 0 10px;}

/* Trefferliste */



.item                               {float: left; text-align: center; width: 177px; height: 470px; position: relative; color: #333; margin: 0 0 0 18px;}
.item:hover .itemImage              {border-color: #ff9900;}
.item:hover .itemName               {color: #ff9900;}
.item .itemName                     {font-size: 16px; font-weight: bold; line-height: 20px; height: 40px; overflow: hidden; margin: 25px 0 10px 0;}
.item .itemImage                    {width: 165px; height: 165px; text-align: center; vertical-align: middle;}
.item .itemImage .small             {border-collapse: collapse; width: 165px; height: 165px; background: none;}
.item .itemImage .small td          {width: 165px; height: 165px; text-align: center; vertical-align: middle;}
.item .itemImage .small td img      {max-width: 165px; max-height: 165px;}
.item .itemShortDesc                {font-size: 12px; font-weight: bold; line-height: 15px; height: 45px; overflow: hidden; margin: 10px 5px 0;}
.item .itemUVP                      {font-size: 12px; line-height: 15px; height: 15px; margin: 10px 5px 0; color: #f90;}
.item .itemUVP span                 {color: #333; text-decoration: line-through; margin-right: 5px;}
.item .itemPrice                    {color: #ff9900; font-weight: bold; font-size: 30px; line-height: 34px;}
.item .itemPrice span.uvp           {color: #333; text-decoration: line-through; font-weight: normal;}
.item .itemBasePrice                {font-size: 12px; color: #999; line-height: 16px; height: 16px; padding-top: 8px;}
.item .itemTax, .slider-item .item .itemTax                         {font-size: 12px; color: #999; line-height: 16px; height: 16px; z-index: 2; position: relative;}
.item .itemTax a, .slider-item .item .itemTax a                 {text-decoration: underline;}
.item .itemTax a:hover              {text-decoration: none;}
.item a.itemLink                    {position: absolute; left: 0px; top: 0px; width: 177px; height: 470px; text-indent: -999em; float: left; z-index: 1; line-height: 470px; background: url(../img/blind.gif) no-repeat;}
.item .itemDetails                  {width: 60px; height: 21px; float: left; margin: 15px 4px 10px 12px;}
.item .itemDetails a, .slider-item .item .itemDetails a             {background: url(../img/sprite.png) no-repeat -200px -423px; width: 60px; height: 21px; float: left; text-indent: -999em; position: relative;}
.itemaddtobasket                    {height: 21px; width: 91px; position: relative; margin: 15px 0; float: left; z-index: 2;}
.itemaddtobasket .to-cart           {background: url(../img/sprite.png) no-repeat -201px -394px; width: 91px; height: 21px; left: 0; line-height: 21px; position: absolute; top: 0; cursor: pointer;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.itemaddtobasket .to-cart:hover     {background-position: -201px -394px;}
.itemaddtobasket .quantity          {background: transparent; border: none; font-size: 12px; color: #333; height: 15px; left: 6px; position: absolute; text-align: center; top: 3px; width: 26px;}

.item .webshopaktion                {position: absolute; top: 83px; left: 8px; height: 22px; line-height: 22px; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px; padding: 0 5px;}
.item .newArticle                   {background: #99cc33;}
.item .topArticle                   {background: #3399cc;}
.item .specialOffer                 {background: #ff6600;}
.slider-item .item .webshopaktion   {top: 8px;}


.itemListHolder div:last-child      {display: none;}
.stripe                             {background: #ccc; clear: both; width: 763px; float: right;}
.slider-item .item                  {margin: 0 0 0 11px; height: 370px;}
.slider-item .item a.itemLink       {height: 370px;}
.slider-item .item .itemName        {font-size: 14px; line-height: 18px; height: 36px; font-weight: normal; overflow: hidden; margin: 15px 5px 5px 10px;}
.slider-item .item .itemPrice       {font-size: 21px; line-height: 30px; margin-left: 10px;}


div#paging, div#paging-bottom, #flPaginator     {clear: both; float: right; width: 763px; padding: 20px 0 6px 0; background: url(../img/pagingShadowTop.jpg) no-repeat bottom; color: #fff; font-weight: bold;}
div#paging-bottom, #flPaginator                 {padding: 6px 0 20px 0; background: url(../img/pagingShadowBottom.jpg) no-repeat top;}
table.paging, #flPaginator table    {width: 763px; text-align: right; border: none; background: #ccc; height: 30px; vertical-align: middle; line-height: 30px; border-collapse: collapse; margin: 0; padding: 0;}
#flPaginator table                  {text-align: left;}
#flPaginator table td               {padding-left: 10px;}
table.paging table                  {border: none; border-collapse: collapse; margin: 0; padding: 0;}
.prev a, .next a, div.articlePages a, div.articlePages span {float: left; margin-right: 3px; height: 18px; text-transform: uppercase; line-height: 18px; background: #fff; font-size: 12px; color: #333;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.prev a                             {background: url(../img/prev.png) no-repeat #fff; padding: 0 5px 0 19px;}
.prev a:hover                       {background-position: bottom left; background-color: #333; color: #fff;}
.next a                             {background: url(../img/next.png) no-repeat top right #fff; padding: 0 19px 0 5px;}
.next a:hover                       {background-position: bottom right; background-color: #333; color: #fff;}
div.articlePages a, div.articlePages span                   {width: 19px; text-align: center;}
div.articlePages a:hover, div.articlePages a.articlePages_activeLink            {background: #333; color: #fff;}
td.pagespace-left                   {padding-left: 10px;}
td.pagespace-right                  {padding-right: 3px;}

div.categoryText                    {line-height: 19px; margin: 0 0 20px 18px;}
h1.categoryName, #flSearchInfo      {font-size: 30px; margin: 10px 0 10px 18px; padding: 0;}
#flSearchInfo                       {font-size: 18px; margin: 10px 0 10px 0; padding-left: 18px;}

.NavigationGroupFilter                  {float: left; margin-left: 18px; width: 110px; height: 130px; overflow: auto; border: 1px solid #ccc;}

.CharacterFilterGroupName,
.BoolFilterGroupName,
.ProducerFilterGroupName            {font-size: 12px; text-indent: 5px; text-overflow: ellipsis;overflow: hidden; color: #fff; background: #99cc33; height: 19px; line-height: 19px; display: inline-block; width: 100%; margin-bottom: 3px;}

.ProducerFilterElement,
.CharacterFilterElement                   {line-height: 20px; padding: 0 0 0 5px; width: 85px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.BoolFilterElement,
.AvailabilityFilterElement        {display: inline-block; line-height: 20px; white-space: nowrap; /* IE hack: */ zoom: 1; *display: inline;}

.CharacterFilterElement label,
.BoolFilterElement label,
.AvailabilityFilterElement label,
.ProducerFilterElement label      {font-size: 12px; }

.CharacterFilterElement input,
.BoolFilterElement input,
.AvailabilityFilterElement input,
.ProducerFilterElement input      {margin-right: 3px; vertical-align: text-top; }

.NavigationGroupFilterHidden      {display: none;}
.NavigationGroupFilterBool            {margin: 0 0 10px 18px; overflow: auto; border: 1px solid #ccc; text-align: justify; }

.BoolFilterClear                  {display: inline-block; position: relative; width: 100%; height: 0; /* IE hack: */ zoom: 1; *display: inline;}
.BoolFilterWrapper                {padding: 0 5px;}

/*
// TODO: Headers Fixed: https://stackoverflow.com/questions/10768098/fixed-non-scrolling-footer-inside-a-div / http://jsfiddle.net/thebabydino/6W5uq/30/
.CharacterFilterGroupName {position:absolute; top:3px; left:2px; right:2px; }
.NavigationGroupWrapper {width:400px; height:300px; margin:100px auto; position:relative; }
*/
/* Findologic */

#flPaginator                            {clear: both;}
#flSearchHeader                         {width: 100%;}
#flPoweredBy                            {text-align: right;}

/* Navigation */

.navigation-sidebar, #flFilterContainer {float: left; width: 167px; padding: 15px;}
#flFilterContainer                      {background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 1px solid #ccc;}
.navigation-sidebar h1, 
.navigation-sidebar h3,
.flFilterBox strong                     {line-height: 24px; color: #99cc33; font-size: 24px!important; text-align: left;}
.navigation-sidebar h3                  {clear: both; margin-top: 11px;}

ul.left_menu, .flFilters, .flChosenFilters              {line-height: 24px; list-style-type: none; margin: 10px 0 0; padding: 0; text-align: left; width: 179px;}
.flFilterBoxFilters                     {padding-bottom: 20px;}
.flFilterName                           {margin-right: 3px; font-weight: bold;}
.flChosenFilter img                     {float: left; margin: 8px 5px 0 0;}
a.flRemoveAllFilters                    {color: #ff9900;}

ul.menu_level1                          {list-style-type: none;}
ul.menu_level1 li.level1 a              {color: #999; display: block; float: left; padding: 0; width: 167px; font-weight: normal;line-height: 24px;}
ul.menu_level1 li.level1 a:hover        {color: #ff9900;}
ul.menu_level1 li.level1 a.level1active_link {color: #ff9900; font-weight: bold;}
ul.menu_level2                          {float: left; list-style-type: none; padding: 3px 0 10px 0;}
ul.menu_level2 li.level2 a              {background: url(../img/next.gif) no-repeat left center; color: #333; font-size: 12px; display: block; float: left; padding: 0 0 0 20px;text-decoration: none; width: 147px; line-height: 22px;}
ul.menu_level2 li.level2 a:hover, 
a.category_link:hover                   {color: #ff9900;}
ul.menu_level2 li.level2 a.level2active_link {color: #ff9900;}
ul.menu_level3                          {list-style: none;}
ul.menu_level3 li.level3 a              {color: #333; font-size: 10px; display: block; float: left; padding: 0 0 0 25px;text-decoration: none; width: 147px; line-height: 16px;}


/* Startseite */

.imageBox div           {float: left; width: 222px; height: 222px; margin: 0 15px 15px 0;}
.imageBox div.box1      {background: url(../img/sprite.png) no-repeat -14px -58px;}
.imageBox div.box2      {background: url(../img/sprite.png) no-repeat -263px -58px;}
.imageBox div.box3      {background: url(../img/sprite.png) no-repeat -512px -58px;}
.imageBox div.box4      {background: url(../img/sprite.png) no-repeat -761px -58px; margin: 0;}
.imageBox h3            {font-size: 36px; margin: 5px 0 5px 10px;}
.imageBox a.imageLink   {background: url(../img/next.gif) no-repeat left center; padding: 0 0 0 20px; margin: 0 0 0 10px; font-size: 14px; float: left; height: 19px; line-height: 19px;}
.imageBox a.imageLink:hover     {color: #ff9900;}



/* Markensektion */
.brands a                         {float: left; height: 84px; line-height: 84px; margin-left: 21px; text-indent: -999em; -moz-transition: all 0.3s ease 0s; opacity: 1;}
.brands a:hover               {opacity: 0.6;}                   

.brands a.sperli              {background: url(../img/marken/sperli.gif) no-repeat center center; width: 85px;}                 
.brands a.kiepenkerl      {background: url(../img/marken/kiepenkerl.gif) no-repeat center center; width: 186px;}                                
.brands a.thompson          {background: url(../img/marken/thompson.gif) no-repeat center center; width: 131px;}                    
.brands a.duerr               {background: url(../img/marken/duerr.gif) no-repeat center center; width: 159px;}             
.brands a.neudorff          {background: url(../img/marken/neudorff.gif) no-repeat center center; width: 109px;}    
.brands a.romberg             {background: url(../img/marken/romberg.gif) no-repeat center center; width: 150px;}



/* Tabellenvariante */

.brands_tbl table {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    border: 6px solid #ccc;
}


.brands_tbl a {
    display: block;
    margin-left: auto;
    margin-right: auto;   
    float: none;
    opacity: 1;    
    height: 84px; 
    line-height: 84px; 
    text-indent: -999em; 
    -moz-transition: all 0.3s ease 0s; 
}
.brands_tbl a:hover               {opacity: 0.6;}       
.brands_tbl td      {width: 20%;}


/* Reihe eins */
.brands_tbl a.sperli              {background: url(../img/marken/sperli.gif) no-repeat center center; width: 85px;}                 
.brands_tbl a.kiepenkerl      {background: url(../img/marken/kiepenkerl.gif) no-repeat center center; width: 186px;}                                
.brands_tbl a.flortis             {background: url(../img/marken/flortis.png) no-repeat center center; width: 102px;}                   
.brands_tbl a.duerr               {background: url(../img/marken/duerr.gif) no-repeat center center; width: 159px;}             

/* Reihe zwei */
.brands_tbl a.greenfield      {background: url(../img/marken/greenfield.png) no-repeat center center; width: 130px;}    
.brands_tbl a.romberg             {background: url(../img/marken/romberg.gif) no-repeat center center; width: 150px;}
.brands_tbl a.vilmorin          {background: url(../img/marken/vilmorin.gif) no-repeat center center; width: 107px;}
.brands_tbl a.loretta             {background: url(../img/marken/loretta.gif) no-repeat center center; width: 131px;}

#InfoDump {
    background-color: #CCCCCC;
    border: 1px solid #999999;
    border-radius: 3px;
    display: none;
    left: 0;
    margin: 15px;
    padding: 3px;
    position: absolute;
    top: 0;
    width: 250px;
    z-index: 50000;
    
}

#InfoHolder {
    background-color: #A9CB6F;
    border: 1px solid #999999;
    min-height: 120px;
    max-height: 800px;
    width: auto;
        
}

.InfoElement {
    border-bottom: 1px dashed #999999;
    font-family: Lucida Console;
    font-size: 10px;
    padding: 4px;
}

.InfoElement > * {
  background-color: #EEEEEE;
  padding: 3px;
}
.InfoElement * {
  display: inline-block !important;
}

.DumpIt {
  display: none;
}

.itemSlider             {padding-top: 17px;}

#home_slider                        {float: left; width: 100%; margin: 0; padding: 0; position: relative;}
#home_slider a.prev,
#home_slider a.next                 {background: url(../img/sprite.png) no-repeat; width: 15px; height: 14px; float: left; line-height: 14px; text-indent: -999em; cursor: pointer;}
#home_slider a.prev                 {background-position: -204px -351px;}
#home_slider a.next                 {background-position: -224px -351px; float: right;}
#home_slider a.prev:hover           {background-position: -204px -369px;}
#home_slider a.next:hover           {background-position: -224px -369px;}
#home_slider .slider                {position: relative; float: left; width: 951px; height: 370px; overflow: hidden; z-index: 1;}
#home_slider .slider_all            {width: 10000px;}
#home_slider .slider-item           {float: left; width: 951px; height: 370px;}


/* general */

p.boxHeadline               {color: #fff; font-size: 15px; font-weight: bold; height: 40px; line-height: 22px; padding: 0 0 0 10px; float: left;}
p.boxHeadlineLarge      {background: url(../img/sprite.png) no-repeat -12px -585px; width: 971px;}
p.boxHeadlineSmall      {background: url(../img/sprite.png) no-repeat -12px -631px; width: 677px;}


p.boxHeadlineThin         {background: url(../img/thin_line.png) repeat-x; width: 971px; height: 20px; padding-top: 17px;}


.cf                         {zoom: 1;}
.cf:before,
.cf:after                   {content: ""; display: table;}
.cf:after                   {clear: both;}
.flright                    {float: right;}
.flleft                     {float: left;}
.clboth, .clear             {clear: both;}
.spacer                     {height: 14px;}

/* Buttonset */

#wrapper #main span.button              {list-style:none; margin:0 !important; padding:0; height:31px;}
#wrapper #main span.button a            {background: url(../img/buttonset.png) no-repeat -420px 0; font-size: 14px; font-weight: normal; display: inline-block; height: 31px; line-height: 31px; width: 134px; text-align: center; text-decoration:none; color: #fff;margin: 0px; position: relative; top: 1px; cursor: pointer; -moz-user-select:none;}
#wrapper #main span.button a:hover      {color: #ffffff;}
#wrapper #main span.button a.s          {background-position: -554px -31px; width:81px;}
#wrapper #main span.button a.s:hover    {background-position: -554px 0px;}
#wrapper #main span.button a.s:active   {background-position: -554px -62px;}
#wrapper #main span.button a.m          {background-position: -419px -31px; width:134px; }
#wrapper #main span.button a.m:hover    {background-position: -419px 0px; }
#wrapper #main span.button a.m:active   {background-position: -419px -62px; }
#wrapper #main span.button a.l          {background-position: -246px -31px; width:172px; }
#wrapper #main span.button a.l:hover    {background-position: -246px 0; }
#wrapper #main span.button a.l:active   {background-position: -246px -62px; }
#wrapper #main span.button a.xl         {background-position: 0 -31px; width:246px; }
#wrapper #main span.button a.xl:hover   {background-position: 0 0; }
#wrapper #main span.button a.xl:active  {background-position: 0 -62px; }

#wrapper #main span.button a#button_proceed_order       {background-position: 0 0; width:246px; font-size: 18px;}
#wrapper #main span.button a#button_proceed_order:hover {background-position: 0 -31px;}

#next a                 {background-position: -419px 0;width:134px;}
#next a:hover           {background-position: -419px -31px;}

#login a                {background-position: -419px 0px;}
#login a:hover          {background-position: -419px -31px;}

#place_order a          {background-position: 0 0;}
#place_order a:hover    {background-position: 0 -31px;}


/* popups */
.PlentyWebshopPopup {
    border: 3px solid #333333;
    border-radius: 5px;
    display: block;
    padding: 10px;
    position: absolute;
    width: 800px;
    z-index: 40500;
    margin: 0 auto;
    top: 20%;
    left: 50px;
    right: 50px;
}

.PlentyWebshopPopupInner {


}

.plentyErrorBox, .plentyMessageBox {
    border: 3px solid #333333;
    border-radius: 5px;
    display: block;
    padding: 10px;
    position: fixed;
    width: 800px;
    z-index: 40500;
    margin: 0 auto;
    top: 20%;
    left: 50px;
    right: 50px;
}

.plentyMessageBox a, .plentyErrorBox a      {
  color: #fff; text-decoration: underline; line-height: 20px;
}

.plentyErrorBoxTitle, .plentyMessageBoxTitle {
    font-size: 17px;
    margin-bottom: 9px;
    margin-top: 4px;
    padding-left: 28px;
}

.plentyErrorBox         { background: none #FF9900; }
.plentyMessageBox       { background: none #99CC33; }

.plentyErrorBoxInner, 
.plentyMessageBoxInner { position: relative; }

.plentyErrorBoxCode, .plentyMessageBoxCode {
    font-size: 14px;
    position: absolute;
    right: 2px;
    text-align: right;
    top: 0;
    width: auto;
}

.plentyErrorBoxTitle, .plentyErrorBoxCode {
    color: #333333;
    font-weight: bold;
    letter-spacing: 3px;
}

.plentyMessageBoxTitle, .plentyMessageBoxCode {
    color: #333333;
    font-weight: bold;
    letter-spacing: 3px;
}

.plentyErrorBoxContent {
    color: #444444;
    font-size: 14px;
}
.plentyMessageBoxContent {
    color: #444444;
    font-size: 14px;
}

/* .PlentyWebshopMainContainer, */
.PlentyWebshopOverlay {
    background: none repeat scroll 0 0 rgba(100, 100, 100, 0.8) !important;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 40100;
}

.sprite                                 {background-image: url(../img/sprite.png); background-repeat: no-repeat;}
#loader1 #plentycat_32-0-0-0-0-0, 
#loader1 #plentycat_97-0-0-0-0-0
{display: none;}


.shadow {
    background: none repeat scroll 0 0 #fff;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 6px solid #ccc;
    height: 190px;
    left: 50%;
    margin-left: -275px;
    margin-top: -150px;
    position: absolute;
    top: 50%;
    width: 550px;
}

.shoperrorbox {
    background-color: #A11010;
    color: #FFFFFF;
    z-index: 55000;
}
.shopwarningbox {
    background-color: #D28445;
    color: #111111;
    z-index: 50000;
}
.shoperrorbox, .shopwarningbox {
    border: 6px solid #CCCCCC;
    border-radius: 5px;
    padding: 10px 15px 20px;
    position: fixed;
    top: 10%;
    width: 981px;
}
.ff01_msg {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8) !important;
}
.ff02_msg {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8) !important;  
}
.ff01_msg, .ff02_msg {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 400;
}

.shoperrorbox strong {
    color: #111111;
    font-weight: bold;
}
.shopwarningbox strong {
    color: #117585;
    font-weight: bold;
}
.shoperrorbox a, .shoperrorbox a:visited, .shoperrorbox a:link {
    color: #111111;
    font-weight: bold;
}
.shopwarningbox a, .shopwarningbox a:visited, .shopwarningbox a:link {
    color: #117585;
    font-weight: bold;
}
.shoperrorbox em {
    color: #F17272;
    font-size: 12px;
}
.shopwarningbox em {
    color: #524C3C;
    font-size: 12px;
}
.shoperrorbox em a, .shoperrorbox em a:visited, .shoperrorbox em a:link {
    color: #440606;
}
.shopwarningbox em a, .shopwarningbox em a:visited, .shopwarningbox em a:link {
    color: #117585;
}
.shoperrorbox table,
.shopwarningbox table {
    margin: 20px 0 40px;
    width: 100%;
}
.shoperrorbox td.spacer,
.shopwarningbox td.spacer {
    width: 20%;
}
.shoperrorbox table a,
.shopwarningbox table a {
    display: block;
    float: none;
    height: 64px;
    line-height: 64px;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    text-indent: -999em;
    transition: all 0.3s ease 0s;
}
.shoperrorbox a.browser_ie {
    background: url("/layout/cyt/img/browser/internet-explorer.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    line-height: 64px;
    width: 64px;
}
.shoperrorbox a.browser_firefox {
    background: url("/layout/cyt/img/browser/firefox.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    width: 64px;
}
.shoperrorbox a.browser_chrome {
    background: url("/layout/cyt/img/browser/chrome.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    width: 64px;
}
.shoperrorbox a.browser_safari {
    background: url("/layout/cyt/img/browser/safari.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    width: 64px;
}
.shoperrorbox a.browser_opera {
    background: url("/layout/cyt/img/browser/opera.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    width: 64px;
}

.shopwarningbox a.get_firefox {
    background: url("/layout/cyt/img/browser/get_firefox.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    width: 180px;
}

.aftermsg {
    color: #333;
    padding: 20px;
    position: relative;
    text-align: left;
}
.aftermsg h3 {
    font-size: 18px;
    line-height: 20px;
}
.aftermsg p {
    font-size: 14px;
    line-height: 24px;
}
.aftermsg p span {
    font-weight: bold;
}
.closex {
    background: url("../img/close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    position: absolute;
    right: -17px;
    text-indent: -999em;
    top: -14px;
    width: 28px;
}
.close-checkout a, .close-popcart {
    -moz-transition: all 0.3s ease 0s;
    background: none repeat scroll 0 0 #FF9900;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin-top: 50px;
    text-align: center;
    width: 250px;
}
.close-popcart {
    background: none repeat scroll 0 0 #99CC33;
    color: #fff;
    margin-right: 10px;
}

.close-popcart:hover, .close-checkout a:hover {
    background: none repeat scroll 0 0 #ccc;
    color: #333;
}

/* Payment */

#PlentyOrderPayPalExpressPanel {
    display: none;
}

.PlentyWebBasketPaymentMethodRadio
{
      float: left; font-size: 12px; font-weight: 400; margin-top: 7px; min-width: 250px;
}
.PlentyWebBasketPaymentMethodPrice
{
  font-size:14px;float: none;font-weight:400;  margin-top:7px; display: none;
}

.PlentyWebPaymentMethodPrice 
{
  float: none; display: none;
}

.PlentyWebBasketPaymentMethodAdvice
{
  display:inline-block; margin-left:10px; 
}

#PlentyWebBasketPaymentMethodSelect .PlentyFormContainer
{
  border-bottom: 1px solid #B5C6D0;
  min-height: 30px;
  padding: 5px 0;
}
#PlentyGoodsRebateTitle,#PlentyGoodsRebateDetail
{
  color:#95c65c;
}

#PlentyWebBasketTotalsGoodsValueGross,#PlentyWebBasketTotalsShippingCostsGross
{
  border-bottom:none; padding-bottom:0;
  }



.PlentyWebBasketPaymentMethodAdvice a, .PlentyWebPaymentMethodAdvice a {
  text-decoration: underline;
}

.PlentyWebBasketPaymentMethodAdvice a:hover, .PlentyWebPaymentMethodAdvice a:hover {
  cursor: help;
  color: #000;
}

.PlentyWebBasketPaymentMethodAdvice img, .PlentyWebPaymentMethodAdvice img {
  border: medium none;
  display: inline-block;
  float: right;
  position: relative;
  top: -15px; 
}

.PlentyWebBasketPaymentMethodAdvice, .PlentyWebPaymentMethodAdvice {
  width: 96%;
  font-size: 12px;
  display: inline-block; 
  margin-left: 20px;
}


.PlentyWebBasketPaymentMethodAdvice select, .PlentyWebPaymentMethodAdvice select {
  border: 1px solid #999
}


.PlentyWebTableLayout               {padding-top: 1px !important;}

.PlentyWebAttributeTitle            {color: #99CC33 !important; font-size: 14px !important; line-height: 18px !important; margin-right: 5px !important; padding: 1px 0 !important; }
.PlentyWebAttributeTitle::after     {content: ":" !important; }

.PlentyWebAttributeSelect select {
    width: 90px !important; 
    margin: 0 0 0 10px !important; 
    padding-left: 2px !important;
    font-size: 12px !important;
    font-family: 'Asap', arial, sans-serif !important;
    color: #333 !important;
    display: inline-block !important;
    cursor:pointer !important;
    
    background-color: rgba(140, 150, 140, 0.3) !important;
    background: #FAFAFA url("/layout/cyt/img/dropdown.png") no-repeat scroll !important; 
    background-position: 90% 4px !important; 
    
    border: 0 none !important; 
    border: 1px solid #aaa !important;
    border-radius: 2px;
    
    -webkit-appearance: none !important; 
    -moz-appearance: none !important; 
    appearance: none !important;
    text-indent: 0.01px !important; 
    text-overflow: "" !important; 

    outline: none !important;
}

.shadow2 { box-shadow: 0px 1px 2px #999 !important; }

.PlentyWebAttributeSelect select:focus {
    background-color: #E0E0E0 !important;
    color: #333 !important;
    border: 1px solid #8B8B8B !important;
}

select > option {
  background-color: #fafafa !important;
  border-bottom: 1px solid #ccc !important;
}












/* NEW ATTRIBUTE SELECT */
 
/* 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;
}
 
 
/* UPDATE (FIX FOR ANY DOCTYPE) */
.plentyAttributeSelectedArrow > span {
position: absolute;
top: 5px;
}
 
 
/* DROPDOWN RESET FOR FARBFINAL OR OTHER LAYOUTS  */
.plentyAttributeSelectHasDropdown > div {
text-align: left;
line-height: 18px;
}
#ff01_maincontent .plentyAttributeSelectHasDropdown > div {
right: 0; /* use only if text-align of dropdown parent container is right */
}
.plentyAttributeSelectWrapperContent.plentyAttributeSelectHasDropdown ul {
margin: 0 !important;
padding: 0 !important;
}