/**  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
} **/
.wrap {
    *zoom: 1;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2000
}
.wrap:before,
.wrap:after {
    content: " ";
    display: table
}
.wrap:after {
    clear: both
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .wrap {
        width: 700px
    }
}
@media screen and (max-width: 767px) {
    .wrap {
        padding: 0;
        width: 100%
    }
    .wrap .countries {
        padding: 0 2%
    }
}
.wrap .countries a {
    padding: 0 3px
}
.wrap .left {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 68.35443%;
    padding-right: 40px
}
.wrap .left:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    .wrap .left {
        padding: 0
    }
    .wrap .left.post {
        float: none;
        padding: 0 20px;
        width: 100%
    }
}
.right {
    display: block;
    float: left;
    width: 100%;
    margin-left: 6.32911%
}
.right:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    .wrap .right.post {
        float: none;
        width: 100%
    }
    .wrap .right {
        margin-left: 0
    }
}
.wrap .right .widget {
    margin-bottom: 60px
}
@media screen and (max-width: 767px) {
    .wrap .right .widget {
        margin-bottom: 0
    }
}
.wrap .right h3 {
    margin-top: 22px
}
@media screen and (max-width: 767px) {
    .wrap .right ul {
        padding: 0 2%
    }
}
.right li {
    height: 20px;
    padding: 10px 0 30px 0;
    border-bottom: 1px solid #ccc
}
.right li a {
    color: #474848;
	/*color: #f15c41;*/
    display: block;
    padding: 0px 30px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .wrap .right li a {
        font-size: 12px
    }
}
 .right li a:hover {
    color: #f15c41
}
.wrap .left,
.wrap .right {
    position: relative
}
@media screen and (max-width: 767px) {
    .wrap .left,
    .wrap .right {
        float: none;
        width: 100%
    }
}
.wrap .loading {
    display: block;
    margin: 0 auto
}
.row {
    margin-bottom: 60px
}
@media screen and (max-width: 767px) {
    .row {
        margin-bottom: 30px
    }
}
.two-boxes {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 49.36709%;
    position: relative
}
.two-boxes:last-child {
    margin-right: 0
}
.two-boxes img {
    width: 100%
}
.three-boxes {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 32.46835%;
    position: relative
}
.three-boxes:last-child {
    margin-right: 0
}
.three-boxes img {
    width: 100%;
    border-bottom: 4px solid transparent
}
.three-boxes a:hover img {
    border-bottom: 4px solid #f15c41
}
.four-boxes {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 24.05063%;
    position: relative
}
.four-boxes:last-child {
    margin-right: 0
}
.four-boxes img {
    width: 100%
}
.six-col-box {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 36.70886%;
    position: relative
}
.six-col-box:last-child {
    margin-right: 0
}
.six-col-box img {
    width: 100%
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
body {
    line-height: 1
}
body {
    -webkit-animation-duration: .1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: .1s
}
@-webkit-keyframes fontfix {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
a {
    text-decoration: none
}
.home .three-boxes a:hover img {
    border-bottom: 5px transparent solid
}
@media screen and (max-width: 767px) {
    .home .wrap.row {
        padding: 0 2%
    }
}
#carousel,
#full-image {
    background: url(/euf/assets/images/brand/xmid-section-bg.png.pagespeed.ic.tIZqNJD_UW.png);
    border-top: 3px #999 solid;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%
}
#carousel img,
#full-image img {
    height: auto;
    vertical-align: middle;
    width: 100%
}
#carousel .carousel-container,
#carousel #slides,
#full-image .carousel-container,
#full-image #slides {
    float: left;
    position: relative
}
#carousel .carousel-container,
#full-image .carousel-container {
    float: left;
    margin-bottom: 70px;
    width: 100%
}
@media screen and (max-width: 767px) {
    #carousel .carousel-container,
    #full-image .carousel-container {
        margin-bottom: 30px
    }
}
#full-image {
    margin-bottom: 50px
}
#slides,
.slide,
.slide-text {
    color: #474848
}
#slides {
    width: 100%
}
.slide {
    display: none;
    width: 100%;
    position: relative
}
.slide.current-slide {
    display: block
}
.slide .read-more {
    font-size: 14px
}
@media screen and (max-width: 767px) {
    .slide .read-more {
        font-size: 14px!important;
        top: 10px!important
    }
}
.slide-text {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-top: 85px;
    width: 450px
}
.slide-text.text-left {
    margin-left: -420px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .slide-text.text-left {
        width: 350px;
        left: 50%;
        margin-left: -360px;
        margin-top: 55px
    }
}
@media screen and (max-width: 479px) {
    .slide-text.text-left {
        left: 5%;
        margin-left: -140px;
        margin-top: 15px
    }
}
@media screen and (max-width: 767px) {
    .slide-text.text-left {
        border-bottom: solid 1px #ccc;
        left: 5%;
        margin-left: 0;
        margin-top: 20px;
        position: relative;
        padding-bottom: 40px;
        width: 90%
    }
    .slide-text.text-left h1 {
        background: none;
        color: #474848!important;
        font-size: 35px;
        padding-top: 0
    }
    .slide-text.text-left h1 .line-2 {
        color: #474848!important;
        font-size: 25px
    }
    .slide-text.text-left h1 .line-1 {
        color: #474848!important
    }
    .slide-text.text-left p {
        color: #474848!important;
        display: block
    }
}
@media screen and (max-width: 340px) {
    .slide-text.text-left h1 {
        font-size: 26px!important
    }
    .slide-text.text-left h1 .line-2 {
        font-size: 19px!important
    }
}
.slide-text.text-right {
    margin-left: 0
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .slide-text.text-right {
        width: 350px;
        margin-left: 20px;
        margin-top: 55px
    }
}
@media screen and (max-width: 479px) {
    .slide-text.text-right {
        left: 5%;
        margin-left: -30px;
        margin-top: 15px
    }
}
@media screen and (max-width: 767px) {
    .slide-text.text-right {
        border-bottom: solid 1px #ccc;
        left: 5%;
        margin-left: 0;
        margin-top: 20px;
        position: relative;
        padding-bottom: 40px;
        width: 90%
    }
    .slide-text.text-right h1 {
        background: none;
        color: #474848!important;
        font-size: 35px;
        padding-top: 0
    }
    .slide-text.text-right h1 .line-2 {
        color: #474848!important;
        font-size: 25px
    }
    .slide-text.text-right h1 .line-1 {
        color: #474848!important
    }
    .slide-text.text-right p {
        color: #474848!important;
        display: block
    }
}
.slide-text h1 {
    width: 100%;
    background-image: url(/euf/assets/images/brand/xhome_heading_bar_horiz.jpg.pagespeed.ic.cdzUmkGOs7.jpg);
    color: #fff;
    float: none;
    font-size: 40px;
    font-family: PragmaticaCL, Arial, "Lucida Grande", sans-serif;
    font-weight: lighter;
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: 1.1em;
    letter-spacing: 1px
}
@media screen and (min-width: 960px) {
    .slide-text h1 .line-1 {}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .slide-text h1 {
        font-size: 30px
    }
}
@media screen and (max-width: 767px) {
    .slide-text h1 {
        width: 100%;
        background-position: 0 0;
        font-size: 20px;
        padding: 15px 0 0 0
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .slide-text h1 {
        font-size: 30px
    }
}
@media screen and (max-width: 479px) {
    .slide-text h1 {
        background-image: none;
        font-size: 35px
    }
}
.slide-text h1.testfont {
    font-family: HelveticaNeueLtCn, PragmaticaEL, Arial, "Lucida Grande", sans-serif
}
.slide-text h1 .first-word {
    color: #f15c41
}
.slide-text h1 .line-2 {
    display: block
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .slide-text h1 .line-2 {
        font-size: 24px
    }
}
@media screen and (max-width: 479px) {
    .slide-text h1 .line-2 {
        font-size: 20px
    }
}
.slide-text h2 {
    width: 100%;
    color: #fff;
    float: none;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .slide-text h2 {
        font-size: 22px
    }
}
@media screen and (max-width: 767px) {
    .slide-text h2 {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        padding: 0
    }
}
.slide-text p {
    width: 100%;
    color: #fff;
    float: none;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 10px 0;
    font-weight: 200
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .slide-text p {
        font-size: 12px
    }
}
@media screen and (max-width: 767px) {
    .slide-text p {
        display: none;
        font-size: 14px
    }
}
.slide-text a.read-more {
    background: none;
    color: #f15c41;
    position: relative;
    padding: 5px 10px;
    text-align: right;
    top: 5px;
    width: 100%
}
.slide-text a.read-more .triangleRight {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 3.5px;
    border-left-color: #f15c41;
    display: block;
    position: absolute;
    left: 0;
    top: 10px
}
@media screen and (max-width: 767px) {
    .slide-text a.read-more .triangleRight {
        top: 9px;
        right: 70px
    }
    .slide-text a.read-more {
        font-size: 12px;
        top: -5px
    }
}
@media screen and (max-width: 340px) {
    .slide-text h1 {
        font-size: 26px!important
    }
    .slide-text h1 .line-2 {
        font-size: 19px!important
    }
}
#triggers-container {
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -480px;
    width: 960px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #triggers-container {
        margin-left: -350px;
        width: 700px
    }
}
@media screen and (max-width: 767px) {
    #triggers-container {
        position: absolute;
        top: 10px;
        left: 5%;
        margin-left: 0;
        width: 100%
    }
}
#triggers {
    float: right;
    list-style-type: none;
    margin: 0 67px 0 0;
    position: relative
}
@media screen and (max-width: 767px) {
    #triggers {
        float: left;
        margin: 0
    }
}
#triggers li {
    border: 2px #fff solid;
    cursor: pointer;
    display: block;
    float: left;
    height: 59px;
    margin: 0 10px 0 0;
    overflow: hidden;
    position: relative;
    width: 74px;
    box-shadow: 0 0 5px darkgrey
}
@media screen and (max-width: 767px) {
    #triggers li {
        background: #fff;
        border: 1px #999 solid!important;
        box-shadow: none;
        height: 8px;
        width: 8px;
        opacity: .8;
        filter: alpha(opacity=80)
    }
    #triggers li img {
        display: none
    }
}
#triggers li.overflow {
    overflow: visible
}
#triggers li.current-trigger {
    background: #f15c41;
    border-color: #f15c41;
    bottom: 10px!important;
    box-shadow: 0 0 5px #474848;
    opacity: 1;
    filter: alpha(opacity=100)
}
@media screen and (max-width: 767px) {
    #triggers li.current-trigger {
        border: 1px #f15c41 solid!important;
        bottom: 0!important;
        box-shadow: none
    }
}
#triggers li:last-child {
    margin: 0
}
#triggers-containerV2 {
    position: absolute;
    top: 30px;
    right: -320px;
    width: 960px
}
@media screen and (max-width: 767px) {
    #triggers-containerV2 {
        position: absolute;
        top: 90%;
        right: 0px
    }
}
#triggers-containerV2 div {
    background: url(/euf/assets/images/brand/xtransparent-bg.png.pagespeed.ic.cLCr-I03mL.png) repeat 0 0;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    top: 63px;
    width: 320px
}
#triggers-containerV2 div h3 {
    border-bottom: none;
    color: #fff;
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 0
}
#triggers-containerV2 div span {
    color: #fff;
    font-size: 12px;
    line-height: 18px
}
@media screen and (max-width: 767px) {
    #triggers-containerV2 div {
        display: none
    }
}
#triggers-containerV2 div.closed {
    background: url(/euf/assets/images/brand/xtriggerOpen.png.pagespeed.ic.XB9fPakjdT.png) no-repeat 0 -2px
}
#triggers-containerV2 div.open {
    background: url(/euf/assets/images/brand/xtriggerClosed.png.pagespeed.ic.zBFv6cf0WY.png) no-repeat 0 -2px
}
#triggers-containerV2 #show {
    position: absolute;
    top: 0px;
    right: 321px;
    border: none;
    height: 62px;
    width: 58px
}
#triggersV2 {
    background: url(/euf/assets/images/brand/xtransparent-bg.png.pagespeed.ic.cLCr-I03mL.png) repeat 0 0;
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0 10px
}
@media screen and (max-width: 767px) {
    #triggersV2 {
        background: none;
        opacity: 1;
        filter: alpha(opacity=100)
    }
}
#triggersV2 li {
    border: 2px #fff solid;
    cursor: pointer;
    display: block;
    float: left;
    margin: 5px 5px;
    position: relative;
    width: 65px;
    box-shadow: 0 0 5px darkgrey
}
@media screen and (max-width: 479px) {
    #triggersV2 li {
        height: 40px;
        width: 50px
    }
}
#triggersV2 li.current-trigger {
    border-color: #f15c41;
    box-shadow: 0 0 5px grey
}
.quick-view {
    position: absolute;
    right: -125px;
    bottom: 0%;
    background: url(/euf/assets/images/brand/xpop-up-bg.png.pagespeed.ic.RsuirGjd_y.png);
    display: none;
    height: 94px;
    margin-bottom: 15px;
    padding: 10px;
    width: 314px
}
.quick-view img {
    border: 1px #474848 solid;
    float: left;
    height: 60px!important;
    margin-right: 10px;
    width: 65px!important
}
.quick-view h2,
.quick-view p {
    clear: none;
    float: left;
    margin: 0;
    width: 215px
}
.quick-view h4 {
    padding-top: 0
}
.quick-view p {
    font-size: 12px;
    line-height: 19px;
    padding-top: 5px
}
.quick-view .view-triangle {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    border-top-color: #474848;
    bottom: -12px;
    height: 0px;
    position: absolute;
    right: 150px;
    width: 0px
}
@media screen and (max-width: 767px) {
    .quick-view {
        opacity: 0!important
    }
    .cta-box {
        margin: 0 auto 10px auto;
        float: none;
        width: 90%
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .cta-box:last-child {
        margin: 0 auto 10px auto
    }
}
@media screen and (max-width: 479px) {
    .cta-box:last-child {
        margin: 0 auto 10px auto
    }
}
.cta-box div {
    position: absolute;
    bottom: 5px;
    left: 0px;
    width: 100%;
    background: transparent url(/euf/assets/images/brand/xdarkGrey80.png.pagespeed.ic.8Y0prDb5o9.png) repeat top left;
    border-bottom: 5px transparent solid;
    color: #fff;
    padding: 5px 10px
}
@media screen and (max-width: 767px) {
    .cta-box div {
        width: 100%;
        margin: 0
    }
}
.cta-box div h4 {
    padding-top: 0;
    color: #fff;
    line-height: 25px
}
.cta-box a:hover div {
    border-bottom: 5px solid #f15c41
}
.story-overview {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 21.89873%;
    border-right: 1px solid #ccc;
    float: left;
    height: 300px;
    position: relative;
    padding-right: 1.26582%
}
.story-overview:last-child {
    margin-right: 0
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .story-overview {
        height: 360px
    }
}
@media screen and (max-width: 767px) {
    .story-overview {
        margin: 0 auto 10px auto;
        float: none;
        border: none
    }
    .story-overview:last-child {
        margin: 0 auto 30px auto
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .story-overview {
        height: auto;
        padding: 0 2% 20px 2%;
        width: 100%
    }
}
@media screen and (max-width: 479px) {
    .story-overview {
        height: auto;
        padding: 0 2% 20px 2%;
        width: 100%
    }
}
.story-overview:hover {
    text-decoration: none
}
.story-overview h4 {
    margin-bottom: 5px
}
.story-overview img {
    width: 100%
}
@media screen and (max-width: 767px) {
    .story-overview .copy {
        color: #fff;
        background: transparent url(/euf/assets/images/brand/xdarkGrey80.png.pagespeed.ic.8Y0prDb5o9.png) repeat top left;
        bottom: 20px;
        padding: 10px;
        position: absolute;
        width: 96%
    }
    .story-overview .copy p {
        color: #fff;
        font-size: 14px
    }
    .story-overview .copy span {
        display: none
    }
}
.story-overview p {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    position: relative
}
.story-overview p.sub-title {
    font-weight: 500;
    margin: 5px 0
}
.story-overview span.read-more {
    position: absolute;
    bottom: 5px;
    left: 0px;
    background: url(/euf/assets/images/brand/xmid-section-bg.png.pagespeed.ic.tIZqNJD_UW.png);
    border-bottom: 1px transparent solid;
    border-radius: 0;
    color: #f15c41;
    padding: 5px 10px;
    text-align: right;
    width: 197px
}
.story-overview span.read-more .triangleRight {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 3.5px;
    border-left-color: #f15c41;
    display: block;
    position: absolute;
    right: 75px;
    top: 50%;
    margin-top: -3px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .story-overview span.read-more {
        width: 143px
    }
}
@media screen and (max-width: 767px) {
    .story-overview span.read-more {
        left: 2%;
        width: 96%
    }
}
.story-overview:active span.read-more,
.story-overview:hover span.read-more {
    background: #474848;
    border-bottom: 2px #f15c41 solid;
    color: #fff
}
.story-overview:active span.read-more .triangleRight,
.story-overview:hover span.read-more .triangleRight {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 3.5px;
    border-left-color: #fff;
    display: block;
    position: absolute;
    right: 75px;
    top: 10px
}
.recent-news-box {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 30.37975%;
    float: left
}
.recent-news-box:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    .recent-news-box {
        margin: 20px auto;
        padding: 0 2%;
        width: 100%
    }
}
@media screen and (max-width: 479px) {
    .recent-news-box {
        margin: 0 auto 10px auto
    }
    .recent-news-box:last-child {
        margin: 0 auto 10px auto
    }
}
.recent-news-box a.read-more {
    background: url(/euf/assets/images/brand/xreadmore-bg.png.pagespeed.ic.VUMVp0V30-.png) top left;
    color: #f15c41;
    float: right;
    font-size: 10px;
    position: relative;
    text-align: right;
    width: 100%
}
.recent-news-box a.read-more:hover {
    background: #454545;
    border-bottom: 2px #f15c41 solid;
    color: #fff;
    text-decoration: none
}
.recent-news-box a.read-more:hover .triangleRight {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 3.5px;
    border-left-color: #fff
}
@media screen and (max-width: 767px) {
    .recent-news-box a.read-more {
        display: block;
        float: left;
        margin-right: 1.26582%;
        width: 43.03797%;
        background: none;
        float: right;
        font-size: 12px;
        margin-top: 10px
    }
    .recent-news-box a.read-more:last-child {
        margin-right: 0
    }
    .recent-news-box a.read-more .triangleRight {
        right: 100px
    }
}
.recent-news-box .share-box {
    width: 100%;
    border-top: 1px solid #ccc;
    margin-bottom: 0;
    margin-top: 65px
}
.recent-news-box .share-box .share li {
    margin-right: 10px
}
.recent-news-box .share-box .share li a {
    background: url(/euf/assets/images/brand/xsocial.png.pagespeed.ic.1mi9-MEIuL.png) no-repeat 0 0
}
.recent-news-box .share-box .share li a:hover {
    background: url(/euf/assets/images/brand/xsocial.png.pagespeed.ic.1mi9-MEIuL.png) no-repeat 0 -25px
}
.recent-news-box .share-box .share li a.twitter {
    background-position: -37px 0
}
.recent-news-box .share-box .share li a:hover.twitter {
    background-position: -37px -25px
}
.recent-news-box .share-box .share li a.googleplus {
    background-position: -72px 0
}
.recent-news-box .share-box .share li a:hover.googleplus {
    background-position: -72px -25px
}
.recent-news-box .share-box .share li a.youtube {
    background-position: -107px -1px
}
.recent-news-box .share-box .share li a:hover.youtube {
    background-position: -107px -26px
}
.recent-news-box .share-box .share li a.linkedIn {
    background-position: -143px 0px
}
.recent-news-box .share-box .share li a:hover.linkedIn {
    background-position: -143px -25px
}
@media screen and (max-width: 767px) {
    .recent-news-box .share-box {
        border: none;
        display: block;
        float: left;
        margin-right: 1.26582%;
        width: 55.6962%;
        margin-top: 10px
    }
    .recent-news-box .share-box:last-child {
        margin-right: 0
    }
    .recent-news-box .share-box p {
        display: none
    }
}
.recent-news-box .triangleRight {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 3.5px;
    border-left-color: #f15c41;
    display: block;
    position: absolute;
    right: 85px;
    top: 11px
}
#mid-section {
    background: url(/euf/assets/images/brand/xmid-section-bg.png.pagespeed.ic.tIZqNJD_UW.png);
    border-bottom: 1px solid #ededed;
    padding: 0 0 40px 0;
    margin-bottom: 30px
}
@media screen and (max-width: 767px) {
    #mid-section {
        padding: 0 0 0 0;
        margin-bottom: 30px
    }
}
.recent-news {
    border-top: 1px #ccc solid;
    margin-top: 5px;
    padding-top: 10px
}
.recent-news li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px
}
.recent-news li.last {
    margin-bottom: 0
}
.recent-news a {
    color: #474848;
    display: block;
    float: none;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 10px
}
.recent-news a:hover {
    color: #f15c41
}
.recent-news .post-date {
    display: block;
    font-size: 11px;
    float: left;
    line-height: 15px
}
.recent-news .pipe {
    float: left;
    padding: 0 2px;
    margin-top: -1px
}
.about #ir-curve {
    display: none
}
.about #pulse {
    width: 23px;
    height: 15px;
    background: url(/euf/assets/images/brand/xpulseArrow.png.pagespeed.ic.8lX_UF8FP7.png);
    opacity: .3;
    position: absolute;
    top: 50px;
    right: 20px;
    z-index: 5000
}
@media screen and (max-width: 767px) {
    .about #pulse {
        display: none
    }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #page-nav-container {
        display: none
    }
}
@media screen and (max-width: 767px) {
    #page-nav-container {
        display: none
    }
}
#page-nav {
    background: transparent url(/euf/assets/images/brand/xblack90.png.pagespeed.ic.ZyS1Ct8_Qf.png) repeat left top;
    overflow: hidden;
    width: 100%
}
#page-nav .wrap {
    position: relative
}
#page-nav ul {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 87.34177%;
    margin-left: 6.32911%
}
#page-nav ul:last-child {
    margin-right: 0
}
#page-nav li {
    float: left;
    width: 20%
}
#page-nav li:nth-child(6n) {
    clear: both
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #page-nav li {
        display: block;
        float: left;
        margin-right: 1.26582%;
        width: 30.37975%
    }
    #page-nav li:last-child {
        margin-right: 0
    }
}
@media screen and (max-width: 767px) {
    #page-nav li {
        float: none
    }
}
#page-nav li.last a {
    padding-right: 0
}
#page-nav a {
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 15px;
    text-decoration: none
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #page-nav a {
        padding-left: 0;
        padding-right: 0
    }
}
@media screen and (max-width: 767px) {
    #page-nav a {
        padding-left: 0;
        padding-right: 0
    }
}
#page-nav a.highlight {
    color: #f15c41
}
#page-nav.sticky {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000
}
#page-nav .scotty {
    position: absolute;
    top: 30%;
    right: 10px;
    background: transparent url(/euf/assets/images/brand/xclose_triangle_white.png.pagespeed.ic.tDKo8SF2mM.png) no-repeat left center;
    color: #fff;
    cursor: pointer;
    display: none;
    padding-left: 15px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #page-nav .scotty {
        bottom: 10px;
        top: auto
    }
}
.about-section {
    position: relative
}
.about-section img {
    width: 100%
}
@media screen and (max-width: 767px) {
    .about-section .slide-text {
        position: absolute;
        top: 20px;
        left: 20px;
        margin: 0
    }
    .about-section .slide-text h1,
    .about-section .slide-text a {
        display: block;
        width: 300px
    }
}
@media screen and (max-width: 340px) {
    .about-section .slide-text h1,
    .about-section .slide-text a {
        display: block;
        width: 280px
    }
}
.about-section .slide-text.grey h1,
.about-section .slide-text.grey p {
    color: #474848
}
@media screen and (max-width: 767px) {
    .about-section .slide-text.grey h1,
    .about-section .slide-text.grey p {
        color: #fff
    }
}
.about-section .slide-text h1 {
    background-image: url(/euf/assets/images/brand/xheading_bar_horiz.jpg.pagespeed.ic.-l1aSdb3v9.jpg);
    font-size: 60px;
    font-weight: lighter;
    padding-top: 5px;
    text-transform: none
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .about-section .slide-text h1 {
        font-size: 58px
    }
}
@media screen and (max-width: 767px) {
    .about-section .slide-text h1 {
        background-image: url(/euf/assets/images/brand/xheading_bar_horiz.jpg.pagespeed.ic.-l1aSdb3v9.jpg);
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, .6);
        background-position: 10px 5px;
        color: #fff;
        font-size: 40px;
        margin: 0 0 1px 0;
        padding: 15px 10px
    }
}
@media screen and (max-width: 479px) {
    .about-section .slide-text h1 {
        font-size: 25px
    }
}
.about-section .slide-text p {
    margin: 5px 0 20px 0
}
@media screen and (max-width: 767px) {
    .about-section .slide-text p {
        display: none
    }
}
.about-section .slide-text a:hover {
    text-decoration: none
}
.about-section .slide-text .about-read-more {
    background: transparent url(/euf/assets/images/brand/xlist-item-arrow.png.pagespeed.ic.WfCd65awcB.png) no-repeat left center;
    font-weight: bold;
    padding: 5px 10px
}
.about-section .slide-text .about-read-more:hover {
    text-decoration: underline
}
@media screen and (max-width: 767px) {
    .about-section .slide-text .about-read-more {
        background-color: rgba(0, 0, 0, .6);
        background-position: 10px center;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        padding: 5px 20px
    }
    .about-section .slide-text.text-left {
        border-bottom: none
    }
    .about-section .slide-text.text-right {
        border-bottom: none
    }
}
.product-detail h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px
}
.product-detail table {
    border-collapse: collapse;
    color: #474848;
    width: 100%
}
@media screen and (max-width: 959px) {
    .product-detail table table,
    .product-detail table thead,
    .product-detail table tbody,
    .product-detail table th,
    .product-detail table td,
    .product-detail table tr {
        display: block
    }
    .product-detail table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    .product-detail table tr {
        border: 1px solid #474848;
        border-bottom: none
    }
    .product-detail table td {
        border: none;
        border-bottom: 1px solid #474848;
        overflow: hidden;
        position: relative;
        padding-left: 50%
    }
    .product-detail table td:last-child {
        border-bottom: none
    }
    .product-detail table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }
}
.product-detail table th,
.product-detail table td {
    padding: 10px 20px
}
.product-detail table th:first-child,
.product-detail table td:first-child {
    padding-left: 0
}
.product-detail table th {
    font-size: 13px;
    font-weight: bold
}
.product-detail table td {
    font-size: 12px
}
.product-detail table td:first-child {
    padding-left: 5px
}
@media screen and (max-width: 959px) {
    .product-detail table td {
        padding: 10px 5px
    }
}
.product-detail table .mobile-col {
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    width: 35%
}
.product-detail .even-row td {
    background: #f1f1f1;
    background-color: rgba(234, 234, 234, .4)
}
.product-detail .right .widget img {
    float: none;
    margin: 0;
    width: 100%
}
.product-detail .right .widget li {
    height: 20px;
    padding: 10px 0 30px 0
}
.product-detail .right .widget li:last-child {
    border-bottom: 1px solid #474848
}
.product-detail .right .widget li a {
    display: block;
    padding: 0 30px
}
.product-detail .right #local-sales-office .location {
    padding-bottom: 113px!important;
    padding-left: 10px!important
}
.product-detail .right #local-sales-office .phone {
    padding-left: 10px!important
}
.product-detail .right #local-sales-office .notebook {
    padding-left: 10px!important
}
.product-detail .right #local-sales-office .email {
    padding-left: 10px!important
}
@media screen and (max-width: 767px) {
    .product-detail .right .widget ul {
        padding: 0
    }
}
.product-detail .right .cta-box {
    border-bottom: 1px solid #474848;
    padding-bottom: 10px
}
@media screen and (max-width: 767px) {
    .product-detail .right .cta-box {
        margin: 0 auto 10px auto;
        padding: 0 0 10px 0;
        float: none;
        width: 100%
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .product-detail .right .cta-box:last-child {
        margin: 0 auto 10px auto
    }
}
@media screen and (max-width: 479px) {
    .product-detail .right .cta-box:last-child {
        margin: 0 auto 10px auto
    }
}
.product-detail .right .cta-box div {
    position: absolute;
    bottom: 15px;
    left: 0px
}
@media screen and (max-width: 767px) {
    .product-detail .right .cta-box div {
        width: 100%;
        margin: 0
    }
}
.product-detail .product-carousel .item-title {
    position: relative
}
#intro {
    position: relative
}
/*
#intro img {
    width: 100%
}
*/
#intro p {
    margin-top: 30px
}
@media screen and (max-width: 767px) {
    #intro p {
        margin: 50px 2%
    }
}
#intro h1 {
    background: none;
  /**  color: #fff; **/
    font-size: 30px;
    letter-spacing: 3px;
    margin-bottom: 20px;
    padding-top: 0;
    width: 300px
}
#intro h1.text-right {
    position: absolute;
    top: 60px;
    right: 0px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #intro h1.text-right {
        position: absolute;
        top: 60px;
        right: -60px;
        width: 250px
    }
}
@media screen and (max-width: 767px) {
    #intro h1.text-right {
        color: #474848;
        font-size: 45px;
        margin-top: -10px;
        min-width: 100%;
        padding-bottom: 30px;
        position: relative;
        right: 0;
        text-align: left
    }
    #intro h1.text-right h1 {
        width: 250px
    }
}
@media screen and (max-width: 340px) {
    #intro h1.text-right {
        top: 30px;
        padding-bottom: 0;
        line-height: 26px
    }
}
#intro h1.text-left {
    position: absolute;
    top: 60px;
    left: 60px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #intro h1.text-left {
        position: absolute;
        top: 60px;
        left: 30px
    }
}
@media screen and (max-width: 767px) {
    #intro h1.text-left {
        position: absolute;
        top: 60px;
        left: 0px;
        color: #474848;
        font-size: 45px;
        margin-top: -10px;
        margin-bottom: 50px;
        min-width: 100%;
        padding-bottom: 30px;
        position: relative;
        right: 0;
        text-align: left
    }
}
@media screen and (max-width: 340px) {
    #intro h1.text-left {
        top: 30px;
        padding-bottom: 0;
        line-height: 26px
    }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #intro h1 {
        font-size: 25px;
        max-width: 40%
    }
}
@media screen and (max-width: 767px) {
    #intro h1 {
        font-size: 28px;
        max-width: 43%
    }
}
#intro h1 .main {
    background: transparent url(/euf/assets/images/brand/xheading_bar_horiz.jpg.pagespeed.ic.-l1aSdb3v9.jpg) no-repeat left top;
    display: inline;
    padding-top: 5px;
	font-size:30px
}
@media screen and (max-width: 340px) {
    #intro h1 .main {
        font-size: 26px!important
    }
}
#intro h1 .sub {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 10px 0;
    text-transform: none
}
@media screen and (max-width: 340px) {
    #intro h1 .sub {
        font-size: 19px!important;
        margin-top: 0
    }
}
#tabs {
    border-bottom: 1px #474848 solid;
    border-left: 1px #474848 solid;
    float: left;
    margin-bottom: 20px;
    width: 100%
}
@media screen and (max-width: 767px) {
    #tabs {
        border-left: none
    }
}
@media screen and (max-width: 479px) {
    #tabs {
        border-left: none;
        float: none;
        margin: 0 0 20px;
        overflow: hidden;
        width: auto
    }
}
@media screen and (max-width: 340px) {
    #tabs {
        margin: 0 0 20px 0;
        width: 100%
    }
}
#tabs li {
    border-bottom: 1px #474848 solid;
    border-right: 1px #474848 solid;
    border-top: 1px #474848 solid;
    color: #474848;
    cursor: pointer;
    float: left;
    font-size: 16px;
    line-height: 45px;
    margin-bottom: -1px;
    padding: 0 20px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #tabs li {
        padding: 0 10px
    }
}
@media screen and (max-width: 479px) {
    #tabs li {
        font-size: 13px;
        padding: 0 5px
    }
}
@media screen and (max-width: 340px) {
    #tabs li {
        font-size: 13px;
        padding: 0 5px
    }
}
#tabs li.active {
    border-bottom: 1px #fff solid;
    font-weight: bold
}
#tab-target {
    min-height: 500px;
    padding: 20px 20px 0;
    clear: both
}
#tab-target div.article {
    display: none;
    position: relative
}
#tab-target div.article.active {
    display: block
}
#tab-target p {
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0
}
#tab-target iframe,
#tab-target .product-video {
    float: left;
    margin: 10px 15px 0 0;
    height: 200px;
    width: 400px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #tab-target iframe,
    #tab-target .product-video {
        margin-bottom: 30px
    }
}
@media screen and (max-width: 767px) {
    #tab-target iframe,
    #tab-target .product-video {
        width: 100%;
        height: 300px;
        margin-bottom: 30px
    }
}
@media screen and (max-width: 479px) {
    #tab-target iframe,
    #tab-target .product-video {
        height: 200px
    }
}
@media screen and (max-width: 767px) {
    #tab-target .product-video {
        width: 100%;
        height: auto;
        margin-bottom: 30px
    }
}
#tab-target h4 {
    font-weight: bold;
    margin: 0 0 15px
}
@media screen and (max-width: 479px) {
    #tab-target h4 {
        margin: -20px 0 15px
    }
}
#tab-target ul {
    margin: 20px 30px
}
#tab-target ul li a {
    font-size: 14px;
    line-height: 22px;
    color: #474848
}
#tab-target ul li a:hover {
    color: #f15c41
}
#tab-target ul.accordion-container {
    margin: 30px 0 20px
}
#tab-target .selStyled {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 48.73418%;
    margin-bottom: 10px
}
#tab-target .selStyled:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    #tab-target a.read-more {
        display: block;
        text-align: center
    }
    #tab-target img {
        display: none
    }
}
#tab-target #previewImage img {
    display: block
}
@media screen and (max-width: 767px) {
    #tab-target #previewImage img {
        width: 100%;
        margin-bottom: 20px
    }
}
ul.specs {
    list-style-image: url(/euf/assets/images/brand/xdoc-list-icon.png.pagespeed.ic.GBs2np9V3w.png)
}
ul.specs {
    display: block;
    float: left;
    margin-right: 1.85185%;
    width: 53.7037%;
    float: none;
    width: 95%
}
ul.specs:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    ul.specs {
        width: 80%
    }
}
.drawings-image {
    display: block;
    float: left;
    margin-right: 1.85185%;
    width: 25.92593%;
    float: right
}
.drawings-image:last-child {
    margin-right: 0
}
.map-small,
.building-small,
.chart-small {
    background: transparent url(/euf/assets/images/brand/xproduct-icons.png.pagespeed.ic.3IebMA7nkc.png) no-repeat 10px 5px
}
.building-small {
    background-position: 10px -39px
}
.chart-small {
    background-position: 10px -80px
}
.four-boxes {
    margin-bottom: 40px;
    position: relative
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .four-boxes {
        display: block;
        float: left;
        margin-right: 5.26316%;
        width: 47.36842%;
        margin: 5px
    }
    .four-boxes:last-child {
        margin-right: 0
    }
}
@media screen and (max-width: 479px) {
    .four-boxes {
        float: none;
        margin: 0 auto 10px auto!important;
        width: 90%
    }
}
.four-boxes img {
    border: solid 1px #ccc;
    width: 100%
}
.four-boxes a {
    color: #fff;
    font-weight: bold
}
.four-boxes a:hover,
.four-boxes a:active {
    text-decoration: none
}
.four-boxes a:hover .item-title,
.four-boxes a:active .item-title {
    border-bottom: 4px solid #f15c41
}
.item-title {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: url(/euf/assets/images/brand/xitem-title-bg.png.pagespeed.ic.vmjK1fozL0.png) repeat;
    border-bottom: 4px solid transparent;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 53px;
    padding: 5px 10px
}
.related h3 {
    margin-left: 20px
}
@media screen and (max-width: 767px) {
    .related h3 {
        margin-right: 20px
    }
}
.related a {
    color: #fff;
    text-decoration: none
}
.related-box {
    display: block;
    float: left;
    margin-right: 1.69492%;
    width: 21.69492%;
    margin-left: 20px;
    margin-right: 0;
    position: relative
}
.related-box:last-child {
    margin-right: 0
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .related-box {
        display: block;
        float: left;
        margin-right: 1.69492%;
        width: 19.83051%;
        margin-right: 0
    }
    .related-box:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .related-box {
        display: block;
        float: left;
        margin-right: 1.69492%;
        width: 43.22034%;
        margin-bottom: 20px;
        margin-right: 0
    }
    .related-box:last-child {
        margin-right: 0
    }
}
@media screen and (max-width: 479px) {
    .related-box {
        float: none;
        margin: 0 auto 10px auto;
        width: 90%
    }
    .related-box:last-child {
        margin: 0 auto 10px auto
    }
}
.related-box img {
    width: 100%
}
.related-box .item-title {
    font-size: 12px;
    height: 37px
}
@media screen and (max-width: 479px) {
    .related-box .item-title {
        font-size: 18px;
        height: 47px
    }
}
.related-box:hover .item-title {
    border-bottom: 3px solid #f15c41
}
.product-carousel {
    margin-left: 20px;
    overflow: hidden
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .product-carousel {
        float: none;
        margin: 0 auto;
        width: 522px
    }
    .product-carousel:last-child {
        margin: 0 auto
    }
}
@media screen and (max-width: 571px) {
    .product-carousel {
        float: none;
        margin: 0 auto;
        width: 373px
    }
    .product-carousel:last-child {
        margin: 0 auto
    }
}
@media screen and (max-width: 479px) {
    .product-carousel {
        float: none;
        margin: 0 auto;
        width: 224px
    }
    .product-carousel:last-child {
        margin: 0 auto
    }
}
@media screen and (max-width: 340px) {
    .product-carousel {
        float: none;
        margin: 0 auto;
        width: 224px
    }
    .product-carousel:last-child {
        margin: 0 auto
    }
}
.next,
.product-container,
.product-item,
.prev {
    display: block;
    float: left;
    overflow: hidden
}
.next,
.prev {
    background: transparent url(/euf/assets/images/brand/xnext.png.pagespeed.ic.MTOsQgnqd8.png) no-repeat left top;
    cursor: pointer;
    height: 58px;
    margin-top: 30px;
    width: 25px
}
.next.hide,
.prev.hide {
    display: none
}
.prev {
    background-image: url(/euf/assets/images/brand/xprev.png.pagespeed.ic.YXn-2Tdr7r.png)
}
@media screen and (max-width: 767px) {
    .product-list {
        margin-bottom: 20px
    }
}
.product-container {
    height: 180px;
    margin: 0 20px 0 5px;
    width: 521px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .product-container {
        width: 368px;
        margin: 0
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .product-container {
        width: 390px
    }
}
@media screen and (max-width: 571px) {
    .product-container {
        width: 260px
    }
}
@media screen and (max-width: 479px) {
    .product-container {
        width: 130px
    }
}
@media screen and (max-width: 340px) {
    .product-container {
        width: 130px
    }
}
.product-items {
    width: 1500px
}
.product-item {
    margin-left: 14px;
    position: relative;
    width: 116px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .product-item {
        margin: 0 3px
    }
}
.product-item img {
    width: 100%
}
.product-item .item-title {
    font-size: 11px;
    height: 47px;
    width: 116px
}
@media screen and (max-width: 479px) {
    .product-item .item-title {
        font-size: 13px;
        line-height: 19px
    }
}
#literature-search .selStyled {
    float: none
}
@media screen and (max-width: 340px) {
    #literature-search .selStyled {
        width: 100%
    }
}
#drawings-search {
    overflow: hidden
}
#drawings-search .read-more {
    float: right
}
#drawings-search p {
    margin: 0;
    width: 97%
}
@media screen and (max-width: 767px) {
    #drawings-search .selStyled {
        width: 100%
    }
}
#drawings-terms {
    background: #fff;
    display: block;
    width: 100%;
    z-index: 301
}
@media screen and (max-width: 479px) {
    #drawings-terms {
        margin-bottom: 40px
    }
}
.terms-options {
    display: block
}
#terms-agree {
    display: inline;
    float: right;
    margin-bottom: 20px
}
#drawings-search-container {
    display: none
}
.newsroom h3 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    text-transform: uppercase
}
@media screen and (max-width: 767px) {
    .newsroom h3 {
        margin-top: 30px
    }
    .newsroom .row {
        margin-bottom: 0
    }
}
.newsroom .two-boxes {
    height: 250px
}
@media screen and (max-width: 767px) {
    .newsroom .two-boxes {
        float: none;
        height: auto;
        margin: 0 auto 10px auto
    }
    .newsroom .two-boxes {
        padding: 0 2%;

        width: 100%
    }
}
.newsroom .two-boxes ul {
    font-size: 15px;
    line-height: 19px;
    list-style-image: url(/euf/assets/images/brand/list-item-arrow-lg.png.pagespeed.ce.iUfh_GvaXL.png);
    margin-left: 20px
}
.newsroom .two-boxes a {
    display: block;
    color: #474848;
    padding-bottom: 10px
}
.newsroom .two-boxes a:hover {
    color: #f15c41;
    text-decoration: underline
}
.newsroom .four-boxes img {
    border: none
}
.six-col-box.newsroom-col,
.four-boxes.newsroom-col {
    margin-bottom: 0
}
@media screen and (max-width: 767px) {
    .six-col-box.newsroom-col,
    .four-boxes.newsroom-col {
        margin: 0 auto 10px auto;
        float: none
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .six-col-box.newsroom-col,
    .four-boxes.newsroom-col {
        padding: 0 2%;
        width: 100%
    }
}
@media screen and (max-width: 479px) {
    .six-col-box.newsroom-col,
    .four-boxes.newsroom-col {
        padding: 0 2%;
        width: 100%
    }
}
.top-story-divider {
    background: url(/euf/assets/images/brand/xsubmenu-bg.png.pagespeed.ic.4YRG7kO8zq.png) repeat 0 0;
    border-bottom: 1px #474848 solid;
    border-top: 1px #474848 solid;
    padding: 20px;
    margin-bottom: 30px
}
@media screen and (max-width: 767px) {
    .top-story-divider {
        margin-bottom: 0
    }
}
#newsroom-hero {
    background: url(/euf/assets/images/brand/xft-bg.png.pagespeed.ic.gEEw2ob7WA.png) repeat 0 0;
    overflow: hidden;
    position: relative
}
@media screen and (max-width: 767px) {
    #newsroom-hero {
        width: 100%
    }
}
@media screen and (max-width: 479px) {
    #newsroom-hero {
        height: 260px;
        width: 100%
    }
}
@media screen and (max-width: 340px) {
    #newsroom-hero {
        height: 265px
    }
}
#newsroom-hero .newsroom-hero-img,
#newsroom-hero .newsroom-hero-details {
    float: left;
    margin-right: 0
}
@media screen and (max-width: 767px) {
    #newsroom-hero .newsroom-hero-img,
    #newsroom-hero .newsroom-hero-details {
        float: none;
        width: 100%
    }
}
#newsroom-hero .newsroom-hero-img {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 55.6962%;
    margin-right: 0
}
#newsroom-hero .newsroom-hero-img:last-child {
    margin-right: 0
}
#newsroom-hero .newsroom-hero-img img {
    width: 100%
}
@media screen and (max-width: 767px) {
    #newsroom-hero .newsroom-hero-img {
        display: none
    }
}
#newsroom-hero .newsroom-hero-details {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 43.03797%;
    margin-right: 0;
    padding: 0 20px
}
#newsroom-hero .newsroom-hero-details:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    #newsroom-hero .newsroom-hero-details {
        float: none;
        padding: 10px;
        width: 100%
    }
}
#newsroom-hero .newsroom-hero-section {
    width: 100%;
    background: transparent #fff;
    font-size: 18px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #newsroom-hero .newsroom-hero-section {
        margin: 5px 0
    }
}
#newsroom-hero .share-box-icons {
    position: absolute;
    right: 0px;
    bottom: -36px;
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 44.3038%;
    background: #474848
}
#newsroom-hero .share-box-icons:last-child {
    margin-right: 0
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #newsroom-hero .share-box-icons {
        width: 310px
    }
}
@media screen and (max-width: 767px) {
    #newsroom-hero .share-box-icons {
        width: 320px
    }
}
@media screen and (max-width: 479px) {
    #newsroom-hero .share-box-icons {
        width: 100%
    }
}
#newsroom-hero .share-box-icons .twitter,
#newsroom-hero .share-box-icons .facebook,
#newsroom-hero .share-box-icons .google,
#newsroom-hero .share-box-icons .linkedin {
    background: transparent url(/euf/assets/images/brand/xfeatured_share.png.pagespeed.ic.RHnfNQ3Ykx.png) no-repeat left top;
    display: block;
    float: left;
    height: 26px;
    margin: 5px 10px;
    text-indent: -999999px;
    text-transform: capitalize;
    width: 25px
}
#newsroom-hero .share-box-icons .twitter {
    margin-left: 75px
}
#newsroom-hero .share-box-icons .facebook {
    background-position: -44px 0
}
#newsroom-hero .share-box-icons .google {
    background-position: -86px 0
}
#newsroom-hero .share-box-icons .linkedin {
    background-position: -131px 0
}
#newsroom-hero .share-box {
    position: absolute;
    top: -24px;
    right: -8px;
    background: #474848;
    color: #fff;
    font-size: 12px;
    padding: 6px 0;
    text-align: center;
    text-transform: uppercase;
    width: 105px
}
#newsroom-hero .share-box:hover,
#newsroom-hero .share-box:active,
#newsroom-hero .share-box.active {
    background: #474848;
    color: #fff;
    text-decoration: none
}
@media screen and (max-width: 340px) {
    #newsroom-hero .share-box {
        position: absolute;
        top: -23px;
        right: -8px
    }
}
#hero-content h2,
#hero-content p {
    display: block;
    float: left;
    margin-right: 2.5641%;
    width: 100%;
    margin-left: 0;
    line-height: 22px
}
#hero-content h2:last-child,
#hero-content p:last-child {
    margin-right: 0
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #hero-content h2,
    #hero-content p {
        margin-bottom: 8px
    }
}
#hero-content h2 {
    background: transparent url(/euf/assets/images/brand/xheading_bar_horiz.jpg.pagespeed.ic.-l1aSdb3v9.jpg) no-repeat left top;
    font-family: HelveticaNeueLTPro, Arial, "Lucida Grande", sans-serif;
    font-size: 38px;
    font-weight: lighter;
    line-height: 46px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 10px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #hero-content h2 {
        font-size: 22px;
        line-height: 25px;
        margin-top: 10px;
        margin-bottom: 10px
    }
}
@media screen and (max-width: 479px) {
    #hero-content h2 {
        font-size: 20px;
        line-height: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 0
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    #hero-content h2 {
        padding-left: 0
    }
}
@media screen and (max-width: 767px) {
    #hero-content h2 {
        font-size: 32px;
        line-height: 35px
    }
}
#hero-content p {
    margin-top: 0;
    margin-bottom: 25px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #hero-content p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px
    }
}
@media screen and (max-width: 479px) {
    #hero-content p {
        font-size: 14px;
        line-height: 20px
    }
}
.wrap input.read-more,
.read-more {
    border: none;
    background: #f15c41;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    padding: 8px 20px
}
.wrap input.read-more:hover,
.read-more:hover {
    background: #df4e34;
    color: #fff;
    text-decoration: none
}
input.read-more {
    border: none
}
.newsroom-section {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 10px;
    text-transform: uppercase
}
@media screen and (max-width: 767px) {
    .newsroom-section {
        font-size: 13px;
        font-weight: bold;
        margin-top: 30px
    }
}
#latest-news-content {
    border: 1px solid #ccc
}
@media screen and (max-width: 767px) {
    #latest-news-content img {
        display: none
    }
}
.latest-news-text {
    background: #f1f1f1;
    height: 172px;
    padding: 10px 20px;
    position: relative
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .latest-news-text {
        height: 156px
    }
}
@media screen and (max-width: 767px) {
    .latest-news-text {
        height: 149px
    }
}
@media screen and (max-width: 479px) {
    .latest-news-text {
        height: 159px
    }
}
.latest-news-text h4 {
    margin-bottom: 10px;
    font-weight: bold
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .latest-news-text h4 {
        margin-bottom: 5px
    }
}
.latest-news-text p {
    line-height: 22px;
    margin-bottom: 30px;
    margin-top: 0px;
    font-size: 12px;
    float: left
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .latest-news-text p {
        font-size: 12px;
        line-height: 19px;
        margin-top: 10px;
        margin-bottom: 15px
    }
}
@media screen and (max-width: 340px) {
    .latest-news-text p {
        margin-top: 5px
    }
}
.latest-news-text .read-more {
    position: absolute;
    bottom: 10px;
    left: 20px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .latest-news-text .read-more {
        position: absolute;
        bottom: 5px;
        left: 20px
    }
}
.event-item {
    border: 1px solid #ccc
}
.event-item.first {
    margin-bottom: 20px
}
.event-item a:hover .event-text {
    border-bottom: 4px solid #f15c41
}
@media screen and (max-width: 767px) {
    .event-item img {
        display: none
    }
}
.event-text {
    background: #f1f1f1;
    border-bottom: 4px solid transparent;
    color: #474848;
    display: block;
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    padding: 10px 20px
}
@media screen and (max-width: 767px) {
    .event-text {
        height: 30px
    }
}
.tweets {
    background: #f1f1f1;
    border: 1px solid #ccc;
    height: 164px;
    padding: 15px 20px;
    position: relative
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .tweets {
        height: 127px;
        padding: 10px 20px
    }
}
@media screen and (max-width: 767px) {
    .tweets {
        height: 115px;
        padding: 10px 20px
    }
}
@media screen and (max-width: 479px) {
    .tweets {
        height: 135px;
        padding: 10px 20px
    }
}
.tweets p {
    font-size: 12px;
    margin: 0;
    float: left
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .tweets p {
        line-height: 19px
    }
}
p {
    font-size: 12px;
    line-height: 17px
}
.latest-tweet {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .latest-tweet {
        margin-bottom: 10px
    }
}
.twitter-info {
    position: absolute;
    bottom: 10px;
    left: 20px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .twitter-info {
        position: absolute;
        bottom: 5px;
        left: 20px
    }
}
@media screen and (max-width: 767px) {
    .twitter-info {
        position: absolute;
        bottom: 10px;
        left: 20px
    }
}
.twitter-link {
    background: #f15c41 url(/euf/assets/images/brand/xtweetbird-hover.png.pagespeed.ic.BtkysHIVTE.png) no-repeat 90% center;
    border-radius: 2px;
    color: #fff;
    float: right;
    font-size: 11px;
    padding: 5px 35px 5px 15px;
    text-transform: capitalize
}
.twitter-link:hover {
    background: #df4e34 url(/euf/assets/images/brand/xtweetbird-hover.png.pagespeed.ic.BtkysHIVTE.png) no-repeat 90% center;
    color: #fff;
    text-decoration: none
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .twitter-link:hover {
        background-position: center center
    }
}
.press-releases {
    position: relative
}
.press-releases {
    background: #f1f1f1;
    border: 1px #ccc solid;
    height: 187px;
    padding: 10px 20px;
    margin-bottom: 10px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .press-releases {
        height: 149px;
        padding: 10px
    }
}
@media screen and (max-width: 767px) {
    .press-releases {
        height: 147px;
        padding: 10px 20px
    }
}
@media screen and (max-width: 479px) {
    .press-releases {
        height: 157px
    }
}
@media screen and (max-width: 340px) {
    .press-releases {
        height: 190px
    }
}
.press-releases ul {
    font-size: 12px;
    line-height: 16px;
    list-style-image: url(/euf/assets/images/brand/xlist-item-arrow.png.pagespeed.ic.WfCd65awcB.png);
    margin-left: 10px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .press-releases li:nth-child(2n) {
        display: none
    }
}
.press-releases a {
    color: #474848;
    display: block;
    padding-bottom: 10px
}
.press-releases a:hover {
    color: #f15c41;
    text-decoration: underline
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .press-releases a {
        padding-bottom: 10px
    }
}
@media screen and (max-width: 479px) {
    .press-releases a {
        padding-bottom: 10px
    }
}
.press-releases a.read-more {
    display: inline;
    color: #fff;
    padding-bottom: 8px;
    position: absolute;
    bottom: 10px;
    left: 20px
}
#perspectives a:hover img {
    border-bottom: 3px solid #f15c41
}
#perspectives img {
    border-bottom: 3px solid transparent
}
@media screen and (max-width: 767px) {
    #perspectives img {
        margin-top: 20px
    }
}
#perspectives .perspective-title {
    color: #474848;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 5px 0
}
@media screen and (max-width: 767px) {
    #perspectives .perspective-title {
        position: absolute;
        bottom: 3px;
        padding: 10px!important;
        background: rgba(0, 0, 0, .6);
        color: #fff
    }
}
#perspectives h3 {
    margin-bottom: 10px
}
@media screen and (max-width: 479px) {
    #perspectives .four-boxes {
        width: 100%
    }
}
@media screen and (max-width: 767px) {
    #perspectives {
        width: 96%
    }
    #perspectives .perspective-title {
        padding: 0 2%
    }
}
.blogs .post.left {
    padding-right: 0
}
@media screen and (max-width: 767px) {
    .blogs .post.left {
        padding-right: 20px
    }
}
.blogs .section {
    border-bottom: 1px #ccc solid;
    overflow: hidden;
    margin-bottom: 30px;
    padding-bottom: 30px
}
.blogs .three-boxes {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 32.27848%
}
.blogs .three-boxes:last-child {
    margin-right: 0
}
.blogs .three-boxes .perspective-title {
    padding-bottom: 0;
    font-size: 12px
}
.blogs .three-boxes a {
    color: #474848
}
.blogs .three-boxes a:hover {
    color: #474848;
    text-decoration: none
}
@media screen and (max-width: 767px) {
    .blogs .three-boxes {
        display: block;
        float: left;
        margin-right: 1.26582%;
        width: 100%;
        margin-bottom: 20px
    }
    .blogs .three-boxes:last-child {
        margin-right: 0
    }
}
.blogs .right {
    margin-left: 5.37975%
}
@media screen and (max-width: 767px) {
    .blogs .right.no-mobile {
        display: none
    }
}
.blogs .right h3 {
    margin: 0 0 10px 0
}
.blogs .right select {
    width: 100%
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .blogs .right {
        margin-left: 3.16456%
    }
}
@media screen and (max-width: 767px) {
    .blogs .cta-box {
        padding: 0;
        width: 100%
    }
}
.blogs .selStyled {
    margin-bottom: 10px
}
@media screen and (max-width: 767px) {
    .blogs .top-story-divider {
        margin-bottom: 30px
    }
}
.single-post {
    border-bottom: 1px #ccc solid;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 30px;
    position: relative
}
.single-post img {
    display: block;
    float: left;
    margin-right: 1.85185%;
    width: 35.18519%
}
.single-post img:last-child {
    margin-right: 0
}
.single-post .post-title {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0
}
@media screen and (max-width: 479px) {
    .single-post .post-title {
        margin-bottom: 0
    }
}
.single-post .post-details {
    margin-top: 10px;
    margin-bottom: 20px
}
@media screen and (max-width: 479px) {
    .single-post .post-details {
        margin-top: 0
    }
}
@media screen and (max-width: 340px) {
    .single-post .post-details {
        line-height: 16px
    }
}
.single-post .date {
    color: #474848;
    font-size: 12px
}
@media screen and (max-width: 340px) {
    .single-post .author {
        font-size: 12px
    }
}
.single-post .read-more {
    position: absolute;
    right: 0px;
    bottom: 20px;
    background: none;
    color: #f15c41;
    cursor: pointer;
    padding: 5px 10px;
    text-transform: capitalize
}
.single-post .read-more .triangleRight {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 3.5px;
    border-left-color: #f15c41;
    display: block;
    position: absolute;
    left: 3px;
    top: 8px
}
@media screen and (max-width: 767px) {
    .single-post .read-more .triangleRight {
        top: 9px;
        right: 70px
    }
}
.single-post .read-more:hover {
    text-decoration: underline
}
.blog-refine {
    position: relative;
    width: 230px
}
.blog-refine h3 {
    border-bottom: 1px solid #474848
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .blog-refine {
        width: 215px
    }
}
.blog-refine.sticky {
    position: fixed;
    top: 20px
}
.blog-refine #goBtn {
    float: right;
    margin-top: 15px;
    width: 60px
}
.blog-refine .scotty {
    background: transparent url(/euf/assets/images/brand/xclose_triangle.png.pagespeed.ic.2doPSzLYbh.png) no-repeat left center;
    color: #474848;
    display: none;
    float: right;
    margin-top: 10px;
    padding-left: 25px
}
.blog-refine .scotty:hover {
    color: #474848;
    text-decoration: none
}
.right .contact h3 {
    margin-top: 0
}
.right .contact div {
    margin-bottom: 60px!important
}
.right .contact.widget li a {
    font-size: 14px;
    line-height: 21px;
    display: block
}
.right .contact.widget li:last-child {
    border-bottom: 1px solid #474848
}
.right .contact.widget#no-office li {
    padding-right: 20px
}
.right .contact.widget#no-office li a {
    background: transparent url(/euf/assets/images/brand/xorange_arrow_6x9.png.pagespeed.ic.RSIUpikDT4.png) no-repeat right center;
    padding: 0 0 0 0
}
@media screen and (max-width: 767px) {
    .contact img {
        padding: 0 4%
    }
}
.contact h1 {
    margin-bottom: 0
}
@media screen and (max-width: 767px) {
    .contact p {
        padding: 0 2%
    }
    .contact .wrap .right ul {
        padding: 0
    }
}
.comment-form,
.contact-form {
    border: none
}
.comment-form .selStyled,
.contact-form .selStyled {
    display: block;
    float: left;
    margin-right: 1.69492%;
    width: 83.05085%;
    margin-bottom: 20px
}
.comment-form .selStyled:last-child,
.contact-form .selStyled:last-child {
    margin-right: 0
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .comment-form .selStyled,
    .contact-form .selStyled {
        width: 100%
    }
}
@media screen and (max-width: 479px) {
    .comment-form .selStyled,
    .contact-form .selStyled {
        display: block;
        float: left;
        margin-right: 5.26316%;
        width: 89.47368%;
        margin-left: 5.26316%
    }
    .comment-form .selStyled:last-child,
    .contact-form .selStyled:last-child {
        margin-right: 0
    }
}
.comment-form .selStyled select,

.contact-form .selStyled select {
    background: url(/euf/assets/images/brand/xselect-arrow.png.pagespeed.ic.dghWBohUzu.png) no-repeat 83% center
}
.comment-form input,
.comment-form textarea,
.contact-form input,
.contact-form textarea {
    display: block;
    float: left;
    margin-right: 1.69492%;
    width: 83.05085%
}
.contact-form textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px
}
.comment-form input:last-child,
.comment-form textarea:last-child,
.contact-form input:last-child,
.contact-form textarea:last-child {
    margin-right: 0
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .comment-form input,
    .comment-form textarea,
    .contact-form input,
    .contact-form textarea {
        width: 100%
    }
}
.comment-form input[disabled],
.comment-form textarea[disabled],
.contact-form input[disabled],
.contact-form textarea[disabled] {
    border-color: #999;
    color: #999
}
.comment-form input.split-input,
.comment-form textarea.split-input,
.contact-form input.split-input,
.contact-form textarea.split-input {
    display: block;
    float: left;
    margin-right: 1.69492%;
    width: 40.67797%
}
.comment-form input.split-input:last-child,
.comment-form textarea.split-input:last-child,
.contact-form input.split-input:last-child,
.contact-form textarea.split-input:last-child {
    margin-right: 0
}
@media screen and (max-width: 479px) {
    .comment-form input.split-input,
    .comment-form textarea.split-input,
    .contact-form input.split-input,
    .contact-form textarea.split-input {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }
    .comment-form input.split-input:last-child,
    .comment-form textarea.split-input:last-child,
    .contact-form input.split-input:last-child,
    .contact-form textarea.split-input:last-child {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .comment-form input.split-input,
    .comment-form textarea.split-input,
    .contact-form input.split-input,
    .contact-form textarea.split-input {
        width: 100%
    }
}
@media screen and (max-width: 479px) {
    .comment-form input,
    .comment-form textarea,
    .contact-form input,
    .contact-form textarea {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }
    .comment-form input:last-child,
    .comment-form textarea:last-child,
    .contact-form input:last-child,
    .contact-form textarea:last-child {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }
}
.comment-form input,
.contact-form input {
    margin-bottom: 30px
}
.comment-form input.submit,
.contact-form input.submit {
    background: #f15c41;
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    float: right;
    margin-right: 120px;
    margin-top: 20px;
    width: 70px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .comment-form input.submit,
    .contact-form input.submit {
        margin-right: 85px
    }
}
@media screen and (max-width: 479px) {
    .comment-form input.submit,
    .contact-form input.submit {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .comment-form input.submit,
    .contact-form input.submit {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }
}
.comment-form input.submit[disabled],
.contact-form input.submit[disabled] {
    background: #f8ada0
}
.comment-form textarea,
.contact-form textarea {
    height: 240px;
    margin-top: 30px
}
.comment-form .section,
.contact-form .section {
    margin-bottom: 30px;
    overflow: hidden
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .comment-form .section,
    .contact-form .section {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 90%
    }
}
.comment-form .section.disabled .add-product,
.comment-form .section.disabled .remove-product,
.contact-form .section.disabled .add-product,
.contact-form .section.disabled .remove-product {
    border: 1px solid #999;
    color: #999
}
.comment-form .right img,
.contact-form .right img {
    padding: 0 20px
}
#local-sales-office .location {
    background: url(/euf/assets/images/brand/xcontact-icons.png.pagespeed.ic.fHmI_mfn58.png) no-repeat 0px 8px;
    line-height: 24px;
    padding-left: 35px;
    padding-top: 10px
}
#local-sales-office .phone {
    background: url(/euf/assets/images/brand/xcontact-icons.png.pagespeed.ic.fHmI_mfn58.png) no-repeat -740px 10px;
    padding-left: 30px
}
#local-sales-office .notebook {
    background: url(/euf/assets/images/brand/xcontact-icons.png.pagespeed.ic.fHmI_mfn58.png) no-repeat -1480px 13px;
    padding-left: 30px
}
#local-sales-office .email {
    background: url(/euf/assets/images/brand/xicon-email.png.pagespeed.ic.UdbNGxVkVy.png) no-repeat 0px 13px;
    padding-left: 30px
}
.right .widget .location {
    height: auto;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 15px
}
#product-bank {
    display: none
}
.add-product,
.remove-product {
    border: 1px #474848 solid;
    color: #474848;
    cursor: pointer;
    display: block;
    float: left;
    height: 25px;
    line-height: 20px;
    margin-right: 10px;
    margin-top: 10px;
    text-align: center;
    width: 25px
}
@media screen and (max-width: 767px) {
    .add-product,
    .remove-product {
        display: none
    }
}
ul.list li {
    background: transparent url(/euf/assets/images/brand/xsquare_bullet.png.pagespeed.ic._0APU62FNh.png) no-repeat left 5px;
    padding-left: 20px;
    margin-bottom: 10px
}
ol.list {
    list-style-type: decimal;
    margin-left: 20px
}
ol.list li {
    margin-bottom: 10px
}
@media screen and (max-width: 479px) {
    .post p {
        margin-bottom: 10px
    }
}
.post blockquote p {
    margin-bottom: 0;
    padding: 10px 0
}
.post h2 {
    font-size: 25px;
    font-weight: 300;
    line-height: 40px;
    margin-top: 40px
}
.post a {
    color: #f15c41
}
.post a:hover {
    color: #f15c41
}
.post .related a {
    color: #fff
}
.post .related a:hover {
    color: #fff
}
.post.right ul {
    padding: 0
}
@media screen and (max-width: 767px) {
    .post.right h3 {
        margin-left: 0;
        margin-right: 0
    }
}
.post .product-carousel .item-title {
    position: relative
}
.post-title>a {
    color: #474848
}
.categories a,
.archive a {
    position: relative;
    text-indent: 10px
}
.categories .triangleRight,
.archive .triangleRight {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px;
    border-left-color: #f15c41;
    display: block;
    position: absolute;
    left: 0;
    top: 3px
}
.categories li:last-child,
.archive li:last-child {
    border-bottom: 1px solid #474848
}
.post-category {
    position: absolute;
    top: 100%;
    left: 0px;
    background: #f1f1f1;
    color: #474848;
    font-size: 12px;
    padding: 5px
}
.post-info {
    margin-top: -15px;
    margin-bottom: 10px
}
.share-box {
    display: block;
    float: left;
    margin-right: 1.85185%;
    width: 44.44444%;
    float: none;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 5px 0
}
.share-box:last-child {
    margin-right: 0
}
.share-box p {
    float: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding: 4px 10px 0 0
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .share-box {
        width: 100%;
        display: block;
        float: none
    }
}
@media screen and (max-width: 479px) {
    .share-box {
        width: 100%;
        display: block;
        float: none
    }
}
.post .share-boxes {
    width: 100%;
    float: left;
    overflow: hidden
}
.post .share-boxes p {
    float: left
}
.post .share-boxes li {
    padding-top: 10px
}
.post .share-boxes span,
.post .share-boxes input,
.post .share-boxes a {
    background: #fff url(/euf/assets/images/brand/xshare-items.png.pagespeed.ic.AERStLLov0.png) no-repeat 1px 1px;
    cursor: pointer;
    display: block;
    height: 25px;
    text-indent: -999999px;
    text-transform: uppercase;
    width: 25px
}
.post .share-boxes span.facebook:hover,
.post .share-boxes input.facebook:hover,
.post .share-boxes a.facebook:hover {
    background-position: 1px -24px
}
.post .share-boxes span.twitter,
.post .share-boxes input.twitter,
.post .share-boxes a.twitter {
    background-position: -36px 1px
}
.post .share-boxes span.twitter:hover,
.post .share-boxes input.twitter:hover,
.post .share-boxes a.twitter:hover {
    background-position: -36px -24px
}
.post .share-boxes span.linkedIn,
.post .share-boxes input.linkedIn,
.post .share-boxes a.linkedIn {
    background-position: -144px 1px
}
.post .share-boxes span.linkedIn:hover,
.post .share-boxes input.linkedIn:hover,
.post .share-boxes a.linkedIn:hover {
    background-position: -144px -24px
}
.post .share-boxes span.googleplus,
.post .share-boxes input.googleplus,
.post .share-boxes a.googleplus {
    background-position: -72px 1px
}
.post .share-boxes span.googleplus:hover,
.post .share-boxes input.googleplus:hover,
.post .share-boxes a.googleplus:hover {
    background-position: -72px -24px
}
.post .share-boxes span.email,
.post .share-boxes input.email,
.post .share-boxes a.email {
    background-position: -173px 1px
}
.post .share-boxes span.email:hover,
.post .share-boxes input.email:hover,
.post .share-boxes a.email:hover {
    background-position: -173px -24px
}
.post .share-boxes span.print,
.post .share-boxes input.print,
.post .share-boxes a.print {
    background-position: -203px 1px;
    border: none;
    margin-top: 5px
}
.post .share-boxes span.print:hover,
.post .share-boxes input.print:hover,
.post .share-boxes a.print:hover {
    background-position: -203px -24px
}
.post .share-boxes span.pdfDownload,
.post .share-boxes input.pdfDownload,
.post .share-boxes a.pdfDownload {
    background-position: -233px 1px;
    border: none;
    margin-top: 5px
}
.post .share-boxes span.pdfDownload:hover,
.post .share-boxes input.pdfDownload:hover,
.post .share-boxes a.pdfDownload:hover {
    background-position: -233px -24px
}
.share {
    float: left;
    overflow: hidden
}
.share li {
    float: left;
    margin-right: 10px
}
.share li a {
    background: #fff url(/euf/assets/images/brand/xsocial.png.pagespeed.ic.1mi9-MEIuL.png) no-repeat 1px 1px;
    display: block;
    height: 25px;
    text-indent: -999999px;
    text-transform: uppercase;
    width: 25px
}
.share li a.facebook:hover {
    background-position: 1px -24px
}
.share li a.twitter {
    background-position: -36px 1px
}
.share li a.twitter:hover {
    background-position: -36px -24px
}
.share li a.linkedIn {
    background-position: -109px 1px
}
.share li a.linkedIn:hover {
    background-position: -109px -24px
}
.share li a.googleplus {
    background-position: -72px 1px
}
.share li a.googleplus:hover {
    background-position: -72px -24px
}
.share li a.email {
    background-position: -144px 1px
}
.share li a.email:hover {
    background-position: -144px -25px
}
.share li a.print {
    background-position: -175px 1px
}
.share li a.print:hover {
    background-position: -175px -25px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .share li {
        margin-right: 0
    }
}
@media screen and (max-width: 479px) {
    .share li {
        margin-right: 5px
    }
}
blockquote {
    color: #474848;
    font-style: italic;
    padding: 0 30px;
    position: relative;
    quotes: "\201C" "\201D" "\2018" "\2019";
    z-index: 100
}
blockquote p {
    position: relative;
    z-index: 200
}
blockquote p.author {
    text-align: right;
    padding-right: 20px
}
blockquote .quote-open,
blockquote .quote-close {
    height: 53px;
    width: 55px;
    color: #ddd;
    font-family: times;
    font-size: 120px
}
blockquote .quote-open {
    position: absolute;
    top: -10px;
    left: -20px;
    z-index: 100
}
blockquote .quote-close {
    position: absolute;
    right: 10px;
    bottom: 50px;
    z-index: 100
}
blockquote .quote-open:after {
    content: open-quote
}
blockquote .quote-close:after {
    content: close-quote
}
.video {
    margin-bottom: 30px;
    position: relative
}
.video.bgSwitch {
    background: url(/euf/assets/images/brand/xvideo-box-bg.png.pagespeed.ic.p7J-8Xbpo4.png) no-repeat bottom right;
    background-color: #e6e6e6
}
.video iframe {
    height: 270px;
    width: 100%
}
.video .container {
    width: 96.2%
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .video .container {
        width: 94.4%
    }
}
@media screen and (max-width: 767px) {
    .video .container {
        width: 100%!important
    }
}
.video .container.full-video {
    width: 90%
}
.video .container.full-video iframe {
    height: auto
}
.video .video-details {
    display: none;
    position: absolute;
    top: 10px;
    right: 15px;
    height: 120px;
    width: 195px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .video .video-details {
        width: 140px
    }
}
@media screen and (max-width: 767px) {
    .video .video-details {
        height: auto;
        padding: 10px;
        position: relative;
        right: auto;
        top: auto;
        width: 100%
    }
}
.video p {
    font-size: 12px;
    margin-bottom: 30px;
    padding: 0
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .video p {
        line-height: 19px;
        margin-bottom: 5px
    }
}
@media screen and (max-width: 767px) {
    .video p {
        margin-bottom: 20px
    }
}
.video a {
    font-size: 12px;
    font-style: italic
}
.video a:hover {
    color: #f15c41
}
.video a.close {
    background: none;
    color: #474848;
    font-size: 15px;
    text-align: center;
    padding-top: 2px;
    height: 28px;
    width: 23px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-style: normal
}
.video a.close.expanded-video {
    background: url(/euf/assets/images/brand/xvideo-info.png.pagespeed.ic.jNLxbEKYcs.png);
    text-indent: -9999px
}
@media screen and (max-width: 767px) {
    .video a.close {
        display: none
    }
}
.post .prev-next {
    float: left
}
.prev-next {
    border-top: 2px #ccc solid;
    margin-bottom: 40px;
    padding-top: 10px;
    overflow: hidden
}
.prev-next p {
    display: block;
    float: left;
    margin-right: 3.77358%;
    width: 90.56604%;
    font-size: 12px;
    margin-right: 0
}
.prev-next p:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    .prev-next p {
        margin-top: 0;
        line-height: 19px
    }
}
.prev-next a {
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 0
}
.prev-next .prev-story,
.prev-next .next-story {
    display: block;
    float: left;
    margin-right: 1.85185%;
    width: 49.07407%;
    float: left
}
.prev-next .prev-story:last-child,
.prev-next .next-story:last-child {
    margin-right: 0
}
@media screen and (max-width: 479px) {
    .prev-next .prev-story,
    .prev-next .next-story {
        height: 180px
    }
}
.prev-next .prev-story {
    border-right: 1px #ccc solid
}
.prev-next .next-story {
    text-align: right
}
.prev-next .next-story p {
    float: right
}
@media screen and (max-width: 767px) {
    .right .widget {
        margin: 0 20px
    }
}
.right .widget img {
    display: block;
    float: left;
    margin-right: 4.16667%;
    width: 100%;
    float: left;
    margin-right: 10px
}
.right .widget img:last-child {
    margin-right: 0
}
.right .widget li {
    height: auto;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 15px
}
.right .widget li:last-child {
    margin-bottom: 5px
}
.right .widget li a {
    font-size: 12px;
    line-height: 14px;
    padding: 0 0 0 10px;
    text-indent: 0
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .right .related-posts img {
        float: none;
        margin-bottom: 10px;
        width: 100%
    }
}
#comments .mobile-comments {
    display: none;
    position: relative;
    text-indent: 18px
}
@media screen and (max-width: 767px) {
    #comments .mobile-comments {
        display: block
    }
}
#comments .mobile-comments .triangleDown {
    position: absolute;
    top: 3px;
    left: 0px;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 7.5px;
    border-top-color: #474848;
    display: none
}
@media screen and (max-width: 767px) {
    #comments .mobile-comments .triangleDown {
        display: block
    }
}
#comments .mobile-comments .triangleUp {
    position: absolute;
    top: -3px;
    left: 0px;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 7.5px;
    border-bottom-color: #474848;
    display: none
}
@media screen and (max-width: 767px) {
    #comments .mobile-comments .triangleUp {
        display: block
    }
}
.comment-form {
    width: 100%;
    border-bottom: 1px #ccc solid;
    margin-bottom: 30px;
    margin-top: 10px;
    overflow: hidden;
    padding: 0
}
.comment-form input.split-input {
    display: block;
    float: left;
    margin-right: 1.69492%;
    width: 49.15254%;
    margin-right: 0
}
.comment-form input.split-input:last-child {
    margin-right: 0
}
.comment-form input.split-input:first-child {
    margin-right: 1%
}
.comment-form input.submit {
    background: #f15c41;
    border: none;
    color: #fff;
    cursor: pointer;
    float: right;
    margin-right: 0;
    width: 100px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .comment-form input.submit {
        margin-right: 0
    }
}
@media screen and (max-width: 479px) {
    .comment-form input.submit {
        float: none;
        width: 100%
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .comment-form input.submit {
        float: none;
        width: 100%
    }
}
.comment-form textarea {
    width: 100%;
    margin-bottom: 30px
}
@media screen and (max-width: 767px) {
    .comments-container {
        display: none
    }
}
.comments-container .single-comment {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 100%;
    margin-bottom: 40px
}
.comments-container .single-comment:last-child {
    margin-right: 0
}
@media screen and (max-width: 479px) {
    .comments-container .single-comment {
        margin-bottom: 0
    }
}
.comments-container .single-comment:last-child {
    margin: 0
}
.comments-container .commenter-icon {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 11.39241%;
    padding-top: 8px
}
.comments-container .commenter-icon:last-child {
    margin-right: 0
}
@media screen and (max-width: 479px) {
    .comments-container .commenter-icon {
        display: none
    }
}
.comments-container .comment {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 84.17722%;
    margin-left: 3.16456%
}
.comments-container .comment:last-child {
    margin-right: 0
}
.comments-container .comment p {
    margin-top: 0
}
.comments-container .comment .author {
    font-weight: bold;
    margin-bottom: 0
}
.comments-container .comment .author .date {
    color: #7c7e80;
    font-size: 12px;
    font-weight: normal
}
@media screen and (max-width: 479px) {
    .comments-container .comment {
        display: block;
        float: left;
        margin-right: 5.26316%;
        width: 100%;
        margin-left: 0%
    }
    .comments-container .comment:last-child {
        margin-right: 0
    }
}
body.post .wrap .right {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 30.37975%;
    margin-left: 0
}
body.post .wrap .right:last-child {
    margin-right: 0
}
.your-location {
    margin-bottom: 50px
}
@media screen and (max-width: 767px) {
    .your-location {
        padding: 0 2%
    }
    .store-search-intro {
        padding: 0 2%
    }
}
.store-locator h1 {
    margin-bottom: -20px
}
@media screen and (max-width: 767px) {
    .sales-offices {
        padding: 0 2%
    }
}
.sales-offices .sales-row {
    clear: both;
    overflow: hidden
}
.sales-offices .three-boxes {
    border-bottom: 1px #999 solid;
    border-right: 1px #999 solid;
    margin-right: 0;
    padding: 0 20px
}
.sales-offices .three-boxes:last-child {
    border-bottom: none;
    border-right: none
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .sales-offices .three-boxes {
        display: block;
        float: left;
        margin-right: 1.26582%;
        width: 49.36709%;
        border-bottom: 1px #999 solid!important;
        border-right: 1px #999 solid!important;
        margin: 0
    }
    .sales-offices .three-boxes:last-child {
        margin-right: 0
    }
    .sales-offices .three-boxes:last-child {
        border-right: none!important
    }
    .sales-offices .three-boxes:last-child {
        border-bottom: none!important
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .sales-offices .three-boxes {
        display: block;
        float: left;
        margin-right: 1.26582%;
        width: 49.36709%;
        border-bottom: 1px #999 solid!important;
        border-right: 1px #999 solid!important;
        margin: 0
    }
    .sales-offices .three-boxes:last-child {
        margin-right: 0
    }
    .sales-offices .three-boxes:last-child {
        border-right: none!important
    }
    .sales-offices .three-boxes:last-child {
        border-bottom: none!important
    }
}
@media screen and (max-width: 479px) {
    .sales-offices .three-boxes {
        border-bottom: 1px #999 solid!important;
        float: none;
        border-right: none;
        padding: 10px 2%;
        width: 100%
    }
    .sales-offices .three-boxes:last-child {
        border-bottom: none!important
    }
}
.sales-offices .three-boxes p {
    font-size: 14px;
    margin-bottom: 30px
}
.sales-offices .three-boxes a {
    color: #fff
}
.parts-stores,
.contact-list,
.sales-offices {
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden
}
@media screen and (max-width: 767px) {
    .parts-stores,
    .contact-list,
    .sales-offices {
        padding: 0 2%
    }
}
.parts-stores span,
.contact-list span,
.sales-offices span {
    border-bottom: 1px #999 solid;
    display: inline-block
}
.parts-stores span:last-child,
.contact-list span:last-child,
.sales-offices span:last-child {
    border: none
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .parts-stores span,
    .contact-list span,
    .sales-offices span {
        display: block;
        border-bottom: none
    }
}
@media screen and (max-width: 767px) {
    .parts-stores span,
    .contact-list span,
    .sales-offices span {
        display: block;
        border-bottom: none
    }
}
@media screen and (max-width: 479px) {
    .parts-stores span,
    .contact-list span,
    .sales-offices span {
        width: 100%
    }
}
.parts-stores .three-boxes,
.contact-list .three-boxes,
.sales-offices .three-boxes {
    border-bottom: none;
    border-right: 1px #999 solid;
    height: 249px;
    margin: 20px 0;
    padding: 0 20px;
    width: 320px
}
.parts-stores .three-boxes:last-child,
.contact-list .three-boxes:last-child,
.sales-offices .three-boxes:last-child {
    border-right: none
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .parts-stores .three-boxes,
    .contact-list .three-boxes,
    .sales-offices .three-boxes {
        border-right: 1px #999 solid;
        border-bottom: 1px solid #999;
        height: 290px;
        margin: 0;
        padding: 20px 20px;
        float: left;
        width: 350px
    }
    .parts-stores .three-boxes:last-child,
    .contact-list .three-boxes:last-child,
    .sales-offices .three-boxes:last-child {
        border-right: 1px #999 solid
    }
    .parts-stores .three-boxes.noBorder,
    .contact-list .three-boxes.noBorder,
    .sales-offices .three-boxes.noBorder {
        border-right: none!important
    }
    .parts-stores .three-boxes.last,
    .contact-list .three-boxes.last,
    .sales-offices .three-boxes.last {
        border-bottom: none!important
    }
}
@media screen and (max-width: 767px) {
    .parts-stores .three-boxes,
    .contact-list .three-boxes,
    .sales-offices .three-boxes {
        border-bottom: 1px solid #999;
        height: 300px;
        margin: 0;
        padding: 20px 20px;
        width: 50%
    }
    .parts-stores .three-boxes:last-child,
    .contact-list .three-boxes:last-child,
    .sales-offices .three-boxes:last-child {
        border-right: 1px #999 solid
    }
    .parts-stores .three-boxes.noBorder,
    .contact-list .three-boxes.noBorder,
    .sales-offices .three-boxes.noBorder {
        border-right: none!important
    }
    .parts-stores .three-boxes.last,
    .contact-list .three-boxes.last,
    .sales-offices .three-boxes.last {
        border-bottom: none!important
    }
}
@media screen and (max-width: 479px) {
    .parts-stores .three-boxes,
    .contact-list .three-boxes,
    .sales-offices .three-boxes {
        border-bottom: 1px #999 solid;
        border-right: none!important;
        float: none;
        border-right: none;
        padding: 10px 2%;
        width: 100%
    }
    .parts-stores .three-boxes.last,
    .contact-list .three-boxes.last,
    .sales-offices .three-boxes.last {
        border-bottom: 1px #999 solid!important
    }
}
.parts-stores .three-boxes p,
.contact-list .three-boxes p,
.sales-offices .three-boxes p {
    font-size: 14px;
    margin-bottom: 20px
}
.parts-stores .three-boxes p:first-child,
.contact-list .three-boxes p:first-child,
.sales-offices .three-boxes p:first-child {
    margin-top: 0
}
.parts-stores .three-boxes a,
.contact-list .three-boxes a,
.sales-offices .three-boxes a {
    background: transparent url(/euf/assets/images/brand/xlist-item-arrow.png.pagespeed.ic.WfCd65awcB.png) no-repeat 33px center;
    font-style: italic;
    padding-right: 15px
}
.sales-offices .three-boxes a {
    background: #df4e34
}
.contact-list span {
    clear: both;
    float: left;
    padding: 20px 0;
    width: 100%;
    border-bottom: 1px #ccc solid
}
.contact-list span:last-child {
    border-bottom: none
}
.contact-list span:first-child {
    padding-top: 0
}
.contact-list .four-boxes {
    height: 200px;
    margin-bottom: 0
}
@media screen and (max-width: 479px) {
    .contact-list .four-boxes {
        height: 85px
    }
    .contact-list .four-boxes:first-child {
        height: 155px
    }
}
.contact-list .four-boxes a {
    color: #f15c41;
    font-style: italic;
    font-weight: normal
}
.store-search {
    width: 100%;
    border: none;
    margin-bottom: 30px;
    margin-top: 10px;
    overflow: hidden;
    padding: 0
}
@media screen and (max-width: 767px) {
    .store-search {
        padding: 0 2%
    }
}
.store-search .form-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px
}
.store-search .store-state,
.store-search .store-zip {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 30.37975%
}
.store-search .store-state:last-child,
.store-search .store-zip:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    .store-search .store-state,
    .store-search .store-zip {
        width: 100%
    }
}
.store-search .store-state {
    margin-right: 0
}
.store-search .store-or {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 11.39241%;
    padding-top: 15px;
    text-align: center;
    margin: 0
}
.store-search .store-or:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    .store-search .store-or {
        padding-top: 0;
        margin: 10px auto;
        width: 100%
    }
}
.store-search .store-submit {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 11.39241%;
    background: #f15c41;
    border: none;
    border-radius: 2px;
    color: #fff
}
.store-search .store-submit:last-child {
    margin-right: 0
}
.store-search .store-submit:hover {
    background: #df4e34
}
.store-search .store-submit:disabled {
    background: #f8ada0
}
@media screen and (max-width: 767px) {
    .store-search .store-submit {
        margin: 10px auto;
        width: 100%
    }
}
.store-search div.selStyled {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 30.37975%
}
.store-search div.selStyled:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    .store-search div.selStyled {
        width: 100%
    }
}
.store-search>.selStyled:first-of-type {
    margin-right: 0
}
.sales #ir-curve {
    display: none
}
.sales .recent-news a {
    margin-bottom: 16px
}
.sales .recent-news-box .read-more {
    background: none;
    border-bottom: 1px rgba(0, 0, 0, 0) solid;
    border-radius: 0;
    color: #f15c41;
    padding: 5px 10px;
    text-align: right;
    width: 100%;
    font-size: 12px
}
.sales .recent-news-box .read-more:hover {
    background: none;
    border-bottom: none;
    color: #474848
}
.sales .recent-news-box .read-more:hover .triangleRight {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 3.5px;
    border-left-color: #474848
}
.sales .recent-news-box li.last {
    margin-bottom: 0
}
.sales .recent-news-box .triangleRight {
    right: 95px;
    top: 8px
}
@media screen and (max-width: 767px) {
    .sales .story-overview p {
        margin-bottom: 20px
    }
}
#salesOfficeInfo {
    border-bottom: 1px #ccc solid;
    overflow: hidden;
    padding-bottom: 60px
}
@media screen and (max-width: 767px) {
    #salesOfficeInfo {
        margin: 10px 2% 0 2%
    }
}
@media screen and (max-width: 340px) {
    #salesOfficeInfo {
        padding-bottom: 30px
    }
}
.salesOfficeImg {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 55.6962%
}
.salesOfficeImg:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    .salesOfficeImg {
        float: none;
        width: 100%
    }
}
#salesOfficeIntro {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 43.03797%;
    margin-right: 0
}
#salesOfficeIntro:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    #salesOfficeIntro {
        float: none;
        width: 100%
    }
}
#salesOfficeIntro p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}
@media screen and (max-width: 340px) {
    #salesOfficeIntro h1 {
        font-size: 26px;
        line-height: 26px;
        margin-top: 30px
    }
}
#salesOfficeIntro .salesOfficeAddrs p {
    color: #999
}
.salesOfficeAddrs p {
    margin: 0
}
.parts-stores .three-boxes .salesOfficeAddrs p:first-child,
.contact-list .three-boxes .salesOfficeAddrs p:first-child,
.sales-offices .three-boxes .salesOfficeAddrs p:first-child {
    margin: 0
}
.parts-stores .three-boxes .salesOfficeAddrs p,
.contact-list .three-boxes .salesOfficeAddrs p,
.sales-offices .three-boxes .salesOfficeAddrs p {
    margin: 0
}
#salesOfficeAddy {
    margin-top: 0px;
    color: #999;
    font-size: 14px
}
@media screen and (max-width: 340px) {
    #salesOfficeAddy {
        margin-bottom: 0
    }
}
#map-canvas {
    height: 366px;
    position: relative;
    width: 100%;
    z-index: 200
}
#contact-box {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 36.70886%;
    margin-left: 6.32911%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff;
    border: 1px #999 solid;
    padding: 20px 10px;
    z-index: 300
}
#contact-box:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    #contact-box {
        margin-left: 0%;
        left: auto;
        margin-bottom: 20px;
        margin-left: 2%;
        margin-right: 2%;
        position: relative;
        top: auto;
        width: 96%
    }
}
#contact-box p {
    font-size: 14px;
    line-height: 20px;
    margin: 0
}
#contact-box .sales-address2,
#contact-box .sales-fax {
    margin-bottom: 20px
}
#contact-box .sales-web {
    margin-bottom: 60px
}
#contact-box .sales-name {
    font-family: PragmaticaCL, Arial, "Lucida Grande", sans-serif;
    font-size: 25px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 10px
}
.sales-contact-title {
    margin-left: 45.88608%;
    font-family: PragmaticaCL, Arial, "Lucida Grande", sans-serif;
    font-size: 65px;
    line-height: 51px;
    text-transform: uppercase
}
@media screen and (max-width: 767px) {
    .sales-contact-title {
        margin-left: 0%;
        margin-left: 2%;
        margin-right: 2%
    }
}
@media screen and (max-width: 340px) {
    .sales-contact-title {
        font-size: 45px
    }
}
@media screen and (max-width: 767px) {
    #dept-contacts {
        padding: 0 2%
    }
}
#dept-contacts h3 {
    border-bottom: 1px solid #ccc
}
#dept-contacts span {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    width: 100%
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #dept-contacts span {
        border-bottom: none
    }
}
@media screen and (max-width: 767px) {
    #dept-contacts span {
        border-bottom: none
    }
}
#dept-contacts span:last-child {
    border-bottom: none
}
#dept-contacts span .four-boxes {
    float: left;
    margin: 15px 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 29%
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #dept-contacts span .four-boxes {
        border-bottom: 1px solid #ccc;
        height: 110px;
        width: 50%
    }
    #dept-contacts span .four-boxes:nth-child(2),
    #dept-contacts span .four-boxes:nth-child(1) {
        border-bottom: 1px solid #ccc
    }
}
@media screen and (max-width: 767px) {
    #dept-contacts span .four-boxes {
        border-bottom: 1px solid #ccc;
        width: 50%
    }
}
@media screen and (max-width: 479px) {
    #dept-contacts span .four-boxes {
        height: 80px;
        width: 100%
    }
}
#dept-contacts span .four-boxes div {
    border-right: 1px solid #ccc;
    height: auto;
    padding: 10px 0;
    margin-bottom: 15px
}
@media screen and (max-width: 479px) {
    #dept-contacts span .four-boxes div {
        border-right: none
    }
}
#dept-contacts span .four-boxes:last-child div {
    border-right: none
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #dept-contacts span .four-boxes:nth-child(2) div {
        border-right: none
    }
}
@media screen and (max-width: 767px) {
    #dept-contacts span .four-boxes:nth-child(2) div {
        border-right: none
    }
}
#dept-contacts span .four-boxes p {
    font-size: 12px;
    margin: 0 20px
}
#dept-contacts span .four-boxes a {
    color: #f15c41
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #dept-contacts span:last-child .four-boxes:last-child,
    #dept-contacts span:last-child .four-boxes:nth-last-child(2) {
        border-bottom: none
    }
}
@media screen and (max-width: 767px) {
    #dept-contacts span:last-child .four-boxes:last-child,
    #dept-contacts span:last-child .four-boxes:nth-last-child(2) {
        border-bottom: none
    }
}
@media screen and (max-width: 479px) {
    #dept-contacts span:last-child .four-boxes:last-child,
    #dept-contacts span:last-child .four-boxes:nth-last-child(2) {
        border-bottom: 1px solid #ccc
    }
}
.search h1 .search-for {
    color: #474848;
    font-size: 16px
}
.search h1 a {
    color: #474848;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    display: block;
    padding-top: 10px
}
.search .read-more {
    background: #f15c41 url(/euf/assets/images/brand/xbutton_arrow.png.pagespeed.ic.nWOWUmQNu8.png) no-repeat 90% center;
    color: #fff;
    float: right;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 8px 20px 8px 10px
}
.search .read-more:hover {
    background: #df4e34 url(/euf/assets/images/brand/xbutton_arrow.png.pagespeed.ic.nWOWUmQNu8.png) no-repeat 90% center
}
.search .read-more.download-button {
    background-image: url(/euf/assets/images/brand/xdownload_btn.png.pagespeed.ic.IsSNNFjE4J.png);
    background-position: 90% 45%;
    padding-right: 30px
}
.search .special-input {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 48.73418%;
    position: relative;
    float: left
}
.search .special-input:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    .search .special-input {
        width: 100%
    }
}
.search .special-input span {
    position: absolute;
    top: 110%;
    left: 10px;
    font-size: 11px
}
.search .special-input input {
    font-size: 16px;
    margin: 0;
    padding: 12px 10px
}
.search .selStyled {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 48.73418%;
    margin-bottom: 10px
}
.search .selStyled:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    .search .selStyled {
        width: 100%
    }
}
.search .selStyled select {
    background: url(/euf/assets/images/brand/xselect-arrow.png.pagespeed.ic.dghWBohUzu.png) no-repeat 83% center
}
@media screen and (max-width: 767px) {
    .search .accordion-container h4,
    .search .accordion-container p {
        padding: 0 2%
    }
}
@media screen and (max-width: 340px) {
    .search .accordion-container h4 {
        font-weight: bold
    }
}
.search .row {
    padding: 0 2%
}
@media screen and (max-width: 340px) {
    .search .literature-section h4 {
        font-weight: bold
    }
}
.search-section,
.download-section,
.class-section,
.literature-section,
.search-result {
    border-bottom: 1px #ccc solid;
    overflow: hidden
}
@media screen and (max-width: 767px) {
    .search-section,
    .download-section,
    .class-section,
    .literature-section,
    .search-result {
        padding-left: 2%;
        padding-right: 2%
    }
}
.literature-section+.accordion-container h4+p {
    margin-bottom: 40px;
    margin-top: 0
}
.search-result {
    border-bottom: 1px solid #ccc
}
.search-section,
.class-section {
    padding-bottom: 40px
}
.search-section p,
.class-section p {
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 0;
    font-weight: bold
}
.download-section {
    padding-bottom: 20px
}
.download-section p {
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: bold
}
.search-section a {
    background: transparent url(/euf/assets/images/brand/xorange_arrow_6x9.png.pagespeed.ic.RSIUpikDT4.png) no-repeat 100% center;
    color: #474848;
    float: right;
    font-weight: 500;
    margin-right: 10px;
    padding-right: 15px;
    text-transform: uppercase
}
.download-section .selStyled {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 100%;
    margin-bottom: 10px
}
.download-section .selStyled:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    .download-section .selStyled {
        width: 100%
    }
}
.download-section .selStyled select {
    background: url(/euf/assets/images/brand/xselect-arrow.png.pagespeed.ic.dghWBohUzu.png) no-repeat 83% center
}
.literature-section {
    padding-bottom: 20px;
    margin-bottom: 30px
}
.literature-section h4 {
    margin-bottom: 10px
}
.literature-section p {
    margin: 10px 0 30px 0
}
.search-result {
    padding-top: 20px
}
@media screen and (max-width: 767px) {
    .search-result {
        padding-top: 30px
    }
}
.page-search {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 36.70886%;
    border: 1px #474848 solid;
    float: left;
    padding: 0;
    position: relative
}
.page-search:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    .page-search {
        width: 100%;
        margin-bottom: 20px
    }
}
.page-search #search {
    display: block;
    float: left;
    margin-right: 3.44828%;
    width: 87.06897%;
    font-size: 14px;
    margin: 0;
    padding: 10px 15px
}
.page-search #search:last-child {
    margin-right: 0
}
.page-search #searchbutton {
    position: absolute;
    top: 10px;
    right: 10px
}
@media screen and (max-width: 767px) {
    .page-search #searchbutton {
        top: 5px
    }
}
@media screen and (max-width: 340px) {
    .page-search #searchbutton {
        top: 10px
    }
}
.download-search,
.class-search,
.literature-search {
    border: none;
    float: left;
    padding: 0;
    width: 100%
}
@media screen and (max-width: 479px) {
    .download-search select,
    .class-search select,
    .literature-search select {
        width: 100%
    }
}
.download-search #searchbutton,
.class-search #searchbutton,
.literature-search #searchbutton {
    background: #f15c41;
    background-image: none;
    border-radius: 2px;
    color: #fff;
    height: auto;
    padding: 10px 15px;
    text-indent: 0;
    width: auto
}
.download-search #searchbutton:hover,
.class-search #searchbutton:hover,
.literature-search #searchbutton:hover {
    background: #df4e34
}
.download-search #searchbutton {
    float: right;
    margin: 5px
}
.class-search select,
.class-search input,
.literature-search select,
.literature-search input {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 48.73418%
}
.class-search select:last-child,
.class-search input:last-child,
.literature-search select:last-child,
.literature-search input:last-child {
    margin-right: 0
}
@media screen and (max-width: 479px) {
    .class-search select,
    .class-search input,
    .literature-search select,
    .literature-search input {
        width: 100%
    }
}
.class-search .special-input select,
.class-search .special-input input,
.literature-search .special-input select,
.literature-search .special-input input {
    width: 100%
}
.class-search #searchbutton,
.literature-search #searchbutton {
    float: right;
    margin-right: 1.4%
}
.class-search #searchbutton {
    margin-top: 5px
}
.literature-search #searchbutton {
    margin-top: 30px
}
.search-title {
    font-size: 15px;
    font-weight: bold
}
.search-title .search-info {
    color: #999;
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding-top: 0
}
.search-title .search-info .sep {
    padding: 0 10px
}
.search-title>a {
    color: #474848
}
.search-title>a:hover {
    color: #f15c41;
    text-decoration: underline
}
@font-face {
    font-family: HelveticaNeue;
    font-weight: normal;
    font-style: normal;
    src: url("fonts/HelveticaNeue/HelveticaNeue.eot");
    src: url("fonts/HelveticaNeue/HelveticaNeue.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeue/HelveticaNeue.woff") format("woff"), url("fonts/HelveticaNeue/HelveticaNeue.ttf") format("truetype"), url("fonts/HelveticaNeue/HelveticaNeue.svg#HelveticaNeue") format("svg");
}
@font-face {
    font-family: HelveticaNeue;
    font-weight: light;
    font-style: normal;
    src: url("fonts/HelveticaNeueLT/HelveticaNeueLT.eot");
    src: url("fonts/HelveticaNeueLT/HelveticaNeueLT.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLT/HelveticaNeueLT.woff") format("woff"), url("fonts/HelveticaNeueLT/HelveticaNeueLT.ttf") format("truetype"), url("fonts/HelveticaNeueLT/HelveticaNeueLT.svg#HelveticaNeue") format("svg");
}
@font-face {
    font-family: HelveticaNeue;
    font-weight: bold;
    font-style: normal;
    src: url("fonts/HelveticaNeueBLD/HelveticaNeueBLD.eot");
    src: url("fonts/HelveticaNeueBLD/HelveticaNeueBLD.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueBLD/HelveticaNeueBLD.woff") format("woff"), url("fonts/HelveticaNeueBLD/HelveticaNeueBLD.ttf") format("truetype"), url("fonts/HelveticaNeueBLD/HelveticaNeueBLD.svg#HelveticaNeue") format("svg");
}
@font-face {
    font-family: Lucida;
    font-weight: normal;
    font-style: normal;
    src: url("fonts/lucidaReg/lucidaReg.eot");
    src: url("fonts/lucidaReg/lucidaReg.eot?#iefix") format("embedded-opentype"), url("fonts/lucidaReg/lucidaReg.woff") format("woff"), url("fonts/lucidaReg/lucidaReg.ttf") format("truetype"), url("fonts/lucidaReg/lucidaReg.svg#Lucida") format("svg");
}
@font-face {
    font-family: Lucida;
    font-weight: bold;
    font-style: normal;
    src: url("fonts/lucidaBold/lucidaBold.eot");
    src: url("fonts/lucidaBold/lucidaBold.eot?#iefix") format("embedded-opentype"), url("fonts/lucidaBold/lucidaBold.woff") format("woff"), url("fonts/lucidaBold/lucidaBold.ttf") format("truetype"), url("fonts/lucidaBold/lucidaBold.svg#Lucida") format("svg");
}
@font-face {
    font-family: HelveticaNeueLTPro;
    font-weight: normal;
    font-style: normal;
    src: url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.eot");
    src: url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.woff") format("woff"), url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.ttf") format("truetype"), url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.svg#HelveticaNeueLTPro") format("svg");
}
@font-face {
    font-family: HelveticaNeueLTPro;
    font-weight: 300;
    font-style: normal;
    src: url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.eot");
    src: url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.woff") format("woff"), url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.ttf") format("truetype"), url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.svg#HelveticaNeueLTPro") format("svg");
}
@font-face {
    font-family: HelveticaNeueLTPro;
    font-weight: bold;
    font-style: normal;
    src: url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.eot");
    src: url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.woff") format("woff"), url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.ttf") format("truetype"), url("fonts/HelveticaNeueLTPro-LtCn/HelveticaNeueLTPro-LtCn.svg#HelveticaNeueLTPro") format("svg");
}
@font-face {
    font-family: HelveticaNeueLtCn;
    font-weight: normal;
    font-style: normal;
    src: url("fonts/HelveticaNeueLtCn/HelveticaNeueLtCn.eot");
    src: url("fonts/HelveticaNeueLtCn/HelveticaNeueLtCn.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueLtCn/HelveticaNeueLtCn.woff") format("woff"), url("fonts/HelveticaNeueLtCn/HelveticaNeueLtCn.ttf") format("truetype"), url("fonts/HelveticaNeueLtCn/HelveticaNeueLtCn.svg#HelveticaNeueLtCn") format("svg");
}
@font-face {
    font-family: PragmaticaEL;
    font-weight: normal;
    font-style: normal;
    src: url("fonts/PragmaticaEL/PragmaticaEL.eot");
    src: url("fonts/PragmaticaEL/PragmaticaEL.eot?#iefix") format("embedded-opentype"), url("fonts/PragmaticaEL/PragmaticaEL.woff") format("woff"), url("fonts/PragmaticaEL/PragmaticaEL.ttf") format("truetype"), url("fonts/PragmaticaEL/PragmaticaEL.svg#PragmaticaEL") format("svg");
}
@font-face {
    font-family: PragmaticaCL;
    font-weight: normal;
    font-style: normal;
    src: url("fonts/PragmaticaCL/PragCL.eot");
    src: url("fonts/PragmaticaCL/PragCL.eot?#iefix") format("embedded-opentype"), url("fonts/PragmaticaCL/PragCL.woff") format("woff"), url("fonts/PragmaticaCL/PragCL.ttf") format("truetype"), url("fonts/PragmaticaCL/PragCL.svg#PragmaticaCL") format("svg");
}
body {
    background: url(/euf/assets/images/brand/xsubtle_dots.png.pagespeed.ic.R3xDtp-_Rw.png);
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	 font-family: Arial;
    position: relative;
    color: #474848;
    font-size: 14px
}
a {
    color: #f15c41
}
a:hover {
    text-decoration: underline
}
h1,
h2,
h3,
h4,
p {
    color: #474848
}
h1 {
    font-family: PragmaticaCL, Arial, "Lucida Grande", sans-serif
}
h2,
h3,
h4 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}
h1 {
   
    font-size: 25px;
    margin: 0 0 20px 0;
    padding-top: 10px;
    width: auto
}
@media screen and (max-width: 767px) {
    h1 {
        background-position: 2% top;
        font-size: 30px;
        margin-top: 10px;
        padding: 10px 2%
    }
}
@media screen and (max-width: 340px) {
    h1 {
        font-size: 26px;
        line-height: 26px
    }
}
h2 {
    clear: both;
    font-size: 24px;
    font-weight: lighter
}
@media screen and (max-width: 767px) {
    h2 {
        padding: 0 2%
    }
}
h3 {
    border-bottom: 1px #474848 solid;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px
}
h4 {
    padding-top: 10px;
    font-size: 15px;
    font-weight: 500
}
p {
    font-size: 15px;
    line-height: 24px;
    margin: 20px 0
}
strong,
b {
    font-weight: bold
}
em,
i {
    font-style: italic
}
img {
    vertical-align: middle
}
.no-mobile {
    display: block
}
@media screen and (max-width: 767px) {
    .no-mobile {
        display: none
    }
}
.mobile-only {
    display: none
}
@media screen and (max-width: 767px) {
    .mobile-only {
        display: block
    }
}
.cta-box {
    position: relative
}
.cta-box a {
    color: #474848
}
.cta-box a:hover img {
    border-bottom: 25px #f15c41 solid
}
.cta-box p {
    position: absolute;
    bottom: 5px;
    background: url(/euf/assets/images/brand/xitem-title-bg.png.pagespeed.ic.vmjK1fozL0.png) repeat;
    color: #fff;
    padding: 10px 15px;
    margin-bottom: 0;
    width: 100%
}
.cta-box img {
    border-bottom: 25px solid transparent
}
.wrap select,
.wrap input,
button,
.wrap textarea {
    background: none;
    border: 1px #474848 solid;
    color: #474848;
    font-size: 14px;
    padding: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}
.wrap select::-webkit-input-placeholder,
.wrap input::-webkit-input-placeholder,
button::-webkit-input-placeholder,
.wrap textarea::-webkit-input-placeholder {
    color: #474848
}
.wrap select:-moz-placeholder,
.wrap input:-moz-placeholder,
button:-moz-placeholder,
.wrap textarea:-moz-placeholder {
    color: #474848
}
.wrap select::-moz-placeholder,
.wrap input::-moz-placeholder,
button::-moz-placeholder,
.wrap textarea::-moz-placeholder {
    color: #474848
}
.wrap select:-ms-input-placeholder,
.wrap input:-ms-input-placeholder,
button:-ms-input-placeholder,
.wrap textarea:-ms-input-placeholder {
    color: #474848
}
div.selStyled {
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 1px #474848 solid
}
div.selStyled.off {
    border: 1px #999 solid
}
.wrap select {
    width: 115%;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    border: none;
    box-shadow: none;
    background: none;
    color: #474848;
    font-size: 16px;
    padding: 10px
}
.wrap input:focus,
.wrap select:focus,
.wrap textarea:focus,
.wrap button:focus {
    outline: none
}
.wrap select {
    background: url(/euf/assets/images/brand/xselect-arrow.png.pagespeed.ic.dghWBohUzu.png) no-repeat 83% center
}
.wrap select[disabled] {
    background: url(/euf/assets/images/brand/xselect-arrow-inactive.png.pagespeed.ic.GmDjr5YnAo.png) no-repeat 83% center;
    border-color: #999;
    color: #999
}
.wrap input:disabled.read-more {
    background: #f8ada0;
    color: #ffff
}
.wrap input:disabled::-webkit-input-placeholder {
    color: #999
}
.wrap textarea:disabled::-webkit-input-placeholder {
    color: #999
}
#country-list {
    background: url(/euf/assets/images/brand/xsubmenu-bg.png.pagespeed.ic.4YRG7kO8zq.png);
    background-color: #393a3a;
    display: none;
    padding-top: 20px;
    padding-bottom: 50px
}
#country-list.version2 {
    position: absolute;
    width: 100%;
    z-index: 4000
}
#country-list .wrap {
    background: url(/euf/assets/images/brand/xcountry-background.png.pagespeed.ic.BY8qyTY1kD.png) no-repeat top center;
    background-position-y: 60px;
    position: relative
}
#country-list .country {
    font-size: 13px
}
#country-list .country-list-title {
    background: none;
    font-family: Lucida, Arial, "Lucida Grande", sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 23px;
    margin-bottom: 20px;
    margin-top: 0;
    padding-left: 0
}
#country-list .close-menu {
    position: absolute;
    bottom: -25px;
    left: 50%;
    background: transparent url(/euf/assets/images/brand/xclose_triangle.png.pagespeed.ic.2doPSzLYbh.png) no-repeat center top;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 11px;
    height: 8px;
    margin-left: -12px;
    padding-top: 10px;
    width: 25px
}
.menu-top {
    top: 25px
}
#country-list p,
#country-list a,
#country-list .country {
    color: #fff
}
#country-list a {
    font-size: 11px;
    font-weight: lighter;
    line-height: 25px;
    padding: 0px 3px
}
@media screen and (max-width: 767px) {
    #country-list a {
        font-size: 13px;
        padding: 10px
    }
}
#country-list a:hover {
    color: #f15c41;
    text-decoration: underline
}
#country-list ul {
    float: left;
    margin-top: 0;
    padding-left: 10px;
    margin-right: 10px
}
#country-list li {
    background: transparent url(/euf/assets/images/brand/xsquare_bullet.png.pagespeed.ic._0APU62FNh.png) no-repeat left 9px;
    color: #c6c6c6;
    line-height: 22px;
    padding-left: 10px;
    margin: 0 0 0 15px
}
#country-list li.regionname {
    background: transparent url(/euf/assets/images/brand/xorange_arrow.png.pagespeed.ic.up6yyvLt0M.png) no-repeat left center!important;
    font-size: 13px;
    font-weight: bold;
    margin: 15px 0 0px 0px;
    padding-left: 10px!important;
    color: #fff!important
}
@media screen and (max-width: 767px) {
    #country-list li {
        float: none;
        margin: 0
    }
}
#country-list p {
    background: transparent url(/euf/assets/images/brand/xorange_arrow.png.pagespeed.ic.up6yyvLt0M.png) no-repeat left center;
    font-size: 13px;
    font-weight: bold;
    margin: 15px 0 0px 0;
    padding-left: 10px
}
#country-list p a {
    font-size: 13px
}
#country-list .col {
    float: left;
    margin-right: 10px
}
#country-list .col ul {
    max-width: 230px
}
#country-list .col.first {
    margin-left: 0
}
#country-list .col.last p {
    background: transparent url(/euf/assets/images/brand/xorange_arrow.png.pagespeed.ic.up6yyvLt0M.png) no-repeat 0 10px
}
.countrylist {
    background: transparent url(/euf/assets/images/brand/xorange_arrow.png.pagespeed.ic.up6yyvLt0M.png) no-repeat left center;
    font-size: 13px;
    font-weight: bold;
    margin: 15px 0 0px 0;
    padding-left: 10px;
    !important
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #country-list .col {
        margin-left: 0;
        width: 130px
    }
    #country-list .col.first {
        margin-left: 0
    }
}
@media screen and (max-width: 767px) {
    #country-list .col {
        float: none;
        margin: 0;
        width: 100%
    }
    #country-list .col ul {
        display: none
    }
}
#head {
    overflow: hidden
}
#head li {
    list-style-type: none
}
#head #head a {
    color: #231f20;
    text-decoration: none
}
#head a {}#breadcrumb {
    margin-bottom: 30px
}
.category #breadcrumb,
.products #breadcrumb,
.product-detail #breadcrumb,
.newsroom #breadcrumb,
.post #breadcrumb,
.blogs #breadcrumb {
    margin-bottom: 0
}
#top-nav {
    overflow: hidden
}
@media screen and (max-width: 767px) {
    #top-nav {
        margin-bottom: 20px
    }
}
#top-nav ul {
    float: right;
    margin-right: 0
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    #top-nav ul {
        padding: 0;
        width: 100%
    }
}
@media screen and (max-width: 479px) {
    #top-nav ul {
        padding: 0;
        width: 100%
    }
}
#top-nav li {
    border-bottom: 1px #ececec solid;
    border-left: 1px #ececec solid;
    float: left
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    #top-nav li {
        background: #ececec;
        border: none;
        text-align: right;
        width: 25%
    }
}
@media screen and (max-width: 479px) {
    #top-nav li {
        background: #ececec;
        border-right: 1px solid #ccc;
        float: left;
        height: 45px;
        text-align: center;
        width: 25%
    }
}
#top-nav a {
    color: #474848;
    display: block;
    font-size: 10px;
    padding: 11px 10px;
    position: relative
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    #top-nav a {
        margin-right: 10px;
        padding: 10px 0
    }
}
#top-nav a:hover {
    text-decoration: none
}
#top-nav a#country {
    background: transparent url(/euf/assets/images/brand/xcountry-icon.png.pagespeed.ic.Gj2XQ58Tln.png) no-repeat left center;
    margin-left: 10px;
    padding-left: 40px;
    padding-right: 15px
}
@media screen and (max-width: 767px) {
    #top-nav a#country {
        padding-right: 0
    }
}
@media screen and (max-width: 479px) {
    #top-nav a#country {
        color: transparent;
        background-position: 15px 10px;
        font-size: 0;
        height: 45px;
        line-height: 0
    }
}
@media screen and (max-width: 340px) {
    #top-nav a#country {
        background-position: 10px 10px
    }
}
#top-nav .triangleUp {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 3.5px;
    border-bottom-color: #474848;
    display: block;
    position: absolute;
    right: 5px;
    top: 11px
}
@media screen and (max-width: 767px) {
    #top-nav .triangleUp {
        display: none
    }
}
#top-nav .triangleDown {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 3.5px;
    border-top-color: #474848;
    display: block;
    position: absolute;
    right: 5px;
    top: 14px
}
@media screen and (max-width: 767px) {
    #top-nav .triangleDown {
        display: none
    }
}
#top-nav form {
    border: 1px #ececec solid;
    border-top: none;
    float: right;
    padding: 6px 10px 0;
    min-height: 26px;
}
@media screen and (max-width: 767px) {
    #top-nav form {
        display: none
    }
}
#logo {
    float: left;
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 17.72152%
}
#logo:last-child {
    margin-right: 0
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    #logo {
        display: block;
        float: left;
        margin-right: 1.26582%;
        width: 30.37975%;
        float: none
    }
    #logo:last-child {
        margin-right: 0
    }
}
@media screen and (max-width: 479px) {
    #logo {
        display: block;
        float: left;
        margin-right: 5.26316%;
        width: 47.36842%;
        float: none
    }
    #logo:last-child {
        margin-right: 0
    }
}
#logo img {
    height: auto;
    width: 100%
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    #logo,
    #logo img {
        display: block;
        margin: 0 auto
    }
}
@media screen and (max-width: 479px) {
    #logo,
    #logo img {
        display: block;
        float: none;
        margin: 0 auto
    }
}
#search {
    background: transparent;
    border: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    padding: 0 6px;
}
@media screen and (max-width: 767px) {
    #search {
        font-size: 15px
    }
}
#searchbutton {
    background: transparent url(/euf/assets/images/brand/xsearchbutton.png.pagespeed.ic.NoqePhw2tm.png) no-repeat center right;
    border: none;
    height: 17px;
    padding: 0;
    text-indent: -999999px;
    width: 17px;
	margin-top: 0;
	box-shadow: none;
}
@media screen and (max-width: 767px) {
    #searchbutton {
        float: right
    }
    #search,
    #searchbutton {
        margin: 5px
    }
}
@media screen and (max-width: 340px) {
    #search,
    #searchbutton {
        margin: 0
    }
}
#main-nav {
    float: right;
    margin-bottom: 0;
    margin-top: 26px;
    position: relative;
    z-index: 900
}
#main-nav.active {
    display: block
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #main-nav {
        margin-top: 10px
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    #main-nav {
        float: none;
        margin: 0 auto;
        padding: 0;
        width: 100%
    }
}
@media screen and (max-width: 479px) {
    #main-nav {
        float: none;
        margin: 0 auto;
        padding: 0;
        width: 100%
    }
}
#main-nav li {
    font-size: 14px;
    float: left;
    margin: 0 15px;
    position: relative
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #main-nav li {
        margin: 0 8px
    }
}
@media screen and (max-width: 767px) {
    #main-nav li {
        border-bottom: 1px #ececec solid;
        float: none;
        margin: 0
    }
}
#main-nav li.first {
    margin-left: 0
}
#main-nav li.last {
    margin-right: 0
}
#main-nav li .menu-marker {
    position: absolute;
    bottom: -12px;
    left: 50%;
    display: none;
    height: 11px;
    margin-left: -10px;
    width: 21px
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    #main-nav li .menu-marker {
        display: none!important
    }
}
@media screen and (max-width: 479px) {
    #main-nav li .menu-marker {
        display: none!important
    }
}
#main-nav a {
    color: #474848;
  /* color: #f15c41;*/
    display: block;
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 30px;
    padding-top: 12px;
    position: relative;
    text-transform: uppercase
}
#main-nav a.active,
#main-nav a:hover {
    color: #f15c41;
    text-decoration: none
}
@media screen and (max-width: 767px) {
    #main-nav a {
        background: #f5f5f5;
        padding: 10px
    }
}
#main-nav #mobileTop {
    background: #f5f5f5;
    height: 49px;
    position: relative;
    z-index: 900
}
#main-nav #mobileTop li {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 24.05063%;
    float: left;
    height: 50px
}
#main-nav #mobileTop li:last-child {
    margin-right: 0
}
#main-nav #mobileTop a {
    background: url(/euf/assets/images/brand/xmobile-nav-icons.png.pagespeed.ic.Jrvtb-efo-.png) no-repeat 0 0;
    height: 18px;
    margin: 15px auto 0 auto;
    text-indent: -9999px;
    text-transform: capitalize;
    width: 40px
}
#main-nav #mobileTop a#lit {
    background-position: -50px 0
}
#main-nav #mobileTop a#login {
    background-position: -90px 0
}
#main-nav #mobileTop a#contact {
    background-position: -135px 0
}
#mobile-nav {
    background: #ececec;
    margin-top: 20px;
    margin-bottom: 30px;
    overflow: hidden
}
#mobile-nav a {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 24.05063%;
    background: #f5f5f5 url(/euf/assets/images/brand/xmobile-nav.png.pagespeed.ic.ITZoH4__Cy.png) no-repeat 10px 11px;
    color: #474848;
    display: block;
    float: right;
    font-weight: 500;
    font-size: 13px;
    padding: 12px 10px 12px 40px;
    text-decoration: none
}
#mobile-nav a:last-child {
    margin-right: 0
}
@media screen and (max-width: 479px) {
    #mobile-nav a {
        display: block;
        float: left;
        margin-right: 5.26316%;
        width: 21.05263%
    }
    #mobile-nav a:last-child {
        margin-right: 0
    }
}
@media screen and (max-width: 340px) {
    #mobile-nav a {
        padding: 12px 44px 12px 40px
    }
}
#mobile-nav a.active {
    background: #f5f5f5 url(/euf/assets/images/brand/xmobile-nav-active.png.pagespeed.ic.GRQAFOvYjB.png) no-repeat 10px 11px;
    color: #f15c41
}
#mobile-nav form {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 74.68354%
}
#mobile-nav form:last-child {
    margin-right: 0
}
@media screen and (max-width: 479px) {
    #mobile-nav form {
        display: block;
        float: left;
        margin-right: 5.26316%;
        width: 73.68421%
    }
    #mobile-nav form:last-child {
        margin-right: 0
    }
}
@media screen and (max-width: 340px) {
    #mobile-nav form {
        display: block;
        float: left;
        margin-right: 5.26316%;
        width: 68.42105%
    }
    #mobile-nav form:last-child {
        margin-right: 0
    }
}
#mobile-nav form #search {
    padding-left: 15px
}
@media screen and (max-width: 340px) {
    #mobile-nav form #search {
        padding-top: 10px;
        width: 90%
    }
}
#mobile-nav form #searchbutton {
    margin-top: 10px
}
@media screen and (max-width: 767px) {
    #mobile-nav {
        margin-bottom: 0
    }
}
#submenu {
    background: url(/euf/assets/images/brand/xsubmenu-bg.png.pagespeed.ic.4YRG7kO8zq.png) repeat 0 0;
    overflow: hidden;
    position: relative;
    z-index: 1000
}
#submenu a {
    text-decoration: none
}
#submenu a:hover {
    color: #f15c42
}
#submenu a.active {
    color: #f15c41
}
#submenuV2 {
    background: #474848;
    opacity: .99;
    filter: alpha(opacity=99);
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1000
}
#submenuV2 a {
    text-decoration: none
}
#submenuV2 a:hover {
    color: #f15c42
}
#submenuV2 a.active {
    color: #f15c41
}
.menu-container {
    display: none;
    position: relative
}
.menu-container .close-menu,
#country-list .close-menu {
    background: transparent url(/euf/assets/images/brand/xclose_triangle.png.pagespeed.ic.2doPSzLYbh.png) no-repeat center top;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 11px;
    height: 8px;
    margin-left: -12px;
    padding-top: 10px;
    width: 25px
}
.menu-container .close-menu {
    position: absolute;
    bottom: 25px;
    left: 50%;
    z-index: 3000
}
.menu-tabs {
    background: #dcdcdc;
    background: -moz-linear-gradient(top, gainsboro 0%, white 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, gainsboro), color-stop(100%, white));
    background: -webkit-linear-gradient(top, gainsboro 0%, white 100%);
    background: -o-linear-gradient(top, gainsboro 0%, white 100%);
    background: -ms-linear-gradient(top, gainsboro 0%, white 100%);
    background: linear, to bottom, gainsboro 0%, white 100%;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#ffffff', GradientType=0);
    border-top: 2px #ececec solid;
    margin-bottom: 0
}
.menu-tabs .wrap {
    margin-bottom: 0;
    padding: 0
}
.menu-tabs li {
    border-right: 2px solid #ccc;
    float: left;
    font-size: 14px;
    list-style-type: none;
    padding: 0 15px
}
.menu-tabs li.first {
    margin-left: 0
}
.menu-tabs li.last {
    border-right: none;
    margin-right: 0
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .menu-tabs li {
        padding: 0 8px
    }
}
.menu-tabs a {
    color: #474848;
    display: block;
    padding: 10px;
    position: relative
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .menu-tabs a {
        padding: 10px 0
    }
}
.menu-tabs a .triangleUp {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-bottom-color: #474848;
    display: none;
    position: absolute;
    right: 50%;
    bottom: 0
}
.menu-tabs a.active .triangleUp {
    display: block
}
.menu-listing {
    display: none;
    position: relative;
    min-height: 150px
}
.menu-listing.wrap {
    margin-bottom: 40px;
    margin-top: 20px;
    padding: 0
}
.menu-listing.active {
    display: block
}
.menu-listing .col {
    float: left;
    height: auto;
    margin-bottom: 50px;
    margin-left: 0;
    margin-right: 10px;
    padding-top: 20px;
    width: 180px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .menu-listing .col {
        margin-left: 0;
        width: 140px
    }
    .menu-listing .col.first {
        margin-left: 0
    }
}
@media screen and (max-width: 767px) {
    .menu-listing .col {
        float: none;
        margin: 0;
        width: 100%
    }
    .menu-listing .col ul {
        display: none
    }
}
.menu-listing a {
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 19px;
    padding: 5px 0px
}
@media screen and (max-width: 767px) {
    .menu-listing a {
        font-size: 13px;
        padding: 10px
    }
}
.menu-listing ul {
    padding-left: 10px;
    margin-top: 0;
    margin-right: 10px
}
.menu-listing li {
    background: transparent url(/euf/assets/images/brand/xsquare_bullet.png.pagespeed.ic._0APU62FNh.png) no-repeat left 12px;
    color: #c6c6c6;
    line-height: 12px;
    padding-left: 10px
}
@media screen and (max-width: 767px) {
    .menu-listing li {
        float: none;
        margin: 0
    }
}
.menu-listing p {
    background: transparent url(/euf/assets/images/brand/xorange_arrow.png.pagespeed.ic.up6yyvLt0M.png) no-repeat left 10px;
    font-weight: bold;
    margin: 0;
    padding-left: 10px
}
.menu-overview {
    background: url(/euf/assets/images/brand/xmenu-overview-bg.png.pagespeed.ic.iJZn36Q5BC.png) repeat 0 0;
    height: 56px;
    overflow: hidden
}
.menu-overview a {
    color: #fff;
    display: block;
    font-size: 13px;
    padding: 5px 0px
}
@media screen and (max-width: 767px) {
    .menu-overview a {
        font-size: 13px;
        padding: 10px
    }
}
.menu-overview ul {
    margin-top: 0;
    padding-left: 10px;
    margin-right: 10px
}
.menu-overview li {
    background: transparent url(/euf/assets/images/brand/xsquare_bullet.png.pagespeed.ic._0APU62FNh.png) no-repeat left 9px;
    color: #c6c6c6;
    line-height: 12px;
    padding-left: 10px
}
@media screen and (max-width: 767px) {
    .menu-overview li {
        float: none;
        margin: 0
    }
}
.menu-overview p {
    background: transparent url(/euf/assets/images/brand/xorange_arrow.png.pagespeed.ic.up6yyvLt0M.png) no-repeat left 10px;
    font-weight: bold;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 0;
    padding-left: 10px;
    width: 190px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .menu-overview p {
        margin-left: 0;
        width: 130px
    }
    .menu-overview p:first-child {
        margin-left: 0
    }
}
@media screen and (max-width: 767px) {
    .menu-overview p {
        float: none;
        margin: 0;
        width: 100%
    }
    .menu-overview p ul {
        display: none
    }
    #breadcrumb {
        display: none
    }
}
#breadcrumb ul {
    float: right
}
#breadcrumb li {
    float: left;
    font-size: 12px;
    padding-left: 10px
}
#breadcrumb li a:before {
    content: '>';
    padding-right: 10px;
    position: absolute;
    top: 10px;
    left: 0
}
#breadcrumb .marker,
#breadcrumb #home-crumb,
#breadcrumb a {
    color: #474848;
    display: block;
    padding: 10px 0 0 15px;
    position: relative
}
#home-crumb {
    background: transparent url(/euf/assets/images/brand/xhome-crumb.png.pagespeed.ic.WdH2oC439Q.png) no-repeat left center;
    height: 30px;
    text-indent: -999999px;
    width: 13px
}
.accordion-container .top-level {
    border-bottom: 1px #ccc solid
}
.accordion-container .top-level .title {
    background: url(/euf/assets/images/brand/xselect-arrow.png.pagespeed.ic.dghWBohUzu.png) no-repeat 95% center;
    cursor: pointer;
    display: block;
    padding: 15px 15px
}
.accordion-container .top-level.active .title {
    background: url(/euf/assets/images/brand/xselect-arrow-rev.png.pagespeed.ic.i5KsOMKNhB.png) no-repeat 95% center;
    background-color: rgba(234, 234, 234, .4);
    font-weight: bold
}
.accordion-container .top-level ul,
.accordion-container .top-level .level-contnet {
    display: none;
    margin-bottom: 30px
}
.accordion-container .top-level ol {
    margin-top: 20px
}
.accordion-container .top-level ol li {
    padding-bottom: 20px
}
.accordion-container .top-level a {
    background: transparent url(/euf/assets/images/brand/xdoc_icon.png.pagespeed.ic.Isoe4kL0So.png) no-repeat 13px 13px;
    color: #474848;
    display: block;
    font-size: 14px;
    padding: 10px 10px 10px 30px
}
.accordion-container .top-level a:hover {
    color: #f15c41
}
#ir-curve {
    background: transparent url(/euf/assets/images/brand/xir_curve.png.pagespeed.ic.Mt5xwrPf2n.png) no-repeat center top;
    height: 270px;
    margin-top: -145px;
    position: relative;
    width: 100%;
    z-index: 1000
}
#footer {
    background: #474848
}
#footer-content {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 87.34177%;
    float: right
}
#footer-content:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    #footer-content {
        width: 100%;
        float: none;
        margin: 0 auto
    }
    #footer-content:last-child {
        margin-right: auto
    }
}
#footer-content .left {
    display: block;
    float: left;
    margin-right: 1.44928%;
    width: 73%;
    margin: 15px 0 0 0
}
#footer-content .left:last-child {
    margin-right: 0
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #footer-content .left {
        padding-right: 0
    }
    #footer-content .left .intro {
        display: none
    }
}
@media screen and (max-width: 767px) {
    #footer-content .left {
        float: none;
        width: 100%
    }
}
#footer-content .right {
    display: block;
    float: left;
    margin-right: 1.44928%;
    width: 20.28986%;
    border-left: 1px #fff solid;
    margin-left: 0;
    padding-left: 10px
}
#footer-content .right:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    #footer-content .right {
        border: none;
        width: 70%;
        margin-left: 30%
    }
}
#footer-content .right img {
    image-rendering: optimizeQuality;
    margin: 30px 0 30px 10px;
    width: 100%
}
@media screen and (max-width: 767px) {
    #footer-content .right img {
        margin-left: 0;
        margin-top: 15px;
        width: 50%
    }
}
#footer-content p {
    clear: both;
    color: #fff;
    font-size: 11px;
    text-align: right;
    margin-bottom: 0;
    margin-right: 5px;
    padding-right: 5px
}
@media screen and (max-width: 767px) {
    #footer-content p {
        text-align: center;
        line-height: 14px;
        width: 100%;
        margin: 0px auto;
        padding: 10px
    }
}
#footer-content p a {
    color: #fff
}
#footer-links {
    float: right;
    margin-bottom: 10px;
    margin-right: 5px
}
@media screen and (max-width: 767px) {
    #footer-links {
        float: none;
        margin: 0 auto;
        width: 100%
    }
}
#footer-links li {
    border-left: 1px #fff solid;
    border-right: none;
    float: left
}
#footer-links li:first-child {
    border: none
}
@media screen and (max-width: 767px) {
    #footer-links li:first-child {
        border-bottom: solid 1px #999
    }
    #footer-links li:first-child a {
        padding-top: 0
    }
    #footer-links li {
        border: none;
        border-bottom: solid 1px #999;
        float: left;
        margin-top: 10px;
        width: 100%
    }
}
#footer-links a {
    color: #fff;
    display: block;
    font-size: 11px;
    padding: 5px
}
@media screen and (max-width: 767px) {
    #footer-links a {
        font-size: 14px;
        margin: 0 5px;
        padding: 10px;
        text-align: center
    }
}
#brand-links {
    float: right;
    margin-bottom: 10px;
    margin-right: 5px;
    overflow: hidden
}
@media screen and (max-width: 767px) {
    #brand-links {
        margin-top: 10px;
        padding-left: 10%;
        padding-top: 10px;
        width: 90%
    }
}
@media screen and (max-width: 479px) {
    #brand-links {
        width: 100%;
        margin-right: 2%
    }
}
@media screen and (max-width: 340px) {
    #brand-links {
        padding-top: 0
    }
}
#brand-links li {
    color: #fff;
    float: left;
    font-size: 11px;
    padding: 0 5px
}
@media screen and (max-width: 767px) {
    #brand-links li {
        margin-left: 10px
    }
}
@media screen and (max-width: 479px) {
    #brand-links li {
        margin-left: 0
    }
}
@media screen and (max-width: 340px) {
    #brand-links li {
        width: auto;
        padding-top: 10px;
        padding-bottom: 10px
    }
}
#brand-links .intro {
    display: block;
    line-height: 15px;
    padding-right: 15px;
    position: relative
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #brand-links .intro {
        float: none;
        padding-right: 5px;
        text-align: right;
        padding-bottom: 10px
    }
}
@media screen and (max-width: 767px) {
    #brand-links .intro {
        display: none
    }
}
#brand-links .intro a {
    color: #fff;
    font-style: italic
}
#brand-links .intro .footer-triangle {
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    border-left-color: #fff;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -5px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #brand-links .intro .footer-triangle {
        display: none
    }
}
@media screen and (max-width: 767px) {
    #brand-links .intro .footer-triangle {
        display: none
    }
}
.contact-info .info-item {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px
}
.contact-info .info-item:last-child {
    border-bottom: 1px solid #474848
}
.contact-info p {
    font-size: 12px;
    margin: 0
}
#lb_overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 2000;
    display: none
}
#lb_lightbox {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 100%;
    background: #fff url(/euf/assets/images/brand/xsubtle_dots.png.pagespeed.ic.R3xDtp-_Rw.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
    padding: 40px 50px 80px 50px
}
#lb_lightbox:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    #lb_lightbox {
        display: block;
        float: left;
        margin-right: 1.26582%;
        width: 87.34177%;
        margin-left: 6.32911%
    }
    #lb_lightbox:last-child {
        margin-right: 0
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    #lb_lightbox {
        display: block;
        float: left;
        margin-right: 1.26582%;
        width: 100%;
        margin-left: 0%
    }
    #lb_lightbox:last-child {
        margin-right: 0
    }
}
@media screen and (max-width: 479px) {
    #lb_lightbox {
        display: block;
        float: left;
        margin-right: 5.26316%;
        width: 100%;
        margin-left: 0%
    }
    #lb_lightbox:last-child {
        margin-right: 0
    }
}
#lb_lightbox img {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 49.36709%;
    margin-right: 2%
}
#lb_lightbox img:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    #lb_lightbox img {
        width: 20%
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    #lb_lightbox img {
        width: 100%
    }
}
@media screen and (max-width: 479px) {
    #lb_lightbox img {
        width: 100%
    }
}
#lb_lightbox h3 {
    display: none
}
#lb_lightbox h1,
#lb_lightbox p {
    display: block;
    float: left;
    margin-right: 1.26582%;
    width: 43.03797%
}
#lb_lightbox h1:last-child,
#lb_lightbox p:last-child {
    margin-right: 0
}
@media screen and (max-width: 767px) {
    #lb_lightbox h1,
    #lb_lightbox p {
        width: 50%
    }
}
#lb_lightbox h1 {
    font-size: 35px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #lb_lightbox h1 {
        font-size: 25px
    }
}
#lb_lightbox p {
    margin: 0 0 0 0
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #lb_lightbox p {
        border: none;
        margin: 0;
        padding-bottom: 15px
    }
}
#lb_lightbox .lb-container {
    overflow: hidden;
    height: 299px
}
#lb_lightbox .lb-slides {
    width: 800%
}
#lb_lightbox .lb-slide {
    float: left;
    position: relative;
    width: 860px
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #lb_lightbox .lb-slide {
        width: 600px
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    #lb_lightbox .lb-slide {
        width: 450px
    }
    #lb_lightbox .lb-slide img {
        width: 100%
    }
    #lb_lightbox .lb-slide h1 {
        width: 250px
    }
}
@media screen and (max-width: 479px) {
    #lb_lightbox .lb-slide {
        width: 300px
    }
}
#lb_lightbox .next {
    position: absolute;
    right: 80px;
    bottom: 20px;
    background: url(/euf/assets/images/brand/xlb-prev-next.png.pagespeed.ic.p1bT1blGum.png);
    background-position: 40px 0;
    height: 30px;
    margin: 0;
    width: 40px
}
#lb_lightbox .prev {
    background: url(/euf/assets/images/brand/xlb-prev-next.png.pagespeed.ic.p1bT1blGum.png);
    position: absolute;
    right: 121px;
    bottom: 20px;
    height: 30px;
    margin: 0;
    width: 40px
}
#lb_lightbox .rights {
    position: absolute;
    bottom: 50px;
    left: 50px;
    font-size: 11px;
    text-transform: uppercase
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #lb_lightbox .rights {
        position: absolute;
        bottom: 20px;
        left: 50px
    }
}
@media screen and (max-width: 767px) {
    #lb_lightbox .rights {
        position: absolute;
        bottom: 20px;
        left: 50px
    }
}
#lb_lightbox #lb_light_close {
    position: absolute;
    top: 0px;
    right: -25px;
    background: #f15c41;
    color: #fff;
    padding: 5px 8px;
    text-decoration: none
}
@media screen and (max-width: 767px) {
    #lb_lightbox #lb_light_close {
        position: absolute;
        top: 0px;
        right: 0px
    }
}
#lb_lightbox .share-boxes {
    position: absolute;
    bottom: 0px;
    left: 52%;
    border-top: 2px solid #ccc;
    width: 45%
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    #lb_lightbox .share-boxes {
        position: relative;
        left: 0;
        width: 100%
    }
}
#lb_lightbox .share-boxes p {
    border-bottom: none;
    font-weight: 500;
    padding: 0;
    margin: 10px 0 0 0
}
#lb_lightbox .share-boxes .share-this {
    margin: 0;
    clear: both
}
#lb_lightbox .share-boxes .share-this li {
    padding-top: 5px
}
@media screen and (max-width: 767px) {
    #lb_lightbox .share-boxes .share-this {
        display: none
    }
}
.share-this {
    margin-left: 70px
}
@media screen and (max-width: 340px) {
    .share-this {
        margin-left: 50px
    }
}
.share-this li {
    float: left;
    margin-right: 15px
}
@media screen and (max-width: 340px) {
    .share-this li {
        margin-right: 10px
    }
}
.share-this li span {
    cursor: pointer;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 25px 0 0;
    width: 26px;
    height: 26px
}
.share-this .st_facebook_custom {
    background: transparent url(/euf/assets/images/brand/xfeatured_share.png.pagespeed.ic.RHnfNQ3Ykx.png) no-repeat left top;
    background-position: -44px 0
}
.share-this .st_twitter_custom {
    background: transparent url(/euf/assets/images/brand/xfeatured_share.png.pagespeed.ic.RHnfNQ3Ykx.png) no-repeat left top
}
.share-this .st_googleplus_custom {
    background: transparent url(/euf/assets/images/brand/xfeatured_share.png.pagespeed.ic.RHnfNQ3Ykx.png) no-repeat left top;
    background-position: -86px 0px
}
.share-this .st_linkedin_custom {
    background: transparent url(/euf/assets/images/brand/xfeatured_share.png.pagespeed.ic.RHnfNQ3Ykx.png) no-repeat left top;
    background-position: -131px 0px
}
.product-detail .totalAmount {
    font-size: 1.09em;
    font-weight: bold;
    text-align: right;
    padding: 10px 11px;
    margin-bottom: 20px;
    border-top: 1px solid #2e621b;
    border-bottom: 1px solid #2e621b;
    line-height: 1.5
}
.lead-form input {
    margin-bottom: 15px
}
.lead-form input,
.lead-form textarea {
    display: block;
    float: left;
    margin-right: 1.69492%;
    width: 95%
}
.lead-form textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px
}
.lead-form input.submit,
.lead-form input.submit {
    background: #f15c41;
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    width: 70px
}
.lead-form input[disabled],
.lead-form textarea[disabled] {
    border-color: #999;
    color: #999
}
.lead-form input.submit[disabled] {
    background: #f8ada0
}
.lead-form .section {
    margin-bottom: 15px;
    overflow: hidden
}

.search-home #search,.search-home  #searchbutton
{
	
    position: relative;
    top: -7px;
}
.search-home #rn_SearchControls {
    background: #fff;
    border-right: 1px solid #bbb;
    padding: 15px 25px 0;
	width: 93%;
}

.hide
{
	display:none;
}
.btn-red
{
	 background-color: #ef520b;
    padding: 10px;
    box-shadow: none;
    border: 1px solid #ef520b;
    text-shadow: none;
    font-size: 13px;
    margin-left: 15px;
    width: 98%;
}

/*
/** Second file content ------ **/



Dan's Tools
cleancss.com/css-beautify
CSS Beautifier

    Development
    Encode/Decoders
    Formatters
    Images
    Internet
    Minifiers
    SEO

    Related: CSS MinifyHTML FormatterJavascript Formatter

     

Win More eBay Auctions
Bid in the final seconds on eBay. Win more, save money, fast, and free.

1

.richtextandimage ul li,

2

.richtext ul li,

3

.text ul li,

4

.richtextandvideo ul li,

5

.videolightbox ul li {

6

    background: transparent url(/euf/assets/images/brand/xsquare_bullet.png.pagespeed.ic._0APU62FNh.png) no-repeat left 5px;

7

    padding-left: 20px;

8

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

9

    margin-bottom: 10px

10

}

11

.richtextandimage ol,

12

.richtext ol,

13

.text ol,

14

.richtextandvideo ol,

15

.videolightbox ol {

16

    list-style-type: decimal;

17

    margin-left: 20px;

18

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif

19

}

20

.richtextandimage ol li,

21

.richtext ol li,

22

.text ol li,

23

.richtextandvideo ol li,

24

.videolightbox ol li {

25

    margin-bottom: 10px

26

}

27

.richtextandvideo {

28

    padding: 20px 0px 0;

29

    clear: both

30

}

31

.richtextandvideo h1,

32

.richtextandvideo h2,

33

.richtextandvideo h3,

34

.richtextandvideo h4,

35

.richtextandvideo h5,

36

.richtextandimage h1,

37

.richtextandimage h2,

38

.richtextandimage h3,

39

.richtextandimage h4,

40

.richtextandimage h5 {

41

    clear: none

42

}

43

.richtextandvideo div.article {

44

    display: none;

45

    position: relative






HTML <style>, <script> formatting:
End script and style with newline? Detect packers and obfuscators? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks?
CSS Beautifier

Enter your messy, minified, or obfuscated CSS Style Sheets into the field above to have it cleaned up and made pretty. The editor above also contains helpful line numbers and syntax highlighting. There are many option to tailor the beautifier to your personal formatting tastes.
When do you use CSS Beautifier

Often when writing CSS Style Sheets your indentation, spacing, and other formatting can become a bit disorganized. It is also common for multiple developers to work on a single project who have different formatting techniques.  This tool is helpful for making the formatting of a file consistent. It is also common for CSS Style Sheets to be minified or obfuscated. You can use this tool to make that code look pretty and readable so it is easier to edit.
Examples

The minified CSS Style Sheets below:*/

body{font-family:Georgia, Times, serif;color:purple;background-color:#d8da3d}h1{font-family:Helvetica, Arial}

Becomes this beautified :

body {
    font-family: Georgia, Times, serif;
    color: purple;
    background-color: #d8da3d
}
h1 {
    font-family: Helvetica, Arial
}

/** End of Second Css

