/**
 * Default Stylesheet for Frontend-Plugin
 * cerabella_products
 * --------
 * tx_cerabellaproducts_pi1
 */
 
 
 /**
  * Main Container
  * -------
  */
 #tx_cerabella_products {
 
 }
 
 #tx_cerabella_products #bgholder_left{
    position: absolute;
    top: 112px;
    left: 5px;
    background: url(img/bg_page.png) no-repeat top left;
    width: 150px;
    height: 270px;
    z-index: 4;
 }
 
 #tx_cerabella_products #bgholder_right{
    position: absolute;
    top: 112px;
    right: 5px;
    background: url(img/bg_page.png) no-repeat top right;
    width: 640px;
    height: 90px;
    z-index: 4;
 }
 
 #tx_cerabella_products #image_2 {
    height: 260px;
    width: 220px;
    background: url(img/bodenfliesen.png) no-repeat top left;
    position: absolute;
    top: 180px;
    left: 0px;
    z-index: 5;
 }
 
 #tx_cerabella_products #image_1 {
    height: 260px;
    width: 220px;
    background: url(img/wandfliesen.png) no-repeat top left;
    position: absolute;
    top: 180px;
    left: 6px;
    z-index: 5;
 }
 
 #tx_cerabella_products form{
    margin: 0 0 10px 0;
    clear: both;
 }
 
 #tx_cerabella_products form br{
    clear: both;
    line-height: 0;
    height: 0;
 }
 
 #tx_cerabella_products fieldset {
    min-height: 60px;
    border: none;
    padding: 10px;
    padding-left: 45px;
    padding-top: 5px;
 } 
 
 #tx_cerabella_products fieldset h4{
    font-size: 12px;
    color: #AAA;
    border-bottom: 1px #CCCCCC dashed;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
 } 

 
 #tx_cerabella_products .submit {
    width: 80px;
    background: url(img/bg_button.gif) repeat-x bottom;
    cursor: pointer;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
 }
 
 #tx_cerabella_products .submit:hover, 
 #tx_cerabella_products .submit:focus {
    background: #DEDEDE;
 }
 
 #tx_cerabella_products a img {
    border: none;
 }

 
 #tx_cerabella_products-form {
    background: #FFF url(img/bg_form.gif) no-repeat top left;
    padding: 20px 25px 0 15px;
    min-height: 205px;
 }
 
 #tx_cerabella_products-form input,
 #tx_cerabella_products-form select {
    background: #F9F9F9;
    border: 2px #D4D4D4 solid;
 }
 
 #tx_cerabella_products-form input:focus,
 #tx_cerabella_products-form select:focus {
    background: #FFFFFF;
    border-color: #C0C0C0;
 }
 
 #tx_cerabella_products-form .clear{
    clear: both;
 }
 
 /**
  * Keyword search
  * -------
  */
 #tx_cerabella_products-search{
    width: 365px;
    float: left;
    margin-right: 10px;
 }
 
 #tx_cerabella_products-search input {
    width: 240px;
    margin-right: 20px;
 }
 
 #tx_cerabella_products-search .submit {
    margin-right: 0;
 }
 /**
  * Filter search
  * -------
  */
 fieldset#tx_cerabella_products-filter {
    /* background: #f2f7f8; */
    position: relative;
    z-index: 1;
 }
 
 #tx_cerabella_products-filter #filter_results {
    position: absolute; 
    top: 73px;
    right: 93px;
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #999;
 }
 
 #tx_cerabella_products-filter .filter {
    width: 140px;
    float: left;
 }
 
 #tx_cerabella_products-filter .filter select{
    width: 120px;
 } 
 /*
 #tx_cerabella_products-filter .filter-texture {
    width: 220px;
 } 
 
 #tx_cerabella_products-filter .filter-texture select{
    width: 200px;
 } */
 
 #tx_cerabella_products-filter .submit{
    width: 80px;
    margin-top: 12px;
 } 

 /**
  * List of series
  * -------
  */
 fieldset#tx_cerabella_products-series_overview,
 div#tx_cerabella_products-series_overview {
    position: relative;
    cursor: pointer;
    background: #FFF url(img/bg_dropdown.gif) no-repeat bottom;
    border: 1px #CECECE solid;
    padding-left: 5px;
 }
 
 #tx_cerabella_products-series_overview:hover {
    background: #FFF;
    color: #000;
 }
 
 #tx_cerabella_products-series_overview:hover h4{
    color: #000;
 }
 
 #tx_cerabella_products-series_overview:hover legend{
    visibility: hidden;
 }
 
 #tx_cerabella_products-series_overview ul{
    display: none;
    position: absolute;
    top: 60px;
    right: -14px;
    background: #FFF url(img/bg_serie.gif) no-repeat top right;
    width: 573px;
    margin: 0;
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
    z-index: 6;
    border: 1px #CCC solid;
    border-top: none;
 }
 
 #tx_cerabella_products-series_overview ul li{
    display: block;
    padding: 0;
    margin: 0;
    width: 99px;
    float: left;
    background: transparent;
    margin-left: 8px;
    margin-bottom: 2px;
 }
 
 #tx_cerabella_products-series_overview ul li a{
    display: block;
    border: 1px #FFF solid;
    border-bottom: 1px #CECECE solid;
    padding: 5px;
    overflow: hidden;
    font-weight: normal;
    line-height: 1.1em;
    color: #666;
 }
 
 #tx_cerabella_products-series_overview ul li a strong{
    font-weight: bold;
    color: #F18711;
 }
 
 #tx_cerabella_products-series_overview ul li a:hover{
    color: #000;
    border-color: #CECECE;
    background: url(img/bg_button.gif) repeat-x top;
 }
 
 #tx_cerabella_products-series_overview:hover ul{
    display: block;
 }
 
 #tx_cerabella_products-series_overview h4{
    text-align: center;
    border-bottom: 1px #CCCCCC dashed;
 } 
 
 #tx_cerabella_products-series_overview p{
    font-size: 10px;
    text-align: center;
    margin: 0;
    padding: 0;
 } 
 
 /**
  * Suchergebnisse
  * -------
  */
 #tx_cerabella_products-results {
    clear: both;
    padding: 0;
    margin-top: 20px;
    z-index: 1;
 }
 
 #tx_cerabella_products-results h3, 
 #tx_cerabella_products-results p {
    margin-bottom: 0;
 }
 
 #tx_cerabella_products-results .search_result_header {
    border-bottom: 2px #F5F5F5 solid;
    padding-bottom: 10px;
 }
 
 #tx_cerabella_products-results li {
    border: 1px #FFF solid;
    border-bottom: 1px #D0D0D0 solid;
    padding: 10px;
    height: 160px;
    width: 172px;
    float: left;
    margin: 5px;
    background: #FFF;
    position: relative;
 }
 
 #tx_cerabella_products-results li:hover {
    border: 1px #CECECE solid;
    background: #FBFBFB;
 }
 
 #tx_cerabella_products-results li h4,
 #tx_cerabella_products-results li p {
    padding: 2px 0 0 0;
    margin: 0;
    line-height: 1em;
 }
 
 #tx_cerabella_products-results li .image_zoom {
    width: 130px;
    float: left;
 } 
 
 #tx_cerabella_products-results li .image_ori {
    width: 40px;
    float: left;
 }
 
 #tx_cerabella_products-results li .image_ori .zoom_indent {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 120px;
    width: 50px;
    background: url(img/lupe2.png) no-repeat top left;
 } 
 
 #tx_cerabella_products-results li .color_preview {
    position: absolute;
    right: 0;
    top: 80px;
    height: 90px;
    overflow: hidden;
    width: 30px;
 } 
 
 #tx_cerabella_products-results li .color_preview a {
    height: 7px;
    width: 17px;
    margin: 2px;
    overflow: hidden;
    position: relative;
    border: 1px #CCC solid;
    display: block;
    cursor: help;
 } 
 
 #tx_cerabella_products-results li .color_preview a:hover {
    border-color: #000;
 } 
 
 #tx_cerabella_products-results li .color_preview a img{
    position: absolute;
    top: -40px;
    left: -40px;
 } 
 
 #tx_cerabella_products-results li .color_preview strong{
    font-size: 9px;
    color: #CCC;
 } 
 
 #tx_cerabella_products-results li .color_preview p {
    color: #333;
    line-height: 5px;
    height: 5px;
    margin: 3px;
    text-align: center;
    width: 17px;
    letter-spacing: 2px;
 } 

 
 #tx_cerabella_products-results li .image{
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
    background: url(img/preloader.gif) no-repeat center center;
    border: 1px #CECECE solid;
    border-right: 1px #CECECE solid;
    border-bottom: 1px #CECECE solid;
 }
 
 #tx_cerabella_products-results li .noimage{
    background-image: url(img/noimage.gif);
 }
 
 #tx_cerabella_products-results li .image img{
    position: absolute;
    top: -80px;
    left: -115px;
 }
 
 #tx_cerabella_products-results li .detail_hover{
    position: absolute;
    top: 20px;
    left: -215px;
    width: 180px;
    padding: 0 24px 0 0;
    background: url(img/bg_tooltip.gif) no-repeat top right;
    display: none;
    z-index: 3;
 }
 
 #tx_cerabella_products-results li:hover .detail_hover{
    /* display: block; */
 }
 
 #tx_cerabella_products-results li .detail_hover p {
    background: #FFF;
    border: 1px #CECECE solid;
    border-right: none;
    margin: 0;
    padding: 20px 20px 20px 20px;
    color: #999;
    font-size: 11px;
    line-height: 1.3em;
    min-height: 100px;
 }
 
 #tx_cerabella_products-results li .detail_hover p strong {
    color: #000;
    font-size: 12px;
    display: block;
    padding: 4px 0 3px 0;
    border-top: 1px #CECECE solid;
 }
 
 #tx_cerabella_products-results li .detail_hover img {
    margin:  0 0 10px 0;
 }
 
 #tx_cerabella_products-results li .detail_hover img.format_image {
    margin-bottom: 0;
 }
 
 
 #tx_cerabella_products-pagination {
    color: #BBB;
    padding: 10px 20px;
    clear: both;
 }
 
 #tx_cerabella_products-pagination p.count{
    font-size: 11px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px #D0D0D0 solid;
 }
 
 #tx_cerabella_products-pagination a{
    display: block;
    float: left;
    font-size: 12px;
    color: #999;
    padding: 0 5px;
    border: 1px #CECECE solid;
    margin: 0 4px;
    background: url(img/bg_button.gif) repeat-x center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
 }

 #tx_cerabella_products-pagination a:hover{
    background: #FFF;
 }
 
 #tx_cerabella_products-pagination .pagenumbers a{
    color: #F18711;
 }
 
 #tx_cerabella_products-pagination .pagenumbers strong a{
    color: #000;
 }
 
 /**
  * SINGLE VIEW
  * -----
  */
 #tx_cerabella_products-series {
    border-top: 2px #F5F5F5 solid;
    padding: 20px 0;
 }
 
 #tx_cerabella_products-series h3{
    margin-bottom: 5px;
 }
 
 #tx_cerabella_products-series h3{
    margin-bottom: 5px;
 }
 
 .tx_cerabella_products-articles ul{
    padding: 0;
    margin: 0;
 }
 
 .tx_cerabella_products-articles li{
    background: 0;
    padding: 10px;
 }
 
 .tx_cerabella_products-articles li .image{
    border: 4px #BBB solid;
    width: 80px;
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    display: none;
    background: #FFF url(img/preloader_trans.gif) no-repeat center center;
 }
 
 .tx_cerabella_products-articles li .image img{
   display: inline;
   vertical-align: middle;
   margin-left: -9px;
   margin-top: -3px;
 }
 
 .tx_cerabella_products-articles li .article_details{
   background: #FFF;
   padding: 20px;
 }
 
 .tx_cerabella_products-articles li .article_details .image_detail{
   float: left;
   width: 220px;
   margin: 0 31px 10px 27px;
   padding: 10px;
   background: url(img/preloader.gif) no-repeat center center;
   min-height: 300px;
   line-height: 300px;
   border: 1px #D0D0D0 solid;
   border-top: 1px #DEDEDE solid;
   border-left: 1px #DEDEDE solid;
   background: #FFF;
   position: relative;
   overflow: hidden;
   vertical-align: middle;
 }
 
 .tx_cerabella_products-articles li .article_details .image_detail img{
   display: inline;
   vertical-align: middle;
 }
 
 
 .tx_cerabella_products-articles li .article_details .image_detail .submit{
    position: absolute;
    bottom: 10px;
    right: 10px;
    line-height: 16px;
 }
 
 .tx_cerabella_products-articles li .article_details .infobox{
   width: 220px;
   margin: 0;
   min-height: 180px;
   float: left;
 }
 
 .tx_cerabella_products-articles li .article_details p{
    clear: both;
    margin-top: 5px;
    padding-top: 5px;
    font-size: 11px;
 }
 
 .tx_cerabella_products-articles li .article_details table{
    color: #FFF; 
    background: #f1850f;
    width: 220px;
    border: none;
 }
 
 .tx_cerabella_products-articles li .article_details table th,
 .tx_cerabella_products-articles li .article_details table td{
    background: #f1850f;
    border: none;
    border-bottom: 1px #FFF solid;
    color: #FFF;
    padding: 3px 10px;
 }
 
 .tx_cerabella_products-articles li .article_details table .odd th,
 .tx_cerabella_products-articles li .article_details table .odd td{
    background: #f39c3c;
 }
 
 .tx_cerabella_products-articles li .article_details dl{
    color: #FFF; 
 }
  
 .tx_cerabella_products-articles li .article_details dl dt{
    width: 100px;
    float: left;
    font-weight: bold;
    min-height: 16px;
    padding: 2px 0;
    border-bottom: 1px #f4c694 dashed;
 }
 
 .tx_cerabella_products-articles li .article_details dl dd{
    float: left;
    width: 100px;
    min-height: 16px;
    padding: 2px 0;
    border-bottom: 1px #f4c694 dashed;
 } 
 
 .tx_cerabella_products-articles li .article_details .submit{
    display: block;
    margin: 20px 0 0 10px;
    border: 1px #CCC solid;
    float: left;
    width: 150px !important;
    padding: 4px 0;
    text-align: center;
    color: #000;
 }
 
 .tx_cerabella_products-articles li .article_details .submit strong{
    display: block;
    background: url(img/lupe.gif) no-repeat 10px center;
    padding-left: 10px;
    color: #666;
    font-weight: normal;
 }
 
 #togglesearch {
    display: none;
 }
 
/**
 * QUICKSEARCH VIEW
 * -----
 */
 
 #tx_cerabella_products_quicksearch {
    position: relative;
 }
 
.tx_cerabella_products-categories {
    border-bottom: 2px #CCC solid;
    height: 30px;
    padding: 0;
    margin-top: 5px;
} 

.tx_cerabella_products-categories li {
    display: block;
    float: left;
    min-width: 20px;
    height: 30px;
    border: 1px #CCC solid;
    border-bottom: none;
    background: 0;
    padding: 0;
 }

 .tx_cerabella_products-categories li a {
    display: block;
    padding: 7px 8px 8px 8px ;
    background: #FFF;
 }
 
 .tx_cerabella_products-categories li a {
    display: block;
    padding: 7px 8px 8px 8px ;
    background: #FFF;
 }
 
 .tx_cerabella_products-categories li.selected a {
    padding: 7px 8px 10px 8px ;
    color: #000;
 }
 
 .tx_cerabella_products-categories li a:hover {
    background: #DEDEDE;
    color: #000;
 }
 
 .tx_cerabella_products-categories li.selected a:hover {
    background: #DEDEDE !important;
 }
 
 #tx_cerabella_products_quicksearch #tx_cerabella_products #tx_cerabella_products-form {
    background: transparent;
 }
 
 #tx_cerabella_products_quicksearch #tx_cerabella_products #tx_cerabella_products-form form{
    clear: none;
    margin: 0;
 }
 
 #tx_cerabella_products_quicksearch #tx_cerabella_products fieldset {
    border: none;
    background: transparent;
    padding-left: 5px;
 }
 
 #tx_cerabella_products_quicksearch #tx_cerabella_products fieldset h4{
    font-size: 11px !important;
    font-weight: normal;
    text-transform: none;
 }
 
 #tx_cerabella_products_quicksearch #tx_cerabella_products #tx_cerabella_products-search {
    width: 140px;
 }
 
 #tx_cerabella_products_quicksearch #tx_cerabella_products #tx_cerabella_products-filter {
    width: 135px;
    padding-left: 10px;
    border-left: 1px #CCC solid;
 }
 
 #tx_cerabella_products_quicksearch #tx_cerabella_products-search input {
    width: 135px;
 }
 
 #tx_cerabella_products_quicksearch #tx_cerabella_products-search input.submit {
    width: 80px;
 }
 
 #tx_cerabella_products_quicksearch #tx_cerabella_products-series_overview {
    background: #FFF;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
 }
 
 #tx_cerabella_products_quicksearch .cat_desc {
    margin-bottom: 10px;
    padding-bottom: 10px;
    min-height: 65px;
    border-bottom: 1px #CCC solid;
    position: relative;
 }
 
 #tx_cerabella_products_quicksearch .cat_desc img {
    position: absolute;
    top: -30px;
    right: -10px;
 }
 
 #tx_cerabella_products_quicksearch .cat_desc .morelink {
    font-weight: bold;
 }
 
 #tx_cerabella_products_quicksearch .tab {
    display: none;  
 }
 
 #tx_cerabella_products_quicksearch #tx_cerabella_products-filter #filter_results {
    top: 190px;
    right: auto;
    left: -20px;
 }