/*slider frame*/

/* START: TE Connectivity iPad fix (SFE4) */

/** Mobile **/
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {

    .threeQuarter .main {
        display:none;
    }

}

/** Tablet **/
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .threeQuarter .main {
        display:none;
    }
}

/** Tablet (landscape) **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .threeQuarter .main {
        display:none;
    }
}

/* END: TE Connectivity iPad fix (SFE4) */


.microchip-center {
    width: 900px;
    margin: 0 auto;
}

#slider {
    float: left;
    position: relative;
    transform: translate3d(0, 0, 0);
    overflow: hidden;
}



#sliderFrame {
    width: 900px;
    margin: 0 auto;
    /*center-aligned*/
    padding: 20px;
    /*box-shadow: 0 0 5px #BBB;
    border: 1px solid #CCC;*/
    background-color: #FFF;
    overflow: hidden;
}
#slider, #slider div.sliderInner {
    width: 100%;
    height: 300px;
    border-top: 1px solid #BCE5F9;
    border-left: 1px solid #BCE5F9;
    border-right: 1px solid #BCE5F9;
    /* Must be the same size as the slider images */
}
/* -- caption -- */
.caption {
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 280px;
    line-height: 1;
    padding: 10px 20px;
    z-index: 100;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 300ms ease-in;
}
/*.caption p {*/
    /*color: #7F7F7F;*/
    /*font-family: arial, helvetica;*/
    /*text-align: left;*/
    /*padding-bottom: 10px;*/
/*}*/
.caption h2 {
    color: #f28411;
    font-size: 2.5em;
    font-weight: bold;
    margin: 5px 0px 20px 0px;
}
.caption.active {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
/* -- sliderimage -- */
.sliderImage {
    padding-top: 40px;
    position: absolute;
    right: -200px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: right 600ms ease-in;
}
.sliderImage.active {
    margin: 0 auto;
    right: 35px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
/* ------ built-in navigation bullets wrapper that is relative to the #slider ------*/
#slider div.navBulletsWrapper {
    display: none;
}
/* -- thumbnails -- */
#thumbs {
    float: left;
    font: normal 11px/13px Arial;
    border-right: 1px solid #BCE5F9;
    border-bottom: 1px solid #BCE5F9;
    color: #666;
    background-color: #F1F8FA;
    width: 900px;
}

.thumb {
    cursor: pointer;
    padding: 8px 8px;
    background: #F1F8FA;
    width: 23.1%;
    float: left;
    border-top:1px solid #BCE5F9;
    border-left:1px solid #BCE5F9;
}

.thumb-empty {
    padding: 8px 8px;
    background: #F1F8FA;
    width: 23.1%;
    float: left;
    border-top:1px solid #BCE5F9;
    border-left:1px solid #BCE5F9;
}
#thumbs .active, .thumb:hover {
    background: #FFF;
}
#thumbs img {
    cursor: pointer;
    width: 19px;
    height: 20px;
}
#thumbs .frame {
    float: left;
    background: white;
    border-radius: 3px;
    font-size: 0;
    line-height: 0;
}
#thumbs .thumb-content {
    text-align: center;
    /*float: left;*/
    /*padding-left: 18px;*/
}
/* Captions in #thumbs .thumb-content */
#thumbs .thumb-content p {
    font-weight: bold;
    color: #BF5D9B;
    margin: 0 0 3px;
    padding: 0;
}
#thumbs .thumb-content h2 {
    font-size: 1.6em;
    color: #333333;
    margin: 0 0 0px;
    padding: 0;
    background: none;
}

.de-de #thumbs .thumb-content h2, .fr-fr #thumbs .thumb-content h2, .it-it #thumbs .thumb-content h2 {
    font-size: 1.3em;
}
.pl-pl #thumbs .thumb-content h2 {
    font-size: 1.1em;
}

#thumbs .thumb-on .thumb-content p {
    color: #BB0000;
}

 /*----------- DROP DOWN MENU ------------*/
/* Main menu wrapper */
.cbp-hsmenu-wrapper {
    position: relative;
}

/* Common style for all lists */
.cbp-hsmenu-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    /*float: none;*/
    width: 99.8%;
}

/* 100% width bar for menu */
.cbp-hsinner {
    background: #007fac;
    position: relative;
    z-index: 100;
    margin-bottom: 27px;
    /*border: 1px solid #b8d7e5;*/
    height: 40px;
}

/* Main menu style */
.cbp-hsmenu-wrapper .cbp-hsmenu {
    /*padding: 10px;*/
}

.cbp-hsmenu > li {
    /*margin-left: 4em;*/
    display: inline-block;
    border: 1px solid #b8d7e5;
    width: 100%;
    margin-bottom: 20px;
}

.cbp-hsmenu > li:first-child {
    margin-left: 0;
}

/* Main menu link style */
.cbp-hsmenu > li > a {
    color: #fff;
    font-size: 1.2em;
    line-height: 3em;
    display: inline-block;
    position: relative;
    z-index: 10000;
    outline: none;
    cursor: pointer;
}
.cbp-hsmenu > li > a:visited {
    color: #fff;
}

.no-touch .cbp-hsmenu > li > a:hover,
.no-touch .cbp-hsmenu > li > a:focus,
.cbp-hsmenu > li.cbp-hsitem-open > a {
    color: #ffffff;
}

/* Add an arrow to the main menu link if it has a submenu (not the only child) */
.cbp-hsmenu > li > a:not(:only-child):before {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.3em;
    opacity: 0.4;
    vertical-align: middle;
}

.cbp-hsmenu > li.cbp-hsitem-open > a:not(:only-child):before {

}

/* Add a triangle to currently open menu item link */
.cbp-hsmenu > li.cbp-hsitem-open > a:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #007fac;
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
}

/* Submenu style */
.cbp-hssubmenu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 0;
    text-align: center; /* for aligning the sub items */
    visibility: hidden;
}

.cbp-hssubmenu:before,
.cbp-hssubmenu:after {
    content: " ";
    display: table;
}
.cbp-hssubmenu:after {
    clear: both;
}

/* Let's allow 6 item in a row */
.cbp-hssubmenu > li {
    width: 24%;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    /*box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;*/
    opacity: 0;
    -webkit-transition: opacity 0.1s 0s;
    -moz-transition: opacity 0.1s 0s;
    transition: opacity 0.1s 0s;
}

.cbp-hssubmenu > li a {
    display: block;
    text-align: center;
    color: #a2a2a2;
    outline: none;
    padding: 2em 1em 1em 1em;
}

.no-touch .cbp-hssubmenu > li a:hover,
.no-touch .cbp-hssubmenu > li a:focus {
    color: #888;
}

.cbp-hssubmenu > li a img {
    border: none;
    outline: none;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.no-touch .cbp-hssubmenu > li a:hover img {
    opacity: 0.5;
}

.mk-more-dropDown {
    background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/LinkPlusOrange.gif) no-repeat left center;
    padding-left: 1em;
    margin-left: 10px;
}

.mk-less-dropDown {
    background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/LinkMinusOrange.gif) no-repeat left center;
    padding-left: 1em;
    margin-left: 10px;
}

.cbp-hssubmenu > li a span {
    display: block;
    min-height: 3em;
    margin-top: 0.4em;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
    z-index: 1000;
    visibility: visible;
    background: #ffffff;
    /*border: 1px solid #b8d7e5;*/
    position: inherit;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu > li {
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu > li a:hover {
    opacity: 0.5;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}



/* Submenu style */
.cbp-hssubmenub {
  
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 0;
    text-align: center; /* for aligning the sub items */
  
}

.cbp-hssubmenub:before,
.cbp-hssubmenub:after {
    content: " ";
    display: table;
}
.cbp-hssubmenub:after {
    clear: both;
}

/* Let's allow 6 item in a row */
.cbp-hssubmenub > li {
    width: 24%;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    /*box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;*/
    -webkit-transition: opacity 0.1s 0s;
    -moz-transition: opacity 0.1s 0s;
    transition: opacity 0.1s 0s;
}

.cbp-hssubmenub > li a {
    display: block;
    text-align: center;
    color: #a2a2a2;
    outline: none;
    padding: 2em 1em 1em 1em;
}

.no-touch .cbp-hssubmenub > li a:hover,
.no-touch .cbp-hssubmenub > li a:focus {
    color: #888;
}

.cbp-hssubmenub > li a img {
    border: none;
    outline: none;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.no-touch .cbp-hssubmenub > li a:hover img {
    opacity: 0.5;
}





.cbp-hssubmenub > li a span {
    display: block;
    min-height: 3em;
    margin-top: 0.4em;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenub {
    z-index: 1000;
    visibility: visible;
    background: #ffffff;
    /*border: 1px solid #b8d7e5;*/
    position: inherit;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenub > li {
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenub > li a:hover {
    opacity: 0.5;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}









/* Helper div for animating the background */
.cbp-hsmenubg {
    background: #ffffff;
    width: 99.8%;
    top: 100%;
    left: 0;
    z-index: 0;
    height: 0px;
}

.no-touch .cbp-hsmenubg {
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}

.slide {
    display:none;
}

.slide.active {
    display:block;
}

/* New Header */
.mk-sf-logoholder { height:49px; margin:0px 0px 0px 15px; position:absolute; }
.mk-sf-blankleft { background-image:url(../../images/common/storefront_banners/storefront_blank.jpg);}
.mk-sf-microchip-bg {background-image:url(../../images/europe/common/campaign/other/microchip-dev-kits/header-bg.jpg);}
.mk-sf-textholder { text-align: right; padding-top:18px; padding-right:30px; }
.mk-sf-textholder h1 {font-weight: normal; font-size: 24px; color:#ffffff;}
.fr-fr .mk-sf-textholder h1, .es-es .mk-sf-textholder h1 {font-weight: normal; font-size: 20px; color:#ffffff;}