/* Reset
------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

ol, ul {list-style: none;}
ins{text-decoration:none}
del{text-decoration:line-through}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}



/* Link
------------------------------------------------------------------------------*/
a{color:#266DC3;text-decoration:underline;}
a:hover {color: #c33; }



body
{
    font: 11px/1.5  Tahoma, Arial, Helvetica , sans-serif;
    background: #f6f6f6 url(img/bg-ny.png) repeat-x 0 0;
    color:#555;
}


#nybg{
    display: block;
    width: 100%;
    padding-bottom: 150px;
    background: transparent url(img/footer-ny.jpg) repeat-x 0 100%;
}

#elka{
    position: absolute;
    display: block;
    top:12px;
    left:15px;
    z-index: 95;
    width: 114px;
    height: 91px;
    text-indent: -999em;
    background: transparent url(img/ny-elka.gif) repeat-x 0 100%;
}

#santa{
    position: absolute;
    right:335px;
    top:2px;
    z-index: 95;
}




/* Layout
------------------------------------------------------------------------------*/

/*body
{
   
    background: #F6F6F6;
    color:#555;
}*/

body#send {background: #fff;}


#wraper{
    width: 990px;
    margin:0 auto;
    position: relative;
}


#sys-info li{
    display: inline;
    margin-right:20px;
}

#header{
    display: block;
    padding:10px 0;
    position: relative;
}
#logo{
    padding:10px 17px;
}
#logo a{
    text-decoration: none;
    float: left;
    width: 350px;
    height: 76px;
    background: url(img/logo.gif) no-repeat 0 0;
    text-indent: -9999px;
}



#cart{
    position: absolute;
    display: block;
    bottom:10px;
    right:1px;
    background: url(img/cart.gif) no-repeat 0 100%;
    width: 230px;
    height: 33px;
    padding:15px 65px 5px 15px;
    text-align: right;
    margin-bottom:0px;
}

/* Nav
------------------------------------------------------------------------------*/

#nav{
    float: left;
    width: 966px;
    background: /*#477990*/ url(img/bg-menu.png) no-repeat 0 0;
    padding:2px 12px;
    margin-bottom:10px;
}

#nav li{
    float: left;
    height: 39px;
}


#nav a{
    float: left;
    font: 11px/1.5 Verdana, Arial, Helvetica , sans-serif;
    color:#fff;
    text-decoration: none;
    margin:10px 0;
    padding:0 14px;
    text-transform: uppercase;
    border-left:1px solid #236F9C;
    border-right:1px solid #7CADCA;
}

#nav a.alpha{
    border-left:0px;
}

#nav a.omega{
    border-right:0px;
    padding:0 0 0 14px;
}

#nav a:hover{
    text-decoration: underline;
    /*background: #2b3665;*/
}

#formpoisk{
    position: absolute;
    bottom:10px;
    right:320px;
    background: url(img/search.gif) no-repeat 0 100%;
    width: 280px;
    display: block;
    height: 44px;
    padding:0 15px;
    margin-bottom:0px;
}

#formpoisk fieldset{
    margin:0px;
    /*padding:10px 0px;*/
}
#formpoisk button{
    /*	margin:10px 0 0 0;
        float: right;*/
    /*	float: left;*/
}

#formpoisk input{
    width: 200px;
    /*	float: left;*/
    margin:10px 5px 0 0;
    color:#666;
}


#teaser{
    display: block;
    clear: both;
    border:1px solid #D2D2D2;
    margin-bottom:13px;
    padding-left:1px;
}
#teaser ul{
    float: left;
    width: 328px;
    height: 225px;
    margin:1px 1px 1px 0;
    overflow:  hidden;
}
#teaser li{
    float: left;
    width: 328px;
    height: 225px;
    overflow:  hidden;
    display: none;
}
#teaser li.alpha{
    display: block;
}
#teaser a{
    position: relative;
    float: left;
    width: 328px;
    height: 225px;
    text-decoration: none;
    overflow: hidden;
}
#teaser img{
    float: left;
    width: 328px;
    height: 225px;
    overflow:  hidden;
}

#teaser .teaser-output{
    position: absolute;
    width: 328px;
    display: block;
    left:0;
    font-size: 13px;
    bottom:-34px;
    text-align: center;
    padding:7px 0;
    color:#fff;
    background: #000;
}

#content{
    width: 624px;
    float: left;
    /*    min-height:800px;
        height:auto !important;
        height:800px;*/
    margin-bottom: 50px;
}

#sidebar{
    width:220px;
    float: left;
    margin-right:10px;
}


#menu.box ,.menu{
    padding:0px 2px 5px 2px;
    background: #ececec;
    margin:0px;
    background:#fff url(img/bg-box.png) no-repeat 0 100%;
    margin-bottom:10px;
}

#menu li,.menu li{
    margin:0px;
    padding:0px;
    display: inline;
}

#menu li a ,.menu li a{
    display: block;
    width: 186px;
    padding:7px 15px;
    border-bottom: 1px solid #777;
    background: #505050 url(img/arrow.gif) no-repeat 100% 50%;
    color:#fff;
    text-decoration: none;
}

#menu li a:hover,.menu li a:hover{
    color:#fff;
    border-bottom: 1px solid #777;
    background: #2576A6 url(img/arrow-ovr.gif) no-repeat 100% 50%;
}


.box{
    padding:10px 16px;
}

#sidebar .box{
    background:#fff url(img/bg-box.png) no-repeat 0 100%;

    /*margin:0 0 13px 0;
    padding:1px;
    border:1px solid #D2D2D2;
    background: #fff;*/
}


#content .box{
    /*background:#fff url(img/bg-box-content.png) no-repeat 0 100%;*/

    margin:0 3px 13px 3px;
    padding:1px;
    border:1px solid #D2D2D2;
    border-top:none;
    background: #fff;
}
#info #content .box{
    border-top:1px solid #D2D2D2;
}



.content-page{
    padding:20px;
    margin:20px 4px;
    background: #fff;
    border:1px solid #D2D2D2;
}
.content-page ol{
    list-style-type: decimal;
    list-style-position: inside;
}

.entries{
    margin-bottom:13px;

    border:1px solid #D2D2D2;
    margin:0 4px 13px 4px;
    padding:1px;
    background: #fff;
}
.page{
    margin:10px;
    color:#555;
}



#breadcrumb{
    display: block;
    padding:7px;
    margin:0px;
}


#breadcrumb li{
    display: inline;
    color:#266DC3;
}
#breadcrumb span{
    color:#888;
}


#content .bookmark ul{
    margin-bottom:0px;
}

#news li,.bookmark,#info li.archive{
    padding:10px;
    background: #ececec;
    border-bottom:1px solid #fff;
    min-height: 100px;
    height: auto !important;
    height: 100px;
}


table#new-article{
    font-size: 11px;
    margin:0 3px;
    background:#e4eff6;
    margin-bottom:15px;
}

#new-article td{
    vertical-align: top;
    border:1px dotted #cdcdcd;
    width: 33%;
    padding:15px 10px;
}

#new-article p{
    margin:0 0 0 80px;
}
#new-article p a{
    display: block;
}

#new-article a.new-article-img{
    float: left;
    border:1px solid #dadada;
}

#new-article img{
    width: 60px;
    border:1px solid #fff;
    vertical-align: middle;
}





#news-home{
    background: #fff;
    border:1px solid #dadada;
    padding:0px 1px 1px 1px;
    margin:0 3px 15px 3px;
}
#news-home li{
    padding:10px;
    background: #ECECEC;
    border-top:1px solid #fff;
    margin:0px;
}

#news-home a.news-img{
    float: left;
    margin:0 20px 0 0;
    padding:0px;
    border:1px solid #dadada;
}

#news-home a.news-img:hover {border: 1px solid #cc3333;}
#news-home img{
    width: 120px;
    float: left;
    border:1px solid #fff;
    overflow: hidden;
}
#news-home p
{margin-left:145px;}

#news-home p a {font-size: 12px;}

#news-home b
{display: block;}

#news-home a.img {margin:0 20px 10px 0;float: left;width: 120px;}

#weather {
    width: 616px;
    margin:0 3px 15px 3px;
    border:1px solid #dadada;
}
#weather table{
    margin:0px;
    width: 100%;
    background: #ECECEC;
    border-right:1px solid #fff;
    vertical-align: top;
}
#weather ul{
    margin:0px 10px 0 0;
}
#weather img {
    float: right;
    vertical-align: top;
}
#weather li{
    font-size: 10px;
}

#weather li b{
    font-size: 12px;
}
#weather td{
    border:1px solid #fff;
    border-right:0px solid #fff;
    padding:10px;
}


.glossary-letter{
    text-align: center;
    margin:10px 3px;
}
.glossary-letter a{
    display: block;
    padding:4px 6px;
    margin:5px 3px;
    background:#DEDEDE url(img/bg-button.gif) repeat-x scroll 0 0;
    border:1px solid #A9A9A9;
    color:#000000;
    display:inline-block;
    font:11px/1 Tahoma,Arial,Helvetica,sans-serif;
    text-decoration: none;
}

.glossary-letter a:hover{
    background: #DEDEDE;
    color:red;
}

dl.glossary{
    background: #fff;
    border:1px solid #D2D2D2;
    padding-bottom:1px;
    margin:0 3px 50px 3px;
}
dl.glossary dt,
dl.glossary dd{
    background: #ECECEC;
    margin:0px 1px;
}
#content dl.glossary dt{
    font-size: 15px;
    padding:10px 10px 0px 10px;
    font-weight: bold;
    margin-top:1px;
}

#content dl.glossary dd{
    padding:5px 10px 10px 10px;
}

.bookmark img{
    height: 50px;
    width: 50px;
}


#news.box, .bookmark, ul.archive {
    padding-bottom:0px;
}
#news b{
    float: left;
    width: 80px;
    padding-top:2px;
}


#news div.excerpt
{margin:0 0 0 154px;}

#news div.excerpt small{
    font-size: 11px;
    display: block;
}
#news div.excerpt small a{
    font-size: 11px;
    display: inline;
}

#news a.thumbnail{
    float: left;
    border:1px solid #D2D2D2;
    width: 122px;
}

#news a.thumbnail img{
    width: 120px;
    float: left;
    border:1px solid #fff;
}
#news a.thumbnail:hover,
a.highslide:hover img,
.foto a.highslide:hover
{
    border-color:#CC3333;
}

#news a{
    display: block;
    font-size: 12px;
    text-decoration: underline;
    margin-bottom:3px;
}
#news a:hover{
    text-decoration: none;
}

.home{
    float: left;
    width: 208px;
    margin-bottom:0px;
}


.category li{
    float:left;
    width: 208px;
    height: 228px;
}
#shop .category img,#shop  .home img ,#shop  #special_offer img{
    width: 152px;
}
.category img,.home img{
    position: absolute;
    overflow: hidden;
    padding:0 20px;
}

.category a,.home a{
    width: 192px;
    height: 212px;
    overflow: hidden;
    padding:8px;
    display: block;
    position: relative;
    text-decoration: none;
    background-repeat: no-repeat;
}


.category a,.home a{
    background:#fff url(img/bg-produkt.png) no-repeat 0 0;
}


.category a:hover,.home a:hover,#special_offer a:hover{text-decoration: none;}





.category span,.home span{
    position: absolute;
    /*bottom:10px;*/
    top:170px;
    display: block;
    text-align: center;
    width: 182px;
    padding:0px 5px;
    font-size: 12px;
    line-height: 140%;
}

.category li.fs-11 span,.home li.fs-11 span,#special_offer .fs-11{
    font-size: 11px;
}

.category strong,.home strong{
    display: block;
    font-size: 11px;
    color:#EA0000;
    font-weight: normal;
}

.category .ddd,.home .ddd{
    display: block;
    width: 192px;
    height: 140px;
    border-bottom:1px solid  #e4e4e4;
    position: absolute;
}


.navigator{display: block;}


.group,.specifications{
    width: 100%;
    background: #ececec;
    margin:0px;
}
.group a.img-link img{
    width: 118px;
    height: 118px;
    border:1px solid #fff;
}
a.img-link{
    border:1px solid #D2D2D2;
    width: 120px;
    height: 120px;
    display: block;
    font-size: 10px;
    overflow: hidden;
}

a:hover.img-link{
    border:1px solid #CC3333;

}
.group td,.group th{
    padding:10px 8px;
}
thead th{
    background: #505050;
    color:#fff;
    border-top:none;
}

th{font-weight: normal;}

td,th{
    text-align: left;
    border-top:1px solid #fff;
    vertical-align: middle;
    padding:10px;
}
.nowrap{white-space: nowrap;}

.even td,
.even th,
#news .even,
.glossary .even,
#news-home li.even
{background: #F4F4F4;}

.group ul{
    font-size: 10px;
    margin:5px 0 0 0;
}
.cart{
    white-space: nowrap;
}
.cart em,.cart del
{
    font-style: normal;
    text-decoration: none;
    margin-bottom:2px;
}


.cart em{color: #008041; display: block;}
.cart del{color:red;}

.cart a{
    /*font-size: 12px;*/
    padding:3px;
    width: 120px;
    text-align: center;
    background: #990000;
    color:#fff;
    display: block;
    text-decoration: none;
    margin-bottom:2px;
}

.cart a.dark{
    background: #666666;
}
.cart a:hover{
    background: #db0000;
    color:#fff;
}
.group b{
    font-weight: normal;
    /*color: red;*/
}
.group a{
    font-size: 12px;
}
.price{
    color:red;
    font-size: 13px;
}

.foto{
    float: left;
    /*background: url(img/no-foto.gif) no-repeat 50% 50%;*/
    /*background: url(img/img-large.png) no-repeat 100% 100%;*/
}

.foto a{
    background: url(img/img-large.png) no-repeat 100% 100%;
    border: 1px solid #e5e7e8;
    background: #fff;
    width: 200px;
    height: 200px;
    margin-right:20px;
    display: block;
    position: relative;
    padding:15px;
}


.img-large{
    right:5px;
    bottom:5px;
    position: absolute;
}





.category-description ul{
    width: 60%;
    float: left;
}
.category-description li{
    margin:5px;
}
.category-description img{
    float: left;
    width: 120px;
    margin:0 50px 10px 0;
}
.category-description strong{
    font-size: 12px;
}
.order-by-phone{float: right;width: 180px;}
.order-by-phone-title{margin-bottom:5px;padding-bottom:2px;border-bottom:1px dotted #ccc;font-size: 13px;}

.order-by-phone-item{
    font-weight: normal;
    font-size: 21px;
    color:#555;
}

.order-by-phone-item.text,.icon-tel-text{font-weight: normal;font-size: 11px;color:#888;}
.order-by-phone .callback {
    line-height: 21px;
    font-weight: bold;
    font-size: 11px;

    /*    background: url(img/icon-callback.gif) no-repeat 0 0;*/
    vertical-align: bottom;
}
.order-by-phone .callback .link{
    /*    margin-left:25px;
        line-height: 26px;
        vertical-align: bottom;*/
    /*    text-decoration: none;*/
}
.icon-tel-text{margin-left:.6em;}
.icon-chat{
    text-indent: -9999px;
    display: block;
    /*    background: url(img/icon-chat.gif) no-repeat 0 0;*/
    /*    height: 32px;*/
    height: 10px;
    width: 128px;
    overflow: hidden;
    margin-top:15px;
    background: none;
    border: 0;

}
.icon-chat:hover{
    background: none;
    border: 0;
}
.order-info{float: left;width: 140px;}

/*.order-info .price{margin-bottom:5px;}*/

.info{
    float: left;
    width: 320px;
    margin-bottom:25px;
}
.info strong{
    font-size:12px;
}
.info li{
    margin-bottom:5px;
}
.info em{
    color:green;
    font-style: normal;
}
.info big{font-size: 15px;color:#111;margin-left:.2em;}
.info del{
    color:red;
    font-style: normal;
    /*text-decoration: none;*/
}
.specifications th{
    width: 50%;
}





#content .box .mnu{
    float: left;
    width: 190px;
    margin-right:20px;
    text-align: right;
}
#content .box .info{
    float: left;
    width: 380px;
}

.purchaser{
    background: url(img/card.png) no-repeat 0 100%;
    padding-bottom:50px;
}


.f-left{float: left;}
.f-right{float: right;}


#wraper .banner-col{
    width:124px;
}

#wraper .banner-col li{
    display: block;
    width: 124px;
    height: 244px;
    margin-bottom:20px;
    background: #333;
}
#wraper .banner-col a{
    background: #fff;
    padding:1px;
    width: 120px;
    height: 240px;
    border:1px solid #D2D2D2;
    display: block;
    cursor: pointer;
}
#wraper .banner-col a:hover{
    border:1px solid #777;
}

a img{
    cursor: pointer;
}


#footer{
    clear: both;
    display: none;
}


#axcrt{
    background: #bb2f2f;
    color:#fff;
    padding:50px;
    border:1px solid #D6D8DA;
}
#content .box{
    /*padding:10px 0;*/
}
#content .box h4{
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom:10px;
    color:#23709D;
}
#shop #content .box li{
    margin-left:20px;
}
.box  ol li
{ 
    list-style-type: decimal;
    text-transform: uppercase;
} 
.box  ol ul li{
    list-style-type: none;
    margin-bottom:5px;
    text-transform: none;
}
#info .box ol li
{
    list-style: inside decimal;
    text-transform: none;


}

.mnu li{
    margin:0px 0 10px 0;
}
#sidebar h5, #sidebar h4,#sidebar h3 a, h4.topic{
    display: block;
    padding:10px 0 8px 0;
    color:#fff;
    text-align: center;
}

#sidebar h3 a{
    background: url(img/bg-box-head.png) no-repeat 0 0;
    text-decoration: none;
}
#sidebar h3 a:hover{
    text-decoration: underline;
}

#sidebar h5{
    background: #267BAC url(img/bg-box-head.png) no-repeat 0 0;
    text-align: center;
}
#sidebar h4{
    background:#C40000 url(img/bg-box-spec.png) no-repeat 0 0;
    text-align: center;
}
#sidebar h5 a{
    color:#fff;
}

h4.topic{
    background: url(img/bg-box-content-head.png) no-repeat 0 0;
    text-align: left;
    padding-left:17px;
}
/*#menu .headline{
        margin:0px;
}*/
.headline a{
    color:#555;
    font: bold 13px/150% Arial, Helvetica , sans-serif;
    text-decoration: none;
    /*border-bottom: 1px dotted #ccc;
    padding:4px 0;
    height: 26px;*/
    overflow: hidden;
}
.headline a:hover{
    text-decoration: underline;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
    font:  12px/150% Tahoma, Arial, Helvetica , sans-serif;
}
h1 { font-size: 1.9em; }

h2 {
    color:#fff;
    text-transform: uppercase;
    background: url(img/bg-head.png) no-repeat 0 0;
    padding:10px 17px 10px 17px;
    font-weight: bold;
}

h2 small{
    text-transform: none;
    font-weight: normal;
}
#content h3 {
    color:#555;
    font: bold 13px/150% Arial, Helvetica , sans-serif;
    margin-bottom:5px;
}
.text{
    font-size: 12px;
}
.entries .block{
    padding:10px;
}

.block.text{
    background: #F6F6F6;
    padding:12px;
    font-size: 11px;
    /*margin:1px;*/
    margin:0px;
    line-height: 170%;
}
/*.block.text:first-letter {
    font:bold 20px "Times New Roman", Times, serif;
    font-size: 20px;
    padding:0 1px 0 20px;
}*/

p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset,
.block,
.block-border,
.navigator{
    margin-bottom:13px;
}
/*#special_offer,#special_offer li,#special_offer a{
        float: left;
        overflow: hidden;
        text-align: center;
}*/

#special_offer{
    height: 230px;
    text-align: center;
    position: relative;
}
#special_offer li{
    position: absolute;
    top:20px  !important;
    right:20px !important;
    bottom:20px;
    width: 180px !important;
    left:20px !important;
}
#special_offer a{
    text-decoration: none;
    text-align: center;
}

#special_offer span{
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    display: block;
}
#special_offer strong{
    display: block;
    font-size: 11px;
    color:#EA0000;
    font-weight: normal;
}

/* Detalied
---------------------------------------------------- */
.description-head .name{
    display: block;
    color:#333;
    font-size: 11px;
    font-weight: normal;
}

/* Buttons
---------------------------------------------------- */

button{
    cursor:pointer;
    text-align: center;
    margin:0px;
    border:1px solid #a9a9a9;
    padding:4px 7px;
    background: #fff url(img/bg-button.gif) repeat-x 0 100%;
    font: 11px Tahoma,Arila, sans-serif;
    color: #111;
    text-decoration:none;
    width:auto;
    overflow:visible;
    display: inline-block;
}



button:hover{
    background: #DEDEDE;
}


label{
    display: none;
}
#contactForm label{
    display: block;
}
input, textarea{
    color:#666;
    font: 11px/1  Tahoma, Arial,Helvetica , sans-serif;
    padding:4px 7px;
    /*border: 1px solid #a9a9a9;*/
}
select,option{
    font-size: 12px;
}


#contactForm {
    width: 200px;
}


.mnu-horizont{
    margin:10px;
}
.mnu-horizont li{
    display: inline;
    margin-right:20px;
}
.hide{
    display: none;
}


#wraper #adress{
    position:absolute;
    left:365px;
    /*width:280px;*/
    margin:0px;
    top:20px;
    color:#555;
}

#wraper #adress li{
    display: inline;
    font-size: 12px;
    padding:3px 0px;
    margin-right:20px;
}

#wraper #adress li.icon-tel{background: url(http://kater.ua/core/tpl/user/ktr/img/phone.gif) no-repeat 0 50%;padding-left:24px;}
#wraper #adress li.icon-icq{background:  url(http://kater.ua/core/tpl/user/ktr/img/icq.gif) no-repeat 0 50%;padding-left:21px;}

#wraper #regim{
    position:absolute;
    right:25px;
    width:280px;
    margin:0px;
    top:17px;
    padding:3px 0px;
    font-size: 12px;
    color:#555;
}

.col{
    float: left;
    width: 50%;
}


form p{
    margin-bottom:10px;
}

#send img{width: 130px}
#send h3{
    font-weight: bold;
}
#send .col{
    width: 170px;
    padding:5px;
}
#send input,#send textarea,#send button{width: 130px;}

#send .snx{
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color:red;
    margin:25% 10%;
}


.linkcat{
    list-style: none;
}


.article{
    padding:20px;
    background: #ECECEC;
    font-size:12px;
    color:#000;
}
.article .date{
    font: bold 11px Tahoma,Arial,Helvetica,sans-serif;
    display: block;
    color:#555;
}
.article br{
    margin-bottom:1.5em;
}
.article h3 strong{
    margin-right:30px;
}
.article img{
    border:1px solid #D2D2D2;
    padding:1px;
    background: #fff;

}
.article img.a-left{
    margin:3px 15px 15px 0;
    float: left;
}
.article img.a-right{
    margin:3px 0px 15px 15px;
    float: right;
}

.linklisttable{
    width: 100%;
}
.link-img{
    width: 140px;
}

#linktable table td a{
    display: block;
    height: 18px;
    padding:15px;
}
#linktable table td a:hover{
    background: #dddddd;
}

#linktable{
    background:#fff;
    border:1px solid #D2D2D2;
    width: 616px;
    margin:0 3px 0;
    /*padding:1px 0 1px 1px;*/
    /*padding:1px;*/
}
#linktable table{
    margin:0px;
}

#linktable td{
    background:#ECECEC;
    /*	border:0px;*/
    border:1px solid #fff;
    border-top:0px;
    width: 33%;
    padding:0px;
    /*border-top:none;
        border-left:none;
        border-bottom:1px solid #fff;
        border-bottom:1px solid #fff;
        border-right:1px solid #fff;*/
}
.linklisttable{
    background:#fff;
    border:1px solid #D2D2D2;
    border-collapse: separate;
    margin:0 3px 20px 3px;
    width: 616px;
}
.linklisttable th{
    width: 120px;
    border-left:1px solid #fff;
    border-right:0px;
}
.linklisttable td{
    border-right:1px solid #fff;
    border-left:0px;
}

.linklisttable th, .linklisttable td{
    background:#ECECEC;
    border-top:0px;
    border-bottom:1px solid #fff;
    padding:15px;
    margin:0px;
    border-collapse: collapse;
}
.linklisttable th img{
    background: #fff;
    border:1px solid #D2D2D2;
    width: 120px;
    height: 90px;
    padding:1px;
}
/*.linklisttable tr.even th,.linklisttable tr.even td{background: #F4F4F4;}*/

#info .article table{
    width: 574px;
    font-size: 10px;
    border:1px solid #fff;
}

#YMapsID-422{
    border:none;
    width:592px;
    height:450px;
    display: block;
}
#YMapsID-422 table,#YMapsID-422 td,#YMapsID-422 th,#YMapsID-422 tr{
    border:0px;
    margin:0px;
}

#info .article table td,#info .article table td{
    border-top:1px solid #fff;
}

#info .article p{
    text-align: justify;
}

h3.a-center{
    text-align: center;
    display: block;
    font-weight: normal;
}
#linklist1 table{
    border-collapse: collapse;
}
#linklist1 h3,
#linklist2 h3
{
    background: url(img/bg-box-content-head.png) no-repeat 0 0;
    text-align: left;
    display: block;
    padding:10px 0 8px 17px;
    color:#fff;
    margin-bottom:0px;
    font-weight: normal;
}
#linklist1,
#linklist2
{
    position: relative;
}
#contentLoading{
    margin:20px;
    margin-bottom:0px;
}
.wp-pagenavi {margin-bottom:14px;}

.wp-pagenavi a{
    /*padding:5px;
    border:1px solid #ccc;*/
    margin:0 5px;
    background:#DEDEDE url(img/bg-button.gif) repeat-x scroll 0 0;
    border:1px solid #A9A9A9;
    color:#000000;
    display:inline-block;
    font:11px/1 Tahoma,Arial,Helvetica,sans-serif;
    overflow:visible;
    padding:4px 7px;
    text-decoration: none;
}
.wp-pagenavi a:hover{
    background: #DEDEDE;
}

.wp-pagenavi span.current{
    /*padding:5px;*/
    padding:4px 7px;
    color:red;
}
#add_form label{
    display: block;
}
#add_form td{
    width: 50%;
}

#add_form table{

}
#add_form input[text]{
    width: 200px;
}

.snap_nav{
    display: block;
    margin:20px;
}
.snap_nav li{
    float: left;
    margin-left:20px;
}
/* Board kater.ua
---------------------------------------------------- */
.gallerys{
    margin:0px;
}
.gallerys li{
    float: left;
    margin:10px 0 0 10px;
}
.gallerys a{
    /*border:1px solid #ddd;*/
    padding:5px;
    width: 120px;
    display: block;
}
.gallerys img{
    width: 120px;
}

.votes-total{
    position: absolute;
    top:610px;
    left:250px;
}
/* Messages
---------------------------------------------------- */
.message-error{
    display: block;
    background: red;
    color:#fff;
    text-align: center;
    font-size: 13px;
    margin:5px 4px;
    border:1px solid #E2E3E4;



}
.message-error span{
    border:1px solid #fff;
    display: block;
    padding:10px;

}
/* Polls
---------------------------------------------------- */
#sidebar .box.polls{
    background: url(img/bg-box-gradient.png) no-repeat 0 100%;
}
#survey{
    vertical-align: middle;
    color:#444;
}

#survey li{
    margin:0px;
    padding:0px;
    height: 1.8em;
    display: block;
}


#survey label{
    display:inline;
    margin-left:8px;
}
#survey input{
    padding:0px;
    margin:0px;
    vertical-align: middle;
}

/* SELF-CLEARING FLOATS
---------------------------------------------------- */
#header:after,
#teaser:after,
.snap_nav:after,
.category:after,
.block:after,
.box:after,
.entries:after,
.page:after,
#nav:after,
.glossary-letter:after,
#news li:after,
#news-home li:after,
#screenshot:after
{
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html #nav,
* html #header,
* html #teaser,
* html .category,
* html .block,
* html .box,
* html .entries,
* html .page,
* html .snap_nav,
* html .glossary-letter,
* html #news li,
* html #news-home li,
* html #screenshot
{height: 1%;}

*:first-child+html #nav,
*:first-child+html #header,
*:first-child+html #teaser,
*:first-child+html .category,
*:first-child+html .snap_nav,
*:first-child+html .block,
*:first-child+html .box,
*:first-child+html .entries,
*:first-child+html .page,
*:first-child+html .glossary-letter,
*:first-child+html #news li,
*:first-child+html #news-home li,
*:first-child+html #screenshot
{min-height: 1px;}

.section-text{
    margin:1em;
}

.section-text dt{
    font-weight: bold;
}
.section-text dd{
    margin:0 0 1em 1em;
}

#screenshot{
    display:none;
    width: 352px;
    height: 242px;
    margin:0px;
    padding:0px;
    overflow:  hidden;
    z-index: 999;
    position: absolute;
    border:9px solid #333;
    background: #333;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: #666 0 0 5px;
    -moz-box-shadow: #666 0 0 5px;
    box-shadow: #666 0 0 5px;


}
#screenshot img{
    float: left;
    width: 350px;
    height: 240px;
    border:1px solid #222;
}
#screenshot div{
    clear: both;
    display: block;
}
/*#screenshot em{
    padding:.5em 3px;
    color:#fff;
    float: left;
    clear:  both;
    font-style: normal;
    font-size: 12px;
}*/


/* Bestseller
---------------------------------------------------- */


#bestseller{
    display: block;
    font-size: 13px;
    line-height: 1.2em;
}

.bestseller{
    float: left;
    margin:0 12px 0 0;
    border:1px solid #D2D2D2;
    overflow: hidden;
    background: url(img/bg-bestseller.png) no-repeat 0 0;
    width: 320px;
    height:100px;
    display: block;
    position: relative;
}


#bestseller img {
    width: 88px;
    height: 88px;
}

#bestseller ul{
    margin:0px;
    padding:0px;
}

.bestseller ul,
.bestseller li,
#bestseller ul,
#bestseller li
{background: transparent;}

#bestseller li{
    width: 310px;
    height: 90px;
    overflow: hidden;
    padding:5px;
    float: left;
}

#bestseller a.img{
    float: left;
    border:1px solid #D2D2D2;
    width: 88px;
    height: 88px;
    margin:0 20px 0 0;
    padding:0px;
}
#bestseller a.img:hover{
    border-color:#CC3333;
}

#bestseller button{
    z-index: 100;
    position: absolute;
    bottom:5px;
    text-indent: -9999px;
    font-size: 0px;
    display: inline-block;
    height: 17px;
    width: 17px;
    border:0px;
    padding:0px;
    margin:0px;
    line-height:1;
    overflow: hidden;
}


#stock-next,
#novelty-next,
#recommend-next{
    right:5px;
    background: url(img/btn-arrow-next.png) no-repeat 0 0;
}

#stock-prev,
#novelty-prev,
#recommend-prev{
    right:28px;
    background: url(img/btn-arrow-prev.png) no-repeat 0 0;
}

#stock-all,
#novelty-all,
#recommend-all{
    right:51px;

    position: absolute;

    z-index: 100;
    position: absolute;
    bottom:5px;
    text-indent: -9999px;
    font-size: 0px;
    display: inline-block;
    height: 17px;
    width: 17px;
    border:0px;
    padding:0px;
    margin:0px;
    line-height:1;
    background:red url(img/btn-all-review.png) no-repeat 0 0;
}

#stock-all:hover,
#novelty-all:hover,
#recommend-all:hover
{
    background-position: 100% 0;
}

#bestseller button:hover{
    background-position: 100% 0%;
}
#bestseller li div{
    padding:5px 0 4px 0;
    margin-bottom:5px;
    background: transparent url(img/btn-bg-arrow.gif) no-repeat 120px 100%;
}
#bestseller #stock div{
    background: transparent url(img/btn-bg-stock.gif) no-repeat 120px 100%;
}
#bestseller b{
    color:#2678A8;
    margin-top:3px;
    text-transform:  uppercase;
    font-family: Verdana;
    padding:3px 5px;
    height: 12px;
    overflow: hidden;
    color:#fff;
    font-weight: normal;
    background: #2473A1;
    font-size: 9px;
}

#stock b{
    background:#BB2626;
}

#bestseller em{
    font-style:  normal;
    color:#FF0000;
    display: block;
    margin-top:5px;
}
#recommend{
    margin:0;
}
.badge{
    display: inline-block;
}

.badge .item{
    padding: 0 0 3px 0;
    display: inline-block;
}

.badge .stock{
    background: transparent url(img/btn-bg-stock.gif) no-repeat 6px 100%;
}

.badge .recommends,
.badge .noveltys
{
    background: transparent url(img/btn-bg-arrow.gif) no-repeat 6px 100%;

}


.badge .badge-name{
    background: #2473A1;

    color: #fff;
    font:normal 9px Verdana;
    display: inline-block;
    line-height: 20px;
    padding:0 5px;
    text-transform: uppercase; 
}
.badge .stock .badge-name{
    background: #BB2626;
}


/* Tabs
---------------------------------------------------- */
.tab-conteiner{
    clear: both;
    display: block;
    position: relative;
    width: 986px;
    /*    overflow: hidden;*/
    margin:0 auto 20px auto;
}

.tab-nav{
    float: left;
    margin:0;
}

.tab-nav li{
    float: left;
    margin:0 8px 0 0;
    position: relative;
    top:3px;
}

.tab-nav .active{
    top:0;
    z-index: 22;
    background: #FDFDFD;
    border:1px solid #ccc;

    border-bottom:0;
    margin-bottom: 0;

    padding:9px 15px 13px 15px;
    text-transform: uppercase;
    color:#555;

    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
}




.tab-nav a{
    float: left;
    padding:5px 15px;

    color:#555;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    background:#DFDFDF url(img/tab-bg-btn.png) repeat-x 0 100%;

    border: 1px solid white;

    -webkit-box-shadow:#999 0 0 3px;
    -moz-box-shadow:#999 0 0 3px;
    box-shadow:#999 0 0 3px;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;

}

.tab-nav a:hover{background: #ddd; color:#333;}

.ie6 .tab-nav a,
.ie7 .tab-nav a,
.ie8 .tab-nav a
{border-color: #aaa;}



.tab-decription{
    display: block;
    clear: both;
    background: #E6E6E6 url(img/bg-tab-nav.png) repeat-x 0 0;
    padding:1em 1.5em;
    border:1px solid #ccc;
    position: relative;
    top:-1px;
    margin-bottom:10px;
    z-index: 2;

    -webkit-border-radius:  0 4px 4px 4px;
    -moz-border-radius:  0 4px 4px 4px;
    border-radius: 0 4px 4px 4px;
}

.tab-decription-text{
    float: left;
    margin: 0;
    color:#777;
    font-size: 12px;
    font-family: Arial;
    width: 50%;

}
.tab-decription-text em{
    display: none;
}

.tab-decription-form{
    float: right;
    margin:0;
    width: 45%;
    display: none;

}

.tab-decription-form filedset{

    margin:0;
    padding:0;
}

.tab-decription-form fieldset,
.tab-decription-form ul{
    margin:0;

}
.tab-decription-form li
{
    float: left;
    margin-left:.7em;
    position: relative;
}

.tab-decription-form label
{
    display: block;
    position: relative;
    color:#999;
}


.tab-decription-icon{
    background: url(img/icon-stock.png) no-repeat 0 50%;
    width: 60px;
    height: 60px;
    font-weight: normal;
    position: absolute;
    top:8px;
    right:15px;
    text-indent: -9999px;
    display: none;
}
.tab-decription h1{
    font-size: 13px;
    margin-top:3px;
    position: relative;
    color:#777;
    font-family: Arial;
}



.tab-list{
    border-left:1px solid #ddd;
    border-top:1px solid #ddd;
    clear: both;
    display:  block;
    position: relative;
}

.tab-list li{
    width:20%;
    margin:0;
    padding:0;
    float: left;
    background: #fff;
    position: relative;
    margin:0;
}

.tab-list-item
{
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    overflow: hidden;
    padding:10px 15px;
    background: url(img/bg-tab-item.png) repeat-y 100% 100%;

}
.tab-list-item:hover{background: #f1f1f1;}
.tab-list-item:hover img{
    border:1px solid #ddd;
}
.tab-list-item img{
    display: block;
    width: 150px;
    border:1px solid #fff;
    margin:10px auto;
}

.tab-list a{
    display: block;
    text-decoration: none;
    position: relative;
}

.tab-list-item-price{
    display: block;
    color:red;
    font-style: normal;
    font-size: 12px;
    margin-top:.2em;
}
.tab-list-item-brand{
    display: block;
    font-size: 11px;
    font-style: normal;
    color:#888;
}

.tab-list-item-badge{
    position: absolute;
    left:11px;
    top:11px;
    z-index: 99;
    padding-bottom:5px;
    background: transparent url(img/btn-bg-arrow.gif) no-repeat 8px 100%;
    color: #fff;

    font-size: 9px;
    font-weight: normal;
    text-transform: uppercase;
}
.tab-list-item-badge span {padding:3px 5px; background: #2473A1;}

#bestseller-stocks .tab-list-item-badge{background-image:url(img/btn-bg-stock.gif);}
#bestseller-stocks  .tab-list-item-badge span {background: #BB2626;}


.tab-list-item-name
{
    /*    height: 1.2em;*/
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    width: 160px;
}


/* SELF-CLEARING FLOATS
---------------------------------------------------- */
.tab-nav:after,
.tab-decription:after,
.tab-list:after
{
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .tab-nav,
* html .tab-decription,
* html .tab-list
{height: 1%;}

*:first-child+html .tab-nav,
*:first-child+html .tab-decription,
*:first-child+html .tab-list
{min-height: 1px;}

.article-page{
    border: 1px solid #D2D2D2;
    margin:1em 3px;
}

.article-page .item{
    border:1px solid #fff;
    padding:10px;
    font-size: 12px;
    background: #efefef;
}

#content .article-page ol{
    list-style: decimal inside; 
}

#content .article-page h3,
#content .article-page h4,
#content .article-page h5,
#content .article-page h6
{

    line-height: 1.3;
    margin:1em 0 .5em 0;
}
#content .article-page h3{font-size: 17px;}
#content .article-page h4{font-size: 14px; font-weight: bold;}

#content .article-page em{

}
.article-page .img {
    float: right;margin:1em 0 2em 2em;
}



#message .alert,
.article-page .message.error,
.article-page .message.alert
{
    background: #FBE3E4;
    color: #8A1F11;
    font-style: normal;
    border: 1px solid #FBC2C4;
    margin: 1em 0;
    padding: .5em;
    display: block;
}

.discount{
    margin:0 4px 1em 5px;
    display: block;
}

.discount .list{
    display: block;
    margin:0;
    vertical-align: top;
}

.discount .picture{float: left;}
.discount .picture img{float: left;}

.discount .description .wrap{
    padding:8px 20px;
    width: 385px;
    height: 86px;
    border: 1px solid #fff;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 1px 1px 0px #fff;
}
.discount .description {
    float: right;

    overflow: hidden;
    text-align: left;
    font-size: 13px;

    background: #E2E8EB url(img/bg-discount.gif) no-repeat 100% 0;
    color: #205791;
    border:1px solid #ccc;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow: 0 0 3px #ddd;
    -webkit-box-shadow: 0 0 3px #ddd;
    box-shadow: 0 0 3px #ddd;
}
.discount .more{
    display: block;
    margin-top:.1em;
    text-shadow: 0 0 0 #fff;
}
.discount .description .title{
    display: block;
    font-size: 14px; font-weight: bold;
    line-height: 1.3;
    margin:.1em 0 .3em 0;
}

/* Ñlear Fix
------------------------------------------------------------------------------*/
.clearfix{position: relative;}
.clearfix:after{content: '\0020';display: block;clear: both;height: 0;visibility: hidden;overflow: hidden;}
.ie6 .clearfix{height: 1%;}
.ie7 .clearfix{min-height: 1px;}



/* Kit block
------------------------------------------------------------------------------*/
.kit{

    border:1px solid #D2D2D2;
    background: #fff;
    margin:25px 5px; 
    position: relative;
    padding: 3px;

}
#content .kit .title{
    position: absolute;
    z-index: 80;
    left:208px;
    top:-10px;
    font-size: 9px;
    font-family: Verdana;
    font-weight: normal;
    background: #7C3D34;
    color:#eee;
    padding:4px 10px 4px;
    line-height: 14px;
    text-transform: uppercase;
    text-shadow: -1px -1px 0 #5C2D27;

    -moz-box-shadow: 0 2px 5px #aaa;
    -webkit-box-shadow: 0 2px 5px #aaa;
    box-shadow: 0 2px 5px #aaa;

}


.kit .wrap
{
    background: #F4F4F4 url(img/bg-kit.gif) no-repeat 0 100%;
    height: 240px;  
    display: block;
    overflow: hidden;
}

.kit .slide{

}



.kit .product,
.kit .sign,
.kit .purchase,
.kit .product .picture,
.kit .product .picture .link,
.kit .product .picture .link .image
{
    float: left;
    display: inline;
}
.kit .product{
    width: 120px;
    margin:30px 30px 0 30px;
    text-align: center;
}
.kit .product .name{
    display: block;
    margin-bottom: 30px;
}


.kit .product .picture{

    margin-bottom: 5px;
}
.kit .product .picture .link{

    padding: 5px;
    float: left;
    background: #eee;
}
.kit .product .picture .link:hover{
    background: #ddd;
}

.kit .product .picture .link:hover .image{
    border-color:#ccc;
}

.kit .product .picture .link .image{
    border:1px solid #ddd;
    padding:5px;
    background: #fff;
}


.kit .purchase{
    margin: 58px 0 0 30px;
    position: relative;
}

.kit .sign{
    font-size: 36px;
    color:#FF0000;
    margin:50px 0;
}

.kit .old-price{
    top:-10px;
    left:2px;
    margin-bottom: 0;
    color:#888;
    font-size: 13px;
    line-height: 1;
    position: absolute;
}

.kit .price{
    font-size: 30px;
    line-height: 35px;
    font-style: normal;
    display: block;
    font-family: Verdana;
}


.kit .price .unit{
    font-size: 13px;
    margin-left: 3px; 
}

.kit .btn{
    display: block;
    position: relative;
    left:-5px;
    top:-5px;
    width: 100px;
    height: 40px;
    text-indent: -999em;
    background:transparent url(img/btn-kit.gif) no-repeat 0 0;

}
.kit .btn:hover{background-position: 0 100%;}


.kit .description{
    font-size: 11px;
    width: 130px;
    color:#777;
    line-height: 1.3;
}

.kit .pager{
    position: absolute;
    top:8px;
    right:8px;
    cursor:pointer;
    z-index: 80;
}

/* BTN
------------------------------------------------------------------------------*/
.btn-next,
.btn-prev,
.btn-up,
.btn-down
{

    z-index: 80;
    position: relative;
    text-indent: -9999px;
    cursor:pointer;

    float: left;
    display: inline;

    height: 17px;
    width: 17px;

    border:0;
    padding:0;
    margin:0;
    font-size: 0;
    line-height:1;

    overflow: hidden;
    background: url(img/btn-arrow.gif) no-repeat 0 0; 
}


.btn-next{background-position: 0 0;}
.btn-prev{background-position: 0 -19px;}
.btn-up{background-position: 0 -38px;}
.btn-down{
    clear: both;
    margin-top: 6px;
    background-position: 0 -57px;
}


.btn-next:hover{background-position: 100% 0;}
.btn-prev:hover{background-position: 100% -19px;}
.btn-up:hover{background-position: 100% -38px;}
.btn-down:hover{background-position: 100% -57px;}








/* Tabs
------------------------------------------------------------------------------*/

.tabs{
    margin:20px 5px 30px 5px;
    position: relative;
    text-shadow: 1px 1px 0px #fff;
}

.tabs-nav{
    margin-bottom:0;
    z-index: 10;
}

.tabs-nav .item,
.tabs-nav .link
{
    float: left;
}
.tabs-nav .item{
}



.tabs-nav .link{

    font-size:13px;
    padding:8px 25px;
    display: block;

    font-weight: bold;
}
.tabs-nav .link:hover{
    text-decoration: none;
}
.tabs-conteiner .item,
.tabs-nav .active{

    background: #f4f4f4;
    border:1px solid #ccc;
}

.tabs-conteiner strong{
    margin-top: 5px;
    margin-bottom: 8px;
    display: block;
    color:#555;
}

.tabs-nav .active{
    border-bottom: 0;
    padding:3px 3px 0 3px;

    -moz-box-shadow:inset -1px 1px 0 #fff,inset 1px 0 0 #fff, 0 -1px 2px #eee;
    -webkit-box-shadow:inset -1px 1px 0 #fff,inset 1px 0 0 #fff, 0 -1px 2px #eee;
    box-shadow:inset -1px 1px 0 #fff,inset 1px 0 0 #fff, 0 -1px 2px #eee;

}

.tabs-nav .active .link{
    color:#CC3333;
    text-decoration: none;
    position: relative;
    top:4px;
    display: block;
    background: #f4f4f4;
    padding-top: 0;
    padding-bottom:14px;
}



.tabs-conteiner{
    position: relative;
    top:-1px;
    z-index: 1;
    float: left;
    color:#666;

}
.tabs-conteiner .item{
    padding:20px 25px 10px 25px;
    width: 563px;
    float: left;

    line-height: 1.4;
    background:transparent url(img/bg-kit.gif) no-repeat 0 100%;

    -moz-box-shadow:inset -1px -1px 0 #fff,inset 1px 1px 0 #fff, 0 0 1px #ddd;
    -webkit-box-shadow:inset -1px -1px 0 #fff,inset 1px 1px 0 #fff, 0 0 1px #ddd;
    box-shadow:inset -1px -1px 0 #fff,inset 1px 1px 0 #fff, 0 0 1px #ddd;

}
.tabs-conteiner .col-r,
.tabs-conteiner .col-l
{
    width: 250px;
    float: left;
}
.tabs-conteiner .col-r
{
    float: right;
}

.tabs-conteiner .error{
    color:#FF0000;
}

.listPoint li{
    margin-left: 20px;
    list-style: square;
}


/**
* @file: highslide.css 
* @version: 4.1.8
*/
.highslide-container div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide-container table {
    background: none;
}
.highslide {
    outline: none;
    text-decoration: none;
}
/*.highslide img {
        border: 2px solid silver;
}
.highslide:hover img {
        border-color: gray;
}*/
.highslide-active-anchor img {
    visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
    border-color: black;
    visibility: visible;
    cursor: default;
}
.highslide-image {
    border-width: 2px;
    border-style: solid;
    border-color: white;
    background: gray;
}
.highslide-wrapper, .highslide-outline {
    background: white;
}
.glossy-dark {
    background: #111;
}

.highslide-image-blur {
}
.highslide-number {
    font-weight: bold;
    color: gray;
    font-size: .9em;
}
.highslide-caption {
    display: none;
    font-size: 1em;
    padding: 5px;
    /*background: white;*/
}
.highslide-heading {
    display: none;
    font-weight: bold;
    margin: 0.4em;
}
.highslide-dimming {
    position: absolute;
    background: black;
}
a.highslide-full-expand {
    background: url(js/graphics/fullexpand.gif) no-repeat;
    display: block;
    margin: 0 10px 10px 0;
    width: 34px;
    height: 34px;
}
.highslide-loading {
    display: block;
    color: black;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px;
    border: 1px solid white;
    background-color: white;
    padding-left: 22px;
    background-image: url(js/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
    color:#2474A3;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    /*color: white;
    background-color: transparent;*/
}
.highslide-move, .highslide-move * {
    cursor: move;
}

.highslide-viewport {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: none;
    left: 0;
    top: 0;
}
.highslide-overlay {
    display: none;
}
.hidden-container {
    display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
    position: relative;
    top: -15px;
    left: 15px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(js/graphics/close.png);
    /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Thumbnail boxes for the galleries.                                        */
/* Remove these if you are not using a gallery.                              */
/*****************************************************************************/
.highslide-gallery ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.highslide-gallery ul li {
    display: block;
    position: relative;
    float: left;
    width: 106px;
    height: 106px;
    border: 1px solid silver;
    background: #ededed;
    margin: 2px;
    line-height: 0;
    overflow: hidden;
}
.highslide-gallery ul a {
    position: absolute;
    top: 50%;
    left: 50%;
}
.highslide-gallery ul img {
    position: relative;
    top: -50%;
    left: -50%;
}
html>/**/body .highslide-gallery ul li {
    display: table;
    text-align: center;
}
html>/**/body .highslide-gallery ul li {
    text-align: center;
}
html>/**/body .highslide-gallery ul a {
    position: static;
    display: table-cell;
    vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
    position: static;
}

/*****************************************************************************/
/* Controls for the galleries.											     */
/* Remove these if you are not using a gallery							     */
/*****************************************************************************/
.highslide-controls {
    width: 195px;
    height: 40px;
    background: url(js/graphics/controlbar-white.gif) 0 -90px no-repeat;
    margin: 20px 15px 10px 0;
}
.highslide-controls ul {
    position: relative;
    left: 15px;
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: url(js/graphics/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
    float: left;
    padding: 5px 0;
    margin:0;
    list-style: none;
}
.highslide-controls a {
    background-image: url(js/graphics/controlbar-white.gif);
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    outline: none;
}
.highslide-controls a.disabled {
    cursor: default;
}
.highslide-controls a.disabled span {
    cursor: default;
}
.highslide-controls a span {
    /* hide the text for these graphic buttons */
    display: none;
    cursor: pointer;
}


/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
    background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
    background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
    background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
    background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
    background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
    background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
    background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
    background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
    background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
    background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
    background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
    background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
    background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
    background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
    background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
    background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
    background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
    background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
    display: none;
}
.highslide-html {
    background-color: white;
}
.highslide-html-content {
    display: none;
    width: 400px;
    padding: 0 5px 5px 5px;
}
.highslide-header {
    padding-bottom: 5px;
}
.highslide-header ul {
    margin: 0;
    padding: 0;
    text-align: right;
}
.highslide-header ul li {
    display: inline;
    padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
    display: none;
}
.highslide-header a {
    font-weight: bold;
    color: gray;
    text-transform: uppercase;
    text-decoration: none;
}
.highslide-header a:hover {
    color: black;
}
.highslide-header .highslide-move a {
    cursor: move;
}
.highslide-footer {
    height: 16px;
}
.highslide-footer .highslide-resize {
    display: block;
    float: right;
    margin-top: 5px;
    height: 11px;
    width: 11px;
    background: url(js/graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
    display: none;
}
.highslide-body {
}
.highslide-resize {
    cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
    height: 18px;
    /*border-bottom: 1px solid #dddddd;*/
}
.draggable-header .highslide-heading {
    position: absolute;
    margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
    cursor: move;
    display: block;
    height: 16px;
    position: absolute;
    right: 24px;
    top: 0;
    width: 100%;
    z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
    display: none;
}
.draggable-header .highslide-header .highslide-close {
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 5;
    padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
    display: block;
    height: 16px;
    width: 16px;
    background-image: url(js/graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
    background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
    display: none;
}
.draggable-header .highslide-maincontent {
    padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
    height: 18px;
    border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
    position: absolute;
    width: 90%;
    margin: 1px 0 1px 5px;
    color: #666666;
}

.titlebar .highslide-header .highslide-move {
    cursor: move;
    display: block;
    height: 16px;
    position: absolute;
    right: 24px;
    top: 0;
    width: 100%;
    z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
    display: none;
}
.titlebar .highslide-header li {
    position: relative;
    top: 3px;
    z-index: 2;
    padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
    padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
    display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
    background: white;
}
.wide-border .highslide-image {
    border-width: 10px;
}
.wide-border .highslide-caption {
    padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
    border: none;
}
.borderless .highslide-caption {
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
    background: #444;
}
.outer-glow .highslide-image {
    border: 5px solid #444444;
}
.outer-glow .highslide-caption {
    border: 5px solid #444444;
    border-top: none;
    padding: 5px;
    background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border {
    background: white;
}
.colored-border .highslide-image {
    border: 2px solid green;
}
.colored-border .highslide-caption {
    border: 2px solid green;
    border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
    background: #111;
}
.dark .highslide-image {
    border-color: black black #202020 black;
    background: gray;
}
.dark .highslide-caption {
    color: white;
    background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
    background-image: url(js/graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
    position: absolute;
    padding: 1em 0 0 0;
    background: none;
    color: white;
    border: none;
    font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
    color: gray;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
    cursor: default;
    padding: 0 0 0 22px;
    margin: 0;
    background: url(js/graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
    width: 105px;
    height: 20px;
    position: relative;
    margin: 0;
    top: -23px;
    left: 7px;
    background: none;
}
.controls-in-heading .highslide-controls ul {
    position: static;
    height: 20px;
    background: none;
}
.controls-in-heading .highslide-controls li {
    padding: 0;
}
.controls-in-heading .highslide-controls a {
    background-image: url(js/graphics/controlbar-white-small.gif);
    height: 20px;
    width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
    display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
    background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
    background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
    background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
    background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
    background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
    background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
    background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
    background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
    background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
    background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
    background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
    background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
    background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
    background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
    background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
    background-position: -120px -20px;
}

/*****************************************************************************/
/* Styles for text based controls.						                     */
/* You can safely remove this if you don't use text based controls			 */
/*****************************************************************************/

.text-controls .highslide-controls {
    width: auto;
    height: auto;
    margin: 0;
    text-align: center;
    background: none;
}
.text-controls ul {
    position: static;
    background: none;
    height: auto;
    left: 0;
}
.text-controls .highslide-move {
    display: none;
}
.text-controls li {
    background-image: url(js/graphics/controlbar-text-buttons.png);
    background-position: right top !important;
    padding: 0;
    margin-left: 15px;
    display: block;
    width: auto;
}
.text-controls a {
    background: url(js/graphics/controlbar-text-buttons.png) no-repeat;
    background-position: left top !important;
    position: relative;
    left: -10px;
    display: block;
    width: auto;
    height: auto;
    text-decoration: none !important;
}
.text-controls a span {
    background: url(js/graphics/controlbar-text-buttons.png) no-repeat;
    margin: 1px 2px 1px 10px;
    display: block;
    min-width: 4em;
    height: 18px;
    line-height: 18px;
    padding: 1px 0 1px 18px;
    color: #333;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
}
.text-controls .highslide-next {
    margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
    min-width: 0;
    margin: 1px 0;
    padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
    min-width: 0;
}
.text-controls a:hover span {
    color: black;
}
.text-controls a.disabled span {
    color: #999;
}

.text-controls .highslide-previous span {
    background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
    background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
    background-position: 0 -140px;
}
.text-controls .highslide-play span {
    background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
    background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
    background-position: 0 -160px;
}
.text-controls .highslide-pause span {
    background-position: 0 -80px;
}
.text-controls .highslide-next span {
    background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
    background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
    background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
    background: none;
}
.text-controls .highslide-full-expand a.disabled {
    background-position: left top !important;
}
.text-controls .highslide-close span {
    background-position: 0 -120px;
}


/*****************************************************************************/
/* Styles for the thumbstrip.							                     */
/* See www.highslide.com/ref/hs.addSlideshow    							 */
/* You can safely remove this if you don't use a thumbstrip 				 */
/*****************************************************************************/

.highslide-thumbstrip {
    height: 100%;
}
.highslide-thumbstrip div {
    overflow: hidden;
}
.highslide-thumbstrip table {
    position: relative;
    padding: 0;
    border-collapse: collapse;
}
.highslide-thumbstrip td {
    padding: 1px;
    /*text-align: center;*/
}
.highslide-thumbstrip a {
    outline: none;
}
.highslide-thumbstrip img {
    display: block;
    border: 1px solid gray;
    margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
    visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
    width: auto;
    /* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
    display: none;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 25px;
    height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
    margin-bottom: 10px;
    cursor: pointer;
    background: url(js/graphics/scrollarrows.png) left center no-repeat;
    height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
    display: none;
    position: absolute;
    top: 3px;
    right: 3px;
    width: 25px;
    height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
    margin-bottom: 10px;
    cursor: pointer;
    background: url(js/graphics/scrollarrows.png) center right no-repeat;
    height: 42px;
}
.highslide-thumbstrip-horizontal table {
    margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
    margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
    width: auto;
    height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
    top: 47px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
    margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
    border-bottom-color: white !important;
}

.highslide-thumbstrip-vertical-overlay {
    overflow: hidden !important;
}
.highslide-thumbstrip-vertical div {
    height: 100%;
}
.highslide-thumbstrip-vertical a {
    display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
    margin-left: 10px;
    cursor: pointer;
    background: url(js/graphics/scrollarrows.png) top center no-repeat;
    height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
    margin-left: 10px;
    cursor: pointer;
    background: url(js/graphics/scrollarrows.png) bottom center no-repeat;
    height: 25px;
}
.highslide-thumbstrip-vertical table {
    margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
    max-width: 60px;
}
.highslide-thumbstrip-vertical .highslide-marker {
    left: 0;
    margin-top: 8px;
    border-top-width: 6px;
    border-bottom-width: 6px;
    border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
    border-left-color: white;
}

.highslide-viewport .highslide-thumbstrip-float {
    overflow: auto;
}
.highslide-thumbstrip-float ul {
    margin: 2px 0;
    padding: 0;
}
.highslide-thumbstrip-float li {
    display: block;
    height: 60px;
    margin: 0 2px;
    list-style: none;
    float: left;
}
.highslide-thumbstrip-float img {
    display: inline;
    border-color: silver;
    max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
    border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
    display: none;
}
.highslide-thumbstrip-float .highslide-marker {
    display: none;
}

strong,b,th,dt{font-weight: bold;}


/* Ñlear Fix
------------------------------------------------------------------------------*/

.clearfix{position: relative;}
.clearfix:after{content: '\0020';display: block;clear: both;height: 0;visibility: hidden;overflow: hidden;}
.ie6 .clearfix{height: 1%;}
.ie7 .clearfix{min-height: 1px;}


#header:after,
#teaser:after,
.snap_nav:after,
.category:after,
.block:after,
.box:after,
.entries:after,
.page:after,
#nav:after,
.glossary-letter:after,
#news li:after,
#news-home li:after,
#screenshot:after
{
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html #nav,
* html #header,
* html #teaser,
* html .category,
* html .block,
* html .box,
* html .entries,
* html .page,
* html .snap_nav,
* html .glossary-letter,
* html #news li,
* html #news-home li,
* html #screenshot
{height: 1%;}

*:first-child+html #nav,
*:first-child+html #header,
*:first-child+html #teaser,
*:first-child+html .category,
*:first-child+html .snap_nav,
*:first-child+html .block,
*:first-child+html .box,
*:first-child+html .entries,
*:first-child+html .page,
*:first-child+html .glossary-letter,
*:first-child+html #news li,
*:first-child+html #news-home li,
*:first-child+html #screenshot
{min-height: 1px;}