﻿* { -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; }

p { font-size: inherit;}

.more-bottom { margin-bottom: 10px !important; }
.more-top { margin-top: 10px !important; }

.col-no-pad { padding-left: 0px !important; padding-right: 0px !important; }

.breadcrumbs { border: 0; background-color: #ffffff; border-color: #ffffff; }
.breadcrumbs li:before { content: ">"; }

.blue, .blue:active, .blue:hover, .blue:visited { color: #0f4dbc; }
.gray, .gray:active, .gray:hover, .gray:visited { color: #808080; }

.bold { font-weight: bold; }

.white-bold, .white-bold:active, .white-bold:hover, .white-bold:visited { color: #ffffff; font-weight: bold; text-decoration: none; }
.blue-bold, .blue-bold:active, .blue-bold:hover, .blue-bold:visited { color: #0f4dbc; font-weight: bold; text-decoration: none; }
.orange-bold, .orange-bold:active, .orange-bold:hover, .orange-bold:visited { color: #ef5e2f; font-weight: bold; text-decoration: none; }
.purple-bold, .purple-bold:active, .purple-bold:hover, .purple-bold:visited { color: #7c257b; font-weight: bold; text-decoration: none; }

.font-ar { font-family: arialnarrow; }
.font-mu { font-family: museo500; }
.font-de { font-family: inherit; }

.blue-button-top { background-color: #0f4dbc; padding-top: 4px; }
.blue-button { background-color: #0f4dbc; color: #ffffff; white-space: nowrap; padding: 5px; font-size: 13px; }
.blue-button-small { background: rgba(60,148,223,0.7); padding: 5px; }

.box-top-shadow { box-shadow: 0px -8px 9px -7px rgba(0,0,0,.4); height: 20px; }
.box-shadow { box-shadow: 0px 10px 10px -10px rgba(0,0,0,.4); padding-bottom: 20px; margin-bottom: 20px !important; }

.box-radius { border-radius: 5px; }
.hiddenValue { display: none; }

@media only screen {
    .box-border { border: none; }
    .fea-sol, .fea-bra, .fea-pro, .fea-awa { padding: 3%; }
    .product-title { height: inherit !important; overflow: hidden; }
    .product-image { height: inherit !important; position: relative; }
    .product-description { height: inherit !important; }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .box-border { border: none; }
    .fea-sol, .fea-bra, .fea-pro, .fea-awa { padding: 2%; }
    .product-title { height: 75px !important; overflow: hidden; }
    .product-image { height: 250px !important; overflow: hidden; }
    .product-description { height: 125px !important; overflow: hidden; }
}

@media only screen and (min-width: 641px) and (max-width: 767px) {
    .product-title { height: inherit !important; overflow: hidden; }
    .product-image { height: inherit !important; position: relative; }
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .box-border { border: 1px solid #cccccc; }
    .fea-sol, .fea-bra, .fea-pro, .fea-awa { padding: none; }
    .product-title { height: 75px !important; overflow: hidden; }
    .product-image { height: 200px !important; overflow: hidden; }
    .product-description { height: 150px !important; overflow: hidden; }
}
@media only screen and (min-width: 90.063em) {
    .box-border { border: 1px solid #cccccc; }
    .slider-text > h2 > p { font-size: 38px !important; }
    .product-title { height: 75px !important; overflow: hidden; }
    .product-image { height: 200px !important; overflow: hidden; }
    .product-description { height: 150px !important; overflow: hidden; }
}
.disabled, .disabled:hover { color: #ccc !important; cursor: default; }
.product-landing img { border-radius: 5px; }
.product-landing table, .product-landing tr, .product-landing th, .product-landing thead, .product-landing td { background-color: inherit !important; }
.product-landing hr { border: none; border-bottom: 1px solid #808080; }

.button, button { background-color: #0f4dbc; }
.button:focus, .button:hover, button:focus, button:hover { background-color: #0f4dbc; }

.tabs .tab-title.active a { color: #0f4dbc; background: url(/ResponsiveResources/images/tabs-active.jpg) no-repeat transparent 50% 100%; }
.tabs .tab-title a { background-color: transparent !important; color: #999999; font-family: museo500; font-weight: bold; }
.tabs-content { margin-top: inherit; }
.tabs-content img { -webkit-box-shadow: inherit; box-shadow: inherit; }

#all-the-products-mobile-panel { height: 34px; padding: 0px 0.9375rem 0 0.9375rem; text-align: center; color: #0f4dbc; font-family: 'museo700'; font-size: 17px; border-top: 1px solid #c1e7fa; border-bottom: 1px solid #8dcbe7; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ddf1fa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ddf1fa)); background: -webkit-linear-gradient(top, #ffffff 0%,#ddf1fa 100%); background: -o-linear-gradient(top, #ffffff 0%,#ddf1fa 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ddf1fa 100%); background: linear-gradient(to bottom, #ffffff 0%,#ddf1fa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddf1fa',GradientType=0 ); }
.bg-light-blue { background-color: #ddf1fa !important; }

.f-dropdown.drop-top:before { display: none !important; }
.f-dropdown.drop-top { border: 5px solid #3c94df; border-bottom-color: #0f4dbc; }
.f-dropdown.drop-top:after { display: none !important; }

table { border-collapse: collapse; }
table td, table th, table thead { border: 1px solid #dddddd; }
table tr:first-child th, table tr:first-child thead { border-top: 0; }
table tr:last-child td { border-bottom: 0; }
table tr td:first-child, table tr th:first-child, table tr thead:first-child { border-left: 0; }
table tr td:last-child, table tr th:last-child, table tr thead:last-child { border-right: 0; }

select { padding: inherit !important; font-size: inherit !important; height: inherit !important; margin: 0px !important; }

.flexnav, .flexnav ul, .flexnav ul ul { margin: 0; padding: 0; }
.flexnav li ul li > ul { margin-left: 99.5%; }
.flexnav li { width: 100%; background-color: transparent; }
.flexnav li a { padding: 5px 10px; background-color: #2279c2 !important; color: #ffffff !important; font-size: 14px; }
.flexnav > li > a { background-color: #3a92dd !important; }
.flexnav .touch-button { width: 20px; height: 35px; background: rgba(0, 0, 0, 0); }
.flexnav .touch-button .navicon { top: 10%; left: 0; }
.flexnav > li { background-color: transparent !important; }
.flexnav > li > a { border-left: none; border-bottom: none; }
.flexnav li ul li a { border-left: none; }
.flexnav ul li ul li a, .flexnav ul li ul li ul li a { background: transparent; padding-right: 7px; }
.flexnav ul li ul li span, .flexnav ul li ul li ul li span { padding-left: 10px; }
.flexnav li ul li a:hover, .flexnav li a:hover { background-color: #145f9d !important; }
.flexnav .touch-button .navicon { color: #124490; font-style: normal !important; }
.flexnav li ul li:hover > a { background-color: #145f9d !important; }

.flexnav { overflow: inherit !important; }
.flexnav li { overflow: inherit !important; }
.flexnav li ul { position: absolute; }
.fea-sol a, .fea-bra a, .fea-pro a, .fea-awa a { color:#008cba !important;}div
#pnlFilterBox span#btnClear{cursor: pointer;}