.hide { display: none; }

.button_orange {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    background-color:#FF6600;
    color:#fff;
    border-style:none;
}

.button_orange:hover {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    color:#fff;
    background-color: #FF8A3C;
    border-style:none;
}

.button_blue {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    background-color:#4398C1;
    color:#fff;
    border-style:none;
}

.button_blue:hover {
    width:100px;
    height:35px;
    line-height:30px;
    vertical-align:middle;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    color:#fff;
    background-color: #84C4EC;
    border-style:none;
}

.button_lightblue {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    border:none;
    color:#fff;
    background-color:#84C4EC;
    border-style:none;
}

.button_lightblue:hover {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    border:none;
    color:#666666;
    background-color: #DCEEFA;
    border-style:none;
}

.button_red {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    background-color:#C92E2E;
    color:#fff;
    border-style:none;
}

.button_red:hover {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    color:#000;
    background-color: #FDE5C2;
    border-style:none;
}

.button_gray {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    background-color:#D9D9D9;
    color:#555555;
    border-style:none;
}

.button_gray:hover {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    color:#000;
    background-color: #DAE5F4;
    border-style:none;
}

.button_deepblue {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    background-color:#31A78F;
    color:#fff;
    border-style:none;
}

.button_deepblue:hover {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    color:#fff;
    background-color: #E9F2F6;
    border-style:none;
}

.button_cyan {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    background-color:#1ABC9C;
    color:#fff;
    border-style:none;
}

.button_lightorange {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    background-color:#F07C03;
    color:#fff;
    border-style:none;
}

.button_lightorange:hover {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    background-color:#FF8A3C;
    color:#fff;
    border-style:none;
}

.button_pink {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    background-color:#FE7DC4;
    color:#fff;
    border-style:none;
}

.button_pink:hover {
    width:100px;
    height:35px;
    line-height:30px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    background-color:#FF8A3C;
    color:#fff;
    border-style:none;
}

.dropdownlist {
    border:1px solid #D5D5D5;
}

.dropdownlist_textbox {
    height:25px;
    text-align:center;
    border:none;
}

.image {
    border:1px solid #D5D5D5;
}

.labelbox {}

.labelspane { float:left; width:70px; text-align:right; }

.layout_center {
    display: table;
    width: 100%;
    height: 100%;
    _position: relative;
    overflow: hidden;
    text-align:center;
    margin-left:0 auto;
    margin-right:0 auto;
}

.layout_center_sub {
    vertical-align:middle;
    display:table-cell;
    _position:absolute;
    _top:50%;
    _left:50%;
}

.layout_bottom_center_sub {
    vertical-align:bottom;
    display:table-cell;
    _position:absolute;
    _top:50%;
    _left:50%;
}

.textbox {
    font-size:14px;
    height:24px;
    border:1px solid #D5D5D5;
}

.textbox_autosize {
}

.tab_gray {
    margin:0;
    padding:0;
    background-color:#F5F5F5;
    color:black;
    font-size:14px;
    border-left:1px solid #DEDEDE;
    border-top:1px solid #F5F5F5;
    border-bottom:1px solid #F5F5F5;
    border-right:1px solid #F5F5F5;
    cursor:pointer;
    text-align:center;
}

.tab_deepgray {
    margin:0;
    padding:0;
    background-color:#D5D5D5;
    color:black;
    font-size:14px;
    border-left:1px solid #DEDEDE;
    border-top:1px solid #F5F5F5;
    border-bottom:1px solid #DEDEDE;
    border-right:1px solid #F5F5F5;
    cursor:pointer;
    text-align:center;
}

.tab_gray_selected {
    margin:0;
    padding:0;
    border:1px solid #555555;
    background-color:#555555;
    color:white;
    font-size:14px;
    cursor:pointer;
    text-align:center;
}

.tab_gray_selected_blue {
    margin:0;
    padding:0;
    border:1px solid #4398C1;
    background-color:#4398C1;
    color:white;
    font-size:14px;
    cursor:pointer;
    text-align:center;
}

.tab_gray_notselected {
    margin:0;
    padding:0;
    border:none;
    background-color:transparent;
    color:#A3A3A3;
    font-size:14px;
    cursor:pointer;
    text-align:center;
}

.tab_pink_selected {
    margin:0;
    padding:0;
    border:1px solid #C7C7C7;
    background-color:#C7C7C7;
    color:#808080;
    font-size:14px;
    cursor:pointer;
    text-align:center;
}

.navigator_vertical {
    width:100%;
    height:50px;
    line-height:50px;
    text-align:center;
    border-bottom:1px solid #DEDEDE;
    border-right:1px solid #DEDEDE;
}

.navigator_vertical_selected {
    width:100%;
    height:50px;
    line-height:50px;
    text-align:center;
    background-color:#AAAAAA;
    color:white;
    border-bottom:1px solid #DEDEDE;
    border-right:1px solid #AAAAAA;
}

.navigator_vertical_empty {
    width:100%;
    height:50px;
    line-height:50px;
    text-align:center;
    border-right:1px solid #DEDEDE;
}

.table_th
{
    color:#555555;
    text-align:center;
    font-size:1.02em;
}

.table_td
{
    color:#808080;
    font-weight:normal;
    font-size:12px;
    text-align:center;
    word-wrap:break-word;
}

.prod_image_frame {
    margin:0;
    padding:0;
    margin:3px;
    max-width: 375px; 
    max-height: 375px;
    background: #FFFFFF;
    -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
    box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
    border:0.5px solid #C7C7C7;
}

.prod_image_noframe {
    max-width: 312px; 
    max-height: 255px;
}

.prod_image_help {
    max-width: 320px;
    max-height: 260px;
}

.prod_div_catalog {
    float:left;
    width:100%;    
    padding:0px;
    margin:0;
}

.prod_div_homeframe_Two {
    float:left;
    margin-right:6px;
    margin-bottom:6px;
    overflow: hidden;
}

.prod_div_homeframe {
    float:left;
    margin-right:6px;
    margin-bottom:6px;
    overflow: hidden;
}

.prod_div_homeframe_Two 
{
}

.prod_image_frame_e7u {
    max-width: 150px; 
    max-height: 132px;
    margin:5px;
    background: #FFFFFF;
    -webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
    box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.15);
    border:1px solid #C7C7C7;
}