:root {
    --product_tabs_tab_font-size: 10pt;
    --product_tabs_tab_padding_v: 10px;
    --product_tabs_tab_padding_h: 8px;
    --product_tabs_roundness: 0px;
    --product_tabs_tab_border_color: #CECCCC;
    --product_tabs_tab_active_background: #FFFFFF;
    --product_tabs_tab_inactive_background: #F7F5F5;
    --product_tabs_tab_click_background: #DDDDDD;
    --product_actions_border_color: #EFEEEE;
}

.product_tabs{
    box-sizing: border-box;
    margin: 16px 0px;
    user-select: none;
}

.product_tabs .tab_nav{
    box-sizing: border-box;
    font-size: 0;
}

.product_tabs .tab_nav a{
    display:inline-block;
    padding:var(--product_tabs_tab_padding_v) var(--product_tabs_tab_padding_h) calc(var(--product_tabs_tab_padding_v) + 1px) var(--product_tabs_tab_padding_h);

    border: 0px solid var(--product_tabs_tab_border_color);



    font-size:var(--product_tabs_tab_font-size);
    background: var(--product_tabs_tab_inactive_background);
    box-sizing: border-box;
    position: relative;
    top: 1px;
    border-radius: var(--product_tabs_roundness) var(--product_tabs_roundness) 0px 0px;
}

.product_tabs .tab_nav a:active{
    background: var(--product_tabs_tab_click_background);
}



.product_tabs .tab_nav a:not(.selected){
    border-bottom-width:1px;
}
.product_tabs .tab_nav a.selected{
    padding:var(--product_tabs_tab_padding_v) var(--product_tabs_tab_padding_h) calc(var(--product_tabs_tab_padding_v) + 1px) var(--product_tabs_tab_padding_h);

    background: var(--product_tabs_tab_active_background);
    font-weight:bold;
    border-width: 1px 1px 0px 1px;
    position: relative;
    top: 2px;
    margin-bottom:0;

}

.product_tabs .tabs{
    background: var(--product_tabs_tab_active_background);
    border-top: 1px solid var(--product_tabs_tab_border_color);
}
.product_tabs .tab{
    box-sizing: border-box;
    display:none;
    padding:16px 0px;
    background: var(--product_tabs_tab_active_background);
}
.product_tabs .tab.selected{
    display:block !important;
}

.product_actions{
    border-top:1px solid var(--product_actions_border_color);
    padding-top:4px;
    margin-bottom:16px;
    text-align:left;
    font-size:85%;
}
.product_actions a{
    display:inline-block;
    margin: 0px 4px;
    line-height:32px;
}

.product_actions a img{
    margin: -3px 2px auto auto;
    display:inline-block;
    width:24px;
    line-height:32px;
    vertical-align: middle;
}
.product_actions a:hover img{
    opacity:0.8;
}

.product_actions a:first-child{
    margin-left:0px;
}