/* GLOBAL HTML ELEMENTS */

* {
    margin: 0;
    padding: 0;
}
body, p, ul, li, ul li p, ol li p, img, form, fieldset, input, text-area, select, button {
    margin:0;
    padding:0;
    border:0;
}
body {
    color:#606060;
    background: #ffffff;
    font-family:scadaregular, Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:140%;
    position: relative;
    /*    overflow-x: hidden;*/
}
input, textarea, select {
    background-color:#f5f5f5;
    font-size: 12px;
    line-height: 100%;
    margin: 0 0 10px 0;
    padding: 10px;
}
.button {
    background-color: #234A71;
    color: #fff;
    padding: 10px 40px;
    cursor: pointer;
}
.button:hover {
    opacity: 0.8;
    transition: all 0.2s ease-in-out 0s;
}
h1, h2, h3, h4, h5, h6 {
    color:#606060;
    font-weight:normal;
    line-height:100%;
    margin:0 0 10px;
    text-transform: uppercase;
}
h1 {
    font-size: 26px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
p {
    padding-bottom:20px;
}
ul, ol {
    margin: 0 0 15px 0px;
}
ul li {
    margin:0 0 10px 20px;
}
ol li {
    list-style-type: decimal;
    margin:0 0 10px 20px;
}
img {
    max-width: 100%
}
hr {
    visibility: hidden;
    clear: left;
}

/*FONT*/

@font-face {
    font-family: 'open_sanslight';
    src: url('/font/opensans-light_0-webfont.eot');
    src: url('/font/opensans-light_0-webfont.eot?#iefix') format('embedded-opentype'),  url('/font/opensans-light_0-webfont.woff') format('woff'),  url('/font/opensans-light_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('/font/opensans-semibold_0-webfont.eot');
    src: url('/font/opensans-semibold_0-webfont.eot?#iefix') format('embedded-opentype'),  url('/font/opensans-semibold_0-webfont.woff') format('woff'),  url('/font/opensans-semibold_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontAwesome';
    src: url('/font/fontA/fontawesome-webfont.eot');
    src: url('/font/fontA/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/font/fontA/fontawesome-webfont.woff') format('woff'), url('/font/fontA/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'scadaregular';
    src: url('/font/scada-regular-webfont.eot');
    src: url('/font/scada-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('/font/scada-regular-webfont.woff2') format('woff2'),
        url('/font/scada-regular-webfont.woff') format('woff'),
        url('/font/scada-regular-webfont.ttf') format('truetype'),
        url('/font/scada-regular-webfont.svg#scadaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*----- Link ------*/

a {
    color:#B71116;
    text-decoration: none;
    outline: none;
}
a:hover {
    text-decoration: none;
    color: #265079;
}
a.download {
    background: url(/img/icons/download.png) left top no-repeat;
    width: 15px;
    height: 20px;
    display: block;
    color: #696969;
    font-size: 16px;
    text-decoration: none;
    padding-left: 20px;
    font-weight: bold;
}
a.link {
    background: url(/img/icons/link.png) left top no-repeat;
    width: 15px;
    height: 20px;
    display: block;
    color: #696969;
    font-size: 16px;
    text-decoration: none;
    padding-left: 20px;
    font-weight: bold;
}

.flex-video {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #999999; 
}
.flex-video.widescreen {
    padding-bottom: 56.25%; 
}
.flex-video.vimeo {
    padding-top: 0; }
.flex-video.map {
    border-right: 1px solid #666;
    border-bottom: 1px solid #666; 
}
.flex-video iframe, .flex-video object, .flex-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*----- Table ------*/

table {
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-collapse:collapse;
    color:#28292C;
    margin:0 0 20px;
    text-align:left;
    width:100%;
    max-width: 100%
}
table thead tr td, table thead tr td th, table tbody tr th {
    background-color:#e8e8e9;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    text-transform: uppercase;
    color:#234a71;
    padding:10px;
    font-size:14px;
    line-height:150%;
    text-align: center;
    font-weight: normal;
}
table tbody tr td {
    background-color:#F8F8F8;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    padding:10px;
    color:#606060;
    font-size:15px;
    line-height:150%;
}
table tbody tr.graytr td{background-color:#f5f5f5;}
table tbody tr td ul, table tbody tr td ol {
    margin:0;
}
table tbody tr td p, table tbody tr td p,
table thead tr td p, table thead tr td th p, table tbody tr th p {
    padding-bottom: 0;
}
/*-------------------------- PLATFORM ------------------------------------------------*/

:focus {
    outline: none;
}

/*----- Easy Clearing ------*/

.fix:after {
    clear:both;
    content:'[.]';
    display:block;
    height:0;
    visibility:hidden;
}
.fix {
    display:inline-block;
}
.fix {
    display:block;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
} 

/* frequenlty used */

.left {
    float: left !important;
}
.right {
    float: right;
}
img.left {
    float: left;
    margin: 0 10px 0 0;
}
img.right {
    float: right;
    margin: 0 0 0 10px;
}
.nom {
    margin:0 !important;
}
.nop {
    padding:0 !important;
}
.clear {
    clear:both !important;
}
.hide {
    display:none !important;
}
p.empty {
    text-align: center;
    margin: 40px 0;
}
#content p iframe {
    width: 100% !important;
}
h2.sectionTitle {
    background-image: url('/img/type.png');
    background-repeat: no-repeat;
    background-position: left 0;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;
    margin: 0;
    padding: 9px 20px 9px 30px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - -  HEADER ELEMENTS  - - - - - - - - - - - - - - - - - - - - - -  */

h1.logo-ci, div.logo-ci, h1.logo-sr, div.logo-sr, h1.logo-en, div.logo-en {
    left:0;
    margin:0 20px 0 0;
    display:block;
    background: none;
    padding-top: 15px;
    width: 455px;
    float: left;
}
h1.logo-ci a, div.logo-ci a, h1.logo-sr a, div.logo-sr a, h1.logo-en a, div.logo-en a {
    cursor:pointer;
    display:block;
    text-indent:-9999px;
    height: 140px;
    width: 455px;
}
h1.logo-ci a, div.logo-ci a {
    background:transparent url('/img/logo-ci.png') no-repeat top left;
}
h1.logo-sr a, div.logo-sr a {
    background:transparent url('/img/logo-sr.png') no-repeat top left;
}
h1.logo-en a, div.logo-en a {
    background:transparent url('/img/logo-en.png') no-repeat top left;
}
h1.logo-fixed, div.logo-fixed, h1.logo-fixed a, div.logo-fixed a, .headerfix .baner72890 {
    display: none;
}
.headerfix {
    height: 130px;
    left: 0;
    padding-top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
}
/*.headerfix .black-header {
        height: 0;
        padding-top: 7px;
}*/
.headerfix h1.logo-fixed, .headerfix div.logo-fixed {
    left:0;
    margin:0;
    display:block;
    background: none;
    padding-top: 16px;
    padding-left: 20px;
    width: 158px;
    float: left;
}
.headerfix h1.logo-fixed a, .headerfix div.logo-fixed a {
    background:transparent url('/img/logo-fixed.png') no-repeat top left;
    cursor:pointer;
    display:block;
    text-indent:-9999px;
    height: 26px;
    width: 158px;
}
a.short-menu, a.short-user {
    display: none;
}
.userNav {margin: 36px 20px 0 0; font-family: Arial,Helvetica,sans-serif}
.userNav span{font-size: 10px; line-height: 100%; color: #FF9900; padding: 2px 15px 0 0; text-transform: uppercase; float: left;}
.userNav a{color: #fff; font-size: 12px; font-family: Arial,Helvetica,sans-serif; line-height: 100%; float: left;}
.userNav a.loginHeader, .userNav a.logoutHeader{border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px;}
.userNav a:hover{color:#20A0FF; text-decoration: none;}

form.loginForms, h5.thanksInfo{padding: 10px; border-top: 1px solid #E4E4E4; margin-top: -1px;}
h5.thanksInfo{text-align: center;}
form.loginForms label{font-size: 14px; color: #141414; display: block; margin-bottom: 7px;}
form.loginForms label span{ margin-top: 3px;}
form.loginForms label img{margin-top: 3px;}
form.loginForms input{width: 268px; padding: 5px; background-color: #fff; border: 1px solid #a6a6a8; box-shadow: 0 0 0 5px #d4d4d5; font-size: 14px; font-family: open_sanslight,Arial,Helvetica,sans-serif;}
form.loginForms button{   background: url("/img/buttons/buttonMore.png") repeat-x left bottom;
                          border: 1px solid #0F989B ;
                          border-radius: 2px;
                          color: #FFFFFF;
                          display: block;
                          float: none; cursor: pointer;
                          font-size: 12px;
                          line-height: 100%;
                          margin: 15px auto 10px;
                          padding: 12px 14px;
                          text-align: center;
                          text-transform: uppercase;
                          width: 165px;}
form.loginForms button:hover {
    background-position: left top;
    border: 1px solid #154099;
    text-decoration: none;
}

form.loginForms a.loginFace{background: url("/img/forms/faceLogin.png") no-repeat left top; width: 220px; height: 35px; margin: 20px auto; display: block; cursor: pointer;}
form.loginForms a.loginFace:hover{text-decoration: none;}

form.loginForms .holderLinks a{width: 100%; color: #141414; font-size: 14px; margin-bottom: 10px; text-decoration: underline; display: block; text-align: center;}
form.loginForms h2{font-size: 24px; text-align: center; margin: 15px 0;}
form.loginForms p.alert{color: #FF9900; font-weight: bold; text-align: center;}

.formHolder .tabs{margin: 1px 1px 0 1px; padding: 20px 20px 0 20px; background-color: #f5f5f5;}
.formHolder .tabs a{display: block; float: left; margin: 0 5px 5px 0; font-family: open_sanssemibold; font-size: 14px; color: #28292c;
                    padding: 10px 15px; border: 1px solid #e4e4e4; background-color: #fff; line-height: 100%;}
.formHolder .tabs a:hover{text-decoration: none; color: #0072C6;}
.formHolder .tabs a.active{color: #13BBBF; margin-bottom: 0;padding-bottom: 16px;  border-bottom: medium none;}

.loginForms .QapTcha, .loginForms .QapTcha .bgSlider {
    width: 280px !important;
    margin: 5px 0 0 0;
}
.loginForms .QapTcha .TxtStatus {
    top: 15px !important;
    left: 85px !important;
}

.loginForms .QapTcha .dropSuccess {
    left: 5px !important;
    width: 200px !important;
}



a.cart{background:#ff9900 url('/img/icons/cart.png') no-repeat top left; width: auto; height: 80px; display: block; cursor: pointer;}
a.cart{background-position: -10px top}
a.cart:hover{text-decoration: none;}
a.cart span{color: #fff; font-size: 12px;font-family: Arial,Helvetica,sans-serif; line-height: 100%; margin: 33px 10px 0 57px; display: block;
            max-width: 71px;overflow: hidden;}

.cartBox{width: 360px;background-color: #FFFFFF;box-shadow: 0 2px 2px 0 #CBCBCB;position: absolute;right: 20px; top: 80px;z-index: 9999;}
.cartBox .cartRow{border-bottom: 1px solid #e4e4e4; padding: 10px 0; margin: 0 20px; width: 320px; display: table;}
.cartBox .cartRow.lastRow{border: none; margin-bottom: 20px;}
.cartBox .cartRow a.imageCart{float: left; margin-right: 10px; padding: 4px; border: 1px solid #e4e4e4;}
.cartBox .cartRow a.imageCart img{width: 50px; display: block;}
.cartBox .cartRow a.name{color: #141414; font-size: 17px; display: block; margin-left: 70px;}
.cartBox .cartRow a.name:hover{text-decoration: none; color: #FF9900;}
.cartBox .cartRow span.price{ font-family: open_sanssemibold; color: #333; font-size: 17px;display: block; margin-left: 70px;}
.cartBox .cartRow span.times{color: #333;font-size: 17px;display: block; margin-left: 70px;}
.cartBox .cartRow a.remove{   background-color: #F5F5F5;border: 1px solid #E4E4E4;border-radius: 2px;display: block;float: right;height: 16px;padding: 5px;width: 16px;}
.cartBox .cartRow a.remove:hover{text-decoration: none;}
.cartBox .cartRow a.remove i{  color: #F86767;display: block;height: 16px;line-height: 16px;text-align: center;width: 16px;}
.cartBox .cartRow div{display: table-cell; vertical-align: middle;}

.cartBox .arrowLine{background-color: #FF9900; height: 10px; width: 100%; position: relative; margin-bottom: 20px;}
.cartBox .arrowLine span{
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #FF9900;
    border-right: 9px solid rgba(0, 0, 0, 0);
    height: 0;
    position: absolute;
    bottom: -10px;
    right: 40px;
    width: 0;
    z-index: 1;
}
.cartBox .emptyTitle {
    text-align: center;
}
.cartBox .buttonBox{margin: 2px; background-color: #f5f5f5; width: 356px; padding: 15px 0;}
.cartBox .buttonBox button{
    background: url("/img/buttons/buttonMore.png") repeat-x scroll left top rgba(0, 0, 0, 0);
    border: 1px solid #154099;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 100%;
    margin: 0 auto;
    padding: 8px 14px;
    font-family: open_sanssemibold;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
    display: block;
    cursor: pointer;
}
.cartBox .buttonBox button:hover {
    background-position: left bottom;
    border: 1px solid #0F989B;
    text-decoration: none;
}

.shortcutsNav a.navIcon{display: none;}

.userNavCurrent {
    background:transparent url(/img/icons/user.png) no-repeat left bottom;
}
.signInFormHolder, .searchForm form.searchForm, .socialNav .social {

}
div.searchForm {

}
div.searchFormCurrent {
    background:transparent url(/img/icons/search.png) no-repeat left bottom;
}
.socialNav {
    margin: 0 auto;
    width: 400px;
    height: 50px;
    padding: 0 0 80px 0;
    cursor: pointer;
    position: relative;
}
.socialNavCurrent {
    background:transparent url(/img/icons/social.png) no-repeat left bottom;
}
.liveStream {
    background:transparent url(/img/icons/live.png) no-repeat left top;
    width: 95px;
    height: 40px;
    margin: 10px 0 0 0;
    cursor: pointer;
}
.liveStream a {
    text-align: center;
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
}
.liveStream a:hover {
    text-decoration: none;
}
.phoneBox{margin-top: 20px;}
.phoneBox span{color: #28292C; float: left; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 120%; padding: 13px 10px; background-color: #f5f5f5; border-radius:3px 0 0 3px;}
.phoneBox span.telephoneNo{background: #0072C6 url(/img/icons/telephone.png) no-repeat 14px 8px; line-height: 100%; font-family: open_sanslight,Arial,Helvetica,sans-serif; padding: 10px 18px 10px 54px; border-radius: 0 3px 3px 0; font-weight: bold; font-size: 20px; color: #fff; }

/* SEARCH FORM - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

div.searchForm {
    float: right;
    clear: right;
}
form.searchForm {
    width:250px;
}
fieldset.searchFieldset {
    width: 250px;
}
fieldset.searchFieldset input.searchInput {
    background:#f5f5f5;
    float:left;
    padding:7px;
    width:210px;
    color: #606060;
    font-size: 14px;
    line-height: 100%;
    margin: 0;
    height: 40px;
    box-sizing: border-box;
}
fieldset.searchFieldset button.searchButton {
    background:transparent url(/img/search.png) no-repeat scroll right top;
    cursor:pointer;
    float:left;
    height:40px;
    text-indent:-9999px;
    width:40px;
    padding:0
}
fieldset.searchFieldset button.searchButton:hover {
    opacity: 0.8;
    transition: all 0.2s ease-in-out 0s;
}

a.search_register {
    float: right;
    clear: right;
    margin: 25px 0 5px;
    background: #C3303C url("/img/redArrow.png") right center no-repeat;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 100%;
    padding: 13px 59px 13px 10px;
    width: 250px;
    box-sizing: border-box;
}
a.search_register:hover {
    text-decoration: none;
    opacity: 0.8;
    transition: all 0.2s ease-in-out 0s;
}
/* LANGUAGES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.languageHolder {
    float: right;
    padding-top: 30px;
}
.languageHolder ul { margin: 0;}
.languageHolder li {
    list-style-type: none;
    float: left;
    margin-bottom: 0;
    line-height: 100%;
}
.languageHolder a {
    width: auto;
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: block;
}
.languageHolder a:hover {
    text-decoration: none;
    color: #CC0000;
}
.languageHolder a span {
    background:transparent url(/img/nav/primNavArrow.png) no-repeat bottom center;
    padding: 0 25px 10px;
}
.black-header {
    height: 170px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#27517b+0,1a3552+100 */
    background: #27517b; /* Old browsers */
    background: -moz-linear-gradient(top,  #27517b 0%, #1a3552 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #27517b 0%,#1a3552 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #27517b 0%,#1a3552 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27517b', endColorstr='#1a3552',GradientType=0 ); /* IE6-9 */

}
.grey-header {
    height: 25px;
    background-color: #282828;
}
.white-header {
    height: 60px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,f3f3f3+2,d9d9db+100 */
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top,  #1e5799 0%, #f3f3f3 2%, #d9d9db 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#f3f3f3 2%,#d9d9db 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #1e5799 0%,#f3f3f3 2%,#d9d9db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#d9d9db',GradientType=0 ); /* IE6-9 */

}
.grey-header .quickLinks {
    display: none;
}
.grey-header .quickLinksFixed {
    display: none;
}
/* PRIMARY NAVIGATION - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#primaryNavigation {
    padding:0;
}
/* PATH  */

#path {
    display:  none;
}

/*----------------- INNER HOME PAGE PART -------------------------*/

.topItemsWrapper .element {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
}
.topItemsWrapper .thumbHolder {
    float: left;
    margin: 0 20px 0 0;
}
.topItemsWrapper .thumbHolder  a.thumb {
    width: 200px;
    height: 150px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #eaeaea;
}
.topItemsWrapper .thumbHolder  a.thumb * {
    text-align: center;
    vertical-align: middle;
    max-width: 200px;
    max-height: 150px;
}
/*----------------- SIDEBAR -------------------------*/
.sideBar ul {
    margin: 0 0 30px 0;
}
.sideBar ul li {
    margin: 0;
    list-style-type: none;
    background-color: #e8e8e9;
    border-left: 1px solid #b71116;
    padding: 10px 20px;
    margin-bottom: 1px;
    line-height: 100%;
}
.sideBar ul li.depth3 {
    padding-left: 30px;
}
.sideBar ul li.depth4 {
    padding-left: 40px;
}
.sideBar ul li:hover, .sideBar ul li.onPath {
    border-left: 1px solid #234a71;
}
.sideBar ul li a {
    text-transform: uppercase;
    font-size: 14px;
    display: block;
}
.sideBar ul li a:hover, .sideBar ul li a.onPath {
    color: #234a71;
}
.sideBar ul li.depth3 a {
    font-size: 13px;
}
.sideBar ul li.depth4 a {
    font-size: 13px;
    text-transform: none;
}
/*----------------- banners -------------------------*/

.baner72890 {
    padding: 5px 20px 0 0;
    text-align: center;
}
.baner72890 div {
    margin: 0 auto;
}
.banner300x250 {
    margin-bottom: 40px;
}
.baner46860 {
    display: none;
}
.bannerDiv {
    padding: 0 20px 30px 20px;
}
.bannerDiv a img {
    vertical-align: middle;
}
/*---------------- right column -----------------------*/
.right_bar h3.title_bar {
    color: #234A71;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 100%;
    background-color: #E8E8E9;
    border-left: 1px solid #B71116;
    padding: 13px 20px; 
    margin-bottom: 0;
}
.right_bar .element {
    margin: 0 20px 20px 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E8E8E9;
}
.right_bar .element.first {
    margin-top: 20px;
}
.right_bar .element.last {
    border-bottom: none;
} 
.right_bar .thumbHolder {
    float: left;
    margin: 0 10px 0 0;
}
.right_bar .thumbHolder a.thumb {
    width: 50px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #dadadc;
    background-color: #fff;
}
.right_bar .thumbHolder a.thumb img {
    text-align: center;
    vertical-align: middle;
    max-width: 50px;
    max-height: 50px;
}
.right_bar .element h5.text {
    margin-bottom: 0;
}
.right_bar .element h5.text a {
    color: #606060;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
}
.right_bar .element h5.text.hasThumb {
    margin-left: 60px;
}
.right_bar h3.question {
    padding: 20px 20px 35px 20px;
    font-size: 20px;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 0;
}
.right_bar .pollBrowser {
    background-color: #EEEEEE; 
    margin-bottom: 20px;
}
.right_bar form.answerForm {
    padding: 0 20px 20px;
}
.right_bar form.answerForm span {
    text-transform: uppercase;
}
.right_bar form.answerForm .answer {
    padding-bottom: 10px;
}
.right_bar form.answerForm span.radio input {
    margin: 0px 10px 0 0;
    float: left;
}
.right_bar form.answerForm button.pollButton {
    margin-top: 30px;
}
.right_bar form.answerForm button.pollButton span {
    text-transform: none;    
}

.right_bar.timeWrapper {
    margin: 0 20px 30px;
    border: 1px solid #E8E8E9;
    background-color: #fff;
    padding: 30px;
    text-align: center
}
.right_bar.timeWrapper h3.title{
     color: #606060;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
}
.right_bar.timeWrapper iframe#sat {
    margin: 0 auto;
    background-color: #1e3d5b;
    padding: 5px;
}

.latestSectionStories-3 .storyNav {
     border-bottom: 1px solid #e8e8e9;
    margin: 0 20px 20px;
    padding: 0 0 20px 0;
}
.latestSectionStories-3 .storyNav.firstStoryNav {
    margin-top: 20px;
}
.latestSectionStories-3 .storyNav  h2.title a{
    color: #606060;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
}
.latestSectionStories-3 .mobileThumbHolder {
     float: left;
    margin: 0 10px 0 0;
}
.latestSectionStories-3 .mobileThumbHolder a.mobileThumb {
    background-color: #ffffff;
    border: 1px solid #dadadc;
    display: table-cell;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

.latestSectionStories-3 .mobileThumbHolder a.mobileThumb img {
    max-height: 50px;
    max-width: 50px;
    text-align: center;
    vertical-align: middle;
}
.latestSectionStories-3 .storyNav h2.title {
    margin-left: 62px;
}
/* -------------------  CENTER POLL IMAGE -------------------- */

/*.centerPI {display: table-cell;text-align: center;vertical-align: middle;height: 110px;width: 110px;border: 1px solid #cccccc;}
.centerPI img {border: none}
.centerPI * {vertical-align: middle;}*/
/*\*//*/
.centerPI {display: block;}
.centerPI span {display: inline-block;height: 100%;width: 1px;}
/**/

/* -------------------  PROGRESS BAR -------------------- */

/*.progressBar{width:315px;height:41px;background:url(/img/poll/bg_bar.png) no-repeat 0 0;position:relative;float:left;margin-top: 10px}
.progressBar span{position:absolute;display:block;width:300px;height:25px;background:url(/img/poll/bar.gif) no-repeat 0 0;top:8px;left:8px;overflow:hidden;text-indent:-8000px;}
.progressBar em{position:absolute;display:block;width:300px;height:25px;background:url(/img/poll/bg_cover.gif) repeat-x 0 0;top:0;}*/


span.message {
    width: 100%;
    color: #b71116;
    text-align: center;
    padding-bottom: 20px;
    display: block;
}
/*#contentHome .baner72890, #content .baner72890 {
    display: none; 
    padding: 0; 
    text-align: center;
    width: 234px;
    margin: 0 auto 10px auto;
}*/

/*@media screen and (max-width: 785px) {
    #contentHome .baner72890, #content .baner72890 {display: block;}
}*/
/*#content .baner72890 {padding: 0 0 20px 0;}*/


.shortcutsNav{display: none;}
/*---------------- quick links -------------------------------*/

.quickLinks .searchForm form.searchForm {
    background: url("/img/icons/social/hovLineSearch.jpg") no-repeat left top;
    padding: 40px 20px 30px;
    position: absolute;
    top: 40px;
    z-index: 9999;
    width: 460px;
    right: -50px;
}
.quickLinks .searchForm fieldset.searchFieldset {
    width: auto;
}
.quickLinks .searchForm form.searchForm input {
    background: #F4F4F4;
    color: #666;
    font-size: 12px;
    font-family: open_sanssemibold;
    line-height: 100%;
    width: 313px;
    padding: 11px 10px 12px;
    float: left
}
.quickLinks .searchForm form.searchForm button {
    background: #666;
    text-transform: uppercase;
    width: auto;
    height: auto;
    text-indent: 0;
    margin-left: 10px;
    font-family: open_sanssemibold;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    padding: 12px 20px;
}
.quickLinks .searchForm form.searchForm button:hover {
    background: #EE174C;
    text-decoration: none;
}
.quickLinks .userNav .signInFormHolder {
    background: url("/img/icons/social/hovLineUser.jpg") no-repeat left top;
    padding: 30px 20px 20px;
    position: absolute;
    top: 40px;
    z-index: 9999;
    width: 460px;
    right: 0px;
}
.quickLinks .userNav .signInFormHolder form.signIn input {
    background: #F4F4F4;
    color: #666;
    font-size: 12px;
    font-family: open_sanssemibold;
    line-height: 100%;
    padding: 11px 10px 12px;
    float: left;
    width: 148px;
    margin: 0 10px 10px 0;
}
.quickLinks .userNav .signInFormHolder form.signIn button {
    background: #666;
    text-transform: uppercase;
    width: auto;
    height: auto;
    text-indent: 0;
    margin-left: 0;
    font-family: open_sanssemibold;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    padding: 12px 15px;
}
.quickLinks .userNav .signInFormHolder form.signIn button:hover {
    background: #666;
    text-decoration: none;
}
.quickLinks .userNav .signInFormHolder form.signIn a {
    font-family: Arial;
    font-size: 10px;
    line-height: 100%;
    float: left;
    padding: 0;
    margin: 0;
    display: block;
    color: #666;
}
.quickLinks .userNav .signInFormHolder form.signIn a.passBorder {
    border-right: 1px solid #666;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
}

.social ul {
    margin: 0;
    list-style: none;
}
.social ul li {
    float: left;
    margin: 0 20px 0 0;
    list-style: none;
}
.social ul li a {
    width: 50px;
    height: 50px;
    display: block;
    text-indent: -9999px;
}
.social ul li.facebook a {
    background: url("/img/icons/social/facebook.png") no-repeat left top
}
.social ul li.twitter a {
    background: url("/img/icons/social/twitter.png") no-repeat left top
}
.social ul li.pinterest a {
    background: url("/img/icons/social/pinterest.png") no-repeat left top
}
.social ul li.gplus a {
    background: url("/img/icons/social/gplus.png") no-repeat left top
}
.social ul li.youtube a {
    background: url("/img/icons/social/youtube.png") no-repeat left top
}
.social ul li.instagram a {
    background: url("/img/icons/social/instagram.png") no-repeat center center;
}
.social ul li.youtube {
    margin: 0;
}
.quickLinks .searchForm form.searchForm {
    background: url("/img/icons/social/hovLineSearch.jpg") no-repeat left top;
    padding: 40px 20px 30px;
    position: absolute;
    top: 40px;
    z-index: 9999;
    width: 460px;
    right: -50px;
}
.quickLinks .searchForm fieldset.searchFieldset {
    width: auto;
}
.quickLinks .searchForm form.searchForm input {
    background: #F4F4F4;
    color: #666;
    font-size: 12px;
    font-family: open_sanssemibold;
    line-height: 100%;
    width: 313px;
    padding: 11px 10px 12px;
    float: left
}
.quickLinks .searchForm form.searchForm button {
    background: #666;
    text-transform: uppercase;
    width: auto;
    height: auto;
    text-indent: 0;
    margin-left: 10px;
    font-family: open_sanssemibold;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    padding: 12px 20px;
}
.quickLinks .searchForm form.searchForm button:hover {
    background: #EE174C;
    text-decoration: none;
}
.quickLinks .userNav .signInFormHolder {
    background: url("/img/icons/social/hovLineUser.jpg") no-repeat left top;
    padding: 30px 20px 20px;
    position: absolute;
    top: 40px;
    z-index: 9999;
    width: 460px;
    right: 0px;
}
.quickLinks .userNav .signInFormHolder form.signIn input {
    background: #F4F4F4;
    color: #666;
    font-size: 12px;
    font-family: open_sanssemibold;
    line-height: 100%;
    padding: 11px 10px 12px;
    float: left;
    width: 148px;
    margin: 0 10px 10px 0;
}
.quickLinks .userNav .signInFormHolder form.signIn button {
    background: #666;
    text-transform: uppercase;
    width: auto;
    height: auto;
    text-indent: 0;
    margin-left: 0;
    font-family: open_sanssemibold;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    padding: 12px 15px;
}
.quickLinks .userNav .signInFormHolder form.signIn button:hover {
    background: #EE174C;
    text-decoration: none;
}
.quickLinks .userNav .signInFormHolder form.signIn a {
    font-family: Arial;
    font-size: 10px;
    line-height: 100%;
    float: left;
    padding: 0;
    margin: 0;
    display: block;
    color: #666;
}
.quickLinks .userNav .signInFormHolder form.signIn a.passBorder {
    border-right: 1px solid #666;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
}
/* other than blocks */

.quickLinks .userNav .signInFormHolder .avatarHolder {
    display: block;
    float: left;
    margin: 0;
    width: 350px;
}
.quickLinks .userNav .signInFormHolder .avatarHolder .centerAV {
    float: left;
    margin: 0 20px 0 0;
}
.quickLinks .userNav .signInFormHolder .avatarHolder .centerAV a img {
    border-radius: 40px;
    display: block;
    max-width: 60px;
    max-height: 60px;
}
.quickLinks .userNav .signInFormHolder .avatarHolder h4.userName {
    font-size: 10px;
    text-transform: uppercase;
    color: #EE174C;
    font-family: Arial;
    line-height: 140%;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    height: 60px;
}
.quickLinks .userNav .signInFormHolder a.button {
    background: none repeat scroll 0 0 #666;
    color: #fff;
    display: block;
    float: right;
    font-size: 12px;
    line-height: 100%;
    margin-top: 16px;
    max-width: 90px;
    padding: 8px 10px;
    text-align: center;
    text-transform: uppercase;
}
.quickLinks .userNav .signInFormHolder a.button:hover {
    cursor: pointer;
    text-decoration: none;
}
.quickLinksFixed .social {
    background: url("/img/icons/social/hovLine.jpg") no-repeat left top;
    padding: 35px 50px 25px;
    position: absolute;
    top: 40px;
    z-index: 9999;
    width: 400px;
    right: -100px;
}
.quickLinksFixed .social ul {
    margin: 0;
    list-style: none;
}
.quickLinksFixed .social ul li {
    float: left;
    margin: 0 20px 0 0;
    list-style: none;
}
.quickLinksFixed .social ul li a {
    width: 50px;
    height: 50px;
    display: block;
    text-indent: -9999px;
}
.quickLinksFixed .social ul li.facebook a {
    background: url("/img/icons/social/facebook.jpg") no-repeat left top
}
.quickLinksFixed .social ul li.twitter a {
    background: url("/img/icons/social/twitter.jpg") no-repeat left top
}
.quickLinksFixed .social ul li.pinterest a {
    background: url("/img/icons/social/pinterest.jpg") no-repeat left top
}
.quickLinksFixed .social ul li.gplus a {
    background: url("/img/icons/social/gplus.jpg") no-repeat left top
}
.quickLinksFixed .social ul li.youtube a {
    background: url("/img/icons/social/youtube.jpg") no-repeat left top
}
.quickLinksFixed .social ul li.instagram a {
    background: url("/img/icons/social/instagram.png") no-repeat center center;
}
.quickLinksFixed .social ul li.instagram {
    margin: 0;
}
.quickLinksFixed .searchForm form.searchForm {
    background: url("/img/icons/social/hovLineSearch.jpg") no-repeat left top;
    padding: 40px 20px 30px;
    position: absolute;
    top: 40px;
    z-index: 9999;
    width: 460px;
    right: -50px;
}
.quickLinksFixed .searchForm fieldset.searchFieldset {
    width: auto;
}
.quickLinksFixed .searchForm form.searchForm input {
    background: #F4F4F4;
    color: #666;
    font-size: 12px;
    font-family: open_sanssemibold;
    line-height: 100%;
    width: 313px;
    padding: 11px 10px 12px;
    float: left
}
.quickLinksFixed .searchForm form.searchForm button {
    background: #EE174C;
    text-transform: uppercase;
    width: auto;
    height: auto;
    text-indent: 0;
    margin-left: 10px;
    font-family: open_sanssemibold;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    padding: 12px 20px;
}
.quickLinksFixed .searchForm form.searchForm button:hover {
    background: #EE174C;
    text-decoration: none;
}
.quickLinksFixed .userNav .signInFormHolder {
    background: url("/img/icons/social/hovLineUser.jpg") no-repeat left top;
    padding: 30px 20px 20px;
    position: absolute;
    top: 40px;
    z-index: 9999;
    width: 460px;
    right: 0px;
}
.quickLinksFixed .userNav .signInFormHolder form.signIn input {
    background: #F4F4F4;
    color: #666;
    font-size: 12px;
    font-family: open_sanssemibold;
    line-height: 100%;
    padding: 11px 10px 12px;
    float: left;
    width: 148px;
    margin: 0 10px 10px 0;
}
.quickLinksFixed .userNav .signInFormHolder form.signIn button {
    background: #EE174C;
    text-transform: uppercase;
    width: auto;
    height: auto;
    text-indent: 0;
    margin-left: 0;
    font-family: open_sanssemibold;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    padding: 12px 15px;
}
.quickLinksFixed .userNav .signInFormHolder form.signIn button:hover {
    background: #EE174C;
    text-decoration: none;
}
.quickLinksFixed .userNav .signInFormHolder form.signIn a {
    font-family: Arial;
    font-size: 10px;
    line-height: 100%;
    float: left;
    padding: 0;
    margin: 0;
    display: block;
    color: #EE174C;
}
.quickLinksFixed .userNav .signInFormHolder form.signIn a.passBorder {
    border-right: 1px solid #EE174C;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
}
/* other than blocks */

.quickLinksFixed .userNav .signInFormHolder .avatarHolder {
    display: block;
    float: left;
    margin: 0;
    width: 350px;
}
.quickLinksFixed .userNav .signInFormHolder .avatarHolder .centerAV {
    float: left;
    margin: 0 20px 0 0;
}
.quickLinksFixed .userNav .signInFormHolder .avatarHolder .centerAV a img {
    border-radius: 40px;
    display: block;
    max-width: 60px;
    max-height: 60px;
}
.quickLinksFixed .userNav .signInFormHolder .avatarHolder h4.userName {
    font-size: 10px;
    text-transform: uppercase;
    color: #EE174C;
    font-family: Arial;
    line-height: 140%;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    height: 60px;
}
.quickLinksFixed .userNav .signInFormHolder a.button {
    background: none repeat scroll 0 0 #EE174C;
    color: #fff;
    display: block;
    float: right;
    font-size: 12px;
    line-height: 100%;
    margin-top: 16px;
    max-width: 90px;
    padding: 8px 10px;
    text-align: center;
    text-transform: uppercase;
}
.quickLinksFixed .userNav .signInFormHolder a.button:hover {
    cursor: pointer;
    text-decoration: none;
}

.topFullHolder{width:100%; background-color: #666; position: relative;}
.topFullHolder.topFullHolderFixed{position: fixed; top: 93px;z-index: 101;}
.topFullHolderDepth3.topFullHolderFixed{position: fixed; top: 133px;z-index: 101;}
.topFullHolderDepth3 {background: #484848;}

/*FILTER*/
.filterButton{line-height: 40px; color: #414141; cursor: pointer; font-size: 10px; font-family: Arial; text-transform: uppercase; padding: 0 20px; height: 41px; margin-top: 30px;
              border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-radius: 2px; background: url("/img/buttons/filterButton.png") repeat-x left top; display: inline-block;}
.filterButton i{padding-right: 10px;}
.filterButtonOpen, .filterButton:hover{background: url("/img/buttons/filterButtonOpen.png") repeat-x left top; text-decoration: none;}
.filterHolder{width: 100%; background-color: #e4e4e4;height: 0;overflow: hidden;padding: 0; opacity: 0;}
.filterHolderOpen{padding: 30px 0; height: auto; overflow: visible;}
.filterHolder .firstColumn{ float: left;margin: 0;width: 300px; height: 100%;}
.filterHolder .firstColumn input{background-color: #fff; border: 1px solid #cbcbcb;  padding: 10px 4%;width: 92%; margin-bottom: 0;}
.filterHolder #heroFilter{width: 1280px; float: left;  margin-bottom: 10px;}
.filterHolder #heroFilter .primary-content{ display: block;margin: 0 auto;padding: 0;position: relative;width:1280px;}
.filterHolder #heroFilter .primary-content .hero-item span, .filterHolder .firstColumn span{width: 100%; font-size: 10px;   display: block;
                                                                                            float: left; font-family: Arial; text-transform: uppercase; color: #666; margin-bottom: 5px;}
.filterHolder #heroFilter .primary-content .hero-item div, .filterHolder .firstColumn .byPrice div{ display: inline-block;margin: 3px; background-color: #cbcbcb; padding: 5px 7px; 
                                                                                                    font-size: 10px; font-family: Arial; text-transform: uppercase; color: #333; line-height: 100%; border-radius: 2px;}
.filterHolder #heroFilter .primary-content .hero-item div a, .filterHolder .firstColumn .byPrice div a{color: #333;}
.filterHolder #heroFilter .primary-content .hero-item div a:hover, .filterHolder .firstColumn .byPrice div a:hover{text-decoration: none; color: #fff;}
.filterHolder #heroFilter .primary-content .hero-item div.choosenWord, .filterHolder .firstColumn .byPrice div.choosenWord{background-color: #1E58D4; color: #fff;}
.filterHolder #heroFilter .primary-content .hero-item div.inactive , .filterHolder .firstColumn .byPrice div.inactive {background: rgba(25,65,165, 0.2)}
.filterHolder #heroFilter .primary-content .hero-item div.choosenWord a, .filterHolder .firstColumn .byPrice div.choosenWord a{color: #fff;}
.buttonsFilter{width: 420px; margin: 0 auto; display: block;}
.filterHolder button.filterIt{
    background: url("/img/buttons/addButton.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    border: 1px solid #154099;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: open_sanslight,Arial,Helvetica,sans-serif;
    font-size: 26px;
    line-height: 100%;   
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    width: 200px;
    float: left; margin: 0 20px 0 0;}
.filterHolder button.filterIt.resetIt{margin: 0;}
.filterHolder button.filterIt:hover {
    background-position: left top;
    border: 1px solid #0F989B;
    text-decoration: none;
}

/* ------------------------------ FOOTER -------------------------------------------*/
#footer {
    position: relative;
}
.footerLogo {
    width: 375px;
    height: 100px;
    float: left;
    display: block;
    padding: 30px 0;
}
.footerLogo a {
    width: 375px;
    height: 99px;
    display: block;
    margin:0;
}
.footerLogo a.logo-ci {
    background: url("/img/logoTablet-ci.png") left top no-repeat;
}
.footerLogo a.logo-sr {
    background: url("/img/logoTablet-sr.png") left top no-repeat;
}
.footerLogo a.logo-en {
    background: url("/img/logoTablet-en.png") left top no-repeat;
}
.footerCopy {
    width:100%; z-index:99; background-color: #1E3D5B;border-bottom: 1px solid #2F6193;
    position: relative;
}
.copyDiv {
    padding-top: 80px;
}
#footer .copyDiv {
    display: none;
}
.footerCopy .footer-holder{width: 980px; padding: 0;}
.footerCopy p {
    line-height: 100%;
    margin: 0;
    padding: 0;
    font-size:  14px;
    color: #fff;
    display: block;
    float: right;
    clear: right;
    padding-bottom: 5px;
}
.footerCopy p a {
    text-decoration: none;
    color: #fff;
}
.footerCopy p a:hover {
    text-decoration: underline;
}
.footerCopy p.power {
    text-align: left;
    float: left;
    color: #fff;
    padding: 0;
    margin: 0;
}
.footerNav {
}
.footerNav ul {
    display: table;
    line-height: 100%;
    list-style: none outside none;
    margin: 0;
    width: 100%;
    padding-top: 40px;
}
.footerNav ul ul {
    padding-top: 60px;
}
.footerNav ul li {
    display:table-cell;
    line-height: 130%;
    margin: 0 10px 10px 0;
    padding: 0;
    max-width: 150px;
}
.footerNav ul li.first {
    margin-left: 0;
}
.footerNav ul li.noChildren {
    display: block;
}
.footerNav ul li.noChildren a.depth1 {
    margin-bottom: 25px;
    margin-right: 0;
    display: block;
}
.footerNav ul li ul li {
    width: auto;
    display: block;
}
.footerNav ul li a {
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    margin: 0 10px 0 0;
    font-size: 16px;
}
.footerNav ul li a:hover {
    color: #bbb;
}
.footerNav ul li ul li a {
    font-size: 14px;
    color: #B3C2D0;
}
.footerNav ul li.depth2 {
    margin: 0;
}
.footerNav ul li.depth2 a {
    font-weight: normal;
    color: #fff;
    font-size: 10px;
    display: inline-block;
    margin-bottom: 10px;
    line-height: 100%;
    font-family: Arial;
}
.footerNav ul li.depth2 a:hover {
    color: #bbb;
}
.footerSecNav {
    padding: 10px 0 15px;
}
.footerSecNav ul {
    margin: 0;
    list-style: none;
    display: table;
}
.footerSecNav ul li {
    margin: 0;
    padding: 0 10px 0 0;
    display: table-cell;
    width: auto;
}
.footerSecNav ul li a {
    color: #4E4A49;
    font-size: 13px;
    font-weight: bold;
    line-height: 100%;
    text-transform: uppercase;
}
.footerSecNav ul li a:hover {
    text-decoration: none;
    color: #CC0000;
}
.footerNavFlat {
    width: 100%;
    padding: 10px 0 5px 0;
}
.footerNavFlat a {
    font-weight: normal;
    color: #878585;
    font-size:  11px;
    text-transform: none;
    margin-right: 5px;
}
.footerNavFlat a.depth1 {
    font-weight: bold
}
.footerNavFlat {
    display: none
}
.footerCopy .copyShort {
    display: none;
}

/*------------- buttons for more content ----------------------------*/

div#viewMore {
    background: none repeat scroll 0 0 #EE174C;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: open_sanssemibold;
    margin: 0 auto;
    padding: 10px 20px;
    text-transform: uppercase;
    width: 150px;
}
.load-more {
    width: 100%;
    background-color: #ccc;
    padding: 20px 0;
}
.load-more a {
    background-color: #EE174C;
    border-radius: 5px;
    padding: 20px;
    display: block;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    max-width: 180px;
    font-family: open_sanslight;
    line-height: 100%;
    color: #332C37;
    font-weight: bold;
    font-size: 30px;
}
.load-more a:hover {
    text-decoration: none;
    color: #fff;
}
.choosenHolder {
    width: 100%;
    background-color: #666;
}
.choosen {
    width: 1300px;
    padding: 40px 0 20px 0;
    margin: 0 auto;
    display: block
}
.sliderHolder {
    display: none
}

/*---------------- video, audio --------------------------*/

.video {
    position: relative;
    padding-bottom: 56.25%;/* padding-top: 30px; */
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
    background: #000 url("/img/defaultVideoThumbnail.png") center center no-repeat;
}
.video iframe, .video object, .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 200px;
    min-width: 200px
}
.audio {
    position: relative;
    padding-bottom: 30px;/*    padding-top: 3px;*/
    height: 0;
    overflow: hidden;
}
.audio iframe, .audio object, .audio embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* SOCIAL*/

.addthis_toolbox.addthis_default_style {
    margin:  40px 0 40px 0;
    clear: both;
    padding-top: 0px;
    float: left;
    min-width: 280px
}
.addthis_toolbox.addthis_default_style span {
    line-height: 10px !important;
}
.addthis_toolbox.addthis_default_style span.FBConnectButton {
    float:left;
    margin:1px 30px 0 0;
}
.addthis_toolbox.addthis_default_style .twitter-share-button {
    margin-right: 10px;
    margin-top: 0px;
}
.addthis_toolbox.addthis_default_style #___plus_0 {
    margin-right: 15px !important;
    margin-top: 0px !important;
}
.addthis_toolbox.addthis_default_style .fb-like {
    float:left !important;
    margin-bottom: 14px;
}
.addthis_toolbox.addthis_default_style .facebook_share {
    float:left !important;
    margin-bottom: 10px;
}
.addthis_toolbox.addthis_default_style .fb-like span {
    width:130px !important;
}
.fb_iframe_widget {
    margin-right: 10px;
    margin-top: 0px;
    top:-3px;
}
.addthis_toolbox.addthis_default_style .fb-share-button span:first-child {
    vertical-align: bottom !important;
    width: 55px !important;
    height: 61px !important;
}
.addthis_toolbox.addthis_default_style .fb-share-button span:first-child iframe {
    width: 55px !important;
    height: 61px !important;
}
.pinterest {
    display: inline-block;
    margin-right: 10px;
}
.blueButton .pluginCountBox {
    border: #bbb solid 1px !important;
}
.pluginCountBox {
    width: 49px !important;
}
/* @end */

/*@media screen and (max-width: 1637px) {

    .header, .footer-holder, .horizontalSubNavigation {
        width:1260px;
    }
    h1.logo, div.logo{margin-right: 60px;}
    #content{ width: 940px;}
    .data{background: none;border: none; padding: 0 0 30px;}
    .itemBody, .contactData, .productDescBody{padding: 20px; background-color: #fff; border: 1px solid #e4e4e4;}
    .productDescBody{margin-bottom: 20px;}

    .filterHolder #heroFilter{width: 960px; float: left;}
    .filterHolder #heroFilter .primary-content{ display: block;margin: 0 auto;padding: 0;position: relative;width:960px;}
}*/
/*
@media screen and (max-width: 1317px) {
    .topFullHolder.topFullHolderFixed {
        top: 91px;
    }
    .topFullHolderDepth3.topFullHolderFixed {
        top: 128px;
    }
    .header, .footer-holder, .horizontalSubNavigation {
        width: 940px;
    }
    #stripe2, #hero .primary-content, #container{width: 980px;}
    #content{width: 940px;}
    .data{padding-bottom: 0}

    .filterHolder #heroFilter{width: 640px; float: left;}
    .filterHolder #heroFilter .primary-content{ display: block;margin: 0 auto;padding: 0;position: relative;width:640px;}

    h1.logo, div.logo {
        padding-top: 10px;
        width: 159px;
        height: 44px;
        margin-right: 100px;
    }
    h1.logo a, div.logo a {
        background: url("/img/logo-large.png") no-repeat scroll left top transparent;
        width: 159px;
        height: 44px;
    }

    .phoneBox{margin-top: 14px;}
    a.cart{ background-position: -10px center;height: 68px;}
    a.cart span{margin-top: 27px;}
    .cartBox{top: 68px;}

    .shortcutsNav{position: relative; display: block;}
    .shortcutsNav a.navIcon{background: url("/img/buttons/buttonNavIcon.png") repeat-x left top; letter-spacing: 1px;  font-family: open_sanssemibold; border: 1px solid #e4e4e4; border-bottom: none; border-top: none; line-height: 50px; height: 50px; padding: 0 20px; color: #414141; display: block;}
    .shortcutsNav a.navIcon:hover{background-position: left bottom; text-decoration: none;}
    .shortcutsNav a.navIcon.primaryNavIcon i{padding-left: 5px;}
    .shortcutsNav a.navIcon.primaryNavIconCurrent, .shortcutsNav a.navIcon.searchNavIconCurrent, .shortcutsNav a.navIcon.userNavIconCurrent, .shortcutsNav a.navIcon.secNavIconCurrent{background-position: left bottom;}
    .shortcutsNav a.navIcon.primaryNavIconCurrent i, .shortcutsNav a.navIcon.searchNavIconCurrent i, .shortcutsNav a.navIcon.userNavIconCurrent i, .shortcutsNav a.navIcon.secNavIconCurrent i{color: #FF9900;}

    #primaryNavigation, #secondaryNavigation, div.searchForm, .userNav{display: none;}

    .headerholder{height: 119px;}
    .headerBottom{padding-top: 119px;}
    .grey-header {
        height: 25px;
        padding-top: 5px;
        background-color: #3F3F3F;
    }
    .nav li a {
        font-size: 18px;
    }
    .horizontalSubNavigation ul li a {
        font-size: 14px;
        padding: 12px 8px 11px;
        font-weight: normal;
    }
    .headerfix .white-header .quickLinks {
        display: none;
    }
    .headerfix .black-header {
        padding-top: 0;
    }
    .grey-header {
        padding-top: 8px;
        height: 22px;
    }
    .headerfix .grey-header .quickLinks {
        display: none;
    }
    .headerfix .grey-header .quickLinksFixed {
        display: block;
    }
    .headerfix .grey-header .quickLinksFixed .userNav {
        width: 30px;
        height: 30px;
        margin: -8px 20px 0 1px;
        background: url("/img/icons/user-small.png") no-repeat scroll left top transparent
    }
    .headerfix .grey-header .quickLinksFixed div.searchForm {
        width: 30px;
        height: 30px;
        margin: -8px 0 0 1px;
        background: url("/img/icons/search-small.png") no-repeat scroll left top transparent
    }
    .headerfix .grey-header .quickLinksFixed .socialNav {
        width: 30px;
        height: 30px;
        margin: -8px 0 0 1px;
        background: url("/img/icons/social-small.png") no-repeat scroll left top transparent
    }
    .headerfix .grey-header .quickLinksFixed .userNavCurrent {
        background: url("/img/icons/user-small.png") no-repeat scroll left bottom transparent
    }
    .headerfix .grey-header .quickLinksFixed div.searchFormCurrent {
        background: url("/img/icons/search-small.png") no-repeat scroll left bottom transparent
    }
    .headerfix .grey-header .quickLinksFixed .socialNavCurrent {
        background: url("/img/icons/social-small.png") no-repeat scroll left bottom transparent
    }
    .headerfix .grey-header .quickLinks .userNav {
        width: 30px;
        height: 30px;
        margin: -8px 20px 0 1px;
        background: url("/img/icons/user-small.png") no-repeat scroll left top transparent
    }
    .headerfix .grey-header .quickLinks div.searchForm {
        width: 30px;
        height: 30px;
        margin: -8px 0 0 1px;
        background: url("/img/icons/search-small.png") no-repeat scroll left top transparent
    }
    .headerfix .grey-header .quickLinks .socialNav {
        width: 30px;
        height: 30px;
        margin: -8px 0 0 1px;
        background: url("/img/icons/social-small.png") no-repeat scroll left top transparent
    }
    .headerfix .grey-header .quickLinks .userNavCurrent {
        background: url("/img/icons/user-small.png") no-repeat scroll left bottom transparent
    }
    .headerfix .grey-header .quickLinks div.searchFormCurrent {
        background: url("/img/icons/search-small.png") no-repeat scroll left bottom transparent
    }
    .headerfix .grey-header .quickLinks .socialNavCurrent {
        background: url("/img/icons/social-small.png") no-repeat scroll left bottom transparent
    }
    .headerfix .grey-header .quickLinks .liveStream {
        background: none;
        height: 30px;
        width: auto;
        margin: -8px 20px 0 0;
    }
    .headerfix .grey-header .quickLinks .liveStream a {
        line-height: 30px;
        color: #EE174C;
        font-size: 12px;
        text-align: left;
    }
    .headerfix #secondaryNavigation {
        clear: none !important;
    }
    .menu ul li {
        border: none;
    }
    .headerfix .menu ul li a, .headerfix .menu ul li a:visited {
        font-size: 12px;
        line-height: 12px;
    }


    ------------------------- shortcutsNav ----------------------------

    .primaryNavBlock, .secNavBlock{
        background-color: #fff;
        box-shadow: #B3B3B3 0 0 2px 0;
        padding: 10px 20px;
        position: absolute;
        top: 61px;
        z-index: 9998;
        width: 200px;
        left: 0;
    }
    .secNavBlock{right: 0; left: auto;}
    .shortcutsNav .secNavBlock .menu ul li{float: right;}
    .searchNavBlock, .userNavBlock{
        background-color: #fff;
        box-shadow: #B3B3B3 0 0 2px 0;
        padding: 20px;
        position: absolute;
        top: 61px;
        z-index: 9998;
        width: auto;
        max-width: 300px;
        right: 0;
    }

    span.arrowUp{position: absolute; top: -10px;background: url("/img/arrows/arrowUp.png") no-repeat left top; width: 20px; height: 10px; position: absolute; right: 20px;}
    .primaryNavBlock span.arrowUp{right: auto; left: 40px;}
    .secNavBlock span.arrowUp{right: 128px}
    .searchNavBlock span.arrowUp{right: 18px} 
    .userNavBlock span.arrowUp{right: 58px}
    .shortcutsNav .primaryNavBlock .menu, .shortcutsNav .secNavBlock .menu{margin: 0; padding: 0;}
    .shortcutsNav .primaryNavBlock .menu ul li, .shortcutsNav .secNavBlock .menu ul li{margin: 0;border-bottom: 1px solid #E4E4E4; width: 100%;}
    .shortcutsNav .primaryNavBlock .menu ul li.last, .shortcutsNav .secNavBlock .menu ul li.last{border: none;}
    .shortcutsNav .primaryNavBlock .menu ul li a, .shortcutsNav .secNavBlock .menu ul li a{
        color: #28292C;
        display: block;
        font-family: open_sanssemibold;
        font-size: 14px;
        line-height: 100%;
        padding: 15px 0;
        position: relative;
    }
    .shortcutsNav .primaryNavBlock .menu ul li a:hover, .shortcutsNav .secNavBlock .menu ul li a:hover{color: #20A0FF}
    .searchNavBlock form.searchForm{
        border: 1px solid #e4e4e4; 
        border-right: none; 
        border-left: none;
    }

    .userNavBlock {
        font-family: Arial,Helvetica,sans-serif;
    }
    .userNavBlock span {
        color: #FF9900;
        float: left;
        font-size: 10px;
        line-height: 100%;
        padding: 2px 15px 0 0;
        text-transform: uppercase;
    }
    .userNavBlock a {
        color: #28292C;
        float: left;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 12px;
        line-height: 100%;
    }
    .userNavBlock a.loginHeader, .userNavBlock a.logoutHeader {
        border-right: 1px solid #28292C;
        margin-right: 10px;
        padding-right: 10px;
    }
    .userNavBlock a:hover  {
        color: #20A0FF;
        text-decoration: none;
    }


    .grey-header .quickLinks .userNav .signInFormHolder, .grey-header .quickLinks .searchForm form.searchForm, .grey-header .quickLinks .social {
        top: 30px;
        background: #fff;
        border: 1px solid #bbb;
    }
    .grey-header .quickLinks .searchForm form.searchForm {
        top: 30px;
        right: -31px;
        margin: 0;
        padding: 30px 20px;
        height: auto;
    }
    .grey-header .quickLinks .social {
        right: -62px;
        padding: 25px 50px;
    }
    .grey-header .quickLinks .userNav .signInFormHolder {
        padding: 25px 20px 15px;
    }
}*/
@media screen and (min-width: 1038px) {
    #sideNavigation {
        display: none !important;
    }
    #container {
        left: 0 !important;
    }

    .header, .topFullHolder {
        left: 0 !important;
    }
    #primaryNavigationShort, #navigationShort {
        display: none !important;
    }
}
@media screen and (max-width: 1037px) {
    #content {
        padding-right: 0;
        width: 448px;
    }
    form.searchForm, #secondaryNavigation, #primaryNavigation, .white-header, .languageHolder, .sideBar {
        display: none;
    }
    .header, #container, .footerCopy .footer-holder, .footer-holder {
        width: 768px;
        padding-right: 0;
    }
    .black-header {
        height: 140px;
    }
    a.short-menu {
        width: 30px;
        height: 23px;
        cursor: pointer;
        display: block;
        position: absolute;
        top:60px;
        right: 30px;
        background: url("/img/short-menu.png") left top no-repeat;
    }
    a.short-menu:hover {opacity: 0.8; transition: all 0.2s ease-in-out 0s;}
    h1.logo-ci a, div.logo-ci a, h1.logo-sr a, div.logo-sr a, h1.logo-en a, div.logo-en a {
        width: 375px;
        height: 99px;
    }
    h1.logo-ci a, div.logo-ci a {
        background:transparent url('/img/logoTablet-ci.png') no-repeat top left;
    }
    h1.logo-sr a, div.logo-sr a {
        background:transparent url('/img/logoTablet-sr.png') no-repeat top left;
    }
    h1.logo-en a, div.logo-en a {
        background:transparent url('/img/logoTablet-en.png') no-repeat top left;
    }
    .searchRegisterHolder {
        display: table-cell;
        width: 176px;
        height: 140px;
        text-align: center;
        vertical-align: middle;
    }
    a.search_register {
        width: 176px;
        /*        position: absolute;
                right: 110px;
                margin: 35px 0 0 0;*/
        vertical-align: middle;
        text-align: left;
        margin: 0;
    }
    #navigationShort {
        position: fixed;
        right: -220px;
        width: 220px;
        background-color: #234A71;
        height: 100%;
        z-index: 9999;
    }
    #navigationShort .menu {
        padding: 0;
    }
    #navigationShort .menu ul {
        margin: 0;
    }
    #navigationShort .menu ul li {
        float: none;
        margin: 0;
    }
    #navigationShort .menu ul li a {
        color: #fff;
        font-size: 16px;
        display: block;
        line-height: 100%;
        text-transform: uppercase;
        padding: 28px 15px;
        border-left: 3px solid #234A71;
        border-bottom: 1px solid #1D3D5C;
    }
    #navigationShort .menu ul li a.onPath, #navigationShort .menu ul li a:hover {
        background-color: #1D3D5C;
        transition: all 0.2s ease-in-out 0s;
        text-decoration: none;
        border-left: 3px solid #B71116;
    }
    #navigationShort {
        top: 0;
    }
    #navigationShort .menu li > ul {
        display: none;
    }
    #navigationShort .menu li.onPath > ul {
        display: block;
    }
    #navigationShort .menu ul li.depth2.last {
        border-bottom: none;
    }
    #navigationShort .menu ul li ul li a {
        font-size: 13px;
        padding: 20px 15px 20px 25px;
    }
    #navigationShort form.searchForm {
        width: 220px;
        display: block;
    }
    #navigationShort form.searchForm, fieldset.searchFieldset {
        width: 220px;
    }
    table {
        overflow-x: scroll;
        display: block;
    }

    fieldset.searchFieldset input.searchInput {
        width: 180px;
    }
    #sideNavigation {
        display: none !important;
    }
    #navigationShort .langHolder {
        margin-top: 30px;
        margin-left: 20px;
    }
    #navigationShort .langHolder ul  { margin: 0;}
    #navigationShort .langHolder ul li {
        list-style-type: none;
        float: left;
        margin: 0 10px 0 0;
        padding: 0 10px 0 0;
        border-right: 1px solid #fff;
    }
    #navigationShort .langHolder ul li.last {
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }
    #navigationShort .langHolder ul li a {
        color: #fff;
    }
    #navigationShort .menu.secmenu {
        margin-top: 15px;
    }
    #navigationShort .menu.secmenu ul li a {
        border: none;
        font-size: 14px;
        padding: 0px 20px 20px 20px;
        text-transform: none;;
    }
    #navigationShort .menu.secmenu ul li a:hover {
        background-color: transparent;
        opacity: 0.8;
        transition: all 0.2s ease-in-out 0s;
    }

    #navigationShort .signInFormHolder {
        display: block;
        margin-top: 48px;
    }
    #navigationShort .userMenu {
        background: #000;
    }
    #navigationShort .signInFormHolder .userMenu h2 {
        background: transparent url('/img/login.jpg') no-repeat right center;
        line-height: 50px;
        margin: 0;
        padding: 0 30px 0 20px;
        font-family: Arial;
        font-size: 10px;
        text-transform: uppercase;
        color: #e4e4e4;
        font-weight: normal;
        margin-right: 10px;
    }
    #navigationShort .signInFormHolder form.signIn {
        background: #414141;
        padding: 10px;
        width: 180px;
        margin: 0;
    }
    #navigationShort .signInFormHolder form.signIn label {
        font-family: Arial;
        font-size: 10px;
        text-transform: uppercase;
        color: #e4e4e4;
        margin: 0;
    }
    #navigationShort .signInFormHolder form.signIn input {
        background: #2E2E2E;
        border-radius: 15px;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        width: 160px;
        font-family: Arial;
        font-size: 10px;
        text-transform: uppercase;
        color: #bbb;
        margin-bottom: 10px;
    }
    #navigationShort .signInFormHolder form.signIn a {
        color: #e4e4e4;
        text-transform: uppercase;
        font-size: 10px;
        margin-bottom: 5px;
        display: block;
        line-height: 100%;
    }

    #navigationShort .signInFormHolder form.signIn button{   background: url("/img/buttons/buttonMore.png") repeat-x left bottom;
                                                             border: 1px solid #0F989B ;
                                                             border-radius: 2px;
                                                             color: #FFFFFF;
                                                             display: block;
                                                             float: none; cursor: pointer;
                                                             font-size: 12px;
                                                             line-height: 100%;
                                                             margin: 15px auto 10px;
                                                             padding: 12px 14px;
                                                             text-align: center;
                                                             text-transform: uppercase;
                                                             width: 130px;}
    #navigationShort .signInFormHolder form.signIn button:hover {
        background-position: left top;
        border: 1px solid #154099;
        text-decoration: none;
    }
    #navigationShort .signInFormHolder .avatarHolder {
        width: 150px;
        display: block;
        margin: 10px auto 0;
    }
    #navigationShort .signInFormHolder .avatarHolder .centerAV {
        float: left;
        margin: 0 20px 0 0;
    }
    #navigationShort .signInFormHolder .avatarHolder .centerAV a img {
        border-radius: 40px;
        max-width: 40px;
        max-height: 40px;
    }
    #navigationShort .signInFormHolder .avatarHolder h4.userName {
        font-size: 10px;
        text-transform: uppercase;
        color: #FF9900;
        font-family: Arial;
        line-height: 140%;
        margin: 0;
        display: table-cell;
        vertical-align: middle;
        height: 40px;
    }
    #navigationShort .signInFormHolder a.button {
        clear: both;
        background: url("/img/buttons/buttonMore.png") repeat-x left bottom;
        border: 1px solid #0F989B ;
        border-radius: 2px;
        color: #FFFFFF;
        display: block;
        float: none; cursor: pointer;
        font-size: 12px;
        line-height: 100%;
        margin: 15px auto 10px;
        padding: 13px 14px;
        text-align: center;
        text-transform: uppercase;
        width: 130px;
    }
    #navigationShort .signInFormHolder a.button:hover {
        cursor: pointer;
        background-position: left top;
        border: 1px solid #154099;
        text-decoration: none;
    }

}

@media screen and (max-width: 805px) {
    .header, .footerCopy .footer-holder, .footer-holder {
        width: 300px;
        padding: 0 10px;
    }
    #container{
        width: 320px;
        padding: 0;
    }
    #content {
        padding-bottom: 20px;
        width: 320px;
    }
    #stripe2 {
        width: 300px;
        padding: 40px 10px 20px;
        background-color: #F8F8F8;
        margin-top: 0;
    }
    .copyDiv {
        display: none;
    }
    #footer {
        padding-bottom: 0;
    }
    #footer .copyDiv {
        display: block;
        color: #fff;
        font-size: 12px;
        text-align: center;
        padding: 30px 0;
    }
    #footer .copyDiv p {
        padding-bottom: 0;
    }
    .headerholder, .black-header {
        height: 110px;
    }
    h1.logo-ci, div.logo-ci, h1.logo-sr, div.logo-sr, h1.logo-en, div.logo-en {
        width: 247px;
        height: 100px;
        padding-top: 5px;
    }
    h1.logo-ci a, div.logo-ci a, h1.logo-sr a, div.logo-sr a, h1.logo-en a, div.logo-en a {
        width: 247px;
        height: 100px;
    }
    h1.logo-ci a, div.logo-ci a {
        background:transparent url('/img/logoMobile-ci.png') no-repeat top left;
    }
    h1.logo-sr a, div.logo-sr a {
        background:transparent url('/img/logoMobile-sr.png') no-repeat top left;
    }
    h1.logo-en a, div.logo-en a {
        background:transparent url('/img/logoMobile-en.png') no-repeat top left;
    }
    a.short-menu {
        right: 10px;
        top: 40px;
    }

    .searchRegisterHolder {
        display: block;
        height: auto;
        width: 100%;
    }
    a.search_register {
        bottom: -45px;
        box-sizing: border-box;
        display: block;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 110px;
        width: 100%;
        z-index: 999;
    }
    #main {
        margin-top: 40px;
        background: transparent;
    }
    .footerNav {
        display: none;
    }
    .footerLogo {
        width: 247px;
        height: 100px;
        float: none;
        margin: 0 auto;
    }
    .footerLogo a {
        width: 247px;
        height: 100px;
    }
    .footerLogo a.logo-ci {
        background: url("/img/logoMobile-ci.png") left top no-repeat;
    }
    .footerLogo a.logo-sr {
        background: url("/img/logoMobile-sr.png") left top no-repeat;
    }
    .footerLogo a.logo-en {
        background: url("/img/logoMobile-en.png") left top no-repeat;
    }
    table thead tr td, table thead tr td th, table tbody tr th {
        font-size: 12px;
    }
    table tbody tr td{
        font-size: 13px;
        line-height: 120%;
    }
}

@media screen and (max-width: 357px) {
    .header, .footer-holder, .horizontalSubNavigation,.footerCopy .footer-holder{max-width: 300px; width: 100%; padding: 0;}
    #content {max-width: 300px; width: 100%; margin-left: 0;}
    #container {
        width: 94%;
        max-width: 280px;
        padding: 0 3%;
    }
    #stripe2 {
        width: 94%;
        max-width: 280px;
        padding-left: 3%;
        padding-right: 3%;
    }
    .bannerDiv { padding: 0 0 30px;}


    .filterHolder .firstColumn{max-width: 300px; width: 100%; margin-left: 0}
    .filterHolder .firstColumn .wordInput{max-width: 300px; width: 100%; float: none; margin-right: 0; margin-bottom: 20px;}
    .filterHolder .firstColumn .byPrice{max-width: 300px; width: 100%;float: none; margin-bottom: 20px;}
    .filterHolder #heroFilter{max-width: 300px; width: 100%; float: left;}
    .filterHolder #heroFilter .primary-content{ display: block;margin: 0 auto;padding: 0;position: relative;max-width: 300px; width: 100%;}
    .filterHolder .header{padding: 0; max-width: 300px; width: 100%;}

}