/**
FELSŐ MENÜSOR MÓDOSÍTÁSA DINAMKUSRA  --- START ---
*/
#menu_section
{
    display: table;
    width: 1000px;
}
.main 
{
    display: table-row;
    text-align: center;
}
.main .menu_separator_li
{
    
}
.main li
{
    display: table-cell;
    margin: 0px -1px 0px 0px;
}
.main li h2 a
{
    padding: 0px 15px;
    margin-right: -1px;
    white-space: nowrap;
}
.main li h2 span
{
    padding: 0px 13px;
    margin-right: -1px;
    white-space: nowrap;
}
.dropdown
{
    text-align: left;
}

#header_menu ul
{
    margin: -4px 20px 0 28px;
}

#header_menu ul li
{
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
}

/**
FELSŐ MENÜSOR MÓDOSÍTÁSA DINAMKUSRA  --- END ---
*/


/**
kereső mező melletti linkek nevei nagy betűvel kezdődjenek  --- START ---
*/
#header_menu ul li a
{
    display: inline-block;
}

#header_menu ul li a::first-letter
{
    text-transform: capitalize;
}
/**
kereső mező melletti linkek nevei nagy betűvel kezdődjenek  --- END ---
*/

.filterbox_title h2
{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**
IKONOK eltérő nyelveken (akciós és újdonság) --- START ----
*/
.product_list_product_image a .icons .sale
{
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url("../../../../../views/public/playersroom/images/hu/icon_produts_list_sale.png");
    background-repeat: no-repeat;
}

.product_list_product_image a .icons .new
{
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url("../../../../../views/public/playersroom/images/hu/icon_produts_list_new.png");
    background-repeat: no-repeat;
}

#product_main_image_container .icons .sale
{
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url("../../../../../views/public/playersroom/images/hu/icon_produts_list_sale.png");
    background-repeat: no-repeat;
}

#product_main_image_container .icons .new
{
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url("../../../../../views/public/playersroom/images/hu/icon_produts_list_new.png");
    background-repeat: no-repeat;
}

.product_list_home_product_image a .icons .sale
{
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url("../../../../../views/public/playersroom/images/hu/icon_produts_list_sale.png");
    background-repeat: no-repeat;
}

.product_list_home_product_image a .icons .new
{
    width: 34px;
    height: 34px;
    display: inline-block;
    background-image: url("../../../../../views/public/playersroom/images/hu/icon_produts_list_new.png");
    background-repeat: no-repeat;
}
/**
IKONOK eltérő nyelveken (akciós és újdonság) --- END ----
*/

/**
Scarab ajánló fejléc --- START ----
*/

#my-recommendation-container 
{
    background-image: url("../../../../../views/public/playersroom/images/hu/scarab_termekajanlo_fejlec.png");
}

/**
Scarab ajánló fejléc --- END ----
*/


.products_list_more_colours_icon
{
    width: 50px;
    height: 32px;
    font-size: 0px;
    line-height: 0px;
    background-image: url("../../../../../views/public/playersroom/images/hu/tovabbi_szinek.jpg");
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    bottom: 5px;
}


.original_product_logo
{
    display: block;
    width: 192px;
    margin: 0px 0px 20px 10px;
    font-size: 0px;
    line-height: 0px;
    
}

/**
 * klubkártya igénylés és hosszabbítás formázásai
 */

#clubcard_page_container
{
    
}

#clubcard_form .form_panel_header .form_panel_title
{
    font-size: 17px;
    padding: 20px 0px 10px;
    color: #666;
}

.form_panel_title_sub
{
    font-size: 13px;
    color: #ff0000;
    padding: 5px 0px;
}

.clubcard_page_message_box
{
    font-size: 16px;
    color: #666;
    padding: 15px 15px 10px 15px;
    box-sizing: border-box;
    background-color: #000000;
    color: #FFFFFF;
    text-transform: uppercase;
    
}

.cform_row_container /* klubkártya igénylés sor formázása */
{
    padding: 5px 0px 15px 0px;
    box-sizing: border-box;
    
    color: #555555;
}

.cform_label_container /* klubkártya igénylés soron belüli label formázása */
{
    padding: 0px 0px;
    font-size: 12px;
    width: 130px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    
}

.cform_input_placeholder /* klubkártya igénylés soron belüli input konténer formázása */
{
    
}

/** a márkákat egyedileg formázzuk több oszlopba */
.cform_input_placeholder_favourite_brands_container
{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3; 
}
.cform_input_placeholder_favourite_brands_container>div
{
    width: 200px;
}

.cform_input_placeholder_favourite_brands_container>div .content_columns_checkbox_text
{
    width: auto;
    padding-top: 6px;
}

.cform_input_placeholder input/* klubkártya igénylés soron belüli input konténeren belüli input formázása */
{
}

.cform_input_object
{
    
    padding: 0px 5px;
    box-sizing: border-box;
    font-size: 12px;
    
    height: 20px;
    line-height: 20px;
    color: #333333;

/*    width: 300px;*/

    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;

}
.readonly
{
    color: #999;
}



/* cím formázások a klubkártya igénylés oldalon */
.cform_postcode
{
    float: left;
    margin: 0px 0px 0px 130px;
    width: 100px;
}

.cform_city
{
    float: left;
    margin: 0px;
    width: 215px;
    padding-left: 5px;
}

.cform_street
{
    float: left;
    margin: 0px;
    width: 215px;
    padding-left: 5px;
}

.cform_postcode_input
{
    width: 80px;
    text-align: center;

}
.cform_city_input
{
    width: 195px;
}
.cform_street_input
{
    width: 195px;
}

/* telefonszám formázások a klubkártya igénylés oldalon */

.cform_input_placeholder .form_panel_phone_section_separator
{
    
}

.cform_input_placeholder .form_panel_phone_country_prefix
{
    padding: 0px 5px;
    box-sizing: border-box;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    color: #333333;
}

.cform_input_placeholder .form_panel_phone_section_1
{
    width: 30px;
}
.cform_input_placeholder .form_panel_phone_section_1 input
{
    width: 100%;
    text-align: center;

    padding: 0px 5px;
    box-sizing: border-box;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    color: #333333;
    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
}

.cform_input_placeholder .form_panel_phone_section_2
{
    width: 40px;
}
.cform_input_placeholder .form_panel_phone_section_2 input
{
    width: 100%;
    text-align: center;
    
    padding: 0px 5px;
    box-sizing: border-box;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    color: #333333;
    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
}

.cform_input_placeholder .form_panel_phone_section_3
{
    width: 50px;
}
.cform_input_placeholder .form_panel_phone_section_3 input
{
    width: 100%;
    text-align: center;

    padding: 0px 5px;
    box-sizing: border-box;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    color: #333333;
    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
}

/**
kedvezmények boxa
*/
.clubcard_discount_message_box
{
    width: 97%;
    box-sizing: border-box;
    position: relative;
    padding: 8px 10px 8px 40px;
    border: 5px solid #dd0922;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #dd0922;
    color: #ffffff;
    margin: 10px 0px;
}
.clubcard_discount_message_box .star
{
    position: absolute;
    top: -10px;
    left: -10px;
    width: 35px;
    height: 35px;
}

.clubcard_discount_message_box .main_message
{
    font-size: 18px;
    margin-bottom: 5px;
    display: inline-block;
}

.clubcard_discount_message_box .sub_message
{
    font-size: 13px;
    line-height: 18px;
    display: inline-block;
}

/**
kártyaadatok táblázat
*/
.clubcard_info_table_cont_outer
{
    display: inline-block;
    width: 49%;
    margin: 0px 0px 0px 0px;
    padding: 0px 1% 0px 0px; 
    box-sizing: border-box;
    vertical-align: top;
    margin: 15px 0px 15px 0px;
}

.clubcard_info_table_cont
{
    display: inline-block;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
    box-sizing: border-box;
    border: 1px solid #dddddd;
    vertical-align: top;
    font-size: 14px;
}


.clubcard_renew_default_button
{
    display: block;
    font-family: "dejavu_sansbook";
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #666;
    text-decoration: none;
    color: #ffffff;
    padding: 0px 20px;
    box-sizing: border-box;
    
}
.clubcard_renew_default_button:hover
{
    background-color: #4a4a4a;
    text-decoration: none;
}

.renew_card_button
{
    margin: 10px 0px 0px 0px;
}

.renew_both_card_button
{
    width: 97%;
    box-sizing: border-box;
    border: 1px solid #dddddd;

}
.renew_both_card_button a.clubcard_renew_default_button
{
    height: 40px;
    line-height: 40px;
    background-color: #DD0922;
}

.renew_both_card_button a.clubcard_renew_default_button:hover
{
    background-color: #BE071F;
}

.renew_card_button .inactive_renew
{
    background-color: #bbbbbb;
    font-size: 13px;
    padding: 0px;
}
.renew_card_button .inactive_renew:hover
{
    background-color: #bbbbbb;
    padding: 0px;
}


.no_clubcard_info
{
    width: 100%;
    text-align: center;
}

/* a kapcsolódó kártya halványabb */
.connected_card .clubcard_info_table_title
{
    background-color: #bbbbbb;
}

.connected_card .clubcard_info_table_row
{
    color: #aaaaaa;
}

.clubcard_info_table_title
{
    display: inline-block;
    width: 100%;
    padding: 11px 10px;
    box-sizing: border-box;
    color: #333;
    vertical-align: top;
    text-transform: uppercase;
    background-color: #333333;
    color: #ffffff;
}

.clubcard_shopping_cart_title
{
    display: inline-block;
    width: 100%;
    padding: 11px 10px;
    box-sizing: border-box;
    vertical-align: top;
    
    background-color: #eeeeee;
    color: #333333;
}

.clubcard_info_table_row
{
    display: inline-block;
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    color: #333;
    vertical-align: top;
}
.clubcard_info_table_row_label
{
    display: inline-block;
    width: 40%;
    padding: 10px 10px;
    box-sizing: border-box;
    vertical-align: middle;
    font-weight: bold;
}

.clubcard_info_table_row_value
{
    display: inline-block;
    width: 60%;
    padding: 10px 10px;
    box-sizing: border-box;
    vertical-align: middle;
}

.clubcard_info_table_row:nth-child(2n)
{
    background-color: #f8f8f8;
}

.clubcard_info_table_title .request_card_url
{
    display: block;
    padding: 5px 0px 5px 0px;
    margin: 10px 0px 0px 0px;
    color: #ffffff;
    background-color: #dd0922;
    
    transition: color 0.3s ease 0s,background-color 0.3s ease 0s;

}

.clubcard_info_table_title .request_card_url:hover
{
    text-decoration: none;
    color: #000;
    background-color: #FFF;
}

.clubcard_cart
{
    width: 100%;
    border: 0px;
}
.clubcard_cart_table_row
{
    display: inline-block;
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    color: #333;
    vertical-align: top;
    border-bottom: 1px solid #cccccc;
}
.clubcard_cart_table_row_label
{
    display: inline-block;
    width: 80%;
    padding: 25px 10px;
    box-sizing: border-box;
    vertical-align: middle;
    font-weight: bold;
}
.clubcard_cart_table_row_value
{
    display: inline-block;
    width: 20%;
    padding: 25px 10px;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: right;
}

.total_gross
{
    background-color: #dd0922;
    color: #fff;
    padding: 10px 10px;
    border: 0px;
}
.total_gross .clubcard_cart_table_row_label
{
    padding: 0px;
}
.total_gross .clubcard_cart_table_row_value
{
    font-size: 15px;
    color: #FFFFFF;
    padding: 0px;
    font-weight: bold;
}

#clubcard_checkout_form .form_panel_label
{
    width: auto;
}

.clubcart_checkout_payment_methods_title
{
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    padding: 0px 0px 0px 0px;
    margin: 25px 0px 5px 0px;
    color: #333333;
    font-family: 'dejavu_sansbook';
    text-transform: uppercase;
}

.subcard_in_cart_notification
{
    margin: 10px 0px;
    line-height: 160%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #0000aa;
    color: #0000aa;
}


.clubcard_info_table_title_button
{
    text-align: center;
    cursor: pointer;
}

.shoptablet_clubcard_number_input_cont
{
    display: inline-block;
    width: 60%;
    box-sizing: border-box;
    vertical-align: middle;
}

.shoptablet_clubcard_number_input_cont>input
{
    box-sizing: border-box;
    padding: 10px 10px;
    background-color: #f0f0f0;
    text-align: center;
    border: 0px;
    width: 100%;
}

#shoptablet_check_clubcard_number_submit
{
    display: inline-block;
    width: 60%;
    padding: 10px 10px;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    background-color: #00aa00;
    color: #ffffff;
    cursor: pointer;
}

.invalid_clubcard
{
    color: #dd0922;
    text-align: center;
}

.shoptablet_email_explanation
{
    color: #ee1932;
    line-height: 160%;
    letter-spacing: 0.5px;
    
}