@charset "utf-8";

.product-page-heading {

    font-family: "Oswald",sans-serif;
    float: left;
    margin-top: clamp(3%,40px,1%);
    margin-left: 10%;
    color: #fff;
    font-size: clamp(16px,6vw,60px)
}

.image-container {
    width: 320px;
    margin: 10px auto
}
#bp_container img{
    background-color: #fff;
}
#photos {
    width: 100%;
    clear: both;
    margin-bottom: 20px
}

.upsell-msg
{
    margin-top:10px;
    padding:10px;
    background-color:#f9f9f9;
    border:1px solid #ddd;
    font-size:0.9em;
    line-height:1.4em;
    clear: both;
}
.attachment-large{
    max-width: 25%;
    float: left;
    margin: 10px;
}
img.size-large{
	max-width: 600px;
}

.entry-content {
    max-width: 90%;
}
.entry-title{
	clear:both;
}

h5{
    font-size: 1.3em !important;
}
h3.product-page, h5, #note{
    color:#898787;
}
.pcntable{
    font-family: monospace;
    line-height: 18px;
    color: #898787;
}
.pcntable td{
    vertical-align: top;
}
.product-image {
    margin-top: 15% !important;
    border-radius: 15px;
    padding-bottom: 15px !important;
    min-width: 330px;
}
.cart_item_pricing_l table {
    table-layout: auto;
    font-size: 24px;
    color: #606262
}

.cart_item_pricing_l table td {
    text-align: center;
    font-family: Helvetica,Arial,sans-serif
}

.cart_item_pricing_p td.thisbreak,.cart_item_pricing_l td.thisbreak {
    font-weight: 700
}

.cart_item_pricing_p tr.thisbreak,.cart_item_pricing_l td.thisbreak {
    background-color: #a5ccef
}

.cart_item_pricing_p,.cart_item_pricing_l {
    font-size: 1em
}

.cart_item_pricing_p {
    margin: 8px auto;
    clear: both;
    width: 100%
}

.cart_item_pricing_p table {
    border-collapse: separate;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.blog-resource,.forum-resource {
    width: 90%;
    border: 1px solid #ccc;
    padding: 0 5%;
    margin: 20px 0px;
    height: 300px;
    overflow-x: hidden;
    border-radius: 10px;
    float: left;
    cursor: pointer;
    position: relative
}

.cart_item_pricing_l td,.cart_item_pricing_l th {
    border: 1px solid #e4e5e6;
    padding: 4px 10px;
    text-align: right
}

.cart_item_pricing_l table {
    border-color: #e4e5e6
}

table th:first-child {
    border-top-left-radius: 15px
}

table th:last-child {
    border-top-right-radius: 15px
}

.cart_item_pricing_p th {
    background-color: #333;
    text-align: center;
    color: #fff
}

.cart_item_pricing_p td,.cart_item_pricing_p th {
    border: 1px solid #ededea;
    text-align: center;
    padding: 8px 10px
}

.cart_item_pricing_p tr:nth-child(odd) {
    background-color: #f8f8f8
}

.cart_item_pricing_p tr:nth-child(even) {
    background-color: #f5f5f5
}

.cart_item_pricing_p .leadTimeWarningTD {
    text-align: left
}

.cart_item_pricing_l {
    margin: 0 auto
}

.cart_item_pricing_l caption {
    font-weight: 600;
    text-align: center
}

.cart_item_pricing_l caption,.cart_item_pricing_l .quantity_row {
    white-space: nowrap
}

button.addtocart {
    padding: 0 15px 0 0;
    font-size: 11pt;
    background-color: #fe0000;
    text-align: center;
    font-weight: 700
}

button.addtocart.longMsg {
    font-size: 9pt;
    margin-left: -2px
}

button.addtocart:hover,button.addtocartHover {
    background-position: right -200px
}

button.addtocart:active {
    bottom: -1px;
    right: -1px;
    position: relative;
    z-index: 2;
    background-position: right -250px
}

button.addtocart span {
    padding: 13px 0 0 13px;
    height: 17px;
    line-height: 4px;
    color: #fff;
    margin-top: -.5px
}

.bundle-qty-button {
    width: 40%;
    margin-bottom: 20px
}

.bundle-qty {
    height: 36px;
    border-radius: 7px;
    background-color: #e2e2e2;
    width: 55px;
    transition: none!Important;
    color: #333;
    border: #e2e2e2
}

button.bundle {
    float: right;
    width: 120px
}

.bundle-info-button {
    border-radius: 8px;
    background-color: #333;
    color: #fff!important;
    padding: 10px 40px;
    text-align: center;
    margin: 20px
}

.cart-next_longMsg {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#fe1a00),color-stop(1,#ce0100))!important;
    background: -moz-linear-gradient(center top,#fe1a00 5%,#ce0100 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100')!important;
    background-color: #fe1a00!important;
    -webkit-border-top-left-radius: 6px;

    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #d83526;
    display: inline-block;
    color: #fff;
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    height: 35px;
    line-height: 35px;
    width: 100%;
    text-decoration: none;
    text-align: center
}

.cart-next_longMsg:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#ce0100),color-stop(1,#fe1a00));
    background: -moz-linear-gradient(center top,#ce0100 5%,#fe1a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
    background-color: #ce0100
}

.cart-next_longMsg:active {
    position: relative;
    top: 1px
}

.page-content {
    background-image: url(layout/category/header.webp);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    background-color: #fff;
    min-height: 75vh
}

.cart-back {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#ededed),color-stop(1,#dfdfdf));
    background: -moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777;
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    height: 35px;
    line-height: 35px;
    width: 188px;
    text-decoration: none;
    text-align: center
}

.cart-back:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#dfdfdf),color-stop(1,#ededed));
    background: -moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf
}

.cart-back:active {
    position: relative;
    top: 1px
}

button.addtocart:hover span,button.addtocartHover span {
    background-position: 0-50px
}

button.addtocart:active span {
    background-position: 0-100px
}

button.addtocart {
    float: right;
    margin-left: 5px;
    margin-top: 6px
}

button.addtocart.longMsg {
    float: right;
    margin-left: 5px;
    margin-top: 6px
}

.lead_time {
    width: 100%;
    font-size: 12px;
    color: #333;
    margin-bottom: 10px
}

.component-block {
     margin: 30px 20px 0 20px;
    font-size: 12px;
 }

.component-block a {
    color: red;
    font-weight: 700;
    margin-bottom: 5px
}

.product-right-bar {
    float: right
}

.file-downloads,.datasheets {
    width: 100%;
    clear: both;
    margin-bottom: 20px
}

.file-downloads a,.datasheets a {
    float: left;
    margin: 10px 0
}

.file-downloads a span,.datasheets a span {
    width: 25px;
    vertical-align: bottom
}

.collapsible-header,.tab {
    background-image: linear-gradient(#f8f8f8,#fff)!important;
    font-weight: 700
}

.tab {
    border: 1px solid #e3e3e3
}

.tab a {
    color: #898787!important
}

.tab a.active {
    background-color: #fff!important
}

.product-details a {
    color: red
}

.product-details {
    margin-top: 5%;
    padding-right: 120px!important
}

.product-details p,.product-details,.product-details ul {
    color: #898787;
    font-size: 16px;
    line-height: 22px
}


.product-details ul() {
    padding: 15px
}


.product-details ul:not(.collapsible, .tabs) > li {
    list-style-type: square !important;
    font-size: 16px;
    margin: 10px 20px;
}

ul.collapsible {
    padding: 0!important;
    list-style-type: none!important;
    margin-top: .75vw;
    clear: both
}
/*
#pcns ul{
    float:left;
}
*/


ul.collapsible li {
    list-style-type: none!important
}

.series-section {
    padding: 5px;
    width: 100%;
    clear: both;
    border-collapse: collapse
}
.series-item{
    display: inline-table;
    width: 185px;
    padding: 5px;
    font-size: 14px;
}
ul.series-differences
{
    margin-top: 2px;
    padding:0 5px;

}
.series-item ul li{
    font-size: 11px;
    list-style-type: none !important;

}
.series-heading{
    width: 150px;
    text-align: left;
    height: 50px;
    overflow: hidden;

}
.series-section h5 {
    float: left;
    max-width: 100px;
    margin: 15px
}
th.interfaces{
	width: 100px;
}
.variations-box {
    clear: both;
    margin: 20px 0;
    float: left
}
/*
.new-series-links {
    display: inline-grid;
    margin: 10px;
    border: 1px solid #999;
    border-radius: 15px;
    padding: 10px;
    box-shadow: 10px 8px 10px -2px gray;
    background-color: rgb(182, 205, 224);
    color: #000 !important;

    min-width: 200px;
    text-align: center;
    vertical-align: baseline;
}
*/
.new-series-links {
    display: inline-grid;
    margin: 10px;
    border: 1px solid #999;
    border-radius: 15px;
    padding: 10px;
    box-shadow: 10px 8px 10px -2px gray;
    background-color:#e2e2e2;
    color: #000 !important;
    min-width: 200px;
    text-align: center;
    vertical-align: baseline;
}
.new-series-links:hover{
    background-color: lightgrey;

}
.series_options th {
    background-color: #fff;
    border-radius: 0!important;
    vertical-align: top
}

.collapsible h5{
    font-size: 16px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color:#898787;
    margin: 20px 0;
}
.pcn-icon{
    color:#898787;
}

.lit {
    /* background-color: #333;*/
    /* color: #fff!important;*/
    box-shadow: 0 0 10px 3px #48abe0,
    0 0 10px 3px #ebecca;
    cursor: auto;
    border: 1px dashed gray;
}
.disabled-series{
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: none!important;

}
.yellow_green_on_dark:hover, .yellow_green_on_black:hover {
    background-color: #0D0D0D !important;
    color:  #b8d305 !important;
}

.dark_on_yellow_green:hover, .black_on_yellow_green:hover
{
    background-color: #b8d305 !important;
    color: #0D0D0D !important;
}
.dark_on_light_gray:hover{
    background-color: lightgrey !important;
    color: #0D0D0D !important;
}
.light_on_blue:hover, .white_on_blue:hover{
    color:white !important;
    background-color: blue !important;
}
.black_on_yellow:hover   {
    color: #0D0D0D !important;
    background-color:yellow !important;
}
.yellow_on_black:hover{
    color: yellow !important;
    background-color: #0D0D0D !important;

}
.dark_on_white:hover, .black_on_white:hover{
    color: #0D0D0D !important;
    background-color:white !important;
}
.white_on_dark:hover, .white_on_black:hover{
    color: white !important;
    background-color:  #0D0D0D !important;
}
.red_on_dark:hover{
    color: #fa0909 !important;
    background-color: #0D0D0D !important;

}
.dark_on_green:hover, .black_on_green:hover{
    color: #0D0D0D !important;
    background-color: #568262 !important;
}
.blue_on_black:hover{
    color: #0081e0 !important;
    background-color: #000 !important;
}
.green_on_black:hover{
    color:#54ef79 !important;
    background-color: #000 !important;
 }

.alert {
    border-radius: 10px;
    width: 100%;
    padding: 30px!important;
    margin: 20px;
    clear: both;
    color: #fff;
    background-color: red;

}

.product-page-alert, .bundle_window .alert {
    border-radius: 10px;
    width: 100%;
    padding: 20px!important;
    margin: 20px 0px;
    clear: both;
    color: #fff;
    background-color: #f83232 !important;
}

.alert a , .product-page-alert a{
    color: #fff;
    text-decoration: underline
}

/*
#pcns,#note,#dimensions,#posts,#compatible,#options {
    padding: 0 30px;
    line-height: 18px
}
*/
#note,#pins {
    padding-top: 20px
}

#posts ul li a {
    color: red;
    text-decoration: underline
}

#posts ul li {
    list-style-type: decimal;
    margin-left: 15px;
    line-height: 20px
}

.product-details ul > li > ul {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.info_atx {
    display: inline-flex
}

#product-qty-label {
    font-size: 20px;
    color: #606262
}

.product_title {
    font-size: 2em;
    color: #333
}

.part-number{
    font-size: 1.2em !important;
    margin-top: -20px;

}
.product-details h3,.product-specs h3, h3 {
    font-size: 1.5em !important;
}

#qty {
    height: 40px;
    border-radius: 7px;
    background-color: #e2e2e2;
    width: 55px;
    transition: none!Important;
    color: #333;
    border: #e2e2e2
}

.qty_box {
    font-family: "Oswald",sans-serif;
    font-display: optional;
    width: 45%;
    float: left;
    line-height: 30px;
	text-align:center;
    margin: 15px 0 10px 0;
}

.product_cart {
    float: left;
    clear: both;
    margin-top: 20px
}
.sale_price{
	color: red !important;
	margin: 5px 0 0 0 !important;
}

#dont_customize {
    margin-top: 10px;
    text-align: center;
    width: 100%;
    display: block
}

.product-price {
    font-family: "Oswald",sans-serif;
    font-display: optional;
    float: left;
    font-size: 20px;
    color: #606262;
    line-height: 30px;
    margin: 15px 0 0 0;
	text-align:center;
	width: 40%;
}

.perfundo__link {
    display: inline;
    float: left
}

.perfundo__link svg {
    margin-top: -55px;
    position: relative;
    margin-top: -114px;
    float: left;
    margin-left: 40px
}

.for-reference-only {
    margin-bottom: 10px;
    font-size: .85em
}

div.top-product-heading {
    float: left;
    font-size: 3vw;
    color: #fff;
    font-family: "Oswald",sans-serif;
    font-display: optional;
    margin-top: -1vw
}

.breadcrumbs {
    float: left;
    margin-left: 2vw;
    margin-top: 5.3%
}

table tr th {
    background-color: #f8f8f8;
    font-weight: 700;
    text-transform: capitalize
}

#physical table tr th,#environmental table tr th {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    background-color: #f8f8f8
}

#environmental table tr td,#physical table tr td {
    width: 33%;
    text-align: left
}

#electronics table tr td,#optical table tr td,#electrical table tr td {
    width: 50%;
    text-align: left
}

.thumb-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    clear: both;
    margin-top: 5px;
}

.gallery, .videos-container {
    min-height: 100px;
   /* display: contents;*/
    align-items: center;
    justify-content: center;
    align-content: center;
    vertical-align: top;
}
a.videos {
    margin: 10px 0 0 5px;
    display: inline-flex;
    cursor: pointer;
}
button.cross_sell_add_to_cart {
    color: #fff!important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#fe1a00),color-stop(1,#ce0100));
    background: -moz-linear-gradient(center top,#fe1a00 5%,#ce0100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
    background-color: #fe1a00;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    text-decoration: none;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    border: 0;
    transition: all .4s ease 0s;
    margin: 5px;
    width: 60%
}

.proceed_to_checkout {
    color: #fff!important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#6cbff9),color-stop(1,#4b83ab));
    background: -moz-linear-gradient(center top,#6cbff9 5%,#4b83ab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cbff9', endColorstr='#4b83ab');
    background-color: #6cbff9;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    text-decoration: none;
    width: 100%;
    margin-top: 10px;
    height: 35px;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    border: 0;
    transition: all .4s ease 0s
}

.proceed_to_checkout span {
    position: relative;
    display: block;
    white-space: nowrap;
    font-size: 15px;
    text-align: center;
    padding: 8px
}

.disabled_button {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#c3c3c3),color-stop(1,#c3c3c3));
    background: -moz-linear-gradient(center top,#c3c3c3c 5%,#c3c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='#c3c3c3');
    background-color: #c3c3c3!important;
    border: 1px solid #c3c3c3;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    display: inline-block;
    color: #fff;
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    height: 35px;
    line-height: 35px;
    width: 150px;
    text-decoration: none;
    text-align: center;
    float: right;
    cursor: not-allowed;
    width: 100%
		border: 1px solid #333
}

.disabled_buttont:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#c3c3c3),color-stop(1,#c3c3c3));
    background: -moz-linear-gradient(center top,#c3c3c3 5%,#c3c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='#c3c3c3');
    background-color: #c3c3c3;
    cursor: not-allowed
}

#chosen_options {
    clear: both

}

.series-container {
    border: 1px solid #f8f8f8;
    border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;
    background-image: linear-gradient(#f8f8f8,#fff)!important;
    max-width: 100%;
    max-height: 400px;
    overflow: scroll;
    overflow-x: hidden;
    scroll-behavior: smooth
}

.series {
    border-bottom: 1px solid #f8f8f8;
    border-collapse: collapse;
    padding: 10px;
    clear: both
}

.series img {
    margin-right: 10px
}

.series a {
    color: red;
    font-weight: 700;
    font-size: 12px
}

.info-button {
    border-radius: 8px;
    background-color: #333;
    color: #fff!important;
    padding: 10px 40px;
    text-align: center;
    float: right;
    margin-right: 10px
}

.info-button:hover {
    background-color: red
}

.product-right-column {
    margin-right: 8%
}

.related-products {
     margin:30px 20px 0 20px;
    clear:both;
}

.pcn-notice {
    width: 100%;
    margin: 30px 20px 0 20px;
    clear: both
}

.pcn-notice a img {
    display: inline-block
}

.new_bundle_description a {
    font-weight: 700;
    color: red
}

.new_bundle_description p {
    color: #898787;
    margin: 15px 5px;
    line-height: 22px;
    font-size: 16px
}

#options {
    color: #898787;
    line-height: 22px;
    font-size: 16px;
    padding-right: 5vw
}

.new_bundle_description {
    color: #898787;
    float: left;
    margin: 15px 5px;
    width: 40%
}

.new_bundle_image {
    margin-right: 10px;
    float: left
}

.new_bundle_quantity {
    width: 30%;
    float: left
}

.cart_item_pricing_l table {
    font-size: 12px;
    padding: 2px;
    margin-bottom: 25px
}

table {
    border-bottom: 1px solid rgba(0,0,0,.12);
    border-collapse: collapse
}

tr:last-child,table:last-child {
    border-bottom: none!important
}

.order-soon-cta {
    color: red;
    text-decoration: underline
}

.part-grid-container {
    border-bottom: 1px solid #e3e3e3;
    margin: 10px;
    clear: both
}

img.part-grid {
    float: left;
    clear: left;
    margin-right: 10px;
    margin-bottom: 15px
}

a.grid-part-name {
    margin-top: 15px;
    color: red;
    font-weight: 700
}

.bubble-series-container h5 {
    float: left;
    clear: left
}

.series-links {
    padding: 7px;
    border: 1px solid ##fbf9f9;
    border-radius: 15px;
    margin: 10px 3px 0 5px;
    float: left;
    background-color: #e1e1e1
}

a.variant-selected {
    background-color: #39f;
    color: #fff
}

.bubble-series-container {
    margin-bottom: 20px;
    clear: both
}

.bundle_window {
    clear: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e2e2
}

#customize_buy {
    border-radius: 15px;
    margin: 30px 30px 0 0;
    padding: 15px
}

#customize_buy h2 {
    margin: 30px 0;
    color: #333;
    padding: 8px
}

#customize-wrapper {
    margin: 30px 10%
}

#cart-w-options {
    float: right;
    width: 280px;
    margin-top: 0
}

.product_options>li {
    background-color: #f2f2f4;
    border: 1px solid gray;
    clear: both;
    margin-top: 10px
}

.structItemContainer {
    border-collapse: collapse;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.structItem {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    border-top: 1px solid #e7e7e7;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.structItem-cell.structItem-cell--icon {
    width: 52px;
    position: relative
}

.structItem-cell {
    display: table-cell;
    vertical-align: top;
    padding: 10px 8px
}

.structItem-statuses,.structItem-extraInfo {
    display: none
}

.structItem-title {
    font-size: 14px;
    font-weight: 400;
    margin: 5px;
    padding: 0;
    width: 100%;
    color: #666
}

.structItem-minor {
    font-size: 12px;
    color: #8c8c8c
}

.block-container {
    color: #141414;
    background: #fefefe;
    border-width: 1px;
    border-style: solid;
    border-top-color: #dfdfdf;
    border-right-color: #d8d8d8;
    border-bottom-color: #cbcbcb;
    border-left-color: #d8d8d8;
    border-radius: 4px
}

.structItem-cell--main {
    width: 55%
}

.structItem-cell--meta {
    width: 15%
}

.avatar.avatar--default.avatar--default--dynamic,.avatar.avatar--default.avatar--default--text {
    font-family: "Arial",sans-serif;
    font-weight: 400;
    text-align: center;
    text-decoration: none!important;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.structItem-latestDate {
    font-size: 12px;
    color: #8c8c8c
}

.structItem-iconContainer .avatar {
    width: 36px;
    height: 36px;
    font-size: 22px
}

.structItem-cell--iconEnd {
    display: none
}

.avatar {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    vertical-align: top;
    overflow: hidden
}

.avatar.avatar--s {
    width: 48px;
    height: 48px;
    font-size: 29px
}

.structItem-parts {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline
}

.structItem-parts>li {
    display: inline;
    margin: 0;
    padding: 0
}

.structItem-minor a {
    color: #6b8ea8;
    text-decoration: none
}

.pairs {
    padding: 0;
    margin: 0;
    overflow: hidden
}

.pairs.pairs--justified>dt {
    float: left;
    max-width: 100%;
    margin-right: 6px
}

.pairs>dt {
    padding: 0;
    margin: 0;
    color: #8c8c8c
}

.pairs.pairs--justified>dd {
    float: right;
    text-align: right;
    max-width: 100%
}

.pairs>dd {
    padding: 0;
    margin: 0
}

dt {
    display: block;
    unicode-bidi: isolate
}

dd {
    display: block;
    margin-inline-start: 40px;
    unicode-bidi: isolate
}

@media screen and (max-width:360px) {
    .product-specs {
        margin-top: 10px;
        width: 90%
    }

    .product-right-column {
        width: 80%
    }

    .product-image {
        width: 100%;

    }
}

@media screen and (min-width:320px) {
    div.product-specs {
        margin-top: 10px;
        width: 90%
    }

    div.product-right-column {
        width: 80%
    }

    div.product-image {
        width: 100%;
        margin: 10px 0 0 0;
    }
}

@media screen and (min-width:481px) {
    div.product-specs {
        margin-top: 10px;
        width: 90%
    }

    div.product-right-column {
        width: 80%
    }

    div.product-image {
        width: 100%;
        margin: 10px 0 0 0;
    }
}

@media screen and (min-width:1920px) {
    .breadcrumbs {
        margin-left: 4vw
    }
}/*
 * qTip2 - Pretty powerful tooltips - v3.0.3
 * http://qtip2.com
 *
 * Copyright (c) 2016 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Wed May 11 2016 09:00 EDT-0400
 * Plugins: None
 * Styles: core basic css3
 */
.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;

	font-size: 10.5px;
	line-height: 12px;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;
		z-index: 11; /* Overlap .qtip-tip */

		cursor: pointer;
		outline: medium none;

		border: 1px solid transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}

		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border: 1px solid #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}

	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}


/*! Light tooltip style */
.qtip-light{
	background-color: white;
	border-color: #E2E2E2;
	color: #454545;
}

	.qtip-light .qtip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.qtip-dark{
	background-color: #505050;
	border-color: #303030;
	color: #f3f3f3;
}

	.qtip-dark .qtip-titlebar{
		background-color: #404040;
	}

	.qtip-dark .qtip-icon{
		border-color: #444;
	}

	.qtip-dark .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.qtip-cream{
	background-color: #FBF7AA;
	border-color: #F9E98E;
	color: #A27D35;
}

	.qtip-cream .qtip-titlebar{
		background-color: #F0DE7D;
	}

	.qtip-cream .qtip-close .qtip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.qtip-red{
	background-color: #F78B83;
	border-color: #D95252;
	color: #912323;
}

	.qtip-red .qtip-titlebar{
		background-color: #F06D65;
	}

	.qtip-red .qtip-close .qtip-icon{
		background-position: -102px 0;
	}

	.qtip-red .qtip-icon{
		border-color: #D95252;
	}

	.qtip-red .qtip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.qtip-green{
	background-color: #CAED9E;
	border-color: #90D93F;
	color: #3F6219;
}

	.qtip-green .qtip-titlebar{
		background-color: #B0DE78;
	}

	.qtip-green .qtip-close .qtip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.qtip-blue{
	background-color: #E5F6FE;
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.qtip-blue .qtip-titlebar{
		background-color: #D0E9F5;
	}

	.qtip-blue .qtip-close .qtip-icon{
		background-position: -2px 0;
	}


.qtip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.qtip-rounded .qtip-titlebar{
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

/* Youtube tooltip style */
.qtip-youtube{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

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

	color: white;
	border: 0 solid transparent;

	background: #4A4A4A;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
	background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
}

	.qtip-youtube .qtip-titlebar{
		background-color: #4A4A4A;
		background-color: rgba(0,0,0,0);
	}

	.qtip-youtube .qtip-content{
		padding: .75em;
		font: 12px arial,sans-serif;

		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
	}

	.qtip-youtube .qtip-icon{
		border-color: #222;
	}

	.qtip-youtube .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.qtip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-linear-gradient(top, #717171, #232323);
	background-image: -ms-linear-gradient(top, #717171, #232323);
	background-image: -o-linear-gradient(top, #717171, #232323);

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

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

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.qtip-jtools .qtip-titlebar{
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.qtip-jtools .qtip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.qtip-jtools .qtip-titlebar,
	.qtip-jtools .qtip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-jtools .qtip-icon{
		border-color: #555;
	}

	.qtip-jtools .qtip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.qtip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

	.qtip-cluetip .qtip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-cluetip .qtip-icon{
		border-color: #808064;
	}

	.qtip-cluetip .qtip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.qtip-tipsy{
	background: black;
	background: rgba(0, 0, 0, .87);

	color: white;
	border: 0 solid transparent;

	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black;
}

	.qtip-tipsy .qtip-titlebar{
		padding: 6px 35px 0 10px;
		background-color: transparent;
	}

	.qtip-tipsy .qtip-content{
		padding: 6px 10px;
	}

	.qtip-tipsy .qtip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.qtip-tipsy .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.qtip-tipped{
	border: 3px solid #959FA9;

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

	background-color: #F9F9F9;
	color: #454545;

	font-weight: normal;
	font-family: serif;
}

	.qtip-tipped .qtip-titlebar{
		border-bottom-width: 0;

		color: white;
		background: #3A79B8;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	}

	.qtip-tipped .qtip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.qtip-tipped .qtip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap{
	/** Taken from Bootstrap body */
	font-size: 14px;
	line-height: 20px;
	color: #333333;

	/** Taken from Bootstrap .popover */
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

	.qtip-bootstrap .qtip-titlebar{
		/** Taken from Bootstrap .popover-title */
		padding: 8px 14px;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		background-color: #f7f7f7;
		border-bottom: 1px solid #ebebeb;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}

		.qtip-bootstrap .qtip-titlebar .qtip-close{
			/**
			 * Overrides qTip2:
			 * .qtip-titlebar .qtip-close{
			 *   [...]
			 *   right: 4px;
			 *   top: 50%;
			 *   [...]
			 *   border-style: solid;
			 * }
			 */
			right: 11px;
			top: 45%;
			border-style: none;
		}

	.qtip-bootstrap .qtip-content{
		/** Taken from Bootstrap .popover-content */
		padding: 9px 14px;
	}

	.qtip-bootstrap .qtip-icon{
		/**
		 * Overrides qTip2:
		 * .qtip-default .qtip-icon {
		 *   border-color: #CCC;
		 *   background: #F1F1F1;
		 *   color: #777;
		 * }
		 */
		background: transparent;
	}

		.qtip-bootstrap .qtip-icon .ui-icon{
			/**
			 * Overrides qTip2:
			 * .qtip-icon .ui-icon{
			 *   width: 18px;
			 *   height: 14px;
			 * }
			 */
			width: auto;
			height: auto;

			/* Taken from Bootstrap .close */
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 18px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		.qtip-bootstrap .qtip-icon .ui-icon:hover{
			/* Taken from Bootstrap .close:hover */
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
	filter: none;
	-ms-filter: none;
}