html, body {
    padding:0;
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    color:#363f50;
    background:url(/images/site/bk.jpg) repeat-x #535B6E;
    font-size:12px;
}

p {    margin: 0 0 1em 0;
    font-size:12px;}
    
#containerbk {
    width:100%;
    float:left;}

#container {
    margin:auto;
    width:940px;
}
    
#top {
    width:940px;
    height: 138px;
}    
    
#logo {
    width:193px;
    height: 138px;
}    
    
#search {
    background:url(/images/site/searchbk.jpg) no-repeat;
    font-size: 11px;
    color: #2A5BA8;
    /*padding: 35px 0 0 430px;*/
    padding-right:60px;
    width:747px;
    height:96px;
}    

#search input {
    padding:0;
    margin:0;
    height:20px;
}
    
#header {
    width:898px;
    float:left;
    background:url(/images/site/header.gif) no-repeat;
    height: 279px;
    padding: 40px 0 0 42px;
}    

#headerdetail {
    background: url(/images/site/header2.png) no-repeat;
    height: 23px;
    padding: 0px 0 0 20px;
    color: #efefef;
    font-size: 11px;
}    


#headerdetail A{
    text-decoration: none;
    color: #ffffff;    
}
#headerdetail A:HOVER{
    text-decoration: underline;
    color: #ffffff;
}

/* ~~~~~~~~~~~~~~MENU CODE~~~~~~~~~~~~~~~~ */
#menu {
    padding:0 0 0 0;
}    

#menu ul {
    display: inline;
    margin: 0;
    padding: 0;}

#menu li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;}

#menu li a {
    float:left;
    display:block;
    color:#333;
    padding:0 12px;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;}

#menu li a:hover{
    color:#2D63B5;
}
    
    
/* ~~~~~~~~~~~~~~END MENU CODE~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~CONTENT~~~~~~~~~~~~~~~~ */
#content {
    width:940px;
    float:left;
    min-height:360px;
    /*background:url(/images/site/contentbk_.jpg) no-repeat;*/
    padding: 30px 0 0 0;}    
    
#contentbk {
    width:940px;
    float:left;
    background:url(/images/site/cross2.png) ;
    background-position: 940px ;
    padding: 1px;
}    
    
/* ~~~~~~~~~~~~~~FOOTER~~~~~~~~~~~~~~~~ */    
#footer {
    width:940px;
    height:173px;
    margin:auto;
    padding: 0;}

#footerbk {
    width:100%;
    height:100%;
    float:left;
    background:url(/images/site/footerbk.jpg) #000;
    padding: 0;
}
        
#ftop {
    width:460px;
    height:54px;
    float:left;
    background:url(/images/site/footertop.jpg) no-repeat;
    padding: 65px 0 0 480px;
    font-size: 11px;
    color: #CCCCCC;
}
    
#fbott {
    width:940px;
    height:40px;
    float:left;
    padding: 14px 0 0 0;
    color: #666666;
    font-size: 11px;
    text-align: center;
}
    
/* ~~~~~~~~~~~~~~CLASSES~~~~~~~~~~~~~~~~ */    
h1 {
    font-family: tahoma;
    font-size:24px;
    color:#3653A7;
    margin:0;
    padding:0px 0 15px 0;
    font-weight:normal;}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#720A01;
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: normal;
}
    
.black {
    color:#990000;}

.big {
    font-size:14px;
    font-weight: bold;
}



/* ---------------------- new added by hkacar --------------------------------------*/
.main_category {
    width: 70px;
    font-size: 10pt;
    color: #7C7A7A;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-weight: normal;
    text-decoration:none;
}


A{
    /*text-decoration: none;*/
    color: #295aa7;    
}
A:HOVER{
    text-decoration: underline;
    color: #006699;
}

A.a1{
    color: #295aa7;    
}
A.a1:HOVER{
    text-decoration: underline;
    color: #006699;
    background-color: #ffffcc;
}
A.a1_selected{
    text-decoration: none;
    color: #7f7f7f;
    font-weight: bold;    
}
A.a1_selected:HOVER{
    text-decoration: underline;
    color: #006699;
    font-weight: bold;        
}

img{
    margin: 0px;
    padding: 0px;
}


/* ----------------------HEADER image --------------------------------*/
.imga{
    margin: 0px;
    padding: 1px;
    border: 1px solid #acacac;
}

.imga:hover{
    padding: 0px;
    border: 2px solid #8e9ec2;
}



/* ---------------------- LEFT menu --------------------------------------*/
.left
{
    width: 185px;
    background: url("../images/bg-left.jpg") repeat left top;
    float: left;
}
.left .product
{

    padding: 16px 6px;
    background: url("../images/bg-product.jpg") repeat-x left top;
    border-top: 1px solid #A6A6A6;
    border-bottom: 1px solid #CBCBCB;
}
.left .product IMG {
    margin-left: 6px;
}
.left .content-menu UL {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: block;
    width: 185px;
}
.left .content-menu UL LI UL {
    display: none;
}
.left .content-menu UL LI.on {
    padding-bottom: 0px;
}
.left .content-menu UL LI.on A {
    padding-bottom: 6px;
    display: block;
    color: #3059A8;
}
.left .content-menu UL LI.on UL LI A{
    padding-bottom: 0;
    font-size: 11px;
    background: url("../images/li-1.gif") no-repeat center left;
    padding-left: 17px;
    color: #7E7E7E;
}
.left .content-menu UL LI.on UL {
    display: block;
    background: #FFFFFF;
}
.left .content-menu UL LI.on UL LI {
    background: none;
    border-top: 1px solid #CBCBCB;
    border-bottom: none;
}
.left .content-menu {
    float: left;
}
.left .content-menu LI A{
    color: #5B5B5C;
    margin: 0px 10px;
}
.left .content-menu LI
{
    margin: 0px;
    border-bottom: 1px solid #CBCBCB;
    padding: 0px;
    padding: 5px 0px;
    background: url("../images/li.gif") no-repeat top right;
    width: 185px;
    display: block;
    font-size: 12px;
    list-style: none;

}
.left .left-block
{
    float: left;
    width: 185px;
    background: #ffffff;
}
.left .left-block .img-left
{
    width: 100%;
    float: left;
    height: 70px;
    background: url("../images/img-left.gif") no-repeat top right;
    border-bottom: 1px solid #E1E1DF;
    padding-bottom:0px;
}
.left .left-block .img-left .name
{

    font-size: 11px;
    color: #A5A3A4;
    float: left;
    margin-top: 23px;
    margin-left: 15px;
}

.left .img-advantage
{    padding-top:0px;
    border-bottom: 1px solid #E1E1DF;
    padding-bottom:0px;
    height: 70px;
}
.left .left-block IMG
{
    float: left;

}
.left .left-block .img-left .tel
{
    margin-left: 60px;
    font-size: 11px;
    color: #000000;
    clear: left;
    
}
/* New CSS */
.left .left-block .img-left1
{
    width: 100%;
    float: left;
    height: 73px;
    border-bottom: 1px solid #E1E1DF;
}
.left .left-block  .name1
{
    font-size: 12px;
    color: #9C9A9B;
    float: right;
    text-align: center;
    margin-top: 18px;
    margin-right: 18px;
}
.left .left-block  A{
    color: #9C9A9B;

}
.left .left-block .img-left2
{
    width: 100%;
    float: left;
    height: 58px;
    border-bottom: 1px solid #E1E1DF;
}
.left .left-block .img-left3
{
    width: 100%;
    float: left;
    height: 49px;
    border-bottom: 1px solid #E1E1DF;
}
.left .left-block .img-left3 .name3
{
    font-size: 12px;
    color: #707070;
    float: right;
    text-align: center;
    margin-top: 18px;
    margin-right: 18px;
}

.page-content{
    float: left;
    width: 550px;

}


.pagination {
    background-image: url("../images/bg_novinky.gif");
    background-repeat: no-repeat;
    height: 21px;
    width: 515px;
    padding-top: 6px;
    font-size: 11px;
    font-family: Tahoma,Arial, Helvetica, sans-serif;
    color: #006699;
    font-weight: bold;
    margin-left:10px;
    text-align:center;
}


.category {
    font-family:Tahoma,Arial, Helvetica, sans-serif;
    position:relative;
    float:left;
    width:150px;
    height:180px !important;
    padding-left:18px;
    padding-top:20px;
}
.category .image {
    width:150px;
    height:150px;
}

.category2 {
    font-family:Tahoma,Arial, Helvetica, sans-serif;
    position:relative;
    float:left;
    width:123px;
    height:108px !important;
    padding-left:6px;
    padding-top:20px;
}
.category2 .image {
    width:78px;
    height:78px;
    margin-left: 20px;
}


.category_last {
    
    font-family:Tahoma,Arial, Helvetica, sans-serif;
    position:relative;
    float:left;
    width:150px;
    height:180px !important;
    padding-left:18px;
    padding-top:20px;
}
.category_last {
    width:126px;
}
.category_last .image {
    width:150px;
    height:150px;
}

.category .image1 {
    width:70px;
    height:70px;
}

.category_last1 {
    width:70px;
}
.category_last .image1 {
    width:70px;
    height:70px;
}


.navigation_bar {
    font-size: 9pt;
    text-align: right;    
    color: #7f7f7f;    
    background-image: url("../images/bg_novinky.gif");
    background-repeat: no-repeat;
    height: 21px;
    width: 500px;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-family: Tahoma,Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-left:10px;
}

.style1 {
    font-size: x-large;
}
.style2 {
    font-size: x-large;
}
.style3 {
    font-size: 15pt;
}
.style4 {
    position: relative;
    margin-right: 15px;
    margin-left: 15px;
    font-size: small;
}
.style5 {
    color: #A6A6A6;
}
.style6 {
    float: right;
    width: 393px;
    height: 50px;
    margin-right: 85px;
    margin-left: 40px;
    margin-top: -320px;
    text-align: center;
    font-size: 23pt;
}
.style7 {
    padding: 20px;
    float: right;
        width: 393px;
        height: 50px;
        margin-right: 85px;
        margin-left: 40px;
    margin-top: -260px;
        text-align: left;
    font-size: small;
    color: #000000;
}

.style8 {
    font-size: 10pt;
    color: #7f7f7f;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.style9 {
    font-size: 10pt;
    color: #FF0000;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-weight: normal;
}

.style10 {
    font-size: 9pt;
    color: #7C7A7A;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-weight: normal;
}
.style11 {
    font-size: 10pt;
    color: #7C7A7A;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-weight: normal;
}

.style12 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    position: relative;
    float: left;
    width: 70px;
    height: 168px;
    text-align: center;
    padding-left: 6px;
    padding-top: 20px;
}

.style13 {
    color: #2e5eaa;
}

.style14 {
    font-size: 9pt;
    color: #7f7f7f;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-weight: normal;
}
.style15 {
    font-size: 8pt;
    color: #7f7f7f;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.style16 {
    text-align: center;
}

.style17 {
    text-align: center;
    font-size: x-large;
    color: #A6A6A6;
}

.style18 {
    text-align: center;
    font-size: 8pt;
    color: #7C7A7A;
}

.style19 {
    color: #7C7A7A;
}
.style20 {
    font-size: 9pt;
}
.style21 {
    font-size: 8pt;
    color: #0066FF;
}
.style22 {
    float: right;
    width: 393px;
    height: 50px;
    margin-right: 85px;
    margin-left: 40px;
    margin-top: -320px;
    text-align: right;
    font-size: 23pt;
}
.style23 {
    text-decoration: underline;
}
.style24{
    font-size: small;
}

.style25{
    font-size:12pt;
    color:#006699;
}

.subtitle_1{
    font-size:14px;
    font-weight: bold;
    color:#663333;
}

.subtitle_2{
    font-size:12px;
    font-weight: bold;
    color:#663333;
}
.category_path {
    background-image: url("../images/bg_novinky.gif");
    background-repeat: no-repeat;
    height: 21px;
    width: 500px;
    padding-top: 6px;
    padding-left: 15px;
    font-size: 11px;
    font-family: Tahoma,Arial, Helvetica, sans-serif;
    color: #7c7a7a;
    font-weight: bold;
    margin-left:10px;
}

#info_table { border-collapse: collapse;}
#info_table td {height:22px;margin:0; font-weight: normal;  padding: 2px; font-size: 11px; border: 1px solid #bbb; font-family: verdana;}
#info_table th {margin:2px; padding: 2px; background: #e6e6e6; font-size: 12px; border: 1px solid #bbb; height:30px;}


.item_info1 {
    background-image: url("../images/newsletter_bg.gif");
    background-repeat: no-repeat;
    background-position:center;
    padding-top: 2px;
    font-size: 12px;
    font-family: Tahoma,Arial, Helvetica, sans-serif;
    color: #7c7a7a;
    font-weight: bold;
    text-align:left;
}
.item_info2 {
    background-image: url("../images/newsletter_bg.gif");
    background-repeat: no-repeat;
    background-position:center;
    padding-top: 2px;
    font-size: 12px;
    font-family: Tahoma,Arial, Helvetica, sans-serif;
    color: #7c7a7a;
    font-weight: bold;
    text-align:center;
}


.devision {
    background-color:#ffffff;
    position:relative;
    margin-right: 15px;
    margin-left: 15px;
}


#lookup { border-collapse: collapse;}
#lookup td {margin:0; font-weight: normal;  padding: 2px; border-width: 0; font-size: 11px; border: .05em solid #e5ecfa; font-family: verdana;}
#lookup th {margin:2px; padding: 2px; border-width: 0; background: #e6e6e6; font-size: 12px; border: .05em solid #efefef; height:30px;}

#info_table { border-collapse: collapse;}
#info_table th {margin:2px; padding: 2px; background: #e6e6e6; font-size: 12px; border: 1px solid #bbb; height:25px;}
#info_table td {margin:0; heigth:20px; font-size: 11px; border: 1px solid #bbb; font-family: verdana;}



#tablo2  { border-collapse: collapse; }
#tablo2 td      {height: 20px; border: 1px solid #acacac; font-size: 1em; font-weight: normal; padding: 2px;}
#tablo2 td.td1  {height: 25px; background: #e5ecfa; font-weight: bold; padding-left: 2px; border: 1px solid #acacac;}
#tablo2 td.td2  {height: 25px; background: #efefef; padding-left: 2px; border: 1px solid #acacac;}
#tablo2 td.td3  { border: 0px; }
#tablo2 td.titre  {height: 25px; font-weight: bold; font-size: 1.2em; font-family: tahoma;}
#tablo2 td.step {height: 25px; background: #ffffff; padding-left: 2px; border: 0px solid #acacac; font-size: 1.2em; font-weight: bold;}
#tablo2 th      {height: 30px; background: #e5ecfa; border: 1px solid #acacac; 
                font-weight: bold; font-size: 1.2em; font-family: verdana;}

#tablo2 td.td_link{   cursor:pointer; }
#tablo2 td.td_link:hover{ background-color:#ffe47a; }
                
#tablo2 th.th1 {height: 20px; background: #e5ecfa; border: 1px solid #acacac; 
                font-weight: bold; font-size: 1.0em; font-family: verdana;}
#tablo2 input {font-size: 1.2em;}
table.content  { border:1px solid #acacac; padding: 15px; background: #ffffff; }
table.content th {height: 30px; 
                font-weight: bold; font-size: 1.2em; font-family: verdana;}

.imageborder{
    margin: 0px;
    padding: 0px;
    border: 1px solid #acacac;
}

#page_1 {
    padding:15px;
}

img.welcome {
    float: right;
    margin-top: 0px;
}

/* Live validation */

.LV_valid {
    color:#00CC00;
}

.LV_invalid {
    color:#CC0000;
}

.LV_validation_message{
    font-weight:bold;
    font-size: 9px;
    margin:0 0 0 5px;
}
    
.LV_valid_field{
    border: 2px solid #BEF781;
}
    
.LV_invalid_field
 {
    border: 2px solid #CC0000;
}


/* Calendar css */

     .cpYearNavigation,
    .cpMonthNavigation
            {
            background-color:#295aa7;
            text-align:center;
            vertical-align:center;
            text-decoration:none;
            color:#FFFFFF;
            font-weight:bold;
            }
    .cpDayColumnHeader,
    .cpYearNavigation,
    .cpMonthNavigation,
    .cpCurrentMonthDate,
    .cpCurrentMonthDateDisabled,
    .cpOtherMonthDate,
    .cpOtherMonthDateDisabled,
    .cpCurrentDate,
    .cpCurrentDateDisabled,
    .cpTodayText,
    .cpTodayTextDisabled,
    .cpText
            {
            font-family:arial;
            font-size:8pt;
            }
    TD.cpDayColumnHeader
            {
            text-align:center;
            font-weight:bold;
            text-decoration:underline;
            background-color:#FFFFCC;
            border:solid thin #295aa7;
            border-width:0 0 1 0;
            }
    .cpCurrentMonthDate,
    .cpOtherMonthDate,
    .cpCurrentDate
            {
            text-align:center;
            text-decoration:none;
            }
    .cpCurrentMonthDateDisabled,
    .cpOtherMonthDateDisabled,
    .cpCurrentDateDisabled
            {
            color:#D0D0D0;
            text-align:right;
            text-decoration:line-through;
            }
    .cpCurrentMonthDate
            {
            color:#295aa7;
            font-weight:bold;
            }
    .cpCurrentDate
            {
            color: #FFFFFF;
            font-weight:bold;
            }
    .cpOtherMonthDate
            {
            color:#808080;
            }
    TD.cpCurrentDate
            {
            color:#FFFFFF;
            background-color: #295aa7;
            border-width:1;
            border:solid thin #000000;
            }
    TD.cpCurrentDateDisabled
            {
            border-width:1;
            border:solid thin #FFAAAA;
            }
    TD.cpTodayText,
    TD.cpTodayTextDisabled
            {
            border:solid thin #6677DD;
            border-width:1 0 0 0;
            }
    A.cpTodayText,
    SPAN.cpTodayTextDisabled
            {
            height:20px;
            }
    A.cpTodayText
            {
            color:#295aa7;
            font-weight:bold;
            }
    SPAN.cpTodayTextDisabled
            {
            color:#D0D0D0;
            }
    .cpBorder
            {
            border:solid thin #6677DD;
            } 
 
 */