html,
body {
    height: 100%;
    margin: 0;
    font-family: Arial;
    background: url('files/bg.jpg') top center repeat;
}
/* layers */
#bg-top {
    position: fixed;
    top: 0px;
    left: 0px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background: url('files/bg-top.jpg') top center no-repeat;
    z-index: 0;
    text-align: center;
}
#header {
    position: absolute;
    top: 82px;
    left: 50%;
    margin-left: -500px;
    width: 997px;
    height: 357px;
    z-index: 9;
    border: 1px solid #e1ebef;
    /*: ;
    background: url('files/header.jpg') top left no-repeat;*/
}
#header img {
    position: absolute;
    top: 0;
    left: 0;
    width: 997px;
    height: 357px;
    margin: 0px;
}
#block-info {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 999px;
    height: 20px;
    margin-left: -500px;
    border: 0px;
    font-family: arial;
    color: #000000;
    font-size: 11px;
    line-height: 20px;
}
#block-1 {
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -500px;
    width: 999px;
    z-index: 1;
}
#page {
    position: relative;
    width: 999px;
    background: url('files/bg-page-2.jpg') top left  repeat-y;
    margin: 0px;
    padding: 0px;
    border-top: 8px solid #ffffff;
}
/* MIN HEIGHT FOR Internet Explorer */
/* firefox */
#inside {
    /* height */
    min-height: 400px;
    height: auto;
}
/* IE */
* html #inside { height: 400px }
/* END MIN HEIGHT FOR Internet Explorer */
#space {
    position: relative;
    margin: 0px;
    width: 100%;
    height: 487px;
}
#footer {
    position: relative;
    top: 0px;
    margin: 0px;
    width: 999px;
    height: 25px;
    text-align: center;
    line-height: 26px;
    font-family: arial;
    font-size: 11px;
    color: #ffffff;
    font-weight: normal;
    text-shadow: 1px 1px 1px #000000;
    background: #009de0;
    border-top: 14px solid #ffffff;
    border-bottom: 1px solid #383737;
    background: url('files/bg-page-1.jpg') top left  repeat-x;
}
#inside {
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 0px;
    width: 999px;
}
/*

#in-right
{
float:left;
width:193px;
margin-left:8px;

}

#in-right a.shop2-here
{
display:block;
width:193px;
height:24px;
text-align:center;
line-height:24px;
background:url('files/bg-right-menu.jpg') left top no-repeat;



font-family:arial;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#cd0d15;
}
#in-right a:hover.shop2-here
{
color:#cd0d15;
background:url('files/bg-right-menu.jpg') left top no-repeat;
}
*/
#in-middle {
    float: left;
    width: 730px;
    margin-left: 22px;
    margin-top: 5px;
    font-family: arial;
    color: #424242;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
}
#in-middle  td {
    font-family: arial;
    color: #424242;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
}
#in-middle  hr {
    height: 1px;
    border: 0px;
    border-top: 1px dotted #d2d2d2;
    background: transparent;
}
hr {
    height: 1px;
    border: 0px;
    border-top: 1px dotted #d2d2d2;
    background: transparent;
}
.dotted {
    height: 1px;
    border: 0px;
    border-top: 1px dotted #d2d2d2;
    background: transparent;
}
#in-middle input.send {
    /*: ;
    width: 70px;
    height: 20px;
    background: #CBCBCB;
    border: 1px solid #6F6F6F;
    text-align: center;
    margin: 0px;
    margin-top: 8px;
    margin-bottom: 4px;
    padding: 0px;
    font-family: arial;
    color: #B72730;
    font-weight: bold;
    font-size: 12px;
    cursor: hand;*/
}
#in-left {
    float: left;
    width: 225px;
    padding: 0px;
    margin: 0px;
}
#left-menu-baner {
    position: relative;
    width: 206px;
    margin: 0px;
    margin-left: 10px;
    padding: 0px;
    text-align: left;
    font-family: arial;
    color: #424242;
    font-size: 12px;
    font-weight: normal;
    font-family: arial;
    color: #424242;
    font-size: 12px;
    font-weight: normal;
}
#right-menu-baner {
    position: relative;
    width: 100%;
    margin: 0px;
    margin-top: 6px;
    padding: 0px;
    text-align: left;
    font-family: arial;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
}
table {
    font-family: arial;
    color: #84898F;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
}
/*lang*/
#sk {
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: 342px;
    z-index: 15;
}
#en {
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: 378px;
    z-index: 15;
}
#hu {
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: 414px;
    z-index: 15;
}
/*user info*/
#user_info {
    position: absolute;
    top: 25px;
    left: 50%;
    margin-left: 68px;
    width: 400px;
    height: 20px;
    z-index: 15;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    color: #BE2C2D;
}
#user_info a {
    font-family: arial;
    color: #FFCC33;
    font-size: 11px;
    font-weight: normal;
}
#user_info a:hover {
    font-family: arial;
    color: #8274CF;
    font-size: 11px;
    font-weight: normal;
}
#user_info a.logout {
    font-family: arial;
    color: #000099;
    font-size: 11px;
    font-weight: normal;
}
#user_info a:hover.logout {
    font-family: arial;
    color: #8274CF;
    font-size: 11px;
    font-weight: normal;
}
/*ilu*/
#ilu-1 {
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -504px;
    z-index: 55;
}
#ilu-2 {
    position: absolute;
    top: 439px;
    left: 50%;
    margin-left: -501px;
    z-index: 55;
}
#ilu-3 {
    position: absolute;
    top: 67px;
    left: 50%;
    margin-left: -500px;
    z-index: 54;
}
#ilu-4 {
    position: absolute;
    top: 66px;
    left: 50%;
    margin-left: -500px;
    z-index: 100;
}
#ilu-5 {
    position: absolute;
    top: 37px;
    left: 50%;
    margin-left: 180px;
    z-index: 100;
    text-align: right;
    width: 300px;
    height: 30px;
    font-family: arial;
    color: #676767;
    font-size: 22px;
    font-weight: normal;
    padding: 0px;
}
#ilu-5 a {
    font-family: arial;
    color: #f58220;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
#ilu-5 img {
    border: 0px;
    margin: 0px;
}
#ilu-6 {
    position: absolute;
    top: 85px;
    left: 50%;
    margin-left: 217px;
    z-index: 50;
    text-align: right;
}
#ilu-7 {
    position: absolute;
    top: 94px;
    left: 50%;
    margin-left: 232px;
    z-index: 300;
    text-align: right;
}
#ilu-8 {
    position: absolute;
    top: 280px;
    left: 50%;
    width: 300px;
    margin-left: 182px;
    z-index: 100;
    text-align: right;
    font-family: arial;
    color: #FFD012;
    font-size: 26px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #000000;
}
/* top menu 1*/
#top-menu-1 {
    position: absolute;
    top: 37px;
    left: 50%;
    margin-left: -475px;
    width: 800px;
    height: 25px;
    text-align: left;
    z-index: 100;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #006600;
    line-height: 25px;
}
#top-menu-1 ul li {
    float: left;
    line-height: 25px;
    margin: 0px;
    margin-right: 8px;
    width: auto;
    height: 25px;
    padding: 0px;
}
#top-menu-1 ul li:hover {
    float: left;
    line-height: 25px;
    margin: 0px;
    margin-right: 8px;
    width: auto;
    height: 25px;
    padding: 0px;
}
#top-menu-1 ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    display: block;
}
#top-menu-1  li a {
    border: 0px solid;
    float: left;
    margin: 1px;
    width: auto;
    height: 23px;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #606060;
    line-height: 24px;
}
#top-menu-1   li a:hover { color: #b45314 }
#top-menu-1   li a.here {
    border: 0px solid;
    float: left;
    margin: 1px;
    width: auto;
    height: 23px;
    line-height: 24px;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
    background: transparent url('files/bg-top-menu-2.jpg') repeat scroll 0 0;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    text-shadow: 1px 1px 1px #000000;
}
#top-menu-1   li a:hover.here { color: #ffffff }
/* top menu 2*/
#top-menu-2 {
    position: absolute;
    top: 439px;
    left: 50%;
    margin-left: -501px;
    width: 999px;
    height: 55px;
    text-align: right;
    z-index: 100;
    /*text-shadow: 1px 1px 1px #000000; */
    letter-spacing: 1px;
    /*: ;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: 006600;
    line-height: 30px;*/
}
/*
#top-menu-2 a
{
display:inline-block;
text-align:center;

width:167px;
height:54px;

line-height:45px;

font-family:arial;
font-size:14px;
font-weight:normal;
text-decoration:none;
color:#ffffff;
text-shadow: 1px 1px 1px #000000;
letter-spacing: 1px;
}

#top-menu-2 a:hover
{
color:#b5d759;
}

#top-menu-2 a.here
{
font-weight:normal;
color:#b5d759;
text-shadow: 1px 1px 1px #000000;
}
#top-menu-2 a:hover.here
{
color:#b5d759;
}
*/
#top-menu-2 ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    display: block;
}
#top-menu-2 ul li {
    float: right;
    line-height: 50px;
    margin: 0px;
    margin-left: 8px;
    width: auto;
    height: 46px;
    padding: 0px;
    background: rgb(0,127,175); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,127,175,1) 0%, rgba(0,169,233,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,127,175,1)), color-stop(100%,rgba(0,169,233,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,127,175,1) 0%,rgba(0,169,233,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,127,175,1) 0%,rgba(0,169,233,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,127,175,1) 0%,rgba(0,169,233,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,127,175,1) 0%,rgba(0,169,233,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007faf', endColorstr='#00a9e9',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 1px solid #d2d2d2;
}
#top-menu-2  li a {
    border: 0px solid;
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
    /*: ;
    text-shadow: 1px 1px 1px #000000;*/
    line-height: 46px;
    margin-left: 20px;
    margin-right: 20px;
}
#top-menu-2   li a:hover { color: #b5d759 }
#top-menu-2   li a.here {
    height: 46px;
    line-height: 46px;
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
    color: #b5d759;
    /*: ;
    background: transparent url('files/bg-top-menu-2.jpg') repeat scroll 0 0;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;*/
}
#top-menu-2   li a:hover.here { color: #ffffff }
/*left menu*/
#left-menu {
    width: 220px;
    margin: 0px;
    position: relative text-align:center;
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #FF0000;
    margin-left: 6px;
}
#left-menu a {
    display: block;
    width: 189px;
    min-height: 22px;
    text-align: left;
    line-height: 19px;
    margin-bottom: 2px;
    background: url('files/bg-left-menu-dot.jpg') 6px 14px no-repeat  #86B801;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 1px 1px 1px #282828;
    padding-left: 18px;
    padding-top: 8px;
    padding-bottom: 7px;
    padding-right: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#left-menu a:hover { color: #E8D8BF }
#left-menu a.here {
    display: block;
    width: 189px;
    min-height: 22px;
    text-align: left;
    line-height: 19px;
    margin-bottom: 2px;
    background: url('files/bg-left-menu-dot.jpg') 6px 14px no-repeat  #86B801;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #E8D8BF;
    text-shadow: 1px 1px 1px #282828;
    padding-left: 18px;
    padding-top: 8px;
    padding-bottom: 7px;
    padding-right: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#left-menu a.here:hover { color: #E8D8BF }
/*right menu*/
#right-menu {
    width: 193px;
    margin-top: 2px;
    padding-top: 6px;
    position: relative text-align:center;
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #939393;
}
#right-menu a {
    display: block;
    width: 193px;
    height: 24px;
    text-align: left;
    line-height: 24px;
    background: url('files/bg-right-menu.jpg') left top no-repeat;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
}
#right-menu a:hover {
    color: #FF0033;
    background: url('files/bg-right-menu.jpg') left top no-repeat;
}
#right-menu a.here {
    display: block;
    width: 193px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    background: url('files/bg-right-menu.jpg') left top no-repeat;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #FFCC00;
}
#right-menu a.here:hover {
    color: #FF0033;
    background: url('files/bg-right-menu.jpg') left top no-repeat;
}
#right-menu a.side_simple {
    display: inline;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #939393;
    background: none;
}
#right-menu a:hover.side_simple {
    color: #FF0033;
    background: none;
}
/*search*/
#search-middle {
    width: 605px;
    margin-top: 5px;
}
#in-middle table  td.search-bg {
    background: url('files/td-bg-search.jpg') top left repeat-x;
    height: 26px;
    font-family: arial;
    color: #ffffff;
    text-align: right;
    font-weight: normal;
    font-size: 14px;
    line-height: 10px;
    padding: 6px;
}
td.search-left {
    background: url('files/td-left-search.jpg') top right no-repeat;
    height: 26px;
    width: 3px;
}
td.search-right {
    background: url('files/td-right-search.jpg') top left no-repeat;
    height: 26px;
    width: 3px;
}
#search-middle  select {
    width: 125px;
    height: 17px;
    border: 1px solid font-family:arial;
    font-size: 11px;
    color: #006600;
    border: 1px solid #AF8384;
}
#search-middle input.send {
    font-family: arial;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    /*: ;
    cursor: hand;*/
    cursor: pointer;
    width: 80px;
    height: 20px;
    background: none;
    border: 0px solid;
}
input.search {
    font-family: arial;
    color: #939393;
    font-weight: bold;
    font-size: 12px;
    /*: ;
    cursor: hand;*/
    cursor: pointer;
    width: 80px;
    height: 28px;
    /*uprave ie*/
    border: 0px solid #d2d2d2;
    background: url('blank.gif');
    vertical-align: bottom;
}
#search-input {
    width: 188px;
    height: 28px;
    line-height: 28px;
    font-family: arial;
    font-size: 15px;
    color: #3b3d36;
    border: 0px solid #d2d2d2;
    background: transparent;
    padding-left: 4px;
}
.login-input {
    width: 200px;
    height: 28px;
    line-height: 28px;
    font-family: arial;
    font-size: 15px;
    color: #3b3d36;
    border: 1px solid #d2d2d2;
    background: transparent;
    padding-left: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
}
#in-left a.shop1 {
    display: block;
    width: 188px;
    min-height: 25px;
    text-align: left;
    line-height: 25px;
    margin: 0px;
    background: url('files/bg-left-menu-2.jpg') 5px 8px no-repeat;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    color: #5e5e5e;
    text-shadow: none;
    padding: 0px;
    padding-left: 18px;
    padding-right: 9px;
}
#in-left a:hover.shop1 { color: #dd731c }
#in-left a.shop1-here {
    display: block;
    width: 188px;
    min-height: 25px;
    text-align: left;
    line-height: 25px;
    margin: 0px;
    background: url('files/bg-left-menu-2.jpg') 5px 8px no-repeat;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    color: #dd731c;
    text-shadow: none;
    padding: 0px;
    padding-left: 18px;
    padding-right: 9px;
}
#in-left a:hover.shop1-here { color: #dd731c }
/*2*/
/*left menu*/
#in-left a.sort {
    display: block;
    width: 189px;
    min-height: 22px;
    text-align: left;
    line-height: 19px;
    margin-bottom: 3px;
    margin-top: 1px;
    background: url('files/bg-left-menu-dot.jpg') 6px 14px no-repeat  #86B801;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 1px 1px 1px #282828;
    padding-left: 18px;
    padding-top: 9px;
    padding-bottom: 7px;
    padding-right: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    /*: ;
    border: 1px solid #7DA022;*/
}
#in-left a:hover.sort { color: #E8D8BF }
#in-left a.sort-here {
    display: block;
    width: 189px;
    min-height: 22px;
    text-align: left;
    line-height: 19px;
    margin-bottom: 3px;
    margin-top: 1px;
    background: url('files/bg-left-menu-dot.jpg') 6px 14px no-repeat  #86B801;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #E8D8BF;
    text-shadow: 1px 1px 1px #282828;
    padding-left: 18px;
    padding-top: 9px;
    padding-bottom: 7px;
    padding-right: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#in-left a:hover.sort-here {
    color: #E8D8BF;
    background: url('files/bg-left-menu-dot.jpg') 6px 14px no-repeat  #86B801;
}
#in-left a.shop2 {
    display: block;
    width: 185px;
    min-height: 25px;
    text-align: left;
    line-height: 25px;
    margin: 0px;
    background: url('files/bg-left-menu-2.jpg') 8px 8px no-repeat;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    color: #5e5e5e;
    text-shadow: none;
    padding: 0px;
    padding-left: 21px;
    padding-right: 9px;
}
#in-left a:hover.shop2 { color: #dd731c }
#in-left a.shop2-here {
    display: block;
    width: 185px;
    min-height: 25px;
    text-align: left;
    line-height: 25px;
    margin: 0px;
    background: url('files/bg-left-menu-2.jpg') 8px 8px no-repeat;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    color: #dd731c;
    text-shadow: none;
    padding: 0px;
    padding-left: 21px;
    padding-right: 9px;
}
#in-left a:hover.shop2-here { color: #dd731c }
/*3*/
/*left menu*/
#in-left a.shop3 {
    display: block;
    width: 182px;
    min-height: 25px;
    text-align: left;
    line-height: 25px;
    margin: 0px;
    background: url('files/bg-left-menu-2.jpg') 11px 8px no-repeat;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    color: #5e5e5e;
    text-shadow: none;
    padding: 0px;
    padding-left: 24px;
    padding-right: 9px;
}
#in-left a:hover.shop3 { color: #dd731c }
#in-left a.shop3-here {
    display: block;
    width: 182px;
    min-height: 25px;
    text-align: left;
    line-height: 25px;
    margin: 0px;
    background: url('files/bg-left-menu-2.jpg') 11px 8px no-repeat;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    color: #dd731c;
    text-shadow: none;
    padding: 0px;
    padding-left: 24px;
    padding-right: 9px;
}
#in-left a:hover.shop3-here { color: #dd731c }
#in-left .left-menu-bottom {
    float: right;
    width: 148px;
    height: 17px;
    text-align: center;
    background: url('files/left-menu-bottom.jpg') top left no-repeat;
}
#in-left .left-menu-top {
    float: right;
    width: 148px;
    height: 17px;
    text-align: center;
    background: url('files/left-menu-top.jpg') top left no-repeat;
}
#basket {
    position: absolute;
    top: 145px;
    left: 50%;
    /*margin-left: -350px;    */
    margin-left: 218px;
    z-index: 15;
    background: url('files/basket.png') top left no-repeat;
    width: 150px;
    height: 40px;
    line-height: 40px;
    padding-left: 42px;
}
#basket a {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}
#basket a:hover { color: #F74E9F }
a {
    font-family: arial;
    color: #23B5D8;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    transition: all .30s ease-in-out;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
}
a:hover { color: #f58220 }
/*headers*/
h1 { }
h2 {
    font-family: arial;
    color: #23b5d0;
    font-size: 18px;
    margin-top: 2px;
    margin-bottom: 10px;
}
h3 {
    font-family: arial;
    color: #23b5d0;
    font-size: 14px;
    margin-top: 2px;
    margin-bottom: 2px;
}
h4 {
    font-family: arial;
    color: #23b5d0;
    font-size: 14px;
    font-weight: normal;
}
/* others */
.hidden { display: none }
img {
    border: 0px;
    vertical-align: middle;
}
hr.clear {
    clear: both;
    height: 1px;
    border: none;
    visibility: hidden;
    margin: 0 auto;
}
#copyright {
    position: absolute;
    top: -40px;
    left: 8px;
    width: 706px;
    height: 128px;
    z-index: 10;
    text-align: center;
}
/* thumb */
.thumb {
    width: 130px;
    height: 180px;
    float: left;
    /*: ;
    background: url('files/thumb.png') top center no-repeat;*/
    margin: 0 2 2 2;
    border: 1px solid #DDDBDB;
    text-align: center;
}
.thumb img { position: relative }
.thumb img {
    position: relative;
    background: #d2d2d2;
    /*: ;
    border: 3px solid #e3f1e5;*/
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 4px;
}
.thumb a {
    font-family: arial;
    color: #470B05;
    font-size: 11px;
    font-weight: normal;
}
.thumb a:hover {
    font-family: arial;
    color: #439E16;
    font-size: 11px;
    font-weight: normal;
}
.th-top {
    height: 6px;
    background: url('files/th-top.jpg') bottom  repeat-x;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.th-left {
    height: 6px;
    background: url('files/th-left.jpg') bottom right repeat-y;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.th-right {
    height: 6px;
    background: url('files/th-right.jpg') bottom left repeat-y;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.th-bottom {
    height: 6px;
    background: url('files/th-bottom.jpg')  top repeat-x;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.th-left-corner-top {
    width: 6px;
    height: 5px;
    background: url('files/th-left-corner-top.jpg') bottom no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.th-right-corner-top {
    width: 6px;
    height: 5px;
    background: url('files/th-right-corner-top.jpg') bottom left no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.th-left-corner-bottom {
    width: 6px;
    height: 5px;
    background: url('files/th-left-corner-bottom.jpg') top right no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.th-right-corner-bottom {
    width: 6px;
    height: 5px;
    background: url('files/th-right-corner-bottom.jpg') top left no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
#in-middle table td .th-img {
    margin: 0px;
    padding: 0px;
    border: 0px solid;
    text-align: center;
    width: 110px;
    height: 165px;
}
/*detail*/
.detail-top {
    height: 12px;
    background: url('files/detail-top.jpg') bottom  repeat-x;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.detail-left {
    height: 6px;
    background: url('files/detail-left.jpg') bottom right repeat-y;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.detail-right {
    height: 6px;
    background: url('files/detail-right.jpg') bottom left repeat-y;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.detail-bottom {
    height: 12px;
    background: url('files/detail-bottom.jpg')  top repeat-x;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.detail-left-corner-top {
    width: 9px;
    height: 9px;
    background: url('files/detail-left-corner-top.jpg') bottom no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.detail-right-corner-top {
    width: 9px;
    height: 9px;
    background: url('files/detail-right-corner-top.jpg') bottom left no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.detail-left-corner-bottom {
    width: 6px;
    height: 5px;
    background: url('files/detail-left-corner-bottom.jpg') top right no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.detail-right-corner-bottom {
    width: 6px;
    height: 5px;
    background: url('files/detail-right-corner-bottom.jpg') top left no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px solid;
}
.detail-img {
    margin: 0px;
    padding: 0px;
    border: 0px solid;
    /*: ;
    background : #ffffff url('files/bg-detail.jpg') bottom left repeat-x;*/
}
.detail-name {
    height: 26px;
    font-weight: bold;
    color: #ffffff;
    font-family: arial;
    font-size: 17px;
    line-height: 29px;
}
/*attributes*/
#att {
    width: 100%;
    border: 0px solid;
    padding: 0px;
    margin-bottom: 10px;
    border-right: 1px solid #DEE1F2;
    border-top: 1px solid #DEE1F2;
}
#att th {
    border: 0px solid;
    background: #B5BBCF;
    font-family: arial;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    border-left: 1px solid #DEE1F2;
    border-bottom: 1px solid #DEE1F2;
    width: auto;
    height: 20px;
    padding: 3px;
    text-align: center;
}
#att td.empty {
    border: 0px solid;
    font-family: arial;
    color: #7D818F;
    font-size: 12px;
    font-weight: normal;
    border-left: 1px solid #DEE1F2;
    border-bottom: 1px solid #DEE1F2;
    background: url('files/att-empty.jpg') top left repeat-x;
    width: auto;
    height: 20px;
    padding-left: 3px;
    text-align: left;
}
#att td.empty-b {
    border: 0px solid;
    font-family: arial;
    color: #7D818F;
    font-size: 12px;
    font-weight: bold;
    border-left: 1px solid #DEE1F2;
    border-bottom: 1px solid #DEE1F2;
    background: url('files/att-empty-b.jpg') top left repeat-x;
    width: auto;
    height: 20px;
    padding-left: 3px;
    text-align: left;
}
input.check {
    width: 15px;
    height: 15px;
}
/*search*/
#search {
    width: 150px;
    height: 22px;
    border: 1px solid #eceae4;
    background: #ffffff;
    margin-top: 5px;
    margin-left: 10px;
    font-family: arial;
    font-weight: normal;
    font-size: 12px;
    color: #a58e58;
    text-align: center;
}
#search-button {
    width: 32px;
    height: 22px;
    border: 0px;
    position: absolute;
    top: 2px;
    left: 50%;
    margin-left: -261px;
    z-index: 15;
    background: url('files/zoom.jpg') top center no-repeat;
    /*: ;
    cursor: hand;*/
    cursor: pointer;
}
#detail-header {
    position: relative;
    width: 478px;
    height: 11px;
    background: url('files/detail-header.jpg') top left no-repeat;
}
#detail-page {
    position: relative;
    width: 478px;
    background: url('files/detail-page.jpg') top left repeat-y;
}
#detail-footer {
    position: relative;
    width: 478px;
    background: url('files/detail-footer.jpg') bottom left no-repeat;
}
#detail {
    font-family: arial;
    color: #188624;
    font-size: 13px;
    font-weight: normal;
}
/**/
h3.th {
    font-family: arial;
    color: #C2272D;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 6px;
}
.blue {
    font-family: arial;
    color: #20165B;
    font-size: 12px;
    font-weight: bolder;
}
.pink {
    font-family: arial;
    color: #D36919;
    font-size: 22px;
    font-weight: normal;
}
.grey {
    font-family: arial;
    color: #696969;
    font-size: 11px;
    font-weight: normal;
}
.button-count {
    /*: ;
    width: 70px;
    height: 20px;
    background: #CBCBCB;
    border: 1px solid #6F6F6F;
    text-align: center;
    margin: 0px;
    margin-top: 8px;
    margin-bottom: 4px;
    padding: 0px;
    font-family: arial;
    color: #B72730;
    font-weight: bold;
    font-size: 12px;
    cursor: hand;*/
}
.button-send {
    width: 95px;
    height: 55px;
    background: #EF59B0;
    border: 0px solid #6F8314;
    text-align: center;
    margin: 0px;
    margin-top: 8px;
    margin-bottom: 4px;
    padding: 0px;
    font-family: arial;
    color: #B72730;
    font-size: 12px;
    font-weight: bold;
    /*: ;
    cursor: hand;*/
    cursor: pointer;
    line-height: 73px;
}
.checkbox {
    width: auto;
    height: auto;
}
.button {
    width: 40px;
    height: 40px;
    background: url('files/basket.png') bottom center no-repeat;
    margin: 0px;
    margin-bottom: 0px;
    /*: ;
    cursor: hand;*/
    cursor: pointer;
    vertical-align: middle;
    transition: all .30s ease-in-out;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
}
.button:hover { }
button:active { /*border: 0px solid transparent; _NO__DOTCOMMA__AFTER__*/ }
div.td-right input.send {
    /*: ;
    width: 70px;
    height: 20px;
    background: #CBCBCB;
    border: 1px solid #6F6F6F;
    text-align: center;
    margin: 0px;
    margin-top: 8px;
    margin-bottom: 4px;
    padding: 0px;
    font-family: arial;
    color: #B72730;
    font-weight: bold;
    font-size: 12px;
    cursor: hand;*/
}
input {
    width: 200px;
    border: 1px solid #d2d2d2;
    font-family: arial;
    color: #470B05;
    font-size: 11px;
}
textarea {
    width: 196px;
    height: 130px;
    border: 1px solid #d2d2d2;
    font-family: arial;
    color: #470B05;
    font-size: 11px;
}
.td-cart {
    border-bottom: 1px dotted #d2d2d2;
    height: 25px;
    font-family: arial;
    color: #494949;
    font-size: 11px;
}
input.cart {
    width: 30px;
    border: 1px solid #00000;
    font-family: arial;
    color: #470B05;
    font-size: 11px;
    text-align: right;
    padding-right: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/* page list */
#list { width: 100% }
#list ul li {
    float: left;
    line-height: 19px;
    margin: 2px;
    width: 19px;
    height: 19px;
    padding: 0px;
}
#list ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    display: block;
}
#list  u,
li,
a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#list   li a {
    border: 1px solid #d2d2d2;
    float: left;
    margin: 2px;
    width: 19px;
    height: 19px;
    font-family: arial;
    font-size: 11px;
    text-decoration: none;
    color: #5F5F5F;
    font-weight: normal;
}
#list  li a:hover {
    color: #ffffff;
    background: #97b59e;
}
#list  u {
    font-weight: bold;
    color: #9b4a41;
    background: #F9E99D;
    border: 1px solid #d2d2d2;
    float: left;
    margin: 2px;
    width: 19px;
    height: 19px;
    font-family: arial;
    font-size: 11px;
    text-decoration: none;
}
/*spacer*/
img.spacer {
    position: relative;
    height: 7px;
    width: 190px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 9px;
}
img.spacer2 {
    position: relative;
    height: 1px;
    width: 190px;
    margin-top: 2px;
    margin-bottom: 2px;
}
#home {
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -480px;
    width: 300px;
    height: 85px;
    z-index: 15;
}
/*table*/
div.td-left {
    float: left;
    width: 32%;
    text-align: right;
    margin-bottom: 3px;
    font-size: 12px;
}
div.td-right {
    float: right;
    width: 65%;
    text-align: left;
    margin-bottom: 3px;
}
input.three {
    width: 85px;
    height: 42px;
    border: 1px solid #00ADED;
    font-family: arial;
    color: #C1282D;
    font-size: 22px;
    font-weight: bold;
    background: #ffffff;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 2px;
}
/* bottom menu */
#bottom-menu {
    position: relative;
    margin: 0px;
    height: 25px;
    text-align: right;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 1px 1px 1px #282828;
    line-height: 25px;
}
#bottom-menu a {
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}
#bottom-menu a:hover { color: #ffffff }
#bottom-menu a.here {
    font-weight: normal;
    color: #ffffff;
}
#bottom-menu a:hover.here { color: #ffffff }
#bottom-menu-2 {
    position: relative;
    margin: 0px;
    margin-top: 0px;
    border-top: 1px solid #666363;
    border-bottom: 1px solid #666363;
    width: 100%;
    text-align: right;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
    line-height: 24px;
    text-shadow: 1px 1px 1px #282828;
    background: url('files/bg-bottom-menu-2.jpg') bottom left repeat-x #4f4f4f;
}
#bottom-menu-2-in {
    position: relative;
    width: 988px;
    margin: 4px;
    text-align: left;
    border-bottom: 1px dashed #6b6a6a;
}
#bottom-menu-2-in td {
    text-align: left;
    padding: 8px;
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}
#bottom-menu-2  a {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #827e7e;
}
#bottom-menu-2  a:hover {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #F68121;
}
#bottom-menu-2  a.here {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #F68121;
}
#bottom-menu-2  a:hover.here {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #F68121;
}
#social {
    position: absolute;
    top: 34px;
    left: 50%;
    margin-left: -760px;
    z-index: 60;
    text-align: right;
    width: 250px;
    height: 30px;
    line-height: 30px;
}
#rss {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -580px;
    z-index: 60;
}
#fb {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -558px;
    z-index: 60;
}
#fb-2 {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: 580px;
    z-index: 60;
}
#twitter {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -536px;
    z-index: 60;
}
/* thumb block */
.thumb-block {
    width: 132px;
    height: auto;
    float: left;
    margin: 0px 14px 14px 0px;
    font-family: arial;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    line-height: 13px;
    border: 0px solid;
    text-align: center;
}
.thumb-block-top {
    position: relative;
    margin: 0px;
    width: 132px;
    height: 5px;
    background: url('files/thumb-top.png') bottom left no-repeat;
    border: 0px solid;
    behavior: url('iepngfix.htc');
}
.thumb-block-middle {
    position: relative;
    margin: 0px;
    width: 132px;
    background: url('files/thumb-middle.jpg') top left repeat-y;
    border: 0px solid;
    text-align: center;
}
.thumb-block-middle  img {
    border: 1px solid #FBD88F;
    /*margin-left: 4px; */
}
.thumb-block-bottom {
    position: relative;
    margin: 0px;
    width: 132px;
    height: 5px;
    background: url('files/thumb-bottom.png') top left no-repeat;
    border: 0px solid;
}
#left-panel {
    position: absolute;
    top: 78px;
    left: 50%;
    width: 400px;
    margin-left: -908px;
    z-index: 15;
    text-align: right;
    font-family: arial;
    color: #424242;
    font-size: 12px;
    font-weight: normal;
}
#right-panel {
    position: absolute;
    top: 78px;
    left: 50%;
    width: 400px;
    margin-left: 507px;
    z-index: 15;
    text-align: left;
    font-family: arial;
    color: #424242;
    font-size: 12px;
    font-weight: normal;
}
#search-form { }
.show-content-basket { }
.content-basket {
    width: 200px;
    position: absolute;
    top: 498px;
    left: 50%;
    margin-left: 280px;
    z-index: 120;
    background: #ffffff;
    border: 1px solid #d2d2d2;
    padding: 8px;
    font-family: arial;
    color: #424242;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: none;
}
.content-basket-centered {
    width: 290px;
    z-index: 120;
    background: #ffffff;
    border: 1px solid #d2d2d2;
    padding: 16px;
    font-family: arial;
    color: #424242;
    font-size: 12px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=90, Color=#333333)"; /*IE 8*/
    -moz-box-shadow: 0px 0px 8px #333333; /*FF 3.5+*/
    -webkit-box-shadow: 0px 0px 8px #333333; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0px 0px 8px #333333; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=90, Color=#333333); /*IE 5.5-7*/
}
.scrollup {
    width: 38px;
    height: 38px;
    position: fixed;
    bottom: 30px;
    left: 50%;
    margin-left: 520px;
    display: none;
    text-indent: -9999px;
    background: url('files/arrow-top.png') no-repeat;
    behavior: url('iepngfix.htc');
}
.line-vertical {
    /*: ;
    background: url('files/line-vertical.jpg') top right repeat-y;*/
}
.box {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);
}
/*thumb ul*/
.thumb-ul ul {
    width: auto;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    display: block;
}
.thumb-ul  li {
    float: left;
    margin: 0px;
    margin-bottom: 2px;
    width: 25%;
    height: 465px;
    padding: 0px;
    text-align: center;
    list-style-type: none;
    border: 0px;
    border-bottom: 1px dashed #d2d2d2;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(254,246,239,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(254,246,239,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(254,246,239,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(254,246,239,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(254,246,239,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(254,246,239,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fef6ef',GradientType=0 ); /* IE6-9 */
}
.stickers {
    position: absolute;
    left: 0px;
    top: 0px;
    width: auto;
    height: 26px;
    border: 0px solid;
    padding: 0px;
    margin: 0px;
    line-height: 26px;
    text-align: center;
    font-family: arial;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #333131;
}
.stickers-line {
    position: relative;
    left: 0px;
    top: 0px;
    max-width: 200px;
    height: 26px;
    border: 0px solid;
    padding: 0px;
    margin: 0px;
    margin-bottom: 4px;
    margin-top: 4px;
    line-height: 26px;
    text-align: center;
    font-family: arial;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    background: #d2d2d2;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #333131;
}
.stickers-slider {
    position: relative;
    left: 0px;
    top: 0px;
    max-width: 150px;
    height: 26px;
    border: 0px solid;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 26px;
    text-align: center;
    font-family: arial;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    background: #d2d2d2;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #333131;
}
.rel {
    position: relative;
    border: 0px;
    margin: 0px;
    padding: 0px;
}


.stickers-green {
    position: absolute;
    left: 0px;
    top: 178px;
    width: auto;
    height: 21px;
    border: 0px solid;
    padding: 0px;
    margin: 0px;
    line-height: 21px;
    text-align: center;
    font-family: arial;
    color: #ffffff;
    font-size: 9px;
    font-weight: normal;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #333131;
    background: #00c40d;
}

.stickers-orange {
    position: absolute;
    left: 0px;
    top: 178px;
    width: auto;
    height: 21px;
    border: 0px solid;
    padding: 0px;
    margin: 0px;
    line-height: 21px;
    text-align: center;
    font-family: arial;
    color: #ffffff;
    font-size: 9px;
    font-weight: normal;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #333131;
    background : #FFC300;
}

.stickers-other {
    position: absolute;
    left: 0px;
    top: 178px;
    width: auto;
    height: 21px;
    border: 0px solid;
    padding: 0px;
    margin: 0px;
    line-height: 21px;
    text-align: center;
    font-family: arial;
    color: #ffffff;
    font-size: 9px;
    font-weight: normal;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #333131;
   
}

.stickers-green-2 { background: #00c40d; }
.stickers-orange-2 { background : #FFC300; }

/*flexslider*/
.slider  table { height: 280px }
/* SEO */
h1.main {
    font-family: arial;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    text-shadow: 1px 1px 1px #000000;
    position: absolute;
    top: 235px;
    left: 50%;
    width: 168px;
    margin-left: -469px;
    z-index: 100;
    background: red;
    border-radius: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: rgb(232,163,111); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(232,163,111,1) 0%, rgba(234,120,30,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,163,111,1)), color-stop(100%,rgba(234,120,30,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(232,163,111,1) 0%,rgba(234,120,30,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(232,163,111,1) 0%,rgba(234,120,30,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(232,163,111,1) 0%,rgba(234,120,30,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(232,163,111,1) 0%,rgba(234,120,30,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8a36f', endColorstr='#ea781e',GradientType=0 ); /* IE6-9 */
    opacity: 0.9;
}
div.main {
    font-family: arial;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    text-shadow: 1px 1px 1px #000000;
    position: absolute;
    top: 243px;
    left: 50%;
    width: 168px;
    margin-left: -469px;
    z-index: 110;
    background: red;
    border-radius: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: rgb(232,163,111); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(232,163,111,1) 0%, rgba(234,120,30,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,163,111,1)), color-stop(100%,rgba(234,120,30,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(232,163,111,1) 0%,rgba(234,120,30,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(232,163,111,1) 0%,rgba(234,120,30,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(232,163,111,1) 0%,rgba(234,120,30,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(232,163,111,1) 0%,rgba(234,120,30,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8a36f', endColorstr='#ea781e',GradientType=0 ); /* IE6-9 */
    opacity: 0.9;
}
/* seo*/
h1.detail {
    font-family: arial;
    color: #23b5d0;
    font-size: 18px;
    margin-top: 2px;
    margin-bottom: 2px;
}
h2.detail {
    font-family: arial;
    color: #696969;
    font-size: 11px;
    font-weight: normal;
    margin: 2px;
}
.no-border { border: 0px }
.w-all { width: 100% }
table {
    border-collapse: collapse;
    align: center;
}
td {
    padding: 0px;
    vertical-align: top;
}
.form   td {
    padding: 6px;
    font-size: 12px;
}
#in-middle #items_in_basket td {
    padding: 6px;
    text-align: left;
    font-weight: normal;
    height: 25px;
}
.basket-send td {
    padding: 6px;
    font-family: arial;
    color: #494949;
    font-size: 12px;
}
.basket-send input {
    font-size: 16px;
    border-radius: 4px;
    vertical-align: middle;
}
.basket-thumbnail {
    max-height: 60px;
    max-width: 60px;
}
.thumbnail-line {
    max-height: 150px;
    max-width: 150px;
}
/*
#in-middle table input.checkbox { height:19px;border:1px solid red;}
*/
#in-middle .h2-order {
    float: left;
    padding: 6px;
    color: #E6751E;
    font-size: 12px;
    line-height: 18px;
}
#in-middle .h2-order  h2 {
    font-family: arial;
    color: #E6751E;
    font-size: 12px;
    margin: 4px;
    font-weight: normal;
}
.user { color: #F27F20 }
.add-alert {
    font-family: arial;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    text-shadow: 1px 1px 1px #000000;
    position: relative;
    top: -110px;
    left: 0px;
    width: 100%;
    height: 40px;
    background: red;
    border-radius: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: rgb(232,163,111); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(232,163,111,1) 0%, rgba(234,120,30,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,163,111,1)), color-stop(100%,rgba(234,120,30,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(232,163,111,1) 0%,rgba(234,120,30,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(232,163,111,1) 0%,rgba(234,120,30,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(232,163,111,1) 0%,rgba(234,120,30,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(232,163,111,1) 0%,rgba(234,120,30,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8a36f', endColorstr='#ea781e',GradientType=0 ); /* IE6-9 */
}
.add-alert a {
    text-shadow: 1px 1px 1px #000000;
    color: #ffffff;
    font-size: 14px;
}
/*blocks*/
.block-grey {
    padding: 20px;
    width: 95%;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    text-align: center;
}
.block-green {
    padding: 20px;
    width: 95%;
    border: 1px solid #7A9922;
    border-radius: 4px;
    text-align: center;
}
.block-blue {
    padding: 20px;
    width: 95%;
    border: 1px solid #0085B7;
    border-radius: 4px;
    text-align: center;
}
.block-red {
    padding: 20px;
    width: 95%;
    border: 1px solid red;
    border-radius: 4px;
    text-align: center;
}
.pull-left { float: left }
.pull-right { float: right }
.add,
.red {
    font-size: 12px;
    padding: 4px;
    margin-bottom: 4px;
}
/*
input[type="submit"] {
    font-family: FontAwesome;
}
*/
/*autocomplete*/
/*
ul.ui-autocomplete.ui-menu li:first-child a{
    color:#;
}
*/

.hp {
  display:none;
}

.slider-max
 {
  max-width: 220px;
  max-height: 295px;
 }
 
 
 
.eu
{
  position:fixed;
  bottom:0px;
  width: 100%; 
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-top:1px solid #C2C2C2;
  background: #F9F7F7;
  font-family: arial;
  font-size: 12px;
  z-index:999;
  
}

#eu-cookies-button
{
 color:#ffffff;
 background:#0096CF;
 cursor: pointer;
 border:0px solid;
 height:25px;
 line-height:20px;
 border-radius: 2px;
 
}

/* eu consent cookies*/
.cookies-eu-consent-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: flex;
    align-items: flex-end; /* Align items to the end (bottom) */
    justify-content: center;
    z-index: 1000; /* Ensure it's above other content */
    padding-bottom: 20px; /* Adds space at the bottom */
}

.cookies-eu-consent-banner {
    width: 800px;
    background-color: #fff; /* White background for the content */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Soft shadow for depth */
    display: flex;
    flex-direction: column; /* Stack children vertically */
    border-radius: 6px; /* Rounded edges */
    font-size: 13px;
    padding-bottom: 20px;
    margin-bottom: 20px; /* This ensures there's a space from the modal's bottom edge */ 
}
.cookies-eu-consent-title {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #f2f2f2; /* Light grey background */
    border-bottom: 1px solid #d2d2d2;
    display: flex;
    align-items: center;
    padding: 0 20px; /* Padding on the sides */
    box-sizing: border-box; /* Include padding in height calculation */
    border-top-left-radius: 6px; /* Rounded top-left edge */
    border-top-right-radius: 6px; /* Rounded top-right edge */
}

.cookies-eu-consent-content {
    display: flex; /* Use flexbox to position children side by side */
    padding: 20px;
    color: #3b3b3b;
}

.cookies-eu-consent-text {
    width: 520px;
    flex-grow: 1; /* Allow text to take up remaining space */
    margin-right: 20px; /* Ensure there's a bit of margin next to the buttons for spacing */
    text-align: justify;    
}

.cookies-eu-consent-text a {
    margin-top: 10px;
    margin-bottom: 10px;
}

.cookies-eu-consent-buttons {
    width: 200px; /* Set the width of the buttons container */
    display: flex;
    flex-direction: column; /* Stack buttons vertically */
    gap: 10px; /* Space between buttons */
    align-items: center; /* Center buttons in the 200px container */
}

.cookies-eu-consent-button {
    width: 100%; /* Buttons fill the container */
    padding: 10px 0; /* Padding for button height */
    cursor: pointer; /* Change cursor on hover */  
    border:  1px solid #d2d2d2;
    border-radius: 3px;  
}

.cookies-eu-consent-button:hover {
 background: #08D6FF; 
 color: #fff; 
}

.cookies-eu-consent-button.highlight {
 background: #08D6FF;  
 color: #fff;
}

.cookies-eu-consent-option {
  margin-top: 10px;
  margin-bottom: 10px; 
}

.cookies-eu-consent-option ul, .cookies-eu-consent-option li {
  margin: 4px;
  font-size: 11px;
}

.cookies-eu-consent-options {
  display: none;
}
  
/* end eu consent cookies*/

.slider-max
{
max-width: 210px;
max-height: 310px;
}

.max-1
{
max-height: 370px;
max-width: 710px;
}

.question {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid gray;
  line-height: 13px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
}

.tooltip {
  position: relative;
  display: inline-block;  
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext {
  opacity: 0;
  transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
  opacity: 1;
}

/*hide slider for mobile*/
@media only screen and (max-device-width: 720px) {div#fancybox-overlay {visibility:hidden;}}
@media only screen and (max-device-width: 720px) {div#fancybox-outer {visibility:hidden;}}