p {
    font-size:0.813rem;
    line-height: 20px;
    margin: 5px 0;
    padding: 0;
    text-align: justify;
}
.center_block > img {
    max-width: 100%;
}

#products_pane ul {
    margin: 5px 0;
    padding: 0 0 0 15px;
}

#products_pane a {
    font-weight: normal;
}

#products_pane {
    width:76%;
    float:left;
}
#products_pane h1 {
    color: #565656;
    font: bold 18px/22px Arial,Helvetica,sans-serif;
    margin: 25px 0 10px;
    padding: 0;
    text-align: left;
    text-shadow: 1px 1px 1px #EEEEEE;
    text-transform: none;
    vertical-align: middle;
}

/* Product Pages - right menu*/
#right_menu,.featuredResBlock {
    float: right;
    margin: 10px 0 0;
    vertical-align: top;
    width: 23%;
    background-color:#ffffff;
}

#right_menu ul,.featuredResBlock ul {margin:0; padding:0; border:1px solid #ddd;}
#right_menu ul li ,.featuredResBlock ul li {list-style: none outside none; margin:0; padding:0 12px 0 10px; }
#right_menu .noborder a{ border:none;}
#right_menu a,.featuredResBlock a { display:block;color: #565656; font: 13px/16px Arial,Helvetica,sans-serif; text-decoration:none;  padding-top:8px; padding-bottom:8px; padding-right:5px; padding-left:30px; border-bottom: 1px solid #ddd;}
#right_menu .hightlighted {color: #005784; font: bold 13px/22px Arial,Helvetica,sans-serif;}
#right_menu .downloads {background: url("/images/content/icons/icon_download.gif") no-repeat scroll left 4px transparent; font-weight:bold; color: #005784;}
#right_menu .what {background: url("/images/content/icons/icon_whats_new.gif") no-repeat scroll left 4px transparent;}
#right_menu .config {background: url("/images/content/icons/icon_config.gif") no-repeat scroll left 4px transparent;}
#right_menu .datasheet {background: url("/images/content/icons/icon_whats_new.gif") no-repeat scroll left 4px transparent;}
#right_menu .news {background: url("/images/content/icons/icon_news.gif") no-repeat scroll left 4px transparent;}
#right_menu .training {background: url("/images/content/icons/icon_training.gif") no-repeat scroll left 4px transparent;}
#right_menu .multimedia {background: url("/images/content/icons/icon_multimedia.gif") no-repeat scroll left 4px transparent;}
#right_menu .documentation {background: url("/images/content/icons/icon_doc.gif") no-repeat scroll left 4px transparent;}
#right_menu .contact {background: url("/images/content/icons/icon_contact.gif") no-repeat scroll left 4px transparent;}
#right_menu .faq {background: url("/images/content/icons/icon_faq.gif") no-repeat scroll left 4px transparent;}
#right_menu .overview {background: url("/images/content/icons/icon_whats_new.gif") no-repeat scroll left 4px transparent;}
#right_menu a:hover { color:#000;}

ul#featuredResBlock {padding: 0;}
ul#featuredResBlock li.featured { background-color: #F3F3F3;
                                  border-bottom: 1px solid #CCCCCC;
                                  font-size: 12px;
                                  font-weight: bold;
                                  text-align: center;
                                  text-transform: uppercase;
                                  line-height: 25px;}
ul#featuredResBlock {border:1px solid #ddd;}

ul#featuredResBlock img { margin-bottom: 5px; margin-top: 5px;}

.featuredCateg {color: #005784; font-weight: bold;}
li.fCategDelim span {/*border-top: 1px solid #ddd; */display: block; }
.featuredResBlock ul li.featuredCateg { padding-top:5px;}
.featuredResBlock ul li.featuredRes a {text-align: left; font-size: 13px; line-height: 18px; margin: 0; padding:0; padding-top:5px; padding-bottom:5px;  }
.featuredResBlock ul li.noline a {border-bottom: none;}
.categDescription ul, .categDescription div { display: inherit; }
.preview_img{
    max-width:100%;
}

@media (max-width: 51.250em) { 
    #products_pane {
        margin-right:0px;
        width:100%;
        float:none;
    }
    
    .center_block > #right_menu {
        margin: 10px 4px 0 10px;
        width: 48px;
    }
    
    .center_block > #right_menu > ul {
        width: 46px;
        overflow: hidden;
    }
    
    .center_block > #right_menu li {
        border-bottom: 1px solid #EEE;        
        margin: 0 12px 0 10px;
        padding: 0;
        width: 25px;       
    }
    
    .center_block > #right_menu li > a{
        color: rgba(0,0,0,0) !important;
        height: 30px;
        padding: 0;
        width: 25px;
    }
    
    .featuredResBlock {
        /*clear:both;*/
        float:none;
        width:100%;
    }
}
/*  ----------------- float_img   -----------------  */
.float_img  {
    display:flex;
}
.float_img > a > img, .float_img > img {
    max-width:100%;
}
.float_img > div{
    margin: 0 10px 0 0px ;
    max-width:55%;
}
@media (max-width: 900px) { 
    .float_img {
        display:block;
    }
    .float_img  > div{
        max-width:100%;
        width:100%;
    }   
}
/* --------------------------------------------------*/
#hes_float_images {
    display:flex;
}
#hes_float_images > div {
    width:49%;
    float:left;
    border:1px solid #eeeeee;
    margin:0; padding:0;
}
#hes_float_images:after {
    clear:both;
    content: "";
    display: block;
}
#hes_float_images > div > span {
    display:block;
    font-style:italic;
    background-color: #eeeeee;
}
@media (max-width: 960px){
    #hes_float_images {
        display:block;
    }
    #hes_float_images > div {        
        float:none;
        width:100%;
        text-align:center;
    }
}
/* DO-254 */
#do_254_table, #do_254_table td {
    border: none;     
    text-align:left;    
    margin:0; padding:0px;
}
.td_text {vertical-align:top;}
/*tab swich widget inside compound product*/
#tabs-container{
  display: block;
  margin-right: 4px;
}
#specyfication_content p{
    margin: 20px 0 5px 0;
}
#specyfication_content > p > a.gallery:after{
    clear: both;
    content: "";
    display: block;
}
#products_pane ul.nav-tabs{
  display: flex;
  flex-direction: row;
  padding: 0;
  margin-bottom: 0;
}
.nav-tabs li{
  display: inline-block;
  margin-right: 5px;
}
.nav-tabs li a{
  display: block;
  tex-align: center;
  padding: 10px 20px;
  text-transform: uppercase;
  text-decoration: none;
  color: #7D7D7D;
  border-left: 1px solid;
  border-top: 1px solid;
  border-right: 1px solid;
  border-color: #ddd;
  margin: 0px;
  cursor: pointer;
  top: 1px;
  position: relative;
  color: #1783BA;

}
.nav-tabs li.active a{
  border-color: #ddd;
  border-bottom: 0px;
  cursor: default;
  background-color: #fff !important;
  color: #7D7D7D;
}
.nav-tabs li a:hover{
  background-color: #eee;
}
.tab-content{
  display: none;
}
.tab-content.active{
  display: block;
  border: 1px solid #ddd;
  padding: 1rem;
}
#products_pane a.gallery{
    text-decoration: none;
    text-align: center;
    color: #575757;
}
#products_pane a.gallery img {
    width: 200px;
    padding: 10px;
}
#products_pane a.gallery span, #products_pane a.gallery:hover span, #products_pane a.gallery:active span{
    margin-top: -17px;
    display: block;
    position: relative;
    margin-bottom: 3px;
}
.cat_links{
    font: bold 12px/22px Arial,Helvetica,sans-serif;
    text-align:center;
}
.cat_links a{
    margin: 6px;
}
.categFullName {
    background-color: #F2F2F2;
    font-weight: bold;
    padding: 0 0 0 10px;
    text-transform: uppercase;
}
.categDescription a:first-of-type {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    text-decoration: none;
}
.categDescription img{
    max-width: 200px;
    padding: 5px;
    float: left;
}
.align-right{
    float: right;
    margin-top: -0.3rem;
}
#tabs-container table tbody tr:first-child {
    background: #1783BA;
    color: #fff;
}
#products_pane .img-4-container, #products_pane .img-3-container, #products_pane .img-2-container{
    text-align: center;
    overflow: hidden;
}
#products_pane .img-4-container, #products_pane .img-3-container p, #products_pane .img-2-container p{
    display: inline-block;
    text-align: center;
}
#products_pane .img-container{
    text-align: center;
}
#products_pane .img-container a.gallery{
    display: inline-block;
    width: 200px;
}

#products_pane .img-4-container, #products_pane .img-3-container p:first-child{
    display: block;
}
#products_pane .img-4-container p{
    display: inline-block;
    text-align: center;
    width: 25%;
}
#products_pane .img-4-container p .responsive-img {
    width: 90%;
}
#products_pane .img-4-container p:last-child{
    display: inline-block;
    text-align: center;
    width: 200px;
}
#products_pane .img-4-container p:last-child .responsive-img {
    width: 200px;
}
/*accordion table*/
ul.collapsible{
    list-style-type: none;
    padding: 0;
}
.collapsible li .collapsible-header{
    background-color: #1783BA;
    color: #FFF;
    font-size: 0.75rem;
    margin: 0;
    padding: 0.2rem;
    cursor: pointer;
    margin: 1px;
    font-weight: normal;
}
.collapsible li .collapsible-body{
    max-height: 0;
    overflow: hidden;
    transition-timing-function: easy-in;
    transition: max-height 0.3s;
    webkit-transition: max-height 0.3s;

}

.collapsible li.active .collapsible-body{
    transition: max-height 0.5s;
    webkit-transition: max-height 0.5s;
    transition-timing-function: easy-out;
    max-height: 2500px;
}
.categDescription{
    box-sizing: border-box;
    overflow: hidden;
}

.cat_links{
    position: relative;
    padding: 0.5rem;
    margin-top: 1rem;
    text-align: left;
    border: 0.063rem solid #E3E3E3;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;
    max-height: 60px;
    flex-flow: column wrap;
    /* align-items: center; */
    align-content: stretch;
    color: #575757;
}
.cat_links .cat_links_legend{
    position: absolute;
    top: -0.85rem;
    padding: 0.1rem 0;
}
.cat_links div{
    flex: 1;
    white-space: nowrap;
    padding: 2px;
    background-color: #F4F4F4;
}
table#boards_container tr{
    display: none;
}
/*table#boards_container td#virtex_ultrascale{
    display: table-cell;
}
input[type=checkbox]#_virtex_ultrascale ~ table#boards_container td#virtex_ultrascale *{
    display: table-cell;
}*/



.plus-minus-icon {
  box-sizing: border-box;
  transition: transform 0.3s;
  width: 12px;
  height: 12px;
  transform: rotate(180deg);
  position: relative;
  display: inline-block;
  margin-right: 0.2rem;
  top: 1px;
  margin-left: 0.1rem;
}
li.active .plus-minus-icon {
  transform: rotate(0deg);
}
.plus-minus-icon::before {
  content: '';
  display: block;
  width: 12px;
  height: 0px;
  border-bottom: solid 2px #FFF;
  position: absolute;
  bottom: 5px;
  transform: rotate(90deg);
  transition: width 0.3s;
}
li.active .plus-minus-icon::before {
  content: '';
  display: block;
  width: 0px;
  height: 0px;
  border-bottom: solid 2px #FFF;
  position: absolute;
  bottom: 5px;
  transform: rotate(90deg);
}
.plus-minus-icon::after {
  content: '';
  display: block;
  width: 12px;
  height: 0px;
  border-bottom: solid 2px #FFF;
  position: absolute;
  bottom: 5px;
}

@media (max-width: 30em) {
    #products_pane .img-4-container p{
        width: 200px;
    }
    #products_pane .img-4-container p .responsive-img {
        width: 200px;
    }
}