/*
Theme Name: FINISTAV
Theme URI: http://www.finistav.sk/
Description: Theme for Finistav website
Author: Richard Cerveny
Version: 1.0
*/

/* reset styles */
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, font, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    clear: both;
}
ol, ul {
    list-style: none;
}
dt{
    font-weight: bold;
    padding-top: 6px;
    line-height: 1.3;
}
dd{
    padding-left: 12px;
}
blockquote {
    quotes: none;
}
blockquote:before, blockquote:after {
    content: '';
    content: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img { border: none; }
/*end of reset*/

.wrap {
    float:left;
    overflow:hidden;
    position:relative;
    width:100%;
}

.wrap .center-on-screen {
    display:block;
    left:50%;
    margin-left:-480px;
    position:relative;
    width:960px;
}

.clear {
    clear:both;
}

body{
    background-color: #666;
    font-family: Geneva,Arial,Helvetica,sans-serif;
}

ul, ol {
    margin:0;
    padding:0;
}
ol, ul, li {
    list-style:none outside none;
}
:focus{
    outline: 0 none;
}


#search-toolbar{
    height: 5px;
    background-color: #CCCCCC;
}

#no-js{
    padding: 10px 0px;
    background-color: #FFC;
}

#header{
    padding: 12px 0px;
    position:relative;
    background-color: #EEEEEE;
}

#header .menu {
    clear:right;
    float:right;
}

#header .menu.main {
    margin-top: -14px;
}

#header li {
    float:left;
}

#header .base a  {
    color:#666;
    font-size:12px;
    font-weight: bold;
    margin-left:15px;
    text-decoration:none;
    text-transform:uppercase;
    /*height: 100%;*/
    border-bottom: solid 2px transparent;
}

#header .menu.base a:hover  {
    border-bottom: solid 2px #C01;
}
#header .menu.base a.news  {
    color:#C01;
}

#header .main a {
    color:#CC0011;
    /*float:left;*/
    margin-left: 15px;
    font-size:14px;
    font-weight: bold;
    /*line-height:100%;*/
    text-decoration:none;
    text-transform: uppercase;
    height: 100%;
}

#header .menu.main a:hover  {
    color: #666666;
    border-bottom: 2px solid #CC0011;
}

#header .logo a {
    background:url("images/finistav.png") no-repeat scroll 50% 50% transparent;
    float:left;
    height:75px;
    text-indent:-9999px;
    width:190px;
}

#content{
    border-top: solid 5px #CCCCCC;
    position:relative;
    background-color: #FFFFFF;
    color: #333333;
    background-image: url(images/backgrounds.png);
    background-repeat: repeat-x;
}

#content.long-header{
    background-image: url(images/slider-backgrounds.png);
}

#content h1{
    color: #FFFFFF;
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 30px 0px;
}

#content h5{
    color: #FFFFFF;
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 30px 0px;
}

#content .one {
    padding: 30px 0px 60px 0px;
    position:relative;
}

#content .left {
    float:left;
    padding: 30px 0px 60px 0px;
    position:relative;
    width:485px;
}

#content .right {
    float:left;
    padding: 30px 0px 0px 40px;
    width:435px;
}

#content .move-up{
    position:relative;
    top: -100px;
}

#content .right li{
    margin-bottom: 20px;
}

#footer{
    border-top: solid 5px #CCCCCC;
    background-color: #666;
    color: #EEEEEE;
}


#footer .copyright{
    padding: 20px 0px;
    font-size: 60%;
}

#footer .copyright h5{
    float: right;
    font-size: 120%;
    font-weight: bold;
}

#footer-widget-area{
    padding: 15px 0px 5px 0px;
}

#footer-widget-area ul, #footer-widget-area li{
    margin:0;
    padding:0;
    line-height: 1.2;
    list-style:none;
    overflow:hidden;
}

#footer-widget-area li{
    font-size: 85%;
    display:block;
    float:left;
}
#footer-widget-area h6{
    font-size: 110%;
    font-weight: bold;
}
#footer a{
    color: #EEEEEE;
    text-decoration: none;
}
#footer a:hover{
    text-decoration: underline;
    color: #FFFFFF;
}

#footer-widget-area .widget_recent_entries{
    width: 235px;
    margin-right: 30px;
}
#footer-widget-area .widget_nav_menu{
    width: 235px;
    margin-right: 30px;
}
#footer-widget-area .widget_tag_cloud{
    width: 430px;
}


#footer-widget-area .widget-container li{
    list-style: square inside;
    float:none;
}

#content .right .gallery {
    background-color: #EEEEEE;
    border: 5px solid #CCCCCC;
    padding: 12px;
    overflow: hidden;
}
#content .right .gallery li{
    line-height:0;
    margin-bottom: 0;
    height:315px;
    width:400px;
}

#content .right .gallery img{
    border: 1px solid #666;
    height:280px;
    width:400px;
}

#content .right .gallery .caption{
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
    text-align: center;
    line-height: 2;
    color: #666;
    border-bottom: 5px solid #CCC;
}

#map-canvas{
    height: 450px;
    width: 800px;
}

#breadcrumbs{
    margin-bottom: 15px;
    color: #666666;
    font-weight: bold;
    font-size: 12px;
}

#breadcrumbs a{
    color: #666666;
    text-decoration: none;
}

#breadcrumbs a:hover{
    color: #666666;
    border-bottom: 2px solid #CC0011;
}

.addthis{
    color: #FD6D4C;
    font-size: 14px;
    padding: 10px;
    border: 5px solid #FD6D4C;
    line-height: 120%;
    /*height: 185px;*/
    background-color: #FFFFFF;
}
.addthis_toolbox{
    margin-top: 7px;
    line-height: 32px;
}
.addthis_toolbox a{
    margin-right: 7px;
    float: left;
    color: #FD6D4C;
    text-decoration: none;
}
.addthis_toolbox a span{
    height: 32px;
    width: 32px;
}

.addthis_toolbox .addthis_separator{
    margin-right: 7px;
    float: left;
}

.addthis_button_compact {
    font-size: 18px;
    font-weight: bold;
    vertical-align: text-top;
}
.addthis_button_compact:hover {
    opacity: 0.8;
}
.addthis_button_compact span{
    padding-right: 7px;
    float: left;
}

.addthis .facebook_like{
    margin-top: 10px;
    border: medium none;
    overflow: hidden;
    width: 360px;
    height: 25px;
}

.addthis .google_one{
    margin-top: 10px;
    border: medium none;
    overflow: hidden;
    width: 45px;
    height: 25px;
    float: left;
}

div.sharebar .facebook_like{
    margin-top: 10px;
    border: medium none;
    overflow: hidden;
    width: 110px;
    height: 20px;
    float: left;
}

div.sharebar .google_one{
    margin-top: 10px;
    border: medium none;
    overflow: hidden;
    width: 40px;
    height: 20px;
    float: left;
}

#qrcode{
    background-color: #EEEEEE;
    border: 5px solid #CCCCCC;
    padding: 12px;
    overflow: hidden;
}

#qrcode img{
    float: right;
}

#qrcode .left{
    float: left;
    width: 225px;
    padding: 0;
}

#qrcode h5{
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    text-transform: uppercase;
}

#qrcode p{
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 12px;
}

.christmas{
    color: #669911;
    font-size: 14px;
    padding: 10px;
    border: 5px solid #669911;
    line-height: 120%;
    background-color: #FFFFFF;
    
}

.christmas img{
    float: left;
}
.christmas p{
    float: left;
    display:block;
    width: 210px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
}

.christmas div{
    text-align: center;
    font-size: 14px;
    line-height: 1.3;
}
.christmas div.separator{
    clear: both;
    border-bottom: solid 5px #559911;
    padding-top: 12px;
    margin-bottom: 12px;
    
}

#contact-form{
    padding: 10px;
}

#contact-form-link{
    line-height: 32px;
    margin-top: 7px;
}
#contact-form-link a{
    background-color: #FD6D4C;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    padding: 7px 30px;
    vertical-align:baseline;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #E66731;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#contact-form-link a:hover{
    opacity: 0.8;
}
#contactform{
    position: relative;
}
#contactform input.button{
    position: absolute;
    top: 500px;

}

#contact-form-link{
    line-height: 32px;
    margin-top: 14px;
}

#newsletter-form{
    padding: 10px;
}


#newsletter-form-link{
    line-height: 20px;
    margin-top: 7px;
    position: relative;
}

#newsletter-form-link label{
    position: absolute;
    color: #666666;
    font-size: 14px;
    top      : 3px;
    left     : 8px;
    display  : inline;
    z-index  : 1;
}

#newsletter-form-link input{
    border: 1px solid #FD6D4C;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #666666;
    font-size: 14px;
    padding: 3px 6px 4px;
    vertical-align:baseline;
    margin-right: 7px;
    width: 280px;
    z-index  : 99;
}
#newsletter-form-link a{
    background-color: #FD6D4C;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 12px 3px;
    vertical-align:baseline;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #E66731;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#newsletter-form-link a:hover, a:active, a:focus{
    opacity: 0.8;
}



#content .post h2{
    font-family: 'Arial Black',Geneva,Arial,Helvetica,sans-serif;
    color: #333333;
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    line-height:150%;
    padding: 15px 0px;
}

#content .post h3, #content .post h5{
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    margin: 15px 0px;
    text-transform: uppercase;
    padding: 0px 0px 5px 0px;
    line-height:140%;
    border-bottom: 2px solid #333333;
}
#content .post h4, #content .post h6{
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    padding: 0px 0px 5px 0px;
    line-height:130%;
    margin-bottom: 10px;
}

.post p{
    line-height: 135%;
    padding-bottom: 10px;
}

.post table.w100{
    width: 100%;
}

.post table.w50{
    width: 50%;
}
.post td, .post th{
    padding: 3px 5px;
}
.post td.center{
    text-align: center;
}
.post td.w30{
    width: 30%;
}
.post td.w40{
    width: 40%;
}

.post em{
    font-weight: bold;
    color:#CC0011;
}

.post a{
    text-decoration: none;
    color: #CC0011;
}
.post a:hover{
    color: #CC0011;
    text-decoration: underline;
}
.post ul, .post li{
    list-style: disc inside none;
    line-height: 1.2;
}
.post ul{
    margin-bottom: 10px;
}

.post div.row{
    padding: 10px 0px;
    border-top: solid 2px #CCCCCC;
    clear: both;
    overflow: hidden;
}

.post div.row .left-column{
    float:left;
    margin-right: 10px;
}
.post div.row .right-column{
    float:left;
    width: 319px;
    padding-bottom: 0px;
}

.callout{
    background-color: #FF6;
    border: 5px solid #333333;
    padding: 10px 15px;
    text-align: center;
}

#content .sidebar-links{
    border-top: 5px solid #CCCCCC;
    border-bottom: 5px solid #CCCCCC;
}

#content .sidebar-links .link{
    border-bottom: 2px solid #CCCCCC;
    padding-top: 10px;
    overflow: hidden;
    font-size: 14px;
    line-height: 120%;
}

#content .sidebar-links .last{
    border-bottom: 2px solid transparent;
}

#content .sidebar-links .link .thumbnail{
    border: 2px solid #CCCCCC;
    background-color: #EEEEEE;
    padding: 5px;
    display: inline;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
} 

#content .sidebar-links .link h3{
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    clear:none;
    padding-bottom: 5px;
    line-height: 1.2;
}

#content .sidebar-links .link p{
    padding-bottom: 3px;
}

#content .sidebar-links .link a{
    float:right;
    background-color: #CC0011;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 10px;
    margin: 10px 0px;
    vertical-align:baseline;
    text-transform: none;
    text-decoration: none;
    border: 2px solid #CC0011;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#content .sidebar-links .link a:hover{
    background-color: #FFFFFF;
    color: #CC0011;
}

#content .sidebar-links .link em{
    color: #CC0011;
    font-style: normal;
    text-transform: uppercase;
}

#router{
    border-bottom: solid 5px #CCCCCC;
    padding: 30px 0px;
    position:relative;
    background-color: #FFFFFF;
    color: #333333;
    background-image: url(images/slider-backgrounds.png);
    background-repeat: repeat-x;
    height: 320px;
    overflow:hidden;
}

#router .item{
    float: left;
    width:495px;
    position: relative;
}

#router .gallery{
    background-color: #EEEEEE;
    border: 5px solid #CCCCCC;
    padding: 12px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 526px;
}

#router .item h1 {
    color:#FFFFFF;
    font-size:45px;
    font-weight:bold;
    padding: 10px 30px 20px 0px;
    text-transform:uppercase;
}

#router .item div{
    color:#FFFFFF;
    font-size:18px;
    letter-spacing: 1px;
    word-spacing: 2px;
    line-height: 1.3;
    overflow: hidden;

}
#router li{
    position: relative;
}
#router a.button{
    position: absolute;
    top: 200px;
    left: 0px;
    font-size:18px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 2px;
    color: #333333;
    background-color: #FFFF66;
    border: 3px solid #333333;
    padding: 10px 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#router a.button:hover{
    background-color: #FFFF99;
    color: #333333;
    border: 3px solid #000000;
}

#content .inline-links, #content .inline-gallery, #content .inline-attachments, #content .attachment {
    margin-top: 10px;
    border-top: 5px solid #CCCCCC;
}
#content .inline-links h5, #content .inline-gallery h5, #content .inline-attachments h5{
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    text-transform: none;
    text-align: left;
    line-height: 1;
    color: #666;
    margin: 0px;
    padding: 0px;
    padding-top: 7px;
    border-bottom: none;
}
#content .inline-links ul, #content .inline-gallery ul, #content .inline-attachments ul{
    padding: 7px 0px;
    width: 485px;
    display: block;
    overflow: hidden;
    list-style: none outside none;
}
#content .inline-attachments ul{
    width: 489px;
}
#content .inline-links li, #content .inline-gallery li, #content .inline-attachments li, #content .inline-links li.list div.img{
    float: left;
    background-color: #EEEEEE;
    border: 2px solid #CCCCCC;
    margin: 0px 7px 7px 0px;
    padding: 5px;
    list-style: none outside none;
}

#content .inline-links li.simple-list, #content .inline-links li.list{
    background-color: #FFFFFF;
    border: none;
    margin: 0px;
    padding: 0px 0px 5px 0px;
    width: 100%;
    list-style: none outside none;
}

#content .inline-links .list h4{
    clear: none;
}
#content .inline-links .list p{
    font-size: 14px;
    padding-bottom: 3px;
}
#content .inline-links .list h4 a{
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    text-transform: none;
    text-align: left;
    line-height: 1;
    color: #666;
    margin: 0px;
    padding: 0px;
    padding-top: 7px;
    border-bottom: none;
}


#content .inline-links li.last, #content .inline-gallery li.last{
    margin: 0px 0px 7px 0px;
}


#content .inline-links img, #content .inline-gallery img, #content .inline-attachments img{
    border: 1px solid #666666;
}
#content .inline-links .link, #content .inline-gallery .caption, #content .inline-attachments .link{
    text-align: center;
}

#content .inline-links a, #content .inline-gallery a, #content .inline-attachments a,  #content .attachment a{
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
    line-height: 1.5;
    color: #666666;
}
#content .inline-links li.simple-list a{
    font-size:14px;
}
#content .inline-links a:hover, #content .inline-gallery a:hover, #content .inline-links .list h4 a:hover, #content .inline-attachments a:hover,  #content .attachment a:hover{
    color: #CC0011;
}

.wp-caption{
    background-color: #EEEEEE;
    border: 2px solid #CCCCCC;
    padding: 5px;
}

.wp-caption img{
    border: 1px solid #666666;
}


.post p.wp-caption-text, .wp-caption .caption{
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
    line-height: 1.5;
    color: #666666;
    text-align: center;
    padding: 5px 0px 0px 0px;
}

.wp-caption table{
    border: 1px solid #666666;
    width: 100%;
    background-color: #FFFFFF;
    font-size: 14px;
    cursor: default;
}
.wp-caption thead{
    border-bottom: 1px solid #666666;
    background-color: #CCCCCC;
}
.wp-caption tbody tr{
    border-bottom: 1px solid #CCCCCC;
}
.wp-caption tbody tr:hover{
    background-color: #EEEEEE;
}
.wp-caption tbody tr.last{
    border-bottom: none;
}

.wp-caption tbody td{
    text-align: center;
}


/*
 * 
 * SWITCHER for freeform catalog display
 *
*/
#switcher .content{
    background-color: #FFFFFF;
    width:606px; 
    position:relative; 
    padding: 12px 24px;
    margin-left: 36px;
    border: 5px #CCCCCC solid;
    float: left;
    font-size: 16px;
}

#switcher .product{
}

#switcher .product h3{
    font-size: 2.0em;
    font-weight: bold;
    padding-bottom: 12px;
    border: none;
    margin: 0px;
    text-transform: none;
}

#switcher .product ul.ui-tabs-nav{
    position:absolute; 
    top: 6px;
    left: 425px;
    height: 305px;
    list-style:none;
    padding-top: 6px;
    padding-left: 12px;
    border-left: 3px #CCCCCC solid;
    margin: 0;
}

#switcher .product ul.ui-tabs-nav li{
    background-color: #EEEEEE;
    margin-bottom: 3px;
    list-style:none;
}

#switcher .product li.ui-tabs-nav-item a{
    display:block;
}

#switcher .product li.ui-tabs-nav-item a img{
    border: none;
}

#switcher .product .images{
    width:570px; 
    height:306px; 
    background:#EEEEEE; position:relative;
    border: 5px #ccc solid;
    padding: 12px;
    margin-bottom: 24px;
}

#switcher .product .images .caption{
    text-align: center;
    font-size: 0.8em;
    margin-top: 6px;
    color: #666666;
    width: 400px;
}


#switcher .akcia{
    position: absolute;
    top: 30px;
    left: 270px;
    font-weight: bold;
    background-color: #CC0011;
    color: #FFFFFF;
    text-align: center;
    border: 0px solid #CCCCCC;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    height: 90px;
    width: 120px;
    padding-top: 30px;
}


#switcher .akcia .line{
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 45px;
}

#switcher .akcia .line1{
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 3px;
}

#switcher .akcia .line2{
    font-size: 18px;
}


#switcher .ui-tabs-hide{
    display:none; 
}

#switcher{
    width: 960px;
    font-family: sans-serif;
    overflow: hidden;
    padding-bottom: 24px;
}

#switcher .menu{
    position:relative;
    background-color: #FFFFFF;
    float: left;
    display: block;
    width: 226px;
    border: 5px #CCCCCC solid;
}

#switcher .menu h4{
    background-color: #EEEEEE;
    padding: 12px 24px;
    text-align: center;
    border-bottom: 3px solid #CCCCCC;
    text-transform: uppercase;
}

#switcher .menu ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#switcher .menu ul li{
    list-style: none;
    margin: 0px;
    padding: 6px 24px;
}

#nav-overview{
    padding: 0px !important;
}

#switcher .menu a{
    font-weight: bold;
    font-size: 14px;
    text-decoration:none;
    border-bottom: solid transparent 2px;
}

#switcher .menu a:hover{
    color: #666666;
    border-bottom: solid #CC0011 2px;
}

#switcher .menu ul.links{
    border-top: 3px solid #CCCCCC;
    margin: 12px 24px;
    padding-top: 12px;
}

#switcher .menu ul.links li{
    border: 1px solid #CCCCCC;
    background-color: #EEEEEE;
    padding: 17px;
    margin-bottom: 12px;
    position:relative;
}

#switcher .menu ul.links li img{
    border: 1px solid #CCCCCC;
}

#switcher .menu ul.links li .badge{
    position: absolute;
    top: 30px;
    left: 100px;
    background-color: #CC0011;
    color: #FFFFFF;
    text-align: center;
    border: 0px solid #CCCCCC;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    height: 33px;
    width: 50px;
    padding-top: 17px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

#switcher .menu ul.links li .caption{
    position: absolute;
    top: 128px;
    left: 18px;
    width: 140px;
    height: 30px;
    background-color: #666666;
    opacity:0.6;  filter:alpha(opacity=60);
}

#switcher .menu ul.links li .link{
    position: absolute;
    top: 128px;
    left: 18px;
    width: 132px;
    height: 18px;
    text-align: center;
    padding: 4px 4px 8px 4px;
}
#switcher .menu ul.links li .link a{
    color: #EEEEEE;
}
#switcher .menu ul.links li .link a:hover{
    color: #FFFFFF;
}

#switcher .overview-link{
    position: relative;
}

#switcher .overview-link .badge{
    position: absolute;
    top: 10px;
    left: 80px;
    background-color: #CC0011;
    color: #FFFFFF;
    text-align: center;
    border: 0px solid #CCCCCC;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    height: 33px;
    width: 50px;
    padding-top: 15px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

#switcher .overview-link .badge em{
    color: #FFFFFF;
    font-style: normal;
}
#switcher .sharebar{
    margin: 12px 24px;
    border-top: 3px solid #CCCCCC;
    padding-top: 12px;
    overflow: hidden;
}
#switcher .addthis_toolbox{
    line-height: 16px;

}
#switcher .addthis_toolbox a{
    float: left;
    border: none;
    margin-right: 0px;
}
#switcher .addthis_toolbox a:hover{
    border: none;
}
#switcher .addthis_toolbox a span{
    height: 16px;
    width: 16px;
    padding-right: 0px;
}

#switcher .addthis_toolbox .addthis_separator{
    float: left;
    padding-left: 6px;
}
#switcher .addthis_toolbox .addthis_button_compact{
    padding-left: 12px;
}
#switcher .addthis_toolbox .addthis_button_compact span{
    padding: 0px !important;
    float: left;
}

#switcher #contact-form-link{
    padding-top: 24px;   
}
#switcher #contact-form-link a{
    padding: 6px 18px;   
}
#switcher #contact-form-link a:hover{
    opacity: 0.8;
    color: #FFFFFF;
    border: 1px solid #E66731;
}

#switcher .flash{
    background-color: #EEEEEE;
    border: 3px solid #CC0011;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    padding: 12px 36px;
    margin-bottom: 18px;
    font-weight: bold;
    font-style: italic;
    color: #CC0011;
}
#switcher .product h6{
    margin-top: 0px;
    margin-bottom: 5px;
}

#switcher .prices{
    overflow: hidden;
    font-size: 0.9em;
}

#switcher .top-title{
    font-size: 1.3em;
    padding: 12px 0px;
}

#switcher .prices .static{
    float: left;
    width: 149px;
    border-left: 3px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

#switcher .prices .static .row{
    border-top: 1px solid #CCCCCC;
}

#switcher .prices .static .row:first-child{
    border-top: 3px solid #CCCCCC;
}

#switcher .prices .static .row:last-child{
    border-bottom: 3px solid #CCCCCC;
}

#switcher .prices .slider{
    margin-left: 150px;
    overflow:hidden;
    width: 450px;
    border: none;
}
#switcher .prices .slider .conveyor{
    position:relative;
    width: 750px;
}
#switcher .prices .variant{
    float: left;
    width: 149px;
    text-align:  center;
    border-right: 1px solid #CCCCCC;
}

#switcher .prices .variant:last-child{
    width: 147px;
    border-right: 3px solid #CCCCCC;
}

#switcher .prices .variant .row{
    border-top: 1px solid #CCCCCC;
}

#switcher .prices .variant .row:first-child{
    border-top: 3px solid #CCCCCC;
}

#switcher .prices .variant .row:last-child{
    border-bottom: 3px solid #CCCCCC;
}

#switcher .prices .row{
    padding: 6px 12px;
    font-size: 1.2em;
}

.prices .price{
    font-size: 1.5em !important;
    font-weight: bold;
    color: #000000;
}

.prices .sale{
    font-size: 1.5em !important;
    font-weight: bold;
    color: #CC0011;
}

.prices .highlight{
    background-color: #FFFFCC !important;
}

.prices .separator{
    border-top: 2px solid #CCCCCC !important;
}

.prices .title{
    font-weight: bold;
    background-color: #EEEEEE;
    border-top: none;
}

#switcher .scroll-bar-wrapper { height: 18px; padding: 0; margin: 6px 6px 6px 156px;
                                background: #FFFFFF;
                                border: 1px solid #CCCCCC;
                                border-radius: 5px;
                                -moz-border-radius: 5px;
                                -webkit-border-radius: 5px;
}

#switcher .scroll-bar{
    clear: left;
    position: relative;
    margin: 0px;
}


#switcher .scroll-bar .ui-slider-handle { 
    position: absolute;
    background: #EEEEEE;
    height: 16px; 
    width: 1.1em;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

}


#switcher .bottom-content{
    margin: 24px 0 12px 0;
    font-style: italic;
    font-size: 0.8em;
}

#switcher .product-gallery h5, #switcher .product-attachments h5{
    border-top: 2px solid #CCCCCC;
    border-bottom: none;
    padding: 6px 0;
    font-size: 1.2em;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    color: #666666;
    margin-bottom: 0px;
    font-size: 16px;
}

#switcher .product-gallery img, #switcher .product-attachments img{
    border: 1px solid #666666;
}

#switcher .product-gallery ul, #switcher .product-attachments ul{
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    padding: 2px;
    display: block;
    overflow: hidden;
    color: #666666;
}
#switcher .product-gallery li, #switcher .product-attachments li{
    float: left;
    list-style: none;
    padding: 4px;
    font-size: 12px;
    overflow: hidden;
}

#switcher .product-gallery li div, #switcher .product-attachments div{
    text-align: center;
    font-style: normal;
}

#switcher .product-attachments li a{
    color: #666666;
}
#switcher .product-attachments li a:hover{
    color: #CC0011;
}

#popup-content{
    padding: 12px 24px;
    background-color: #FFFFFF;
    min-height: 435px;
}

#popup-content .content{
    width: 606px;
}

#popup-content .content p{
    line-height: 135%;
    padding-bottom: 10px;
}

#popup-content .content h1{
    border: medium none;
    font-size: 2em;
    font-weight: bold;
    margin: 0;
    padding-bottom: 12px;
    text-transform: none;
}

#popup-content .content h3{
    border-bottom: 2px solid #333333;
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    line-height: 140%;
    margin: 15px 0;
    padding: 0 0 5px;
    text-transform: uppercase;
}

#popup-content .container{
    min-height: 400px;
    margin-top: 12px;
}

#components{
    width: 283px;
    float: left;
    min-height: 390px;
}

#components h5{
    font-size: 0.9em;
    font-weight: bold;
    padding: 0.2em;
}

#components li{
    font-size: 0.85em;
    font-weight: normal;
    padding: 0.1em 0.2em;
}

#basket{
    width: 283px;
    float: right;
    margin-left: 24px;
    min-height: 400px;
}
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #666666 url(images/ui-bg_dots-small_65_a6a6a6_2x2.png) 50% 50% repeat; opacity: .90;filter:Alpha(Opacity=90); cursor: pointer;}

.ui-dialog { position: absolute; padding: 10px; width: 300px; overflow: hidden; border: 5px solid #CCCCCC; background: #eeeeee; color: #333333;}
.ui-dialog .ui-dialog-titlebar { display: none; }
.ui-dialog .ui-dialog-content { position: relative; border: 1px black solid; padding: 10px; background: #ffffff; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { height:30px; text-align: left; margin: 10px 0 0 0;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {     
    cursor: pointer;
    background-color: #EEEEEE;
    border: 2px solid #CCCCCC;
    margin-left: 10px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    text-align: center;
    text-decoration: none;
    outline: 0;
}
.ui-dialog .ui-dialog-buttonpane button.ui-state-hover{
    border: 2px solid #666666;
    outline: 0;
}
.ui-dialog .ui-dialog-buttonpane button.ui-state-focus{
    border: 2px solid #666666;
    outline: 0;
}
.ui-button .ui-button-text{
    display: block;
    line-height: 1.4;
    padding: 0.4em 0.2em;
}
/*#popup-content .ui-state-disabled { cursor: default !important; }
#popup-content .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
#popup-content .ui-widget { font-family: Arial,sans-serif; font-size: 0.9em; }
#popup-content .ui-widget-content { border: 1px solid #cccccc; background: #ffffff; color: #333333; padding: .2em;}
#popup-content .ui-widget-content a { color: #333333; }
#popup-content .ui-widget-header { border: 1px solid #e3a1a1; background: #cc0000 url(images/ui-bg_highlight-soft_15_cc0000_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; padding: .4em 1em; margin-bottom: .4em;  font-size: 0.9em; }
#popup-content .ui-widget-header a { color: #ffffff; }

#popup-content .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
#popup-content .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
#popup-content .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
#popup-content .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/ 
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow, #cboxSubmit{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#666;}

#colorBox{}
#cboxContent{background:#eee; border: 5px solid #CCC; padding: 10px;}
#cboxLoadedContent{margin-bottom:40px;background:#eee; border: 1px solid #666;}
#cboxLoadingOverlay{}
#cboxCurrent, #cboxTitle{
    position:absolute;
    bottom:0px;
    margin: 0px 10px 10px 10px;
    padding-bottom: 10px;
    color:#666;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    text-align:left;

}
#cboxTitle{left:120px; text-align: center;}
#cboxCurrent{left:75px; width:40px; text-align:right;}
#cboxClose, #cboxNext, #cboxPrevious, #cboxSlideshow, #cboxSubmit{
    position:absolute;
    cursor: pointer;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    border:2px solid #CCC;
    color: #666;
    background-color: #eee;
    display:block;
    float:left;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    height: 20px;
    padding: 6px 3px 0px 3px;
    text-align: center;
}
#cboxClose:hover, #cboxNext:hover, #cboxPrevious:hover, #cboxSlideshow:hover, #cboxSubmit:hover{
    border:2px solid #666;
}
#cboxClose{
    margin: 0px 10px 10px 0px; width:60px; bottom:0; right:0;
}
#cboxSlideshow{
    margin: 0px 10px 10px 0px; width:60px; bottom:0; right:75px;
}
#cboxSubmit{
    margin: 0px 10px 10px 0px; width:60px; bottom:0; right:75px;
}
#cboxNext{
    margin: 0px 10px 10px 0px;padding: 0px 3px 6px 3px; font-size:20px; width:20px; bottom:0; left:45px;
}
#cboxPrevious{
    margin: 0px 10px 10px 10px;padding: 0px 3px 6px 3px; font-size:20px; width:20px; bottom:0; left:0;
}

#cboxLoadedContent .contact-form, #popup-content .contact-form, #cboxLoadedContent .newsletter-form, #cboxLoadedContent .thanks{
    color:#333;
}

#cboxLoadedContent .contact-form fieldset, #popup-content .contact-form fieldset , #cboxLoadedContent .newsletter-form fieldset{
    border:0;
}

#cboxLoadedContent .contact-form legend, #popup-content .contact-form legend, #cboxLoadedContent .newsletter-form legend, #cboxLoadedContent .thanks legend{
    font-size:24px;
    letter-spacing:-1px;
    padding:0;
    margin:0 0 10px -5px;
}

#cboxLoadedContent .contact-form .form-slider, #popup-content .contact-form .form-slider , #cboxLoadedContent .newsletter-form .form-slider{
    padding:0 0 4px;
    left: 80px;
    width: 340px;
}
#cboxLoadedContent .contact-form .form-non-slider, #popup-content .contact-form .form-non-slider, #cboxLoadedContent .newsletter-form .form-non-slider{
    padding:0 0 10px;
    left: 80px;
    width: 340px;
    position: relative;
}

#cboxLoadedContent .form-hint, #popup-content .form-hint {
    padding:0 0 10px;
    line-height: 1.2;
    left: 80px;
    width: 340px;
    position: relative;
    font-size: 12px;
    color: #666;
}

#cboxLoadedContent .form-hint a, #popup-content .form-hint a{
    color: #C01;
    text-decoration: none;
}
#cboxLoadedContent .form-hint a:hover, #popup-content .form-hint a:hover{
    text-decoration: underline;
    color: #C01;
}


#cboxLoadedContent .form-error, #popup-content .form-error{
    padding:0 0 8px;
    left: 85px;
    width: 340px;
    position: relative;
    font-size: 11px;
    color: #C01;
}

#cboxLoadedContent label, #popup-content label{
    color:#666;
    cursor: pointer;
    /*font-size:14px;*/
}

#cboxLoadedContent input[type="text"],
#cboxLoadedContent textarea,
#popup-content input[type="text"],
#popup-content textarea{
    display:block;
    border:1px solid #ccc;
    padding:4px;
}

#cboxLoadedContent  textarea, #popup-content textarea{
    letter-spacing:.06em;font-family:inherit;font-size: inherit;font-size:14px;
}

#cboxLoadedContent input[type="text"]:focus,
#cboxLoadedContent textarea:focus
#popup-content input[type="text"]:focus,
#popup-content textarea:focus{
    border-color:#333;background:#fff;
}

#cboxLoadedContent .thanks p,
#popup-content .thanks p{
    color:#666;
    line-height: 1.4;
    margin-bottom: 10px;
}

.screenReader {
    left: -9999px;
    position: absolute;
    top: -9999px;
}


.autocomplete-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #666666; background:#FFFFFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden;
                border-radius: 3px 3px 0 0;
                -moz-border-radius: 3px 3px 0 0;
                -webkit-border-radius: 3px 3px 0 0;
}
.autocomplete .selected { background:#CCCCCC; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#CC0011; }

.anythingSlider {
    position: relative;
}
.anythingSlider.landscape {
    width: 402px; height: 350px;
}
.anythingSlider.portrait {
    width: 402px; height: 630px;
}
.anythingSlider.router {
    width: 960px;
}
.anythingSlider .wrapper {
    overflow: auto; position: absolute; top: 0; left: 0;
}
.anythingSlider.landscape .wrapper {
    width: 402px; height: 317px;
}
.anythingSlider.portrait .wrapper {
    width: 402px; height: 562px;
}
.anythingSlider.router .wrapper {
    width: 960px; height: 317px;
}
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; margin: 0; }
.anythingSlider.landscape ul li         { height: 315px; width: 400px;}
.anythingSlider.portrait ul li         { height: 560px; width: 400px;}
.anythingSlider.router ul li         { height: 317px; width: 960px;}

.anythingSlider a.arrow {
    position: absolute; 
    cursor: pointer;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    border:2px solid #CCCCCC;
    color: #666666;
    background-color: #EEEEEE;
    display:block;
    float:left;
    font-size:20px;
    font-weight:bold;
    text-decoration:none;
    margin-left: 3px;
    height: 20px;
    width: 20px;
    padding: 0px 3px 6px 3px;
    text-align: center;
}
.anythingSlider.landscape a.arrow {
    top: 322px;
}
.anythingSlider.portrait a.arrow {
    top: 572px;
}
.anythingSlider.router a.arrow {
    top: 275px;
}
.anythingSlider a.arrow:hover {color: #666666; border:2px solid #666666;}
.anythingSlider a.forward                { left: 35px; }
.anythingSlider a.back                   { left: 0px; }
.anythingSlider a.arrow span{
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.thumbNav { position: relative; left: 80px; width: 335px;  text-align: left; overflow: hidden;}
.landscape .thumbNav {top: 322px;}
.portrait .thumbNav {top: 572px;}
.portrait .thumbNav a, .landscape .thumbNav a{
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    border:2px solid transparent;
    color: #666666;
    background-color: #EEEEEE;
    display:block;
    float:left;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    margin-left: 2px;
    margin-bottom: 3px;
    text-align: center;
    height: 20px;
    width: 20px;
    padding: 6px 3px 0px 3px;
}
.thumbNav a span{
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.thumbNav a:hover                       { color: #666666; border:2px solid #666666;}
.thumbNav a.cur                         { color: #666666; border:2px solid #666666;}

.start-stop {
    position: absolute;
    left: 0px;
    cursor: pointer;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    border:2px solid #CCCCCC;
    color: #666666;
    background-color: #EEEEEE;
    display:none;
    float:left;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    margin-left: 3px;
    margin-bottom: 3px;
    height: 20px;
    width: 55px;
    padding: 6px 3px 0px 3px;
    text-align: center;
}
.landscape .start-stop{
    top: 325px;
}
.portrait .start-stop{
    top: 605px;
}
.start-stop.playing                     { border:2px solid #666666;}
.start-stop:hover                       { border:2px solid #666666; }

.start-stop span{
    height: 20px;
    width: 55px;
    cursor: pointer;
}


.anythingSlider.router a.arrow {
    top: 285px;
    position: absolute;
    cursor: pointer;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    border:3px solid #CCCCCC;
    color: #666666;
    background-color: #EEEEEE;
    display:block;
    float:left;
    font-size:26px;
    font-weight:bold;
    text-decoration:none;
    margin-left: 5px;
    height: 26px;
    width: 26px;
    padding: 0px 3px 6px 3px;
    text-align: center;
}
.anythingSlider.router a.arrow:hover {color: #666666; border:3px solid #666666;}
.anythingSlider.router .start-stop{
    display: none;
}
.anythingSlider.router a.forward                { left: 45px; }
.anythingSlider.router a.back                   { left: 0px; }
.anythingSlider.router a.arrow span{
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.anythingSlider.router .thumbNav {
    position: relative; top:285px; left: 110px; width: 390px;  text-align: left; overflow: hidden;
}

.anythingSlider.router .thumbNav a {
    cursor: pointer;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    border:3px solid transparent;
    color: #666666;
    background-color: transparent;
    display:block;
    float:left;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    margin-left: 3px;
    height: 26px;
    width: 26px;
    padding: 6px 3px 0px 3px;
    text-align: center;
}
.anythingSlider.router .thumbNav a span{
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.anythingSlider.router .thumbNav a:hover                       { color: #666666; background-color: #EEEEEE; border:3px solid #CCCCCC;}
.anythingSlider.router .thumbNav a.cur                         { color: #666666; background-color: #EEEEEE; border:3px solid #CCCCCC;}

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }