/* 
    Created on : 02.10.2018, 13:05:08
    Author     : Benjamin Biglari
*/


/*




*/



html {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #202020;
    font-size: 12px;
}
body {
    background-image:url(/templates/t_oohya/images/body_bg.png);
    /*  background-color: #fffff2;**/
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: top left;
    margin: 0px;
}


.mobile_only{
    display: none!important;
}

.spacer{
    height: 90px;
}

img.gigaset_logo{
    margin: 15px;
}

.basket_help_image{
    float: left; 
    margin: 10px; 
    margin-left: 0px; 
    margin-top: 0px;
}

#promotion_installationspartner {
    position: absolute;
    left: 690px;
    top: 50px;
    width: 260px;
    height: 70px;
}

#promotion_installationspartner a,
#promotion_installationspartner a.link,
#promotion_installationspartner a.hover,
#promotion_installationspartner a.active,
#promotion_installationspartner a.visited {
    display: block;
    width: 100%;
    height: 70px;
}


/* *** End Promotion Installationspartner *** */

a, a:link, a:active {
    color: #0066FF;
}

a:hover {
    color: #CC9900;
}

a:visited {
    color: #996600;
}

a.linkbox{
    color: inherit;
    text-decoration: none;
}

#div_main {
    width: 955px;
    margin: 0 auto;
}

#div_main_toparea {
    position: relative;
    top: 0px;
    left: 0px;
    width: 955px;
    height: 173px;
    background-attachment: scroll;
    /*  background-image: url(/templates/t_oohya/images/div_main_toparea_bg.png);*/
    background-image: url(/templates/t_oohya/images/div_main_toparea_bg.de.png);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 0;
    z-index: 2;
}

#div_main_toparea a.link_to_home {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 500px;
    height: 80px;
    /*  background-color: red;*/
}

#div_main_toparea .controlbar {
    width: 955px;

    margin-top: 15px;
}

#div_main_toparea .controlbar .menubar {
    font-size: 12px;
}

#div_main_toparea .controlbar .menubar a {
    text-decoration: none;
    color: #202020;
}

#div_main_toparea .controlbar .menubar a:hover {
    color: #F4B200;
}

#div_main_middlearea {
    width: 951px;
    margin-left: 2px;
    overflow: visible;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    z-index: 0;

    margin-top: 10px;

}
/*
#div_main_bottomarea {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 47px;
  margin-top: 6px;
  margin-bottom: 0px;
  background-attachment: scroll;
  background-image: url(/templates/t_oohya/images/div_main_bottomarea_bg.png);
  background-repeat: repeat-x;
  background-position: 0px 0px;
  text-align: center;
}
*/
.div_sidebar {
    width: 190px;
    min-height: 150px;
    /*  margin-top: 2px;*/
    margin-bottom: 6px;
    left: 0px;
    background-color: #FFFFFF;
    background-image: url(/templates/t_oohya/images/sidebar_lbg.png);
    background-position: right top;
    background-repeat: repeat-y;
    border: 1px solid #D4D0C8;
    float: left;

}

.div_sidebar h2 {
    background-image: url(/templates/t_oohya/images/sidebar_head_bg.png);
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #E6E6E6;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    /*  font-style: italic;*/
    padding: 5px;
    margin-bottom: 5px;
    color: #666666;
    text-align: center;
}

.div_sidebar .tree a:link {
    display: block;
}

.div_sidebar .tree a.l1 {
    background-image: url(/templates/t_oohya/images/sidebar_link_l1_hover_bg.png);
    background-repeat: repeat-y;
    padding: 3px;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    margin-top: 10px;
    display: block;
}

.div_sidebar .tree a.l1:hover {
    background-image: url(/templates/t_oohya/images/sidebar_link_l1_bg.png);
    border-top: 1px solid #97ADFF;
    border-bottom: 1px solid #97ADFF;
    color: #666666;
}

.div_sidebar .tree a.l1_first {
    margin-top: 0px;
}

.div_sidebar .tree a.l2 {
    border-top: 1px solid #D4D0C8;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    font-weight: bold;
    color: #666666;
    font-size: 11px;
    margin-top: 5px;
    display: block;
}

.div_sidebar .tree a.l2:hover {
    color: #CC9900;
    background-image: url(/templates/t_oohya/images/sidebar_link_l3_hover_bg.png);
    background-repeat: no-repeat;
    background-position: 0px 4px;
}

.div_sidebar .tree a.l2_first {
    margin-top: 0px;
    border-top: 0px solid white;
}

.div_sidebar .tree a.l3 {
    padding-right: 3px;
    padding-left: 20px;
    font-weight: bold;
    color: #0066FF;
    font-size: 11px;
    display: block;
}

.div_sidebar .tree a.l3_last {
    margin-bottom: 10px;
}

.div_sidebar .tree a.special_offer {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    font-size: 12px;
}

.div_sidebar div.linkdesc {
    font-size: 10px;
    margin-bottom: 5px;
    display: block;
}

.div_sidebar .tree a.l3:hover {
    color: #CC9900;
    background-image: url(/templates/t_oohya/images/sidebar_link_l3_hover_bg.png);
    background-repeat: no-repeat;
}

#div_main_contentarea {
    position: relative;
    width: 752px;
    min-height: 50px;
    margin-bottom: 6px;
    float: right;
}

#div_main_manufacturers_area {
    border: 1px solid #D4D0C8;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
    font-size: 11px;
    background-color: white;
}

#div_main_manufacturers_area a, #div_main_manufacturers_area a:link {
    color: #ACA494;
}

#div_main_manufacturers_area a:hover {
    text-decoration: underline;
}

#footer {
    height: 42px;
    width: 955px;
    background-image: url(/templates/t_oohya/images/footer_bg.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: top left;
    text-align: center;
    padding-top: 12px;
    color: #C0C0C0;
    clear: both;
}

.floatclear {
    clear: both;
    height: 0px;
}

a.pdflink, a.pdflink:link, a.pdflink:active, a.pdflink:visited {
    padding-left: 32px;
    height: 32px;
    width: 140px;
    vertical-align: middle;
    text-align: left;
    background-image: url(/templates/t_oohya/images/pdficon.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    line-height: 28px;
    color: #0066FF;
}

a.pdflink:hover {
    background-image: url(/templates/t_oohya/images/pdficon-hover.png);
    color: #CC9900;
}

/* -----------------------------------------------------------------------------

    customer_register

------------------------------------------------------------------------------*/

.customer_register div.icon {
    background-image: url(/templates/t_oohya/images/customer_register_icon.png);
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    margin-right: 30px;
    height: 48px;
    width: 48px;
}

.customer_register div.assistent_icon {
    background-image: url(/templates/t_oohya/images/customer_register_assistent.png);
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    margin-right: 30px;
    height: 48px;
    width: 48px;
}

.customer_register div.inputrow {
    position: relative;  
    height: 20px;
    margin-bottom: 10px;
}

.customer_register div.inputrow:hover {
    background-color: #B6D3F4;
}

.customer_register div.inputrow .caption {
    position: absolute;
    float: left;
    height: 20px;
    left: 10px;
    top: 1px;
    font-weight: normal;
    background-color: transparent;
}

.customer_register div.inputrow input {
    position: absolute;
    left: 200px;
    width: 300px;
    border: 1px solid #808080;
    padding-left: 10px;
    font-family: "Courier New", Courier, mono;
}

.customer_register div.inputrow select {
    position: absolute;
    left: 200px;
    width: 315px;
    background-color: #FFFFCC;
    border: 2px solid #808080;
}

.customer_register div.inputrow input.required {
    background-color: #FFFFCC;
    border: 2px solid #808080;
}

dl.errors {
    background-color: #F4C8B6;
    border: 1px solid #FF0000;
    margin: 0px;
    padding: 10px;
    background-image: url(/templates/t_oohya/images/error.png);
    background-position: 6px 6px;
    background-repeat: no-repeat;
}

dl.warn {
    background-color: #F4F1B6;
    border: 1px solid #DAC800;
    margin: 0px;
    padding: 10px;
    background-image: url(/templates/t_oohya/images/warn.png);
    background-position: 6px 6px;
    background-repeat: no-repeat;
}

dl.errors dt, dl.warn dt {
    margin-left: 70px;
    font-weight: bold;
}

dl.errors dd, dl.warn dd {
    margin: 10px 0px 0px 80px;
    padding: 0px 0px 0px 10px;
    background-image: url(/templates/t_oohya/images/main_menu_arrow_left.png);
    background-position: left 5px;
    background-repeat: no-repeat;
}

/* -----------------------------------------------------------------------------

    customer_unlock

------------------------------------------------------------------------------*/

.customer_unlock div.icon {
    background-image: url(/templates/t_oohya/images/customer_register_icon.png);
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    margin-right: 30px;
    height: 48px;
    width: 48px;
}

.customer_unlock div.assistent_icon {
    background-image: url(/templates/t_oohya/images/customer_register_assistent.png);
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    margin-right: 30px;
    height: 48px;
    width: 48px;
}

.customer_unlock div.inputrow {
    position: relative;
    height: 20px;
    margin-bottom: 10px;
}

.customer_unlock div.inputrow:hover {
    background-color: #B6D3F4;
}

.customer_unlock div.inputrow .caption {
    position: absolute;
    float: left;
    height: 20px;
    left: 10px;
    top: 1px;
    font-weight: normal;
    background-color: transparent;
}

.customer_unlock div.inputrow input {
    position: absolute;
    left: 200px;
    width: 300px;
    border: 1px solid #808080;
    padding-left: 10px;
    font-family: "Courier New", Courier, mono;
}

.customer_unlock div.inputrow select {
    position: absolute;
    left: 200px;
    width: 315px;
    background-color: #FFFFCC;
    border: 2px solid #808080;
}

.customer_unlock div.inputrow input.required {
    background-color: #FFFFCC;
    border: 2px solid #808080;
}
/*
.customer_unlock dl.errors {
  background-color: #F4C8B6;
  border: 1px solid #FF0000;
  margin: 0px;
  padding: 10px;
}

.customer_unlock dl.errors dt {
  font-weight: bold;
}

.customer_unlock dl.errors dd {
  margin: 10px 0px 0px 20px;
  padding: 0px 0px 0px 10px;
  background-image: url(/templates/t_oohya/images/main_menu_arrow_left.png);
  background-position: left 5px;
  background-repeat: no-repeat;
}
*/
/* -----------------------------------------------------------------------------

    customer_profile_edit

------------------------------------------------------------------------------*/

.customer_edit_profile input.required {
    background-color: #FFFFCC;
    border: 2px solid #808080;
}


/* -----------------------------------------------------------------------------

    product_listing

------------------------------------------------------------------------------*/

.category_breadcrumb{
    text-align: center;
}

.category_description_area {
    margin-bottom: 20px;
    border-bottom: 1px solid #D4D0C8;
    padding-left: 20px;
    padding-right: 10px;
    text-align: justify;
    min-height: 58px;
}

.category_description_area .category_description_area_info{
    height: 48px; 
    width: 48px; 
    float: left; 
    margin-right: 10px; 
    margin-bottom: 10px; 
    background-image: url({$DIR_IMAGES}info_48x48.png); 
    background-repeat: no-repeat;
}

.category_description_area .category_description_area_desc{
    margin-left: 64px;
}


.category_description_area p {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

.subcategories_area {
    margin-bottom: 20px;
    margin-left: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #D4D0C8;
}

.subcategories_area .caption {
    padding: 30px;
    float: left;
}

.subcategories_area .subcategories_folders {
    max-width: 750px;
    min-width: 650px;
    /*  border: 1px solid red;*/

    float: left;

}

.subcategory_item {
    width: 110px;
    height: 140px;
    text-align: center;
    float: left;
    overflow: visible;
    margin-left: 5px;
    margin-right: 5px;

    background-image: url(/templates/t_oohya/images/subcategory_folder.png);

    background-position: center top;
    background-repeat: no-repeat;
}

.subcategory_item:hover {

    background-image: url(/templates/t_oohya/images/subcategory_folder_open.png);

    color: blue;
}

.subcategory_item a {
    display: block;
    width: 100%;
    min-width: 100px;
    text-align: center;
    overflow: visible;
    padding-top: 90px;
    color: #202020;
}

.subcategory_item a:hover {
    color: blue;
}


/*------------------------------------------------------------------------------

  product_detail

------------------------------------------------------------------------------*/

.product_detail {}

.product_detail .image_area {
    float: left;
    width: 210px;
    height: 170px;
    padding: 5px;
    border: 1px solid #D4D0C8;
    margin-left: 10px;
    margin-right: 20px;
    background-position: center;
    background-repeat:no-repeat;
    text-align: center;
}

.product_detail .image_subscription {
    font-size: 10px;
    height: 20px;
    width: 210px;
    float: left;
    margin-left: 10px;
    margin-right: 20px;
    margin-bottom: 0px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    text-align: center;
}

.product_detail .image_area .zoom_icon {
    display: block;
    width: 210px;
    height: 170px;
    /*  background-image: url(/templates/t_oohya/images/magnifier_small.png);
      background-repeat: no-repeat;
      background-position: right bottom;*/
}

.product_detail .image_area .zoom_icon:hover {
    /*  background-image: url(/templates/t_oohya/images/magnifier_big.png);*/
}

.product_detail .left_area{
    width: 240px;
    float: left;
}

.product_detail .data_area {
    float: left;
    width: 220px;
    margin-left: 10px;
    margin-bottom: 10px;
    overflow: visible;
}

.product_detail .data_area table {
    font-size: 11px;
    margin: 0;
    padding: 0;
}

.product_detail .data_area td, .product_detail .data_area th {
    /*  background-color: red;*/
}

.product_detail .data_area td {
    text-align: left;
    /*  padding-left: 10px;*/
}

.product_detail .data_area th {
    text-align: right;
    font-weight: bold;
}

.product_detail .text_area {
    float: left;
    width: 490px;
}

.product_detail .text_area p {
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
}

.product_detail .text_area > ul {
    margin-top: 0;
    margin-left: 30px;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 0;
    display: block;
    list-style-position: outside;
}

.product_detail > .text_area > ul > li {
    padding: 0;
    margin-top: 0px;
}

.product_detail > .text_area ul li ul {
    list-style-type: circle;
}

.product_detail #code_area {
    white-space: pre;
    width: 650px;
    font-family: "Courier New", Courier, mono;
    color: #000000;
    padding: 10px;
    border: 1px dashed #666666;
    background-color: #FFFFED;
    /*display: none;*/
    clear: both;
    margin: 20px auto;
}

.product_detail #code_area pre {
    margin: 0;
    padding: 0;
}

.product_detail table.graduated_prices {
    /*  background-color: yellow;*/
    /*  float: right;*/
    /*  margin-left: 20px;*/
    margin-bottom: 20px;
    border: 1px solid #6ED2AA;
    font-size: 11px;
}

.product_detail table.graduated_prices th {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    background-color: #C2ECDE;
    background-image: url(/templates/t_oohya/images/graduated_price_table_header_bg.png);
    background-repeat: repeat-x;
    height: 25px;
}

.product_detail table.graduated_prices td {
    text-align: center;
}

.product_detail table.graduated_prices td.price {
    text-align: right;
    padding-right: 15px;
}

.product_detail table.graduated_prices td.spacer {
    height: 5px;
}



.product_detail .special_offer_block {
    background-color: #C2ECDE;
    border: 2px dashed #6ED2AA;
    width: 450px;
    /*  margin-left: 60px;*/
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.product_detail .special_offer_block h2 {
    background-color: #C2ECDE;
    border: 0px none black;
    text-align: center;
    font-size: 26px;
}

.product_detail .special_offer_block p {
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.product_detail .special_offer_block p > strong {
    font-size: 26px;
}

.product_detail .buyrequest {
    color: #0066FF;
    font-size: 12px;
    border: 0px solid white; 
    background-color: transparent; 
    text-align: center; 
    cursor: pointer;
}

.product_detail .add_to_basket {
    position: relative;
    border: 1px solid #D4D0C8;
    background-color: #ECECEC;
    width: 218px;
    height: 75px;
    margin: 0px;
}

.product_detail .add_to_basket .caption {
    position: absolute;
    left: 65px;
    top: 4px;
    color: #202020;
    font-weight: bold;
}

.product_detail .add_to_basket img {
    left: 5px;
    top: 5px;
    position: absolute;
}

.product_detail .add_to_basket input {
    border: 1px solid #808080;
    width: 50px;
    text-align: center;
    position: absolute;
    left: 65px;
    top: 30px;
}

.product_detail .add_to_basket button {
    color: #0066FF;
    font-size: 12px;
    border: 0px solid white;
    background-color: transparent;
    cursor: pointer;
    display: block;
    position: absolute;
    width: 90px;
    height: 20px;
    left: 120px;
    top: 30px;
}

.product_detail .add_to_basket a.whatis {
    position: absolute;
    display: block;
    left: 190px;
    top: 3px;
    height: 24px;
    width: 24px;
    background-image: url(/templates/t_oohya/images/offer_basket_whatis_24x24.png);
    background-repeat: no-repeat;
}

.product_detail .add_to_basket .dropdownarea {
    position: absolute;
    top: 59px;
    left: 0px;
    height: 15px;
    width: 100%;
    border-top: 1px solid #D4D0C8;
    font-size: 11px;
    cursor: default;
    text-align: center;
}

.product_detail .add_to_basket .can_open {
    background-image: url(/templates/t_oohya/images/main_menu_arrow_down.png);
    background-repeat: no-repeat;
    background-position: 190px 5px;
    background-color: #ffcb8d;
}


.product_detail .add_to_basket .can_open:hover {
    background-color: #DDFFF4;
}

.product_detail .add_to_basket .dropdownarea .dropdownmenu {
    visibility: hidden;
    position: absolute;
    top: 15px;
    left: -1px;
    width: 500px;
    /*  height: 100px;*/
    background-color: #ECECEC;
    border: 1px solid #D4D0C8;
}

.product_detail .add_to_basket .dropdownarea:hover .dropdownmenu {
    z-index: 2;
    visibility: visible;
}

.product_detail .add_to_basket .dropdownarea:hover .dropdownmenu td {
    font-weight: normal;
    height: 20px;
    padding: 0;
    margin: 0;
    cursor: default;
}

.product_detail .add_to_basket .dropdownarea:hover .dropdownmenu td.col_product_id {
    text-align: center;
    width: 60px;
    border-right: 1px solid #ACA494;
    border-bottom: 1px solid #ACA494;
}

.product_detail .add_to_basket .dropdownarea:hover .dropdownmenu td.col_product_name_long {
    text-align: left;
    width: 390px;
    text-indent: 10px;
    border-bottom: 1px solid #ACA494;
}

.product_detail .add_to_basket .dropdownarea:hover .dropdownmenu td.col_product_qty {
    text-align: center;
    width: 50px;
    position: relative;
    background-color: white;
    border-bottom: 1px solid #ACA494;
    border-right: 1px solid #ACA494;
    cursor: text;
}

.product_detail .add_to_basket .dropdownarea:hover .dropdownmenu td.col_product_qty input {
    position: relative;
    left: 0px;
    top: 0px;
    height: 15px;
    border-style: none;
    background-color: transparent;
    font-size: 11px;
    height: 20px;
}

.product_detail .add_to_basket .dropdownarea:hover .dropdownmenu th {
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ACA494;
    background-color: #ACA494;
    color: white;
    cursor: default;
}

.product_detail .add_to_basket .dropdownarea:hover .dropdownmenu th.arrow {
    background-image: url(/templates/t_oohya/images/basket_qty_arrow.png);
    background-position: 22px 1px;
    background-repeat: no-repeat;
    text-indent: 50px;
    text-align: left;
    font-weight: normal;
}

.product_detail .add_to_basket .dropdownarea:hover .dropdownmenu .actionbar {
    height: 28px;
}

.product_detail .add_to_basket .dropdownarea:hover .dropdownmenu .actionbar .toolbar {
    background-image: url(/templates/t_oohya/images/basket_button_bg.png);
    background-repeat: repeat-x;
    height: 28px;
    width: auto;
}

.product_detail .add_to_basket .dropdownarea:hover .dropdownmenu .actionbar .toolbar button {

    background-position: 2px 6px;
    top: -2px;

    background-repeat: no-repeat;
    border-style: none;
    border-right: 1px solid #ACA494;
    color: #0066FF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    height: 28px;
    left: 0px;
    margin-right: 10px;
    position: relative;
    text-align: left;
    text-indent: 25px;
    white-space: nowrap;
    width: auto;
}

.product_detail .add_to_basket .dropdownarea:hover .dropdownmenu .actionbar .toolbar button.refresh {
    background-image: url(/templates/t_oohya/images/refresh_24x24.png);
}

.product_detail .add_to_basket .dropdownarea:hover .dropdownmenu .actionbar .toolbar button.submit {
    background-image: url(/templates/t_oohya/images/submit_24x24.png);
}

.product_detail .add_to_basket .dropdownarea:hover .dropdownmenu .actionbar .toolbar button.clear {
    background-image: url(/templates/t_oohya/images/trashcan_24x24.png);
}

.product_detail .buyrequest:hover {
    color: #CC9900;
}

span.wpinfolink {
    border-bottom: 1px dotted green;
    cursor: help;
}

.wpinfopopup {
    background-color: #FFFFE1;
    border: 1px solid #ACA494;
    max-width: 300px;
    font-size: 11px;
}

.wpinfopopup strong.title {
    display: block;
    font-weight: bold;
    padding: 3px;
    border-bottom: 1px solid #D4D0C8;
}

.wpinfopopup span.description {
    display: block;
    padding: 5px;
}

.product_detail .special_offer_block p > sup {
    font-weight: normal;
}

a.linked_product:link, a.linked_product:visited, a.linked_product:active {
    display: inline-block;
    width: 120px;
    text-align: center;
    border: 1px solid #FFFFFF;  
    margin-bottom: 5px;
    height: 120px;
    overflow: hidden;
}

a.linked_product:hover {
    border: 1px solid #CC9900;
}

a.linked_product span.title {
    display: block;
    text-align: center;
    margin-top: 5px;
}


/*------------------------------------------------------------------------------

  product_request

------------------------------------------------------------------------------*/

.product_request {}

.product_request .product_area h2{
    margin-top: 20px;
}

.product_request .product_area .product_area_image{
    width: 240px; 
    float: left;
}

.product_request .product_area .product_area_text{
    float: left; 
    width: 490px;
}

.product_request .product_area .image_area {
    float: left;
    width: 210px;
    height: 170px;
    padding: 5px;
    border: 1px solid #D4D0C8;
    margin-left: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    background-position: center;
    background-repeat:no-repeat;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.product_request .product_area .image_subscription {
    font-size: 10px;
    height: 20px;
    width: 210px;
    float: left;
    margin-left: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    text-align: center;
}

.product_request .product_area .data_area {
    float: left;
    width: 210px;
    height: 50px;
    padding: 5px;
    /*  border: 1px solid #D4D0C8;*/
    margin-left: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 11px;
}


/* Spam-Bot Honey-Pot input field will be hidden */
.form_area input[name='customer_email_confirm'] {
    display: none;
}



/*------------------------------------------------------------------------------

  product_advanced_search

------------------------------------------------------------------------------*/

.adv_search > form > .bluebox {
    border: 2px solid #C6E0F2;
    background-color: #C6E0F2;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 23px;
    font-size: small;
    padding: 3px;
}

.adv_search > form > .bluewhitebox {
    border: 2px solid #C6E0F2;
    background-color: white;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    font-size: small;
    padding: 3px;
}

.form_group{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.form_group header{
    flex-basis: 20%;
    font-weight: bold;
}

.form_group header,
.form_group .form_group_input,
.form_group .form_group_submit{
    padding: 2px 0;
}

.form_group .form_group_input{
    display: flex;
    flex-direction: row;
}

.bluebox .form_group .form_group_content{
    flex-basis: 55%;
}

.bluebox .form_group .form_group_input *{
    flex-basis: 50%;
}

.bluebox .form_group .form_group_submit{
    flex-grow: 1;
    text-align: center;
}

.bluebox .form_group .form_group_input input,
.bluebox .form_group .form_group_input select,
.bluebox .form_group .form_group_input fieldset{
    margin-right: 10px;
}


.bluewhitebox .form_group .form_group_content{
    flex-basis: 80%;
}

.bluewhitebox .form_group .form_group_input label{
    /*flex-basis: 34.375%;*/
    flex-basis: 33%;
}

.bluewhitebox .form_group .form_group_input input,
.bluewhitebox .form_group .form_group_input select,
.bluewhitebox .form_group .form_group_input fieldset{
    flex-grow: 1;
}

.bluewhitebox .form_group .form_group_input fieldset{
    border: none;
}

/*------------------------------------------------------------------------------

  product_zoom_image

------------------------------------------------------------------------------*/

.product_zoom_image {
    width: 100%;
    text-align: center;
}

.product_zoom_image > img {
    border: 0;
    border: 1px solid #D4D0C8;
}

/*------------------------------------------------------------------------------

  form_contact

------------------------------------------------------------------------------*/

.form_contact {
}

.form_contact .form_area {
    background-color: #F6FEFD;
    border: 1px solid #808080;
    width: 650px;
    /*  height: 420px;*/
    /*  border: 1px solid red;*/
    line-height: 30px;
    padding: 10px;
    margin: 0 auto;
}

.form_area label{
    font-weight: bold;
}

.form_area .form_part{
    display: inline-table;
}

.form_area .form_part.half{
    width: 290px;
}

.form_area .form_part:first-child{
    padding-right: 30px;
}

.form_area .form_part > *{
    display: table-row;
}

.form_area .form_part > * > *{
    display: table-cell;
}

.product_request .form_area .form_part > * > *{
    margin: 5px 0;
}

.form_area .form_part label{
    width: 50px;
}

.form_area .form_part input,
.form_area .form_part select,
.form_area .form_part fieldset{
    box-sizing: border-box;
    width: 100%;
    margin-left: 20px;
}

.form_area .form_single_line label{
    margin-right: 20px;
}

.form_area .form_single_line div{
    display: inline;
}

.form_area .form_text_area label{
    vertical-align: top;
}

.form_area .form_text_area textarea{
    margin-left: 9px;
    width: 557px;
    resize: none;
}

.form_area .form_newsletter,
.form_area .form_submit{
    text-align: center;
}




/*------------------------------------------------------------------------------

  category_visibility

------------------------------------------------------------------------------*/

.category_visibility ul {
    list-style-type: none;
}

.category_visibility ul label {
    border: 1px solid white;
    display: block;
}

.category_visibility ul label:hover {
    background-color: #CFCFCF;
    border: 1px dotted black;
    cursor: pointer;
}

/*------------------------------------------------------------------------------

  product_visibility

------------------------------------------------------------------------------*/

.product_visibility ul {
    list-style-type: none;
}

.product_visibility ul label {
    border: 1px solid white;
    display: block;
}

.product_visibility ul label:hover {
    background-color: #CFCFCF;
    border: 1px dotted black;
    cursor: pointer;
}

/*------------------------------------------------------------------------------

  offer_basket_request

------------------------------------------------------------------------------*/

.offer_basket_request {
    width: 672px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.offer_basket_request th {
    font-weight: bold;
    text-align: center;
    background-color: #ACA494;
    color: white;
}

.offer_basket_request td {
    height: 25px;
    cursor: default;
}

.offer_basket_request th {
    cursor: default;
}

.offer_basket_request .col_product_id {
    text-align: center;
    width: 70px;
    white-space: nowrap;
    border-bottom: 1px solid #ACA494;
    border-left: 1px solid #ACA494;
    border-right: 1px solid #ACA494;
}

.offer_basket_request td.col_product_id {
    background-color: #ECECEC;
}

.offer_basket_request .col_product_qty {
    text-align: center;
    width: 70px;
    border-bottom: 1px solid #ACA494;
    border-right: 1px solid #ACA494;
    /*background-color: white;*/
    /*cursor: text;*/
}

.offer_basket_request .col_product_qty input {
    width: 60px;
    border-style: none;
    text-align: center;
    background-color: white;
}

.offer_basket_request .col_product_name_long {
    text-align: left;
    text-indent: 10px;
    border-bottom: 1px solid #ACA494;
    border-right: 1px solid #ACA494;
}

.offer_basket_request td.col_product_name_long {
    background-color: #ECECEC;
}

.offer_basket_request .arrow {
    background-image: url(/templates/t_oohya/images/basket_qty_arrow.png);
    background-position: 31px 1px;
    background-repeat: no-repeat;
    text-indent: 55px;
    text-align: left;
    font-weight: normal;
}

/*
    Code
*/


#code_area{
    font-family: monospace;
    font-size: 9px;
    width: 467px;
    max-width: 468px;
}


.text_article{
    text-align: justify;
} 

.logo h1{
    display: none;
}



/* -----------------------------------------------------------------------------
    Template: t_three
------------------------------------------------------------------------------*/

.box_errors {
    background-color: #FFF9F9;
    white-space: pre;
    font-family:'Courier New', Courier, mono;
    border: 2px dashed red;
    padding: 10px;
    text-align: left;
    margin-bottom: 10px;
}

.contentbox {
    min-height: 1595px;
    min-width: 20px;
    background-color: #ffffff;
    border: 1px solid #CDCDCD;
    padding: 10px;
}

.contentbox .topproducts {
    float: right;
    height: 365px;
    width: 250px;
    /*  border: 1px solid red;*/
    color: #666666;
    padding-top: 10px;
    background-image: url(/templates/t_oohya/images/topproducts_bg.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin-right: 5px;
}

.contentbox .topproducts .restriction {
    overflow: hidden;
    height: 338px;
}

.contentbox .topproducts a {
    color: #B40000;
}

.contentbox .topproducts strong {
    display: block;
    text-align: center;
}

.contentbox .topproducts dl {
    padding-left: 20px;
    padding-right: 20px;
}

.contentbox .topproducts dt {
    font-weight: bold;
    text-decoration: underline;
}

.contentbox .topproducts dd {
    padding: 0 0 10px 0;
    margin: 0;
    /*  height: 35px;*/
}

.contentbox .contentarea {
    width: 670px;
    /*  border: 1px solid red;*/
    float: left;
}

.contentbox img.left {
    float: left;
    margin: 0px 20px 10px 0px;
}

.contentbox img.right {
    float: right;
    margin: 0px 0px 10px 20px;
}


.box_article_gallery {
    width: 317px;
    float: left;
}

/* -----------------------------------------------------------------------------
    product_listing
------------------------------------------------------------------------------*/

.box_product_listing_item {
    border: 1px solid #CCCCCC;
    /*  width: 95%;*/
    margin: 0 auto 10px;
    padding: 5px;
    clear: left;
    overflow: visible;
    position: relative;
    height: 90px;
    z-index: 0;
}

.box_product_listing_item_special_offer {
    background-color: #C2ECDE;
    border: 2px dashed #6ED2AA;
    height: 120px;
}

.box_product_listing_item .spacebar {
    clear: both;
    width: 100%;
    height: 0px;
}

.box_product_listing_item .image_area {
    width: 120px;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    float: left;
    margin-right: 10px;
}


.box_product_listing_item_special_offer .image_area {
    border: 1px solid #6ED2AA;
    background-color: #FFFFFF;
    height: 120px;
}

.box_product_listing_item .image_area a {
    display: block;
    width: 120px;
    height: 120px;
}

.box_product_listing_item .text_area {
    font-size: small;
}

.box_product_listing_item .text_area .title {
    font-weight: bold;
}

.box_product_listing_item .text_area .title a {
    text-decoration: none;
}

.box_product_listing_item .text_area .title a .highlight {
    background-color: #FFFF00;
}

.box_product_listing_item .text_area .description {
    margin-top: 2px;
    height: 20px;
    /*  width: 500px;*/
}

.box_product_listing_item .text_area .description_special_offer {
    margin-top: 20px;
    font-size: 18px;
}

.box_product_listing_item .text_area .description_special_offer > strong {
    font-size: 24px;
    font-weight: bold;
}

.box_product_listing_item .text_area .description_special_offer > sup {
    font-size: 10px;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.box_product_listing_item .admin_area {
    width: 120px;
    height: 80px;
    background-color: red;
    float: right;
}

.box_product_listing_item span.linkline {
    right: 10px;
    bottom: 10px;
    height: 10px;
    text-align: right;
    position: absolute;
    width: 582px;
}

.box_product_listing_item .linkline span {
    border-right: 1px solid blue;
    margin-right: 10px;
    padding-right: 10px;
}

.box_product_listing_item .linkline span.artnr {
    float: left;
    border-style: none;
}

/* -----------------------------------------------------------------------------
    searchbar, flagbar, and navbar
------------------------------------------------------------------------------*/

.box_searchbar {
    width: auto;
    height: 39px;
    margin-left: 30px;
    font-size: small;
}

.box_searchbar button {
    margin: 0;
    padding: 0;
}

.box_searchbar img {
    margin-top: 3px;
    margin-left: 5px;
}

.box_searchbar > form > .caption {
    padding: 11px;
    float: left;
}

.box_searchbar > form > .edit {
    padding-top: 8px;
    padding-bottom: 8px;
    float: left;
    /*  border: 1px solid red;*/
}

.box_searchbar .link_adv_search {
    height: 35px;
    line-height: 38px;
}

.box_searchbar input {
    border: 1px solid #808080;
    padding-left: 5px;
    padding-right: 5px;
    width: 200px;
}

.box_searchbar button {
    background-color: transparent;
    border: 0px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    color: blue;
    font-weight: bold;
}

.box_searchbar > .submit {
    padding-top: 10px;
    padding-bottom: 8px;
    float: left;
}

.flagbar {
    position: absolute;
    left: 810px;
    top: -26px;
    width: 150px;
    height: 17px;
    float: right;
}

.flagbar img {
    margin-top: 3px;
    margin-right: 5px;
    border: 0;
}

.box_searchbar > .leftside {
    width: 1px;
    height: 39px;
    /*  background-image: url(/templates/t_oohya/images/main_searchbar_leftside.png);
      background-repeat: no-repeat;
      background-position: left top;*/
    float: left;
}

.box_searchbar > .rightside {
    width: 1px;
    height: 39px;
    /*  background-image: url(/templates/t_oohya/images/main_searchbar_leftside.png);
      background-repeat: no-repeat;
      background-position: left top;*/
    float: right;
}

#box_navbar {
    float: right;
    /*  width: 370px;*/
    width: 370px;
    height: 25px;
    /*  border: 1px solid red;*/
    text-align: center;
    line-height: 20px;
}

#box_navbar > .divider {
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
    border-right: 1px solid #CCCCCC;
}

#box_navbar > span.nodivider {
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
}

#box_navbar a, #box_navbar a:visited, #box_navbar a:active {
    color: black;
}

#box_navbar a:hover {
    color: blue;
    text-decoration: underline;
}

/* -----------------------------------------------------------------------------
    Groupbox
------------------------------------------------------------------------------*/

div.groupbox {
    margin-top: 2em;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 0px 10px 10px 10px;
    clear: both;
}

div.groupbox .caption {
    position: relative;
    top: -1.5ex;
    left: 0.25em;
    background-color: #fff;
    padding: 2px;
    font-weight: bold;
    text-align: center;
}

div.groupbox p {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 0px;
    margin-left: 5px;
    padding-left: 0px;
}

/* -----------------------------------------------------------------------------
    Backnextbox
------------------------------------------------------------------------------*/

div.backnextbox {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 12px;
    height: 26px;
    background-image: url(/templates/t_oohya/images/backnextbox_bg.png);
    background-position: left top;
    background-repeat: repeat-x;
    text-align: right;
    margin-top: 30px;
}

div.backnextbox button {
    margin-left: 20px;
}

/*
    IconBox
*/

.icon_line_box{
    height: 70px;
}

.icon_line_box_item{
    height: 70px; 
    width: 100px; 
    background-repeat: no-repeat; 
    background-position: center top; 
    text-align: center; 
    line-height: 120px; 
    float: left;
}

.icon_ersatzteilservice_baugruppe{
    background-image: url(/contents/_common/images/ersatzteilservice_baugruppe.png); 
}

.icon_ersatzteilservice_netzteil{
    background-image: url(/contents/_common/images/ersatzteilservice_netzteil.png); 
}

.icon_ersatzteilservice_kabel{
    background-image: url(/contents/_common/images/ersatzteilservice_kabel.png);
}

.icon_ersatzteilservice_shelf{
    background-image: url(/contents/_common/images/ersatzteilservice_shelf.png);
}

.icon_ersatzteilservice_anlage{
    background-image: url(/contents/_common/images/ersatzteilservice_anlage.png);
}

.icon_ersatzteilservice_server{
    background-image: url(/contents/_common/images/ersatzteilservice_server.png);
}

.icon_ersatzteilservice_zubehoer{
    background-image: url(/contents/_common/images/ersatzteilservice_zubehoer.png);
}

.icon_ersatzteilservice_handapparat{
    background-image: url(/contents/_common/images/ersatzteilservice_handapparat.png);
}

.icon_ersatzteilservice_kapsel{
    background-image: url(/contents/_common/images/ersatzteilservice_kapsel.png);
}

.icon_ersatzteilservice_kapsel2{
    background-image: url(/contents/_common/images/ersatzteilservice_kapsel2.png);
}

.icon_ersatzteilservice_wendelschnur{
    background-image: url(/contents/_common/images/ersatzteilservice_wendelschnur.png);
}

.icon_ersatzteilservice_anschlusskabel{
    background-image: url(/contents/_common/images/ersatzteilservice_anschlusskabel.png);
}

.icon_ersatzteilservice_telefongehaeuse{
    background-image: url(/contents/_common/images/ersatzteilservice_telefongehaeuse.png);
}

.icon_ersatzteilservice_zubehoer2{
    background-image: url(/contents/_common/images/ersatzteilservice_zubehoer2.png);
}

h1 {
    margin: 0 auto 10px;
    display: block;
    text-align: center;
    font-size: 18pt;
    font-weight: bold;
    color: #404040;
    border-bottom: 3px solid #DDDDDD;
    color: #404040;
    padding-bottom: 2px;
}

h2,
h1.category_breadcrumb{
    margin: 0 auto 10px 0px;
    display: block;
    text-align: left;
    font-size: 13pt;
    font-weight: bold;
    color: #404040;
    padding: 2px;
    padding-left: 10px;
    border: 1px solid #D4D0C8;
    background-color: #ECECEC;
}

h3 {
    margin: 0 auto 10px 0px;
    display: block;
    text-align: left;
    font-size: 11pt;
    font-weight: bold;
    color: #404040;
    padding-bottom: 2px;
    border-bottom: 1px solid #DDDDDD;
}

a {
    text-decoration: none;
}

.contenttext {
    margin-left: 20px;
    margin-right: 20px;
}

.contenttext ul ul {
    margin-left: 20px;
}

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */

/*------------------------------------------------------------------------------
  Konfigurationsparameter template t_three
------------------------------------------------------------------------------*/

.menu.menu_en{
    font-size: 0.9em;
}

.menu {
    z-index: 65534;
    font-size: small;
    position:relative;
    background-repeat: repeat-x;
    height: 35px;


    float: left;
    width: 940px;
    /*  border: 1px solid red;*/
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
    padding:0;
    margin:0;
    list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
    float:left;
    position:relative;
    display: block;
}

.menu > ul > li {
    border-right: 1px solid #AAAAAA;
}


.menu > ul > li {
    /*  border-right: 1px solid #466FE3;*/
}


/* style the top level hover */
.menu a:hover, .menu li:hover, .menu :hover > a {
    color: #FFFFFF;
    /*  background-color: #A5E5CE;*/
}

/* style the links for the top level */
.menu > ul > li > a {
    display:block;
    text-decoration:none;
    color:#FFFFFF;
    background:transparent;
    padding-left:10px;
    padding-right:10px;
    line-height:28px;
    background-repeat: repeat-x;
    /*  background-image: url(/templates/t_oohya/images/main_menu_level0_background.png);*/
}

.menu > ul > li > img {
    padding-bottom: 10px;
}

.menu > ul > li > ul li {
    background-color: white;

}

.menu > ul > li > ul a {
    display: block;
    font-size: 11px;
    text-decoration:none;
    color:#000000;
    overflow-x: hidden;
}

.menu > ul > li > ul li:hover {
    background-color: #466FE3;
}

.menu ul + li {
    text-align: center;
}

/* style the second level background */
.menu ul ul {
    border-top: 1px solid #466FE3;
}

.menu ul ul a {
    /*  border-top: 0;*/
    border-left: 1px solid #466FE3;
    border-right: 1px solid #466FE3;
    border-bottom: 1px solid #466FE3;
    /*  border-bottom: 0;*/
}
.menu ul ul li {
    /*  background-color: red;*/
}

.menu ul ul li:hover {
    background-repeat: repeat-x;
    /*  background-image: url(/templates/t_oohya/images/main_menu_level0_background.png);*/
}

/* style the second level with drop */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
    background-color: white;
    background-image: url(/templates/t_oohya/images/main_menu_arrow_left.png);
    background-position: center right;
    background-repeat: no-repeat;
}
/* style the second level hover with drop */
.menu ul ul a.drop:hover, .menu ul ul :hover > a.drop {
    background-color: transparent;
    background-image: url(/templates/t_oohya/images/main_menu_arrow_left_hover.png);
    background-position: center right;
    background-repeat: no-repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul, .menu ul ul ul, .menu ul ul ul ul, .menu ul ul ul ul ul, .menu ul ul ul ul ul ul {
    /*  background:#FFFFFF;*/
    background-image: url(pictures/menuitem_bg.png);
    background-repeat: repeat-y;
    visibility:hidden;
    position:absolute;
    height:0;
    top: 28px;
    left: 0;
}

/* position the third level and below flyout menu */
.menu ul ul ul, .menu ul ul ul ul, .menu ul ul ul ul ul, .menu ul ul ul ul ul ul {
    left:160px;
    top:-1px;
    width: 160px;
}

/* position the third level and below flyout menu for a left flyout */
.menu ul ul ul.left, .menu ul ul ul ul.left, .menu ul ul ul ul ul.left, .menu ul ul ul ul ul ul.left {
    left:-150px;
}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
    color:#000;
    height: 20px;
    line-height: 18px;
    padding:5px 10px;
    width:139px;
    white-space: nowrap;
}

* html .menu ul ul a {
    width:150px;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
    visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
    visibility:hidden;
}

.menu ul :hover ul :hover ul ul {
    visibility:hidden;
}

.menu ul :hover ul :hover ul :hover ul ul {
    visibility:hidden;
}

.menu ul :hover ul :hover ul :hover ul :hover ul ul {
    visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
    visibility: visible;
}

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul{
    visibility: visible;
}

.menu ul :hover ul :hover ul :hover ul :hover ul {
    visibility: visible;
}

.menu ul :hover ul :hover ul :hover ul :hover ul :hover ul {
    visibility: visible;
}

.menu_left_side {
    height: 35px;
    width: 6px;
    /*  background-image: url(/templates/t_oohya/images/main_menu_leftside.png);
      background-repeat: no-repeat;
      background-position: left top;*/
    float: left;
}

.menu_right_side {
    height: 35px;
    width: 6px;
    /*  background-image: url(/templates/t_oohya/images/main_menu_rightside.png);
      background-repeat: no-repeat;
      background-position: left top;*/
    float: right;
}

/*END copyright notice*/

.suggest_link {
    background-color: #FFFFFF;
    padding: 2px 6px 2px 6px;
}

.suggest_link_over {
    background-color: #A5E5CE;
    padding: 2px 6px 2px 6px;
    cursor: pointer;
}

#search_suggest {
    position: absolute;
    background-color: #FFFFFF;
    text-align: left;
    visibility: hidden;	
    z-index: 65535;
    top: 120px;
}

div.bookmarktoolbar {
    z-index: 1;
    height: 25px;
    width: 160px;
    color: white;
    position: relative;
    background-image: url(/templates/t_oohya/images/bookmarkthis_bg.png);
    margin-left: 10px;
}

div.bookmarktoolbar:hover {
    background-image: url(/templates/t_oohya/images/bookmarkthis_hover_bg.png);
}

div.bookmarktoolbar > div {
    top: 25px;
    /*	height: 200px;*/
    width: 520px;
    visibility: hidden;
    background-color: #FFFFFF;
    position: absolute;
    border: 1px solid #999999;
    left: 0px;
}

div.bookmarktoolbar:hover > div {
    visibility: visible;
}

div.bookmarktoolbar > div div.col {
    width: 130px;
    float: left;
    margin-bottom: 5px;
}

div.bookmarktoolbar:hover > div div.header {
    /*	width: 250px;*/
    height: 25px;
    background-color: #CCCCCC;
    color: #FFFFFF;
    border: 0px;
    text-align: center;
    border-bottom: #AEAEAE;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 2px;
}

div.bookmarktoolbar:hover > div div.footer {
    width: 100%;
    height: 20px;
    top: 100%;
    left: -1px;
    background-color: #EBEBEB;
    color: #777777;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    text-align: center;
    position: absolute;
    font-size: 11px;
    line-height: 18px;
}

div.bookmarktoolbar:hover > div a.item {
    display: block;
    width: 106px;
    height: 20px;
    padding-left: 24px;
    background-position: 3px center;
    background-repeat: no-repeat;
    float: left;
    color: #333333;
    font-size: 12px;
    text-align: left;
    line-height: 18px;
}

div.bookmarktoolbar:hover > div a.item:hover {
    background-color: #A5E5CE;
    color: #333333;
}

div.pdftoolbar {
    z-index: 1;
    height: 25px;
    width: 39px;
    position: relative;
    background-image: url(/templates/t_oohya/images/pdftoolbar_bg.png);
}

div.pdftoolbar:hover {
    z-index: 1;
    height: 25px;
    width: 39px;
    position: relative;
    background-image: url(/templates/t_oohya/images/pdftoolbar_hover_bg.png);
}

div.pdftoolbar > div {
    top: 25px;
    height: 90px;
    width: 260px;
    visibility: hidden;
    background-color: #FFFFFF;
    position: absolute;
    border: 1px solid #999999;
    left: 0px;
}

div.pdftoolbar:hover > div {
    visibility: visible;
}

div.pdftoolbar:hover > div div.header {
    width: 250px;
    height: 25px;
    background-color: #CCCCCC;
    color: #FFFFFF;
    border: 0px;
    padding-left: 10px;
    border-bottom: #AEAEAE;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 2px;
}

div.pdftoolbar:hover > div div.footer {
    width: 250px;
    height: 20px;
    top: 70px;
    left: 0px;
    background-color: #EBEBEB;
    color: #777777;
    border: 0px;
    padding-left: 10px;
    position: absolute;
    font-size: 11px;
    line-height: 18px;
}

div.pdftoolbar:hover > div a.item {
    display: block;
    width: 236px;
    height: 20px;
    padding-left: 24px;
    background-position: 3px center;
    background-repeat: no-repeat;
    float: left;
    color: #333333;
    line-height: 19px;
}

div.pdftoolbar:hover > div a.item:hover {
    background-color: #E6EEF8;
    color: #333333;
}