* {
    outline: none;
    font-family: Verdana;
}
body {
    background: #60150c url(../images/body_bg.gif) 0px 0px repeat-x;
}
img {
    border: 0px none;
}
.hmenu a {
    font: 10px Verdana;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0px 10px 0px 10px;
}
.hmenu a:hover {
    font: 10px Verdana;
    color: #FFFF99;
    text-decoration: underline;
}
.hmenu td.link {
    padding: 0px 30px 0px 0px;
}
.text {
    font: 11px Tahoma;
}

.red1        { background: #981e0f; }
.red1 .wrap1 { background: url(../images/cat_01.gif) 0% 0% no-repeat; }
.red1 .wrap2 { background: url(../images/cat_btm_red.gif) 0% 100% no-repeat; }

.red2        { background: #981e0f; }
.red2 .wrap1 { background: url(../images/cat_02.gif) 0% 0% no-repeat; }
.red2 .wrap2 { background: url(../images/cat_btm_red.gif) 0% 100% no-repeat; }

.red3        { background: #981e0f; }
.red3 .wrap1 { background: url(../images/cat_03.gif) 0% 0% no-repeat; }
.red3 .wrap2 { background: url(../images/cat_btm_red.gif) 0% 100% no-repeat; }

.grn        { background: #6e873f; }
.grn .wrap1 { background: url(../images/cat_lst.gif) 0% 0% no-repeat; }
.grn .wrap2 { background: url(../images/cat_btm_grn.gif) 0% 100% no-repeat; }


.vmenu_block {
    margin: 10px 0px 0px 0px;
}
.vmenu_block .wrap2 {
    width: 211px;
    overflow: hidden;
    padding: 10px 0px 10px 0px;
}
.vmenu_block a {
    display: block;
    color: #FFFFFF;
    font: 12px Verdana;
    text-decoration: none;
}
.vmenu_block a.selected {
    color: #FFFF00;
}
.vmenu_block a.level0 {
    height: 40px;
    margin: 0px 0px 5px 90px;
    padding-right:10px;
}
.vmenu_block a.level0:hover {
    color: #FFFF00;
}
.vmenu_block a.level1 {
    margin: 5px 0px 5px 10px;
    padding-left:15px;
    background: url(../images/menu_dot_n.gif) 0px 2px no-repeat;
}
.vmenu_block a.level1:hover {
    color: #FFFF00;
    background: url(../images/menu_dot_h.gif) 0px 2px no-repeat;
}
.vmenu_block a.level2 {
    margin: 5px 0px 5px 15px;
    padding-left: 10px;
    font: 11px Verdana;
    background: none;
}
.vmenu_block a.level2:hover {
    color: #FFFF00;
    font: 11px Verdana;
    background: none;
}
.vmenu_block a.level3 {
    margin: 5px 0px 5px 15px;
    padding-left: 25px;
    font: 11px Verdana;
    background: none;
}
.vmenu_block a.level3:hover {
    color: #FFFF00;
    font: 11px Verdana;
    background: none;
}
.vmenu_block a.level4 {
    margin: 5px 0px 5px 15px;
    padding-left: 35px;
    font: 10px Verdana;
    background: none;
}
.vmenu_block a.level4:hover {
    color: #FFFF00;
    font: 10px Verdana;
    background: none;
}

.lcol_menu {
    padding: 10px 0px 10px 20px;
}
.lcol_menu a {
    display: block;
    padding: 6px 0px 6px 20px;
    font: 10px Verdana;
    color: #FFFFFF;
    text-decoration: none;
}
.lcol_menu a:hover {
    color: #FFFF00;
    text-decoration: underline;
}
.lcol_menu a.lnk1 { background: url(../images/ico_01.gif) 0px 2px no-repeat; }
.lcol_menu a.lnk2 { background: url(../images/ico_02.gif) 0px 2px no-repeat; }
.lcol_menu a.lnk3 { background: url(../images/ico_03.gif) 0px 2px no-repeat; }
.lcol_menu a.lnk4 { background: url(../images/ico_04.gif) 0px 2px no-repeat; }
.lcol_menu a.lnk5 { background: url(../images/ico_05.gif) 0px 2px no-repeat; }


.rcol_menu {
    padding: 10px 0px 10px 10px;
}
.rcol_menu a {
    display: block;
    font: 10px Verdana;
    color: #FFFFFF;
    text-decoration: none;
}
.rcol_menu .main {
    padding: 0px 0px 0px 40px;
    background: url(../images/rcol_menu.gif) 0px 0px no-repeat;
}
.rcol_menu a:hover {
    color: #FFFF00;
}
.rcol_menu a.lnk {
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 20px;
    background: url(../images/menu_dot_n.gif) 5px 2px no-repeat;
}


.content {
    padding: 10px;
    font: 12px Verdana;
    color: #444444;
}
.content h1 {
    padding: 0px;
    margin: 0px 0px 5px 0px;
    font: bold 10px Verdana;
    color: #000000;
}
.content .path {
    margin: 0px 0px 10px 0px;
    font: 10px Tahoma;
    color: #000000;
}
.content .path a {
    font: 10px Verdana;
    color: #346AA9;
    text-decoration: none;
}
.category_desc {
    padding: 4px 0px 4px 0px;
    border-top: 2px solid #8d8d8d;
    border-bottom: 2px solid #dd3f1c;
    font: 11px Tahoma;
    color: #615d5c;
}
.product_sm {
    font: 12px Tahoma;
    width: 100%;
}
.product_sm .prd_top {
    text-align: center;
    background: url(../images/prd_sm_top.gif) 0% 0% repeat-x;
}
.product_sm .prd_top .smname {
    height: 12px;
    color: #888888;
    font-size: 11px;
}
.product_sm .prd_bot {
    background: url(../images/prd_sm_bot.gif) 0% 100% repeat-x;
}
.product_sm td {
    padding: 2px 0px 2px 0px;
    text-align: left;
}
.product_sm .image_frame {
    width: 130px;
    height: 92px;
    overflow: hidden;
    margin: 0px auto;
}
.product_sm .price span {
    font-weight: bold;
    color: #FF0000;
}
.product_sm .price span.uah {
    font-size: 11px;
    color: #0000CC;
}
.sep_line {
    height: 0px;
    overflow: hidden;
    font: 0px Tahoma;
    border-bottom: 2px solid #f3f3f3;    
}
.but_compare {
    display: block;
    float: left;
    width: 66px;
    height: 16px;
    margin-right: 4px;
    background: url(../images/but_compare.gif) 0px 0px no-repeat;
}
.box_compare_0 {
    display: block;
    float: left;
    width: 13px;
    height: 16px;
    background: url(../images/box_compare_0.gif) 0px 0px no-repeat;
}
.box_compare_1 {
    display: block;
    float: left;
    width: 13px;
    height: 16px;
    background: url(../images/box_compare_1.gif) 0px 0px no-repeat;
}

.name_box {
    height: 20px;
    background: url(../images/name_box_bg.gif) 0px 0px repeat-x;
}
.name_box .left {
    float: left;
    width: 40px;
    height: 20px;
    background: #615d5c;
}
.name_box .left_1 {
    float: left;
    width: 40px;
    height: 20px;
    background: url(../images/name_box_l_1.gif) 0px 0px no-repeat;
}
.name_box .left_2 {
    float: left;
    width: 40px;
    height: 20px;
    background: url(../images/name_box_l_2.gif) 0px 0px no-repeat;
}
.name_box .left_3 {
    float: left;
    width: 40px;
    height: 20px;
    background: url(../images/name_box_l_3.gif) 0px 0px no-repeat;
}
.name_box .left_4 {
    float: left;
    width: 40px;
    height: 20px;
    background: url(../images/name_box_l_4.gif) 0px 0px no-repeat;
}
.name_box .left_5 {
    float: left;
    width: 40px;
    height: 20px;
    background: url(../images/name_box_l_5.gif) 0px 0px no-repeat;
}

.name_box .mid {
    float: left;
    font: 10px Verdana;
    color: #FFFFFF;
    padding: 4px 0px 0px 5px;
}
.name_box .right {
    float: right;
    width: 10px;
    height: 20px;
    background: url(../images/name_box_r.gif) 0px 0px no-repeat;
}
.cat_selected {
    font: 11px Tahoma;
    color: #cc3300;
    text-decoration: none;
}
.cat_link {
    font: 11px Tahoma;
    color: #346AA9;
    text-decoration: none;
}




#page-product .gbox {
    background: #bfbcbc;
}
#page-product .photos .scroll {
    position: relative;
    width: 302px;
    height: 54px;
}
#page-product .photos .scroll .wrapper {
    width: 280px;
    height: 54px;
    overflow: hidden;
    margin: 0 13px;
    position: absolute;
    top: 0;
}
#page-product .photos .scroll .arrow {
    position: absolute;
    display: block;
    cursor: pointer;
    width: 10px;
    height: 54px;
}
#page-product .photos .scroll .left {
    left: 0px;
    top: 0px;
    background: url(../images/prd_scroll_ln.gif) 0px 0px no-repeat;
}
#page-product .photos .scroll .left:hover {
    background: url(../images/prd_scroll_lh.gif) 0px 0px no-repeat;
}
#page-product .photos .scroll .right {
    right: 0px;
    top: 0px;
    background: url(../images/prd_scroll_rn.gif) 0px 0px no-repeat;
}
#page-product .photos .scroll .right:hover {
    background: url(../images/prd_scroll_rh.gif) 0px 0px no-repeat;
}
#page-product .photos .scroll .wrapper ul {
    width: 9999px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
#page-product .photos .scroll ul li {
    display: block;
    float: left;
    width: 70px;
    height: 50px;
    margin: 4px 0px 0px 0px;
}
#page-product .photos .scroll ul li a img {
    display: block;
    border: 0px none;
    width: 65px;
}

