/*======================================================
Screen Style Sheet - Desktop Version
Ryan Herco Flow Solutions
------------------------------------------------------
Author(s): Jean-Marc Buytaert (jean-marc@topspotims.com)
Created: 07/03/2014
======================================================*/

/* ======================================================================================= IMPORT */
@import url("bootstrap.min.css");
body {
    font-size: 14px;
    line-height: 1.42857143;
}
/* ======================================================================================== FONTS */
@font-face{
    font-family: "RalewayBold";
    src: url("../font/Raleway-Bold.ttf") format("truetype");
}
@font-face{
    font-family: "Raleway";
    src: url("../font/Raleway-Regular.ttf") format("truetype");
}
@font-face{
    font-family: "RalewayMedium";
    src: url("../font/Raleway-Medium.ttf") format("truetype");
}

/* ====================================================================================== GENERAL */
a,
input,
textarea{
    outline:0 !important;
}
.hidden, .hidetext{display:none;}
.clear{clear:both;}
.req, .warning, .error{color:#a00;}
body{background:#FFF;}

.tablet { display: none; }

/* ======================================================================================= LAYOUT */
#wrap{
    background:#FFF;
    margin:0 auto;
    padding:0;
    width:1080px;
    min-width: 1080px;
}
#content-wrap{
    width: 1060px;
    padding: 0px 10px;
    margin: auto;
}

/* ============================================================================== QUICK ORDER PAD */
#quick-order-pad{position:relative;}
#quick-order-pad #quick-order-btn{
    z-index: 99;
    position: relative;
}
#quick-order-form{
    display: none;
    background:#011c39;
    padding: 10px 0px;
    padding-bottom: 10px;
    width: 250px;
    margin-left: -10px;
    margin-top: -20px;
    z-index:0;
    position: relative;
}
#quick-order-form .btn-link{
    color: white;
    font-size: 12px;
    text-decoration: underline;
}
#quick-order-form fieldset, #quick-order-form .fieldset{margin: 10px 20px;}
#quick-order-form input.quick-order-pad-item{
    border:0;
    -webkit-box-shadow:inset 0 3px 5px -3px rgba(0,0,0,0.25);
    box-shadow:inset 0 3px 5px -3px rgba(0,0,0,0.25);
    color:#515253;
    display:block;
    float:left;
    font-family:Arial, sans-serif;
    font-size:12px;
    padding:5px 10px;
    text-transform:uppercase;
    width: 70%;
}
#quick-order-form input.quick-order-pad-qty{
    text-align:center;
    width: 25%;
    margin-left: 5%;
}

/* ===================================================================================== ELEMENTS */
.blue-btn{
    color: white;
    border:0px solid white;
    text-transform: uppercase;
    padding:  7px 16px;
    font-size: 11px;
    background: #2c769f; /* Old browsers */
    background: -moz-linear-gradient(top,  #2c769f 0%, #015a8b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c769f), color-stop(100%,#015a8b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2c769f 0%,#015a8b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2c769f 0%,#015a8b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2c769f 0%,#015a8b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2c769f 0%,#015a8b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c769f', endColorstr='#015a8b',GradientType=0 ); /* IE6-9 */
}
.blue-btn:hover{
    color: white;
    border:0px solid white;
    text-transform: uppercase;
    padding:  7px 16px;
    font-size: 11px;
    background: #015a8b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNWE4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzc2OWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #015a8b 0%, #2c769f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#015a8b), color-stop(100%,#2c769f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #015a8b 0%,#2c769f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #015a8b 0%,#2c769f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #015a8b 0%,#2c769f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #015a8b 0%,#2c769f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015a8b', endColorstr='#2c769f',GradientType=0 ); /* IE6-8 */
}

/* ================================================================================= HOME BUCKETS */
.buckets-home-wrapper{
    width: 100%;
    min-width: 1080px;
    padding: 50px 0px;
    margin: auto;
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top,  #dddddd 0%, #cfcfcf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dddddd 0%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dddddd 0%,#cfcfcf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dddddd 0%,#cfcfcf 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #dddddd 0%,#cfcfcf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */
    background: none;
}
#buckets-home{
    width: 1080px;
    margin: auto;
}
#buckets-home .bucket {
    width: 340px;
    max-width: 340px;
}
.bucket{
    display:block;
    height:258px;
    float:left;
    margin-left: 30px;
    overflow:hidden;
    padding:0;
    position:relative;
    width:250px;
    -webkit-box-shadow: 1px 9px 20px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    1px 9px 20px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         1px 9px 20px 0px rgba(50, 50, 50, 0.4);
}
#buckets-home .bucket:first-child{margin-left: 0px;}
.bucket .arrow-right{display: none;}
.bucket p{
    background:#011c39;
    color:#FFF;
    display:block;
    font-size:14px;
    height:208px;
    left:0;
    overflow: hidden;
    padding:30px 30px 40px;
    position:absolute;
    text-align: center;
    top:-208px;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    z-index:10;
    width: 100%;
}
.bucket:hover p{
    top:0px;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.bucket span{
    z-index: 99;
    background:#00a4e4;
    bottom:-80px;
    display: block;
    height:40px;
    width:100%;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.bucket:hover span,
.bucket:hover .more{
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    bottom:-200px;
}

.bucket .more{
    display:block;
    background: #194963; /* Old browsers */
    background: -moz-linear-gradient(top,  #194963 0%, #003552 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#194963), color-stop(100%,#003552)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #194963 0%,#003552 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #194963 0%,#003552 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #194963 0%,#003552 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #194963 0%,#003552 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194963', endColorstr='#003552',GradientType=0 ); /* IE6-9 */
    font-family: "RalewayBold";
    border-bottom: 2px solid #01243b;
    color: white;
    width: 200px;
    padding: 10px 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    z-index:11;
    position: relative;
    margin: auto;
    margin-top: -20px;
    bottom:-290px;
}
.bucket a{
    display:block;
    height:258px;
    margin:0;
    padding:0 !important;
    text-decoration: none;
    width:100%;
}
.bucket h3{
    background:transparent url("../image/sprite.png") bottom left no-repeat;
    color:#515253 !important;
    display:block;
    font-family:RalewayBold, sans-serif !important;
    font-size:18px;
    height:113px;
    line-height:18px !important;
    margin:0 !important;
    padding:20px;
    text-decoration:none;
    text-transform: uppercase;
    width:100%;
    position: absolute;
    top:0px;left: 0px;
}
.bucket h3 img{
    background:#00a4e4;
    display:block;
    float:left;
    height:36px;
    margin:0 13px 0 0;
    padding:0;
    width:36px;
}
#buckets-landing{
    margin-top:20px;
    margin-left: -20px;
    width: 110%;
}

#buckets-landing .bucket a > img {
    width: 100%;
    position: absolute;
    z-index: -1;
    bottom: 0px;
}

#buckets-landing .bucket,
.tabs-content .bucket {
    width: 250px;
    float: left;
    padding-top:20px;
    margin-left: 20px;
    margin-bottom: 20px;
    height: 220px;
}
#buckets-landing .bucket h3,
.tabs-content .bucket h3 {
    font-size: 15px;
    background:transparent url("../image/sprite.png") bottom left no-repeat;
    background-position: 0px -718px;
}
#buckets-landing .bucket:hover .more, #buckets-landing .bucket:hover span,
.tabs-content .bucket:hover .more, .tabs-content .bucket:hover span{
    bottom:-180px;
}
#faqs .tab-pane {
    margin-top: 10px;
    }
#faqs {
    margin-bottom: 20px;
    }
#buckets-internal{
    margin-left: -40px;
    width: 110%;
}
#buckets-internal .bucket{
    width: 250px;
    float: left;
    margin-left: 40px;
    margin-bottom: 40px;
    height: 220px;
}
#buckets-internal .bucket a > img{width: 100%;}
#buckets-internal .bucket h3{
    font-size: 15px;
    background:transparent url("../image/sprite.png") bottom left no-repeat;
    background-position: 0px -718px;
}

.tpl-2 .bucket p{
    top:-258px;
    height:258px;
}
.tpl-2 .bucket:hover p{
    top:0;
}
.tpl-4 .bucket p{
    top:-220px;
    height:220px;
}
.tpl-4 .bucket:hover p{
    top:0;
}


/* ================================================================================== BREADCRUMBS */
#bread-social{margin: 0 0 10px;}
ul.B_crumbBox{
    list-style: none;
    margin: 0;
    float: left;
}
ul.B_crumbBox li{
    display: block;
    float: left;
    margin-right: 3px;
}
.B_firstCrumb{
    overflow: hidden;
    height: 20px;
    min-width: 20px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-image: url("../image/house_icon.png");
}
.B_firstCrumb a{font-size: 0px;}

/* ================================================================================= SIDEBAR LEFT */
#sidebar-left{
    border-right:1px solid #9a9ca8;
    display: block;
    float:left;
    margin:0 25px 0 0;
    padding:0;
    width:205px;
}
#sidebar-left h2 a{
    color:#003552;
    font-family:RalewayBold, sans-serif;
    font-size: 30px;
    text-transform: uppercase;
}
#sidebar-left #secondary-nav{
    list-style-type: none;
    margin:0;
    padding:0;
}
#sidebar-left #secondary-nav > li > a{
    background: #c4c4c5; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0YzRjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2IzYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #c4c4c5 0%, #b3b3b3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c4c5), color-stop(100%,#b3b3b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c4c4c5 0%,#b3b3b3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c4c4c5 0%,#b3b3b3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c4c4c5 0%,#b3b3b3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c4c4c5 0%,#b3b3b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c5', endColorstr='#b3b3b3',GradientType=0 ); /* IE6-8 */
    border-bottom: 2px solid #919090;
    border-top:1px solid #c7c7c8;
    color:#FFF;
    display:block;
    font-family:RalewayBold, sans-serif;
    font-size:12px;
    line-height:16px;
    margin:2px 0 0;
    padding:7px 15px;
    padding-right: 22px;
    text-transform: uppercase;
    text-shadow: 0 0 2px #999;
    text-shadow: 0 0 2px rgba(0,0,0,0.2);
    letter-spacing: 0.05em;
}
#sidebar-left #secondary-nav > li.active > a{
    background: #a1a1a3; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYTFhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MDgwODEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #a1a1a3 0%, #808081 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a3), color-stop(100%,#808081)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a1a1a3 0%,#808081 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a1a1a3 0%,#808081 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a1a1a3 0%,#808081 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a1a1a3 0%,#808081 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a3', endColorstr='#808081',GradientType=0 ); /* IE6-8 */
    border-bottom: 2px solid #474646;
    border-top:1px solid #a1a1a4;
}
#sidebar-left li ul{
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #dedede 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#dedede 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#dedede 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#dedede 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#dedede 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ); /* IE6-8 */
    display: block;
    margin:0 2px 0 0;
    width:202px;
}
#sidebar-left li ul li a{
    background: none !important;
    border:0 !important;
    color:#003552 !important;
    font-family: Arial, sans-serif !important;
    font-weight:normal !important;
    text-transform: capitalize !important;
}

#sidebar-left #secondary-nav #secondary-nav li.active a {
    background: #00a4e4 !important;
    color: #fff !important;
}

/* Hide submenu on catalog pages */
/*.tpl-6 #sidebar-left #secondary-nav #secondary-nav{ display: none;} */

#secondary-nav > li {
    position: relative;
}

#secondary-nav .secondary-sign {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
    background: url(../image/chevrons.png) -14px -473px no-repeat;
}

#secondary-nav li.active .secondary-sign {
    background: url(../image/chevrons.png) -14px -351px no-repeat;
}


/* ================================================================================ SIDEBAR RIGHT */
#sidebar-right{
    display: block;
    float:right;
    margin:0;
    width: 230px;
}


/* ======================================================================================= FOOTER */
#footer{clear: both;}

/* ===================================================================================== HEADINGS */
h1 {
    clear: both;
    color: #00a4e4 !important;
    display: block;
    font-family: RalewayBold !important;
    font-size: 30px !important;
    line-height: 30px !important;
    padding: 10px 0 30px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
h1 small{
    font-family: Arial, sans-serif;
}
h2 {
    font-size: 28px;
}

/* ======================================================================================= HEADER */
#header-content{
    display:block;
    height:157px;
    margin:0 auto;
    padding:0;
    width:1080px;
    position: relative;
    z-index:101;
}
#logo{
    background:transparent url("../image/Ryan Herco_aSSco.png") no-repeat left center;
    background-size: contain;
    display:block;
    float:left;
    height:85px;
    width:353px;
}
#logo.pink-ribbon {
    background:transparent url("../image/Ryan_Herco_aSSco_pink.png") no-repeat left center;
    background-size: contain;
}

/* ================================================================================ HEADER SEARCH */
#header-content .searchWrap{
    display:block;
    float:left;
    margin:25px 0 0 25px;
    padding:0;
}
.searchWrap .primary-nav-hamburger{display:none;}
.searchWrap input[type="text"]{
    background:#f2f2f2 url('../image/sprite.png') -323px -293px no-repeat;
    border:1px solid #eaebec;
    border-right:0;
    border-top:0;
    -webkit-box-shadow:inset 0 3px 3px -3px rgba(0,0,0,.25);
    box-shadow:inset 0 3px 3px -3px rgba(0,0,0,0.25);
    color:#515253 !important;
    display:block;
    float:left;
    font-family:Arial, sans-serif;
    font-size:12px;
    height:32px;
    margin:0;
    padding:5px 0 0 35px;
    text-transform:uppercase;
    width:243px;
    -webkit-transition: background 150ms linear;
    -moz-transition: background 150ms linear;
    -ms-transition: background 150ms linear;
    -o-transition: background 150ms linear;
    transition: background 150ms linear;
}
.searchWrap input[type="text"]:focus{background-color:#F9F9F9;}

.ui-autocomplete{
    z-index:9999999999;
}
.searchWrap #site_search_submit{
    background: #33b6e9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYjZlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGE0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #33b6e9 0%, #00a4e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33b6e9), color-stop(100%,#00a4e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #33b6e9 0%,#00a4e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #33b6e9 0%,#00a4e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #33b6e9 0%,#00a4e4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #33b6e9 0%,#00a4e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b6e9', endColorstr='#00a4e4',GradientType=0 ); /* IE6-8 */
    border:0;
    border-bottom:2px solid #0091ca;
    border-radius:0;
    color:#FFF;
    display:block;
    float:left;
    font-family:RalewayBold, sans-serif;
    font-size:12px;
    height:;
    margin:0;
    padding:9px 20px 4px;
    text-transform:uppercase;
}
.searchWrap #site_search_submit:hover{
    background: #1ca0d3; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFjYTBkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjk1Y2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #1ca0d3 0%, #0295ce 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ca0d3), color-stop(100%,#0295ce)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1ca0d3 0%,#0295ce 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1ca0d3 0%,#0295ce 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1ca0d3 0%,#0295ce 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1ca0d3 0%,#0295ce 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ca0d3', endColorstr='#0295ce',GradientType=0 ); /* IE6-8 */
}
#primary-menu .searchWrap{display:none;}

/* =================================================================================== GLOBAL NAV */
#header-content > ul{
    clear:both;
    display:block;
    list-style-type:none;
    margin:20px 0;
    text-align:right;
}
#header-content > ul > li{
    display:inline-block;
    margin:0 0 0 25px;
    padding:0;
    position:relative;
    text-align:right;
}
#header-content > ul > li > a{
    background:transparent url('../image/sprite.png') 5px -336px no-repeat;
    color:#003552;
    font-family:Arial, sans-serif;
    font-size:12px;
    text-transform:uppercase;
    padding:2px 0 0 25px;
    text-decoration:none;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
/* #header-content > ul > li a#faq{background-position:5px -335px;}*/
#header-content > ul > li a#blog{background-position:3px -457px;}
#header-content > ul > li a.faq{background-position:5px -335px;}
#header-content > ul > li a#news{background-position:-125px -335px;}
#header-content > ul > li a#careers{background-position:-255px -335px;}
#header-content > ul > li a.careers{background-position:-255px -335px;}
#header-content > ul > li a#my-account{background-position:0px -375px;}
#header-content > ul > li a#my-cart{background-position:0px -415px;}

#header-content > ul > li a:hover{color:#00a4e4;}
/* #header-content > ul > li a#faq:hover{background-position:5px -355px;}*/
#header-content > ul > li a#blog:hover{background-position:3px -479px;}
#header-content > ul > li a.faq:hover{background-position:5px -355px;}
#header-content > ul > li a#news:hover{background-position:-125px -355px;}
#header-content > ul > li a#careers:hover{background-position:-255px -355px;}
#header-content > ul > li a.careers:hover{background-position:-255px -355px;}
#header-content > ul > li a#my-account:hover,
#header-content > ul > li.active a#my-account{
    background-position:0px -395px;
    color:#00a4e4;
}
#header-content > ul li a#my-cart:hover{background-position:0px -435px;}

/* Utility Nav - Logged In */
#header-content > ul > li > ul{
    background:#011c39;
    -webkit-box-shadow:inset 0 7px 10px -2px rgba(0,0,0,0.3);
    box-shadow:inset 0 7px 10px -2px rgba(0,0,0,0.3);
    display:none;
    list-style-type:none;
    margin:25px 0 0;
    padding:5px 10px 7px;
    position:absolute;
    left:0;
    text-align:left;
    top:0;
    width:150px;
}
#header-content > ul > li > ul > li a{
    color:#FFF;
    font-family: Raleway;
    font-size:12px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
#header-content > ul > li > ul > li a:hover,
#header-content > ul > li > ul > li.active a{color:#00a4e4;}

/* ================================================================================= PHONE NUMBER */
#telephone{
    background:transparent url('../image/sprite.png') -310px -144px no-repeat;
    display:block;
    float:left;
    font-family:Arial, sans-serif;
    font-size:2.2em;
    font-weight:bold;
    margin:20px 0 0 90px;
    padding:0 0 0 50px;
    color: #003552;
}
#telephone a{
    color:#428BCA;
    cursor:text;
    text-decoration:none;
}

/* ======================================================================================== FORMS */
textarea{resize: none !important;}

/* ============================================================================= SOCIAL MEDIA BAR */
#share-media-bar{
    text-align:right;
    height:24px;
}
#share-media-bar > div{
    float:left;
    margin:0 10px 0 0;
    padding:0;
}
.share-email{display:none;}
.share-twitter{
    height:22px;
    margin:2px 0 0 !important;
    padding:0;
}
.share-twitter iframe{width:84px !important;}
.share-gplus{
    height:22px;
    margin:0 !important;
    width:69px;
}
.share-gplus iframe{
    float:left;
    height:22px;
    margin:2px 0 0 !important;
    width:69px !important;
}
.share-facebook{
    height:21px;
    margin:2px 9px 0 0 !important;
}
.share-linkedin{
    height:21px;
    margin:2px 0 0 !important;
}

/* ======================================================================================== OTHER */
.special{display:none !important;}

/* ============================================================================== 3L WEB SERVICES */
.tpl-2 #main-content{padding:0;}
#main-content iframe{
    border:0;
    height:1000px;
    margin:0;
    width:100%;
}

/* =========================================================================== PRIMARY NAVIGATION */
#header #primary-menu{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9c9c9e+0,808081+100 */
    background-color: #9c9c9e !important;

    border-bottom:2px solid #474646;
    display:block;
    list-style-type:none;
    min-height:56px !important;
    height:56px !important;
    margin:0;
    padding:0;
    position:relative;
    width:100%;
    z-index:100;
    display:block;
    overflow:visible;
    background-color: #9c9c9e !important;
    /*z-index:999;*/
}
#primary-menu .tablet.mobile{
    display:none;
}
#primary-nav{
    display:block;
    margin:0 auto;
    padding:0;
    width:1080px;
}

#primary-nav > li{
    display:block;
    float:left;
    margin:0;
    padding:15px 0;
    position:relative;
}

@media only screen and (min-width:1025px) {
    #primary-nav, #primary-nav > li {
        background-color: #9c9c9e !important;
    }
    #doc_139 #doc_325, #doc_139 #doc_326, #doc_139 #doc_327 {
        display:none;
    }
}

#doc_156, #doc_147, #doc_148, #doc_157, #doc_158{display:none !important;}

#primary-nav > li > a{
    border-left:1px solid #474646;
    color:#FFF;
    display:block;
    font-family:RalewayMedium;
    font-size:15px;
    padding:0 18px;
    text-decoration:none;
    text-transform:uppercase;
}

#header {
    z-index: 999;
}

#header, #primary-nav {
    display:block;
    /*z-index:999;*/
    position:relative;
    overflow:visible;
}
#hero-banner,#wrap{
    position:relative;z-index:1;
}
/*#primary-menu{
    display:block;
    overflow:visible;
    background-color: #9c9c9e !important;
    z-index:999;
}*/
#primary-nav > .first > a{border:0;}
#primary-nav ul{
    background:#011c39;
    z-index:9999;
    -webkit-box-shadow:inset 0 7px 10px -2px rgba(0,0,0,0.3);
    box-shadow:inset 0 7px 10px -2px rgba(0,0,0,0.3);
    display:none;
    list-style-type:none;
    margin:17px 0 0;
    padding:10px 0px;
    position:absolute;
    width: 600px;
}
#primary-nav ul > li{
    display: block;
    margin: 10px 20px;
    width: 260px;
    float: left;
}
#primary-nav #doc_139 ul{
    width:auto;
}
#primary-nav #doc_139 ul > li{
    float:none;
}
#primary-nav ul a{
    color:#FFF;
    display:block;
    font-family:Raleway;
    font-size:14px;
    margin:0;
    text-decoration:none;
    text-transform:uppercase;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
    width:330px;
}
#primary-nav ul a:hover{color:#00a4e4;}

/* ================================================================================= MAIN CONTENT */
#main-content{
    display:block;
    float:left;
    margin:0 0 0 0;
    padding: 0px;
    width:100%;
}

#main-content h2{
    color:#515253;
    font-family:RalewayBold, sans-serif;
    font-size: 21px;
    margin-top:0;
}
#main-content h3{
    font-family: Raleway, sans-serif;
    font-size:16px;
    text-transform: uppercase;
}

#main-content h4{
    font-size:16px;
    margin:0;
}


/* ===================================================================================== 2-COLUMN */
.tpl-3 #main-content{
    width:800px;
    margin-right: 10px;
}
/* ===================================================================================== 3-COLUMN */
.tpl-4 #main-content{
    width:540px;
    margin-right: 20px;
}

/* ============================================================================ BREADCRUMB SOCIAL */
#bread-social{
    border-bottom:1px solid #9a9ca8;
    clear:both;
    color:#000;
    display:block;
    font-family:Arial, sans-serif;
    font-size:13px;
    height:65px;
    margin-bottom: 20px;
}
#bread-social > ul{
    display:block;
    margin:25px 0 0;
    padding:0;
}
#bread-social > ul a{
    color:#7b7e91;
    text-decoration:none;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
#bread-social > ul a:hover{color:#000;}

/* ============================================================================== SHARE MEDIA BAR */
#share-media-bar{
    float:right;
    margin:21px 0 0;
}

/* Content CTA */
.content-cta a{
    background: #194963; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5NDk2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDM1NTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #194963 0%, #003552 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#194963), color-stop(100%,#003552)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #194963 0%,#003552 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #194963 0%,#003552 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #194963 0%,#003552 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #194963 0%,#003552 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194963', endColorstr='#003552',GradientType=0 ); /* IE6-8 */
    border-bottom:2px solid #01243b;
    clear:both;
    color:#FFF;
    display:block;
    font-family:RalewayBold;
    font-size:14px;
    margin:0 auto;
    padding:20px 0 18px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    width:550px;
}
.content-cta a:hover{background:#01243B;}

/* ======================================================================================= FORMS */
#quickContact,
#contact,
#career-contact,
#rfq,
#stainless,
#catalog-request {
    border:1px solid #cacbcc;
    display:block;
    float:left;
    margin:0;
    padding:30px 17px 23px;
    width:230px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 1%, #ffffff 55%, #dadada 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(55%,#ffffff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#ffffff 55%,#dadada 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#ffffff 55%,#dadada 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#ffffff 55%,#dadada 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#ffffff 55%,#dadada 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
}
#quickContact h4,
#quickContact .h4{
    border-bottom:1px solid #cacbcc;
    color:#828284;
    font-family: RalewayBold, sans-serif;
    font-size:25px;
    margin:0 0 12px;
    padding:0px 20px;
    padding-bottom: 10px;
    text-align:left;
    text-transform: uppercase;
    background-image: url("../image/letter_icon.png");
    background-repeat: no-repeat;
    background-position: 140px 5px;
}
#quickContact h4 br{margin:0 0 0 26px;}
#quickContact h4 span,
#quickContact .h4 br{margin:0 0 0 26px;}
#quickContact .h4 span{
    color:#018dc4;
    font-size:28px;
}
#quickContact p{
    color:#828284;
    font-size: 12px;
    text-align:center;
}
#quickContact input[type="file"] { width: 100%; }
#quickContact label{display:none;}
#quickContact input[type='text'],
#quickContact input[type='email'],
#quickContact input[type='tel'],
#quickContact textarea,
#contact input[type='text'],
#contact input[type='email'],
#contact input[type='tel'],
#contact textarea,

#career-contact input[type='text'],
#career-contact  input[type='email'],
#career-contact  input[type='tel'],
#career-contact  textarea,

#rfq input[type='text'],
#rfq input[type='email'],
#rfq input[type='tel'],
#rfq textarea,
#stainless input,
#stainless textarea,
#contact input#defaultReal, #career-contact input#defaultReal,

#catalog-request input[type='text'],
#catalog-request input[type='email'],
#catalog-request input[type='tel'],
#catalog-request textarea,
#catalog-request select {
    background:#f2f2f2;
    border:1px solid #eaebec;
    border-bottom:0;
    color:#97989d;
    font-family:Arial, sans-serif;
    font-size: 14px;
    margin-top:7px;margin-bottom: 7px;
    padding: 5px;
    width: 100%;
    -webkit-box-shadow:inset 0 3px 5px -3px rgba(0,0,0,0.25);
    box-shadow:inset 0 3px 5px -3px rgba(0,0,0,0.25);
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
#quickContact input:focus,
#quickContact textarea:focus,
#contact input:focus,
#contact textarea:focus,
#career-contact textarea:focus,
#career-contact input:focus,
#rfq input:focus,
#rfq textarea:focus,
#stainless input:focus,
#stainless textarea:focus {
    color:#393b45;
}
#quickContact .blue-btn,
#contact .blue-btn,
#career-contact .blue-btn,
#careers .blue-btn{
    padding: 12px 20px;
    font-size: 14px;
    width: 100%;
}

#careers .job-description a:hover{
    text-decoration: none;
}
#contact,
#career-contact,
#rfq,
#stainless,
#catalog-request {
    display:block;
    margin:0 20px 40px 0;
    padding:30px;
    width:580px;
}
#contact h4,
#career-contact h4,
#rfq h4,
#catalog-request h4 {
    background:transparent url('../image/sprite.png') -260px -415px no-repeat;
    display:block;
    color:#696a6c;
    font-family: Arial, sans-serif;
    font-weight:bold;
    font-size:16px;
    float:left;
    padding:4px 0 5px 40px;
    text-transform: uppercase;
    width:100%;
}
#contact label, #career-contact label, #rfq label, #stainless label, #catalog-request label {display:none;}
#contact input,
#career-contact input,
#rfq input,
#catalog-request input{
    display:block;
    width:100%;
}

#career-contact .attach-resume{
    display:inline;
}
#contact_info{
    border:1px solid #ccced7;
    display:block;
    float:left;
    margin:0 0 20px;
    padding:0 0 25px;
    text-align: center;
    width:440px;
}
#contact_info h4{
    display:block;
    color:#696a6c;
    font-family: Arial, sans-serif;
    font-weight:bold;
    font-size:16px;
    float:left;
    margin:0;
    padding:20px 0 10px;
    text-transform: uppercase;
    width:100%;
}
#contact .realperson-challenge,
#career-contact .realperson-challenge,
#rfq .realperson-challenge{
    cursor:pointer;
    display:block;
    float:left;
    margin:0;
    padding:50px 0 0;
    width:250px;
}
#contact .realperson-regen,
#career-contact .realperson-regen,
#rfq .realperson-regen{
    background-position:-110px -408px;
    display:block;
    font-size: 10px !important;
    margin:0 auto;
    margin-right:65px;
    padding:6px 0 0 20px;
    width:140px;
}
#contact #defaultReal,
#career-contact #defaultReal,
#rfq #defaultReal{
    background:#f2f2f2 !important;
    border:1px solid #dbdcdf !important;
    display:block;
    float:left;
    margin:0;
    padding:0;
    width:268px !important;
}
#contact input.submit,
#career-contact input.submit,
#rfq input.submit,
#stainless input.submit,
#catalog-request input.submit,
#credit-application input.submit,
#application-assistance input.submit {
    background: #194963; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5NDk2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDM1NTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #194963 0%, #003552 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#194963), color-stop(100%,#003552)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #194963 0%,#003552 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #194963 0%,#003552 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #194963 0%,#003552 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #194963 0%,#003552 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194963', endColorstr='#003552',GradientType=0 ); /* IE6-8 */
    border:0;
    border-bottom:2px solid #01243b;
    color:#FFF;
    display:block;
    font-family: Raleway, Arial, sans-serif;
    font-weight:600;
    margin:0 auto;
    padding:10px 0 7px;
    text-transform:uppercase;
    width:155px;
}
#contact input.submit:hover,
#rfq input.submit:hover,
#stainless input.submit:hover,
#catalog-request input.submit:hover,
#credit-application input.submit:hover,
#application-assistance input.submit:hover {
    background: #003552; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzU1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTQ5NjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #003552 0%, #194963 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003552), color-stop(100%,#194963)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #003552 0%,#194963 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #003552 0%,#194963 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #003552 0%,#194963 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #003552 0%,#194963 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003552', endColorstr='#194963',GradientType=0 ); /* IE6-8 */
}
#page-contact iframe{
    display:block;
    height:414px;
    margin:0 0 20px;
    width:440px;
}

.formblock {
    margin: 15px 0;
}

#application-assistance h2 {
    background-color: #00a4e4;
    color: #fff;
    padding: 5px;
}

#application-assistance h3 {
    margin-top: 0;
}

#credit-application .credit-left,
#application-assistance .credit-left {
    float: left;
    width: 48%;
}

#credit-application .credit-right,
#application-assistance .credit-right {
    float: left;
    width: 48%;
}

#application-assistance .credit-right {
    float: right;
}

.credit-principle .control-group {
    float: left;
    margin-right: 10px;
}

#credit-application .credit-left input,
#credit-application .credit-right input,
#application-assistance .credit-left input,
#application-assistance .credit-right input {
    width: 98%;
}

#credit-application .span4,
#application-assistance .span4 {
    width: 221px;
}

#application-assistance .state,
#application-assistance .zip {
    width: 49%;
    float: left;
}

#application-assistance .application-type {
    float: left;
    width: 19.99999999%;
}

#application-assistance .textblock textarea {
    width: 99%;
}

#other,
#tax-exempt-file {
    display: none;
}

.blog-cta.tall { height: 105px; }
.blog-cta{
    position: relative;
    border:1px solid #cacbcc;
    display:block;
    float:left;
    margin-top:20px;
    padding: 0px;padding-top: 15px;
    width:100%;
    height: 220px;
    overflow: hidden;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 1%, #ffffff 55%, #dadada 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(55%,#ffffff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#ffffff 55%,#dadada 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#ffffff 55%,#dadada 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#ffffff 55%,#dadada 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#ffffff 55%,#dadada 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
}
.blog-cta h3,
.blog-cta .h3{
    color:#a2a5b6;
    font-family: RalewayBold, sans-serif;
    font-size:22px;
    padding: 0px;
    margin: 0px 14px;
    padding-bottom: 10px;
    text-align:left;
    text-transform: uppercase;
}
.blog-cta h3 span.dark-blue,
.blog-cta .h3 span.dark-blue{
    font-size: 25px;
    color: #003552;
}
.ie8 .blog-cta h3,
.ie8 .blog-cta .h3{
    font-size: 18px;
    margin:0 0 0 29px;
}
.ie7 .blog-cta h3,
.ie7 .blog-cta .h3{
    font-size:20px;
    margin:0 0 0 35px;
}
.ie7 .blog-cta{
    height:80px !important;
    width:266px;
}

.light-blue{color: #00a4e4;}
.blog-cta .blue-btn{
    text-align: center;
    padding: 12px 10px;
    font-size: 14px;
    margin: 0px 30px;
    position: absolute;
    bottom:10px;
    width: 170px;
    background: #023163;
    box-shadow: inset 0 -60px 50px -50px #011C39;
}
.blog-cta img{
    position: absolute;
    bottom:-10px;left: 60px;
    z-index: 0;
}

#rfq #gray-bar,
#stainless #gray-bar {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #9c9c9e;
}

/* ======================================================================================= FOOTER */
#footer{background:transparent url("../image/footer-bg.jpg") center bottom repeat-x;}
#footer-content{
    background:transparent url("../image/footer-content-bg.jpg") center bottom no-repeat;
    color:#FFF;
    display:block;
    font-family:Arial, sans-serif;
    font-size:13px;
    height:244px;
    margin: auto;
    width:1080px;
    position: relative;
}
#employee_portal {
    padding:25px 0 0 31px;
    position:relative;
    font-size: 12px;
    margin: 0px 0px 10px;
    background: url(../image/icon_customer_portal.png) 0 24px no-repeat;
    text-transform: uppercase;
}
#employee_portal a {
    color: #fff;
    text-decoration: none;
}
#employee_portal a:hover {
    color: #00a4e4;
}
#copyright_credits{
    position: absolute;
    top: 209px;
    right: 5px;
}
#copyright_credits a{
    color: #ececec;
    text-decoration: underline;
}
#footer-nav{
    position: absolute;
    right: 20px;
    top:30px;
    z-index: 999;
}
#footer-nav ul{
    list-style-type:none;
    padding:0;
}
#footer-nav  ul li{
    border-right:2px solid;
    display:block;
    line-height:14px;
    padding:0 12px;
    float:left;
}
#footer-nav  ul li.last{
    border:0;
    padding:0 0 0 12px;
}
#footer-nav  ul li a{
    color:#FFF;
    text-decoration:none;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
#footer-nav  ul li a:hover{color:#00a4e4;}

/* ====================================================================================== ADDRESS */
#footer-content .right{
    float:right;
    margin:50px 0 0;
    width:365px;
}
#footer-content .left{
    float:left;
    width:48%;
    margin-top: 10px;
}
#footer-content .right address p{
    padding-left: 30px;
    display: block;
    background:transparent url("../image/sprite.png") bottom left no-repeat;
    background-position: -328px -196px;
}
#footer-content .right address p.phone{background-position: -328px -230px;}
.phone a{
    color:#FFF;
    text-decoration:none;
    cursor:text;
}
#footer-content .right address p.fax{background-position: -328px -266px;}
#newsletterform{
    width: 440px;
    float: left;
    margin-top: 20px;
    position: relative;
    height: 126px;
}
#newsletterform h3{
    font-family: "RalewayBold";
    font-size: 20px;
}
#newsletterform input[type='text']{
    padding: 5px 10px;
    margin-bottom: 5px;
    float: left;
    width: 350px;
    margin-left: 90px;
    text-transform: uppercase;
    color: black;
    height: 32px;
}
#newsletterform input#newsletter-email{width: 250px;}
#newsletterform input[type='submit']{
    padding: 0px;
    float: left;
    width: 100px;
    color:#FFF;
    border:0px solid white;
    background: none;
    background-color: #2fa3d0;
    height: 32px;
    text-transform: uppercase;
}
#newsletterform .mail-icon{
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0px;
    /* bottom:5px; */
    bottom:25px;
    display: block;
    background:transparent url("../image/sprite.png") bottom left no-repeat;
    background-position:-282px -74px;
}

/* ========================================================================================== CDS */
.cds-product-icons{
    position: absolute;
    right: 35px;top:45px;
    display: none;
}
.cds-crumbs{
    border-bottom:1px solid #9a9ca8;
    clear:both;
    color:#000;
    display:block;
    font-family:Arial, sans-serif;
    font-size:13px;
    height:65px;
    padding-top: 25px!important;
    margin-bottom: 20px!important;

}
#cds-product-container .cds-product-grid li{width: 48%;}
.cds-content{
    display:block;
    padding:0 10px;
    width:1060px;
    margin: auto;
}
#sidebar-left{float:left;}
.tpl-6 #sidebar-left{
    margin-top:20px;
}
.cds-browse-list{
    float:left;
    display:block;
    width:560px;
    margin-right: 20px;
}
.cds-browse-list li{
    height:307px !important;
    width: 252px !important;
    position: relative;
    padding: 20px 0 0 !important;
    margin-bottom: 20px;
    padding-top: 30px;
}
.cds-browse-list li img{
    margin:0;
    padding:35px 0 0;
}
.cds-browse-list li h3{
    padding: 0px;
    margin: 0px !important;
    position: absolute;
    top:0px;
    left: 0;
    height: 200px;
    width: 100% !important;
    background: transparent url("../image/sprite.png") bottom left no-repeat;
    background-position: -60px -710px;
    color: #515253;
    font-family: RalewayBold, sans-serif !important;;
    padding: 20px !important;
    text-transform: uppercase;
    font-size: 15px;
    text-align: left;
}
.cds-facet-container{float:left;}
.cds-browse-container{
    float:left;
    margin:0 !important;
    padding:0;
    width:auto;
    max-width: 530px;
}
.tpl-6 .cds-browse-container{
    max-width: 860px;
    width: 100%;
}
.tpl-6 .cds-header-browse-container-left{
    float: left;
    width: 70%;
}
#cds-product-container{
    float:left;
    margin:0 45px 0 0;
    width:535px;
}
.cds-content h1{
    clear:none;
    width:560px;
    padding-bottom: 10px;
}
.cds-content .head{
    float:left;
    margin:0;
    padding:0;
    width:560px;
}
.cds-content  #main-content{
    width: 570px;
    margin-right: 10px;
}
.cds-content  #main-content.col-2{
    width: 800px;
    margin-right: 10px;
}
#sidebar-left h2{
    padding: 0px;
    margin-top: 0px;
}
.cds-attribute-list, ul.cds-attribute-value-list{
    padding: 0;
}
.cds-attribute-list h4{
    font-size:13px;
    font-weight:
    margin:0;
    padding:7px 6px 8px !important;
}
.cds-attribute-list .collapsed{
    margin:0;
    padding:0;
}

ul.cds-attribute-value-list{
    background:#FCFCFC !important;
    margin: 0px!important;
    width: 100%!important;
}
ul.cds-attribute-value-list li{
    font-size:11px ;
    padding:1px 0 2px;
}
ul.cds-attribute-value-list input{
    margin:2px -2px 0 3px !important;
}
ul.cds-attribute-value-list li div{
    width:159px;
}

ul.cds-product-list p{
    float:left;
    color:#00a4e3;
    font-family: Arial, sans-serif;
    font-size:16px;
    padding:0 !important;
    width:390px;
}
ul.cds-product-list img{
/*     margin:0 10px 10px 0; */
    /*! display: none; */
    float:right;
        max-width:100px;
}
ul.cds-product-list > li table{
/*     clear:both; */
    width: 390px;
}
ul.cds-product-list > li h3{
    margin:0 0 1em;
    font-family: Arial, sans-serif !important;
    font-weight:bold;
}
ul.cds-product-list > li tr{
    border-top:1px solid #CCC;
    min-height:30px !important;
}
ul.cds-product-list > li td{
    font-size: 13px;
    min-height:40px !important;
    padding:5px;
}
ul.cds-product-list > li td label{
    margin:0 3px 2px 0;
}

/* Grid view */
#cds-product-list.cds-product-grid h3 {
    font-weight: bold;
    font-family: Arial, sans-serif !important;
}

#cds-product-list.cds-product-grid p {
    color: #00a4e3;
}

#cds-product-list.cds-product-grid label {
    margin-right: 5px;
}

.tpl-6 #content, .tpl-9 #content{
    width: 54%;
    float: left;
}
#page-search-results #content{
    width: 100%;
}
.tpl-6 .cds-content{
    overflow:hidden;
    padding:0 0 20px 0;
    width: 78%;
    float: left;
}
.tpl-6 .cds-content #cds-search-right-container #cds-product-container{
    float: left;
}
.tpl-6 h1{width:100%;}
.tpl-6 .cds-product-controls{
    float:left;
    width:370px;
}
.tpl-6 .cds-product-cart{margin:0;}
.tpl-6 #cds-unit-toggle-container{font-size:13px;}

#cds-category-list-container{
    display: none;
}

.tpl-9 .cds-browse-container{
    width: 100%;
}
.tpl-9 #cds-product-container, .tpl-6 #cds-product-container{
    width: 100%;
    margin: 0;
    padding: 0;
}
.tpl-9 .cds-content{
    width: 100%;
    padding: 0
}
/* ========================================================================================== PRODUCT DETAIL PAGE */
.cds-content.cds-product-page {
    width: 830px;
}

.cds-product-page h1 small{
    display:block;
}

.cds-product-header{
    display:block;
    margin:20px 0 45px !important;
    float:left;
}

.cds-product-image-container{
    display:block;
    float:left;
    height:250px;
    margin:0 30px 0 0;
    padding:0;
    position:relative;
    width:250px;
}
.cds-product-page .cds-product-image-container {
    min-width: 0;
    width: 250px;
    height: auto;
}
.cds-product-page .cds-product-image{
    /*display:block;
    float:left;*/
    height: auto;
    width: 100%;
}
.cds-product-image-container img{
    display:block;
    margin:0 auto !important;
    max-height:246px;
    max-width:246px;
    padding:2px !important;
    position:relative;
    /*width:248px;*/
}

#product_description{
    color:#515253;
    display:block;
    float:left;
    font-family: Arial, sans-serif;
    font-size:15px;
    line-height:24px;
    width:520px;
}
#product_description span{
    color:#000;
    font-family: RalewayBold, sans-serif;
    font-size:15px;
}

#product_pricing{
    color:#000;
    display:block;
    float:left;
    font-family: RalewayBold, sans-serif;
    font-size:15px;
    line-height: 24px;
    margin:10px 0;
    width:498px;
}
#product_price{
    float:left;
    font-family:Arial, sans-serif !important;
    margin:7px 50px 0 0;
}
#product_qty{
    display:block;
    float:left;
    margin:0 25px 0 0;
}
#product_qty input{
    background:#efefef;
    border:1px solid #ddd;
    border-bottom: 0;
    color:#515253;
    -webkit-box-shadow:inset 0 1px 2px -2px rgba(0,0,0,0.5);
    box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.75);
    font-family:Arial, sans-serif;
    font-weight:bold;
    height:40px;
    margin:0 0 0 5px;
    padding:0 5px;
    width:100px;
}
#product_inventory_status{
    float: left;
    margin: 7px 0 20px 0;
    width: 100%;
}
#product_inventory_status .label{
    border-radius: 5px;
    color:#FFF;
    padding:5px 10px;
    text-transform: uppercase;
}
#product_inventory_status .label-primary{
    background:green;
}
#product_inventory_status .label-warning{
    background:orange;
    font-size: 14px;
}
#product_leadtime{
    clear: both;
    margin: -15px 0 15px 0;
}
#product_buttons button{
    background: #2c769f; /* Old browsers */
    background: -moz-linear-gradient(top,  #2c769f 0%, #015a8b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c769f), color-stop(100%,#015a8b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2c769f 0%,#015a8b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2c769f 0%,#015a8b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2c769f 0%,#015a8b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2c769f 0%,#015a8b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c769f', endColorstr='#015a8b',GradientType=0 ); /* IE6-9 */
    border:0;
    border-bottom:2px solid #02456a !important;
    border-radius: 0;
    color:#FFF;
    display:block;
    float:left;
    font-family: RalewayBold, sans-serif;
    font-size:12px;
    height: auto;
    padding:10px 15px 8px !important;
    margin:0 15px 0 0;
    text-transform: uppercase;
    width:auto;
}
#product_buttons button:hover{
    background: #015a8b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNWE4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzc2OWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #015a8b 0%, #2c769f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#015a8b), color-stop(100%,#2c769f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #015a8b 0%,#2c769f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #015a8b 0%,#2c769f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #015a8b 0%,#2c769f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #015a8b 0%,#2c769f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015a8b', endColorstr='#2c769f',GradientType=0 ); /* IE6-8 */
}

#product_buttons button#add-to-cart-button{
    border-bottom: 2px solid #670101;
    background: #f30303; /* Old browsers */
    background: -moz-linear-gradient(top,  #f30303 0%, #c50202 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f30303), color-stop(100%,#c50202)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f30303 0%,#c50202 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f30303 0%,#c50202 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f30303 0%,#c50202 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f30303 0%,#c50202 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f30303', endColorstr='#c50202',GradientType=0 ); /* IE6-9 */
}
#product_buttons button#add-to-cart-button:hover{
    background: #c50202; /* Old browsers */
    background: -moz-linear-gradient(top,  #c50202 0%, #c50202 0%, #f30303 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c50202), color-stop(0%,#c50202), color-stop(98%,#f30303)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c50202 0%,#c50202 0%,#f30303 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c50202 0%,#c50202 0%,#f30303 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c50202 0%,#c50202 0%,#f30303 98%); /* IE10+ */
    background: linear-gradient(to bottom,  #c50202 0%,#c50202 0%,#f30303 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c50202', endColorstr='#f30303',GradientType=0 ); /* IE6-9 */
}

.cds-product-details{
    border:0;
    margin:0;
}
.cds-product-details h3{
    color:#000;
    font-family:RalewayBold, sans-serif !important;
    font-size:15px;
    text-transform: uppercase;
}
#product_short_description{
    color:#515253;
    font-size: 14px;
    float:left;
    text-transform:  capitalize;
}
#product_short_description span{
    font-family: RalewayBold;
    color: #000;
    text-transform: uppercase;
}
.cds-content .cds-product-details-left table.cds-product-attributes{
    border-collapse: separate;
    border-spacing: 2px;
    border:1px solid #ededed;
    border-top: none;
}
.cds-content .cds-product-details-left table.cds-product-attributes tr:nth-child(even){
    background: #f6fcff;
}
.cds-product-attributes td{
    color:#515253;
    font-family: Raleway, sans-serif;
    font-size:14px;
    padding:5px;
    vertical-align: middle;
}
.cds-product-attributes td:nth-child(odd){
    font-family: RalewayBold;
}
.cds-product-attributes .attr_label{
    vertical-align: top;
    width:200px;
}
.cds-product-details .cds-product-details-left h3, .cds-product-details .cds-product-details-right h3{
    padding: 10px 5px;
    background: #fdfdfd;
    margin-bottom: 0;
    border:1px solid #ededed;
}

.cds-product-details-left,
.cds-product-details-right {
    margin-top: 20px;
}


/* ========================================================================================== ARTICLES */
#latest-news-listing{
    display:block;
    margin:0 0 30px;
}
#latest-news-listing article.post{
    border-bottom:1px solid #9a9ca8;
    clear:both;
    display:block;
    height:auto;
    padding:38px 0;
    position:relative;
}
#latest-news-listing article.post img.blog-listing-img{
    float:left;
    display:block;
    margin:0 30px 0 0;
    width:115px;
}
#latest-news-listing article.post > .entry{
    color:#515253;
    display:block;
    float:left;
    font-family:Arial, sans-serif;
    font-size:15px;
    font-weight:400;
    width:625px;
}
#latest-news-listing article.post > .entry h1{
    display: block;
    font-family:Arial, sans-serif;
    font-size:16px;
    font-weight:bold;
    margin:-9px 0 15px 0;
    padding:0;
}
#latest-news-listing article.post .entry .readmore{
    color:#003552;
    font-weight:bold;
}
.paging ul.pageList {
    list-style: none;
    padding-left: 0;
}

.paging .pageList li {
    display: inline-block;
    margin: 0 7px;
}

/* ========================================================================================== FAQ */
#faqs .tabs,
.search_results_tab{
    border-bottom:1px solid #d2d2d2;
    clear:both;
    display:block;
    height:auto;
    list-style-type: none;
    margin:0;
    padding:0;
    width:100%;
}
#faqs .tabs li,
.search_results_tab li{float:none;}
#faqs .tabs li a,
.search_results_tab li a{
    background:#2c769f;
    border:1px solid #015a8b;
    color:#ffffff;
    display: block;
    font-weight: bold;
    margin:0 -1px 0 0;
    padding:10px 40px;
    text-decoration:none;
    text-transform: uppercase;
}
#faqs .tabs li.active a,
#faqs .tabs li.active a:hover,
#faqs .tabs li a:hover,
.search_results_tab li.active a,
.search_results_tab li.active a:hover,
.search_results_tab li a:hover{
    background:#f6fcff;
    border-bottom:1px solid #FFF;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#2c769f;
}
#faqs .tabs li a:hover, .search_results_tab li a:hover {
    background:#f6fcff;
    border-bottom: 1px solid #015a8b;
}
#faqs .tab-pane,
.search_results_pane .tab-pane{display:none;}
#faqs .tab-pane.active,
.search_results_pane .tab-pane.active{display:block;}

#careers{
    padding-bottom: 20px;

}
#faqs .faqman, #careers .job-posting{
    display:block;
    margin:15px 0 0;
    position:relative;
}

#faqs .faqman .f_question, #careers .job-posting h2{
    background: #c4c4c4; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0YzRjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2IzYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #c4c4c4 0%, #b3b3b3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c4c4), color-stop(100%,#b3b3b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c4c4c4 0%,#b3b3b3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c4c4c4 0%,#b3b3b3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c4c4c4 0%,#b3b3b3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c4c4c4 0%,#b3b3b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#b3b3b3',GradientType=0 ); /* IE6-8 */
    border-bottom:2px solid #918f90;
    border-top:1px solid #c7c7c7;
    color:#FFF;
    cursor: pointer;
    display:block;
    font-family: "RalewayBold", Arial, sans-serif;
    font-size:14px;
    line-height:14px;
    margin:0;
    padding:20px 50px 20px 20px;
    position:relative;
    text-shadow: 0 0 2px #999;
    text-shadow: 0 0 2px rgba(0,0,0,0.2);
}
#faqs .faqman:hover .f_question, #careers .job-posting:hover h2,
#faqs .faqman.expanded .f_question, #careers .job-posting.expanded h2{
    background: #9c9c9e; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzljOWM5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MTgxODMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #9c9c9e 0%, #818183 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c9c9e), color-stop(100%,#818183)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9c9c9e 0%,#818183 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9c9c9e 0%,#818183 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9c9c9e 0%,#818183 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9c9c9e 0%,#818183 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9e', endColorstr='#818183',GradientType=0 ); /* IE6-8 */
    border-bottom:2px solid #464646;
    border-top:1px solid #a1a1a3;
}
#faqs .faqman .f_question span, #careers .job-posting h2 span{
    float:right;
    font-family: "Raleway", Arial, sans-serif;
    font-size:26px;
    position:absolute;
    right:20px;
    top:20px;
}
#faqs .faqman .f_answer, #careers .job-description{
    background:#FFF;
    border:1px solid #9a9da6;
    border-top:0;
    color:#333;
    font-family:Arial, sans-serif;
    font-size:14px;
    font-weight:300;
    display: none;
    padding:30px 20px 20px;
    margin:0;
}
#faqs .faqman.expanded .f_answer, #careers .job-postiong.expanded .job-description{display:block;}

#hero-banner{
    width: 100%;
    background-color: black;
    background: url("../image/banner_bg.jpg") no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
.flex-direction-nav{display: none;}
.flex-control-paging li a{background-color: #0b487c;}
.flex-control-paging li a.flex-active{background-color: #2bacfe;}
.flex-control-paging li a:hover{background-color: white;}
#hero-banner .flexslider{
    border:0px solid white;
    box-shadow: none;
    position: relative;
    margin-bottom: 0px;
    height: 340px;
    width: 1080px;
    margin: auto;
    background-color: transparent;
}
#hero-banner .flexslider .control-bg{
    height: 28px;
    width: 1080px;
    position: absolute;
    bottom:0px;left: 0px;
    background-image: url("../image/slider_control_bg.png");
    background-repeat: no-repeat;
    background-position:55px bottom;
}
#hero-banner .flex-control-nav{
    bottom:0px;
    z-index: 99999;
}
#hero-banner .flexslider .flex-viewport{
    width: 1080px;
    margin: auto;
}
#hero-banner .flexslider .slides img{
    width: 55%;
    margin-top: -20px;
}
#hero-banner .flexslider .slides li{position: relative;}
#hero-banner .flexslider .flex-caption{
    position: absolute;
    width: 50%;
    z-index: 99999;
    text-align: center;
    margin-left: 50%;
}
#hero-banner .flexslider .flex-caption .caption-content{margin-top: 40px;}
.flex-caption .caption-content h3{
    color: white;
    text-align: left;
    font-size: 30px;
    font-family: "RalewayBold";
}
.flex-caption .caption-content p{
    color: white;
    margin-top: 30px;margin-bottom: 30px;
    font-size: 13px;
    text-align: left;
}
.flex-caption .caption-content .more,
.all-manu-btn {
    background: #194963; /* Old browsers */
    background: -moz-linear-gradient(top,  #194963 0%, #003552 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#194963), color-stop(100%,#003552)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #194963 0%,#003552 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #194963 0%,#003552 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #194963 0%,#003552 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #194963 0%,#003552 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194963', endColorstr='#003552',GradientType=0 ); /* IE6-9 */
    font-family: "RalewayBold";
    border-bottom: 2px solid #01243b;
    color: white;
    width: 200px;
    padding: 10px 0px;
    text-align: center;
    display: block;
    float: left;
    text-transform: uppercase;
    font-size: 13px;
    border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
}
.flex-caption .caption-content .more:hover{
    text-decoration: none;
    background: #003552; /* Old browsers */
    background: -moz-linear-gradient(top,  #003552 0%, #194963 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003552), color-stop(99%,#194963)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #003552 0%,#194963 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #003552 0%,#194963 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #003552 0%,#194963 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #003552 0%,#194963 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003552', endColorstr='#194963',GradientType=0 ); /* IE6-9 */
}
.rfq-btn{
    font-family: RalewayBold, sans-serif;
    display: block;
    position: relative;
    width: 100%;
    padding: 15px 0px;
    padding-left: 30px;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    margin: 10px 0px;
    border-bottom: 2px solid #02658b;
    background: #02b2f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #02b2f6 0%, #0185b8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#02b2f6), color-stop(100%,#0185b8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #02b2f6 0%,#0185b8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #02b2f6 0%,#0185b8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #02b2f6 0%,#0185b8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #02b2f6 0%,#0185b8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02b2f6', endColorstr='#0185b8',GradientType=0 ); /* IE6-9 */
}
.rfq-btn span,
.red-btn span {
    background: url(../image/chevrons.png) -13px -7px no-repeat;
    display: block;
    width: 23px;
    height: 29px;
    position: absolute;
    top: 10px;
    right: 19px;
}
.rfq-btn:hover{
    color: white;
    text-decoration: none;
    background: #0185b8; /* Old browsers */
    background: -moz-linear-gradient(top,  #0185b8 0%, #02b2f6 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0185b8), color-stop(98%,#02b2f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0185b8 0%,#02b2f6 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0185b8 0%,#02b2f6 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0185b8 0%,#02b2f6 98%); /* IE10+ */
    background: linear-gradient(to bottom,  #0185b8 0%,#02b2f6 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0185b8', endColorstr='#02b2f6',GradientType=0 ); /* IE6-9 */
}
.red-btn{
    font-family: RalewayBold, sans-serif;
    position: relative;
    display: block;
    width: 100%;
    padding: 15px 0px;
    padding-left: 30px;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    margin: 10px 0px;
    border-bottom: 2px solid #670101;
    background: #f30303; /* Old browsers */
    background: -moz-linear-gradient(top,  #f30303 0%, #c50202 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f30303), color-stop(100%,#c50202)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f30303 0%,#c50202 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f30303 0%,#c50202 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f30303 0%,#c50202 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f30303 0%,#c50202 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f30303', endColorstr='#c50202',GradientType=0 ); /* IE6-9 */
}
.red-btn span{
    background: url(../image/chevrons.png) -13px -127px no-repeat;
}
.red-btn.expanded span {
    background-position: -13px -237px;
}
.red-btn:hover{
    cursor: pointer;
    color: white;
    text-decoration: none;
    background: #c50202; /* Old browsers */
    background: -moz-linear-gradient(top,  #c50202 0%, #c50202 0%, #f30303 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c50202), color-stop(0%,#c50202), color-stop(98%,#f30303)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c50202 0%,#c50202 0%,#f30303 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c50202 0%,#c50202 0%,#f30303 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c50202 0%,#c50202 0%,#f30303 98%); /* IE10+ */
    background: linear-gradient(to bottom,  #c50202 0%,#c50202 0%,#f30303 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c50202', endColorstr='#f30303',GradientType=0 ); /* IE6-9 */
}
.home-pad{
    position: absolute;
    width: 250px;
    right: 0px;
    top:-55px;
    z-index: 99;
}
.home-pad #quick-order-form{width: 270px;}
#page-index .rfq-btn{width: 100%;}
#page-index #main-content{
    float: none;
    position: relative;
}
#page-index #main-content h1{
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 75%;
}

/* =========================================================================== REAL PERSON JQUERY */
.realperson-text{text-align:center;}
#defaultReal{text-align:center;}
.realperson-regen{
    background:transparent url('../image/sprite.png') -105px -467px no-repeat;
    color:#393b45;
    display:block;
    font-family: Arial, sans-serif;
    font-size:12px;
    font-weight:bold;
    text-transform: uppercase;
}

/* =============================================================================== SEARCH RESULTS */
#modx-search-results{
    display:block;
    float:left;
    margin:0;
    padding:0 15px 30px 0;
    width:700px;
}
.cds-search-results{
    background:#EEE;
    float:left;
    margin:0;
    padding:0 15px 30px;
    width:360px;
}
.cds-search-result{
    clear:both;
    position: relative;
}
.cds-search-result > div > a{
    display:block;
    margin:0 10px 0 0;
}
.cds-search-result > div > a >img{
    clear:right;
    float:left;
    margin:0 10px 10px 0;
    max-width:75px;
}
.cds-search-result > div > p{
    margin:0 0 10px;
}

#modx-search-results h2,
.cds-search-result h2{
    font-family: RalewayBold, Arial, sans-serif;
    text-transform: uppercase;
}
#modx-search-results h3,
.cds-search-result h3{
    font-family:RalewayBold;
    font-size:18px;
    margin:0;
}
#modx-search-results .sisea-result,
.cds-search-result div{
    margin:0;
    padding:10px 0 0;
    border-top:1px solid #CCC;
}

.search_results_pane {
    padding:15px 0;
}

.search_results_pane div.cds-search-result, .sisea-result {
    padding:5px 15px;
    border-top:1px solid #CCC;
}
.search_results_pane div.cds-search-result:hover, .sisea-result:hover {
    background:#EEE;
}

.search_results_pane div.cds-search-result div{
    border:0 !important;
}
.search_results_pane div.cds-search-result h5, .sisea-results-list h3 {
    font-size: 18px;
    margin:10px 0 5px;
}

.sisea-paging {
    font-size: 0.9em;
    margin:0 0 10px 0;
}
.sisea-result-pages {
    color:#888;
    margin:0 5px 0 0;
    display: inline-block;
}

/* ==================================================================================== LOCATIONS */
#locations-image-map{
    display:block;
    margin:0;
    padding:0;
    position:relative;
}
#locations-marker a{
    /*border-radius:10px;*/
    background: url(../image/map-icon.png) center center no-repeat;
    display: block;
    /*
    width:14px;
    height:14px;
    opacity: 0.64;
    */
    width: 17px;
    height: 22px;
    position:absolute;
    left:0;
    top:0;
}
#locations-marker a#marker_1{left:125px; top:457px;} /* ASIA */
#locations-marker a#marker_2{left:168px; top:311px;} /* ARIZONA */
#locations-marker a#marker_3{left:73px; top:290px;} /* CALIFORNIA - ANAHEIM */
#locations-marker a#marker_4{left:87px; top:280px;} /* CALIFORNIA - BURBANK */
#locations-marker a#marker_5{left:48px; top:178px;} /* CALIFORNIA - SACREMENTO */
#locations-marker a#marker_6{left:89px; top:304px;} /* CALIFORNIA - SAN DIEGO */
#locations-marker a#marker_7{left:32px; top:201px;} /* CALIFORNIA - SAN JOSE */
#locations-marker a#marker_8{left:295px; top:231px;} /* COLORADO - COLORADO SPRINGS */
#locations-marker a#marker_9{left:295px; top:213px;} /* COLORADO - DENVER */
#locations-marker a#marker_10{left:662px; top:387px;} /* FLORIDA - ORLANDO */
#locations-marker a#marker_11{left:686px; top:410px;} /* FLORIDA - MIAMI */
#locations-marker a#marker_12{left:604px; top:305px;} /* GEORGIA */
#locations-marker a#marker_13{left:517px; top:157px;} /* ILLINOIS */
#locations-marker a#marker_14{left:738px; top:85px;} /* MASSACHUSETTS */
#locations-marker a#marker_15{left:649px; top:347px;} /* MISSOURI */
#locations-marker a#marker_16{left:702px; top:133px;} /* NEW JERSEY */
#locations-marker a#marker_17{left:254px; top:297px;} /* NEW MEXICO */
#locations-marker a#marker_18{left:699px; top:98px;} /* NEW YORK */
#locations-marker a#marker_19{left:643px; top:256px;} /* NORTH CAROLINA */
#locations-marker a#marker_20{left:601px; top:151px;} /* OHIO */
#locations-marker a#marker_21{left:53px; top:63px;} /* OREGON */
#locations-marker a#marker_22{left:691px; top:152px;} /* PENNSYLVANIA */
#locations-marker a#marker_23{left:739px; top:99px;} /* RHODE ISLAND not shown on map */
#locations-marker a#marker_24{left:392px; top:373px;} /* TEXAS - AUSTIN */
#locations-marker a#marker_25{left:413px; top:351px;} /* TEXAS - DALLAS */
#locations-marker a#marker_26{left:423px; top:390px;} /* TEXAS - HOUSTON */
#locations-marker a#marker_27{left:182px; top:198px;} /* UTAH */
#locations-marker a#marker_28{left:668px; top:203px;} /* VIRGINIA not shown on map */
#locations-marker a#marker_29{left:82px; top:24px;} /* WASHINGTON */
#locations-marker a#marker_30,
#locations-marker a#marker_31{left:87px; top:280px;} /* CORPORATE HEADQUARTERS 1 & 2 */
#locations-marker a#marker_32{left:649px; top:388px;} /* FLORIDA - TAMPA */
#locations-marker a#marker_33{left:48px; top:205px;} /* CALIFORNIA - MODESTO */
#locations-marker a#marker_34{left:87px; top:294px;} /* CALIFORNIA - CORONA */
#locations-marker a#marker_35{left:47px; top:70px;} /* OREGON - TUALATIN */
#locations-marker a#marker_36{left:135px; top:120px;} /* IDAHO - BOISE */
#locations-marker a#marker_37 {left: 388px; top: 378px;} /* Austin Wall St */
#locations-marker #marker_38 {left: 417px; top: 343px;} /* Richardson TX */

#locations-boxes .locations-box{
    background:#FFF;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
    display:none;
    font-size: ;
    position:absolute;
    left:239px;
    margin:0;
    padding:20px 10px;
    text-align:center;
    bottom:195px;
    width:320px;
}
#locations-boxes #box_1{
    bottom:105px;
    left:-25px;
}
#locations-boxes .locations-box:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #FFF;
    border-width: 15px;
    margin-left: -15px;
}
#locations-boxes .locations-box address:after {
    top: 100%;
    left: 143px;
    position: absolute;
    content: url(../image/map-icon-large.png);
}
#locations-boxes span{
    color:#D0D0D0;
    cursor: pointer;
    font-size: 18px;
    position:absolute;
    right:5px;
    top:5px;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
}
#locations-boxes span:hover{
    color:#000;
}

#locations-boxes .locations-box address{
    display:block;
    width:100%;
}
#locations-boxes .locations-box h4{
    display:block;
    font-family: Raleway;
    font-size: 16px;
    margin:0 0 10px;
    padding:0;
}
#locations-boxes .locations-box p{
    color:#000;
    font-size:13px;
    font-weight:normal;
    line-height: 22px;
}

#locations-map{
    border:1px solid #ccced7;
    margin:0 0 30px;
}
#locations-map h4{
    color:#00a4e4;
    display:block;
    font-family: Arial, sans-serif;
    font-size:16px;
    font-weight:bold;
    margin:0;
    padding:30px;
    text-transform: uppercase;
}
#locations-map h4 span{
    color:#696a6c;
}
#locations-large{
    background:#FFF url('../image/locations-us-map-large-2.jpg') 0 0 no-repeat;
    display:none;
    height:550px;
    position:absolute;
    top:0;
    left:0;
    width:798px;
}
#locations-large.box_1{display:none !important;}
#locations-large.box_2{background-position:-75px -555px;}
#locations-large.box_3{background-position:148px -505px;}
#locations-large.box_4,
#locations-large.box_30,
#locations-large.box_31{background-position:116px -482px;}
#locations-large.box_5{background-position: 208px -256px;}
#locations-large.box_6{background-position:111px -539px;}
#locations-large.box_7{background-position:244px -298px;}
#locations-large.box_8{background-position:-374px -367px;}
#locations-large.box_9{background-position:-374px -325px;}
#locations-large.box_10{background-position:-1239px -735px;}
#locations-large.box_11{background-position:-1294px -788px;}
#locations-large.box_12{background-position:-1100px -540px;}
#locations-large.box_13{background-position:-896px -193px;}
#locations-large.box_14{background-position:-1417px -25px;}
#locations-large.box_15{background-position: -1210px -648px;}
#locations-large.box_16{background-position:-1331px -135px;}
#locations-large.box_17{background-position:-277px -521px;}
#locations-large.box_18{background-position:-1335px -60px;}
#locations-large.box_19{background-position:-1192px -427px;}
#locations-large.box_20{background-position:-1104px -181px;}
#locations-large.box_21{background-position:192px 24px;}
#locations-large.box_22{background-position:-1305px -180px;}
#locations-large.box_23{background-position:-1417px -56px;}
#locations-large.box_24{background-position:-601px -702px;}
#locations-large.box_25{background-position:-653px -650px;}
#locations-large.box_26{background-position:-677px -742px;}
#locations-large.box_27{background-position:-108px -289px;}
#locations-large.box_28{background-position:-1250px -300px;}
#locations-large.box_29{background-position:127px 118px;}
#locations-large.box_32{background-position:-1215px -741px;}
#locations-large.box_33{background-position: 205px -295px;}
#locations-large.box_34{background-position: 113px -487px;}
#locations-large.box_35{background-position:201px -1px;}
#locations-large.box_36{background-position:-2px -100px;}

/* REMOVE ONCE DONE */
#helper{
    background:transparent url('../image/helper.png') 0 0 no-repeat;
    display:none !important;
    height:550px;
    position:absolute;
    top:0;
    left:0;
    width:798px;
}

#locations-grid .territory-state{
    display:block;
    float:left;
    margin:0;
    padding:0 0 20px;
    width:auto;
}
.territory-state h3{
    color:#00a4e4;
    display:block;
    font-family: Arial, sans-serif;
    font-size:14px;
    font-weight:bold;
    margin:0;
    padding:0;
    text-transform: uppercase;
}
.location {
    height: 167px;
}
.location,
.location h4{
    color:#515253;
    display:block;
    float:left;
    font-family: Arial, sans-serif;
    font-size:14px;
    font-weight: bold;
    line-height: 18px;
    margin:5px 0;
    padding:0;
    width:260px;
}
.location h4{
    color:#000;
    display: block;
    margin:20px 0 0;
    width:100%;
}
.location p{
    margin:0;
    padding:0;
}

/* ===================================================================================== DEBUGGER */
#debugger{
    background:rgba(0,0,0,0.75);
    color:#FFF;
    display: none;
    font-size:10px;
    left:0;
    padding:10px;
    position:absolute;
    top:0;
    z-index:9999999;
}
#debugger h2{
    font-size:15px;
    font-weight:bold;
    margin:0 0 10px;
    text-transform: uppercase;
}
#debugger p{margin:0;}

/* ================================================================================== MOBILE MENU */
#main-menu-btn{
    cursor: pointer;
    display: none;
    position: absolute;
    left: 20px;
    top:10px;
    height: 35px;
    width: 40px;
    background-image: url("../image/hamburger.png");
    background-repeat: no-repeat;
}

.cds-attribute-value-list > li{
    padding:5px 0 5px 2px !important;
    margin:0 !important;
}
.cds-attribute-value-list > li input[type="checkbox"]{
    margin:2px 4px 0 2px !important;
}
.cds-attribute-value-list > li div{
    margin:0;
}

/* ============================================================================== SITEMAP */
#page-sitemap #main-content ul{
    list-style-type:none;
    padding:0;
}
#page-sitemap #main-content ul li a{
    font-family: Raleway, sans-serif !important;
}
#page-sitemap #main-content > ul > li > a{
    color:#515253;
    font-family:RalewayBold, sans-serif;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
}
#page-sitemap #main-content > ul ul{
    padding:0 0 10px 25px;
}
#page-sitemap #main-content > ul > li > ul > li > a{
    color:#515253;
    font-size:16px;
}

.cds-crumbs{
    display:none;
}

/* ========================================================= This one's for you, IE */


/* Header */
.ie7 #header,
.ie8 #header,
.ie9 #header {
    position: relative;
    z-index: 999;
}

.ie7 #header-content,
.ie8 #header-content,
.ie9 #header-content {
    z-index: 999;
}

.ie7 #header-content > ul > li,
.ie8 #header-content > ul > li,
.ie9 #header-content > ul > li {
    display: inline;
}

.ie7 #primary-nav > li > a,
.ie8 #primary-nav > li > a {
    padding: 0 17px;
}

.ie7 #header-content .searchWrap {
    width: 330px;
}

.ie7 #header-content .searchWrap .btn {
    width: 90px;
}

.ie7 #header-content .searchWrap .form-search input[type="text"] {
    width: 200px;
}

.ie7 #primary-menu,
.ie8 #primary-menu,
.ie9 #primary-menu {
    position: static;
}

.ie7 #primary-nav ul,
.ie8 #primary-nav ul,
.ie9 #primary-nav ul {
    z-index: 999;
}

/* Home page */

.ie8 #hero-banner,
.ie9 #hero-banner {
    position: relative;
    z-index: 1;
}

.ie7 #page-index #main-content,
.ie8 #page-index #main-content,
.ie9 #page-index #main-content {
    z-index: 1;
}

/* Home buckets */
.ie7 .buckets-home-wrapper .bucket,
.ie8 .buckets-home-wrapper .bucket {
    float: left;
    background: #fff;
}
.ie7 .bucket{
    width:250px;
}

.ie7 .bucket p {
    top: -335px;
    width: 250px !important;
    cursor:pointer;
}
.ie7 .bucket span.more{
    cursor:pointer !important;
}

.ie7 .bucket:hover p {
    top: 0;
}

.ie7 #buckets-landing .bucket h3 {
    height: 93px;
    background:#FFF;
    width: 210px;
}

/* Landing Buckets */

.ie7 #buckets-landing {
    margin-bottom: 20px;
}

.ie7 #buckets-landing .bucket p {
    width: 191px;
    cursor: pointer;
}

/* CDS */

.ie7 .tpl-6 #quickContact {
    width: 212px;
}

.ie7 .cds-product-header {
    width: 800px;
}

.ie7 #product_buttons button {
    padding: 10px 11px 8px !important;
}

.ie7 #cds-product-spec-sheet-submit,
.ie8 #cds-product-spec-sheet-submit {
    margin: 0;
}

.ie7 #product_pricing {
    width: 500px;
}

.ie7 .cds-browse-list li h3 {
    width: 212px !important;
}

/* Secondary Nav */

.ie7 #sidebar-left #secondary-nav > li > a {
    background: #c4c4c5;
}

/* Quick Order */

.ie7 #quick-order-form fieldset {
    margin: 10px 9px;
}

.ie7 #quick-order-form input.quick-order-pad-item {
    width: 53%;
}

/* News and FAQ and Careers */

.ie7 .paging {
    clear: both;
}

.ie7 .paging .pageList li {
    display: inline;
}

.ie7 #latest-news-listing article.post {
    min-height: 116px;
}

.ie7 #faqs .faqman:hover .f_question, #careers .job-posting:hover h2,
.ie7 #faqs .faqman.expanded .f_question, #careers .job-posting.expanded h2 {
    background: #9c9c9e;
}

.ie7 #faqs .faqman .f_question, #careers .job-posting h2 {
    background: #c4c4c4;
}

.ie7 #contact {
    width: 530px;
}

/* Footer */

.ie7 #employee_portal a {
    padding-left: 20px;
    background: url(/css/images/icon_customer_portal.png) 0 24px no-repeat;
}

.ie7 #newsletterform .mail-icon {
    bottom: auto;
    top: 66px;
}

.ie7 #newsletterform,
.ie8 #newsletterform {
    width: 605px;
    margin-top: 7px;
}

.ie7 #newsletterform input[type="submit"] {
    width: 70px;
    height: 27px;
}

.search_pagination{
    margin-bottom:19px;
    position:relative;
}
.search_pagination .buttons{
    position:absolute;
    right:0;
    top:-5px;
}

/* ====================================================================================== MANUFACTURERS */
#page-manufacturer #cds-search-right-container{
    padding:0;
   /* width:830px;*/
}
#page-manufacturer #cds-search-right-container h1{
    width:600px !important;
}

/* ====================================================================================== LINE CARDS */
.line-card-list{
    display:inline-block;
    padding:0 0 0 80px;
    margin:0 8px 25px 0;
    vertical-align: top;
    width:270px;
    position: relative;
}
.line-card-list ul{
    margin:0;
    padding:0 0 0 0px;
    width: 100%;
    clear: both;
    /*height: 190px;*/ /*your fixed height*/
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; /*3 in those rules is just placeholder -- can be anything*/

}
.oldie .line-card-list ul li{
    float: left;
}
.line-card-list ul li a{
    text-decoration: underline;
}
.line-card-list img{
    float: left;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.line-card-list h2{
    padding-left: 80px;
    margin-bottom: 80px
}
.line-card-list ul li{
    list-style: none;
}
.oldie .line-card-list ul li{
    float: left;
    width: 29%;
}
#quicknav-container{
    margin-bottom: 20px;
    position: relative;
    }
#quicknav{
    color: #ffffff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9b8bd+0,a1a0a6+100 */
    background: #b9b8bd; /* Old browsers */
    background: -moz-linear-gradient(top,  #b9b8bd 0%, #a1a0a6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9b8bd), color-stop(100%,#a1a0a6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b9b8bd 0%,#a1a0a6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b9b8bd 0%,#a1a0a6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b9b8bd 0%,#a1a0a6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b9b8bd 0%,#a1a0a6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b8bd', endColorstr='#a1a0a6',GradientType=0 ); /* IE6-9 */
    padding: 15px;
    font-weight: bold;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 460px;
    z-index: 2;
    cursor: pointer;
}
#quicknav:after{
    content: "\f3d1";
    font-family: "Ionicons";
    display: block;
    position: absolute;
    top: 8px;
    right: 20px;
    font-size: 25px;
    color: #ffffff;
    z-index: 3
}
.anchor-links{
    display: none;
    margin: 0;
    padding: 60px 15px 15px;
    width: 460px;
    background: #EFEFEF;
    position: relative;
    top: -40px;
    left: 0;
    z-index: 1;
}
.anchor-links li{
    list-style: none;
    margin-bottom: 10px;
}
.anchor-links li a{
    color: #333;
    display: block;
}
#page-downloads #main-content h2{
    clear:both;
    margin:15px 0 2px;
}
#page-downloads #main-content img{
    border-radius: 3px;
    margin:0 25px 20px 0 !important;
}
#page-downloads #main-content ul {
    float: left;
    width: 70%;
}

/* Temporary */
ul.cds-product-list table td > a {
    display: none;
}

.tpl-4 #buckets-landing {
    margin-left: -4px;
}
#cds-product-compare-table tr td img{
    max-width: 100px;
}

#token{
    display:none !important;
}
#page-manufacturer-listing .line-card-list{
    width:100%;
    padding: 0
}

.location a.mapLink{
    background: #2c769f; /* Old browsers */
    background: -moz-linear-gradient(top,  #2c769f 0%, #015a8b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c769f), color-stop(100%,#015a8b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2c769f 0%,#015a8b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2c769f 0%,#015a8b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2c769f 0%,#015a8b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2c769f 0%,#015a8b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c769f', endColorstr='#015a8b',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
    color: white;
    display:block;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    text-decoration:none;
    padding: 3px;
    margin:10px 0 20px !important;
    width:70px;
}
.location a.mapLink:hover{
    background: #015a8b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNWE4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYzc2OWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #015a8b 0%, #2c769f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#015a8b), color-stop(100%,#2c769f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #015a8b 0%,#2c769f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #015a8b 0%,#2c769f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #015a8b 0%,#2c769f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #015a8b 0%,#2c769f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015a8b', endColorstr='#2c769f',GradientType=0 ); /* IE6-8 */
}


#main-content .pdf-iframe iframe { height: 1070px; }
.pdf-ctas {  }
.pdf-ctas > a {
    display: inline-block;
    width: auto;
    padding: 15px 30px;
}

.pdf-ctas #btn_rfq {  }
.pdf-ctas #btn_dl_pdf {  }

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all{
    z-index:999;
}

#page-stainless-steel-fluid-handling-products #sidebar-left > h2.active a{
    font-size: 22px !important;
}

#buckets-home .bucket .more-wrap {
    position: absolute;
    top: 0px;
    text-align: center;
    width: 100%;
}






#manufacturer-buttons > span.hover {
    color:#00a3e3;
}

#manufacturer-buttons > span.active {
    background:#00a3e3;
    color:#fff;
}

#page-manufacturers-new .line-card-list {
    width: 100%;
    padding: 0;
    margin: 0px;
    font-size:12px;
}

#manufacurer-box {
    height: 400px;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 20px;
    margin: 10px;
    position:relative;
}

#manufacturer-buttons > span {
    padding: 10px;
    margin: 0px 1.5% 0px 0px;
    display: inline-block;
    background: #eee;
    border: #ddd 1px solid;
    width: 23%;
    padding: 0px;
    font-weight: bold;
    border-bottom: 0px;
    box-sizing: border-box;
    font-size: 13px;
    text-align: center;
    color: #505050;
}

#manufacturer-buttons > span {
    cursor:pointer;
}

.hideManufacturer {
    height: 0px;
    overflow: hidden;
    display: block;
    display: none;
    transition: all linear 0.3s;
}

div#manufacturer-buttons {
    margin-bottom: 0px;
    font-size:0px;
}

div#manufacturer-box {
   
    border: #ddd 1px solid;
    padding: 10px;
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
    padding:10px;
}

#manufacturer-buttons i {
    margin-right: 8px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

#manufacturer-filter ul {
    padding:0px;
    margin:0px;
    overflow:hidden;
    height:49px;
}

#manufacturer-filter ul li{
    list-style-type:none;
    height: 34px;
    overflow:hidden;
}

#manufacturer-filter ul li img {
    margin-right:20px;
}

#manufacturer-filter ul li span {
    color: #515253;
    font-family: RalewayBold, sans-serif;
    font-size: 16px;
    margin-top: 0;
    vertical-align: middle;
    /* margin: 5px; */
    display: inline-block;
}

#manufacturer-filter ul li span i {
    margin-right:8px;
}


#manufacturer-filter ul li.hover {
    background: #515253;
}

#manufacturer-filter ul li.hover span {
    color: #fff;
}

#manufacturer-filter ul li img {
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    transition:all ease .3s;
}

#manufacturer-filter ul li.hover img {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    transition:all ease .3s;
}

.filterLabel {
    padding: 10px;
    margin: 0px;
    display: inline-block;
    background: #eee;
    border: #ddd 1px solid;
    width: 33.33%;
    border-right: 0px;
    padding: 10px;
    font-weight: bold;
    border-bottom: 0px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    color: #505050;
}

.filterList {
    margin: 0px;
    display: inline-block;
    background: #eee;
    border: #ddd 1px solid;
    width: 66.66%;
    box-sizing: border-box;
    font-size: 20px;
    text-align: center;
    color: #505050;
    border-bottom: 0px;
    position:relative;
}

div#manufacturer-filter {
    font-size: 0px;
}

div#manufacturer-filter div {
    vertical-align: top;
    box-sizing: border-box;
    text-align: left;
}

div#manufacturer-filter .filterLabel {
    text-align: center;
    line-height: 14px;
}

#manufacturer-filter .filterList ul li {
     cursor:pointer;
     padding: 3px 0px;
}

#manufacturer-filter ul {
    background: #eee;
    width: 100%;
}

#manufacturer-filter ul.active {
    height: auto;
    z-index: 6;
    position: absolute;
}

#manufacturer-filter ul li img {
    width: 14px;
    vertical-align: middle;
    margin: 7px 10px 7px 10px;
    display: inline-block;
}


#manufacturer-filter ul {
    z-index: 6;
    position: absolute;
    top: 0px;
    height: 34px;
}

div#manufacturer-filter {
    background: #eee;
}

.filterList {
    height: 35px;
}

div#manufacturer-box h2 {
    font-size: 16px;
    padding-left: 58px;
    padding-bottom: 27px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    border-top: 1px solid #eee;
    padding-top: 26px;
}

div#manufacturer-box img {
    width: 50px;
    padding-top: 11px;
}

.disabledLink, .disabledLink:hover {
    color:000;
}

.noResults {
    display:none;
}

.showNoResultsMsg {
    display:block !important;
}

.noResults a {
     color: #df0202;
}
.noResults a:hover {
   color: #c50000;
}

#main-content .line-card-list.highlight {
    background: #fff;
    box-shadow: 0px 80px 30px rgba(0,154,216,.3) inset;
    width: 100%;
    padding: 0px;
    -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
}

#main-content .line-card-list.highlight h2 {
    background: #9c9c9e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #9c9c9e 0%, #808081 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c9c9e), color-stop(100%,#808081));
    background: -webkit-linear-gradient(top, #9c9c9e 0%,#808081 100%);
    background: -o-linear-gradient(top, #9c9c9e 0%,#808081 100%);
    background: -ms-linear-gradient(top, #9c9c9e 0%,#808081 100%);
    background: linear-gradient(to bottom, #9c9c9e 0%,#808081 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9e', endColorstr='#808081',GradientType=0 );background: #9c9c9e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #9c9c9e 0%, #808081 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c9c9e), color-stop(100%,#808081));
    background: -webkit-linear-gradient(top, #9c9c9e 0%,#808081 100%);
    background: -o-linear-gradient(top, #9c9c9e 0%,#808081 100%);
    background: -ms-linear-gradient(top, #9c9c9e 0%,#808081 100%);
    background: linear-gradient(to bottom, #9c9c9e 0%,#808081 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9c9e', endColorstr='#808081',GradientType=0 );
    color: #fff;
}

#main-content #manufacturer-box .line-card-list.highlight h2 {
    padding-left: 68px;
}

#main-content .line-card-list.highlight img {
    left:10px;
}

#main-content .line-card-list.highlight ul {
    padding: 0px 0px 0px 14px;
}

.line-card-list.noResultsLayout ul {
    column-count: 1;
}

.middleWrapper {
    display: table;
    width: 100%;
    height: 100%;
}

.middleWrapper span {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px;
}


div#manufacturer-box .highlight h2 { border-bottom: 4px solid #fff;}

/* The animation code */
	@keyframes example {
		0%   {border-bottom: 4px solid #fff}
		10%  {border-bottom: 4px solid #009bd8;}
		30%  {border-bottom: 4px solid #fff}
		70%  {border-bottom: 4px solid #009bd8;}
		100% {border-bottom: 4px solid #fff;}
	}
	
	/* The element to apply the animation to */
	.highlight h2 {
		animation-name: example;
		animation-duration: 2s;
	}
	




#manufacturer-wrap #quicknav {
    padding: 6px;
    font-size: 13px;
    font-weight: 400;
    margin: 0px 0px 0px 0px;
    background: #eee;
    color: #505050;
    border: #ddd 1px solid;
    border-radius: 0px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: -10px;
    display: block;
    width: 100%;
    margin: 0px auto;
}

#manufacturer-wrap #quicknav:after {
    top: 4px;
    color:#505050;
    font-size: 17px;
    content: "\f123";
    right: 8px;
}

#manufacturer-wrap #quicknav-container {
    margin-bottom: 10px;
}


#manufacturer-wrap .anchor-links {
    width: 100%;
    top: 0px;
    padding: 0;
    border: #ddd 1px solid;
    border-top: 0px;
}

#manufacturer-wrap .anchor-links li {
    margin-bottom: 0px;
}

#manufacturer-wrap .anchor-links li a {
    font-size: 13px;
    padding: 5px 5px 5px 20px;
    color: #505050;
}

#manufacturer-wrap .anchor-links li a:hover {
    text-decoration: none;
    background: #505050;
    color: #fff;
}
.line-card-list.highlight {
    padding-bottom: 10px !important;
}
div.smallimg div {
	padding: 0px 10px;
}
div.smallimg div img {
	display: block;
    margin: auto;
}

.uom-text{
	text-transform: lowercase;
}

@media only screen and (max-width:1024px) {

    .search-container {
        padding: 13px;
        width: 100%;
        box-sizing: border-box;
    }

    .searchWrap input[type="text"] {
        width: 100%;
        box-sizing:  border-box;
    }

    .searchWrap {
        box-sizing:  border-box;
    }

    .searchWrap #site_search_submit {
        position: absolute;
        right: 13px;
    }

}

@media only screen and (max-width:767px) {
    .search-container {
        padding: 21px 13px 0 70px;
    }
}

input#simpleSearch_submit_search2 {
    background: #33b6e9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #33b6e9 0%, #00a4e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33b6e9), color-stop(100%,#00a4e4));
    background: -webkit-linear-gradient(top, #33b6e9 0%,#00a4e4 100%);
    background: -o-linear-gradient(top, #33b6e9 0%,#00a4e4 100%);
    background: -ms-linear-gradient(top, #33b6e9 0%,#00a4e4 100%);
    background: linear-gradient(to bottom, #33b6e9 0%,#00a4e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b6e9', endColorstr='#00a4e4',GradientType=0 );
    border: 0;
    border-bottom: 2px solid #0091ca;
    border-radius: 0;
    color: #FFF;
    display: block;
    float: left;
    font-family: RalewayBold, sans-serif;
    font-size: 12px;
    height:;
    margin: 0;
    padding: 9px 20px 4px;
    text-transform: uppercase;
}

.main-menu-btn.mm-hidden {
    z-index: -1;
}

.page-296 p.content-cta, .page-297 p.content-cta, .page-298 p.content-cta, .page-299 p.content-cta, .page-300 p.content-cta {
	display: none;
}

.ajaxfile label {
    display: block !important;
    color: #4a4f55 !important;
    font-weight: normal;
}
            
.ajaxfile .qq-clear-button, .ajaxfile .qq-upload-button {
    background: #194963;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #194963 0%, #003552 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#194963), color-stop(100%,#003552));
    background: -webkit-linear-gradient(top, #194963 0%,#003552 100%);
    background: -o-linear-gradient(top, #194963 0%,#003552 100%);
    background: -ms-linear-gradient(top, #194963 0%,#003552 100%);
    background: linear-gradient(to bottom, #194963 0%,#003552 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194963', endColorstr='#003552',GradientType=0 );
    border: 0;
    border-bottom: 2px solid #01243b;
    color: #FFF;
    display: block;
    font-family: Raleway, Arial, sans-serif;
    font-weight: 600;
    margin: 0 auto;
    padding: 8px 10px 6px 10px;
    text-transform: uppercase;
    width: 110px;
    margin-right: 10px;
    line-height: 12px;
    font-size: 12px;
}

.ajaxfile .qq-clear-button:hover, .ajaxfile .qq-upload-button:hover {
    background: #003552;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #003552 0%, #194963 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003552), color-stop(100%,#194963));
    background: -webkit-linear-gradient(top, #003552 0%,#194963 100%);
    background: -o-linear-gradient(top, #003552 0%,#194963 100%);
    background: -ms-linear-gradient(top, #003552 0%,#194963 100%);
    background: linear-gradient(to bottom, #003552 0%,#194963 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003552', endColorstr='#194963',GradientType=0 );
}

.ajaxfile {
    padding: 10px 0px;
}

.page-319 #sidebar-right {
    display: none;
}

@media only screen and (max-width:480px) {
    .ajaxfile .qq-clear-button, .ajaxfile .qq-upload-button {
        width: 90px;
        font-size: 11px;
        padding: 8px 5px 6px 5px;
        line-height: 11px;
    }
}

@media only screen and (min-width:768px) {
    #quickContact .ajaxfile .qq-upload-button {
        margin-bottom: 10px;
    }
}

#repairSelects {
    display:flex;
    flex-wrap:wrap;
}

#repairSelects .select-search {
    margin:0 10px 16px;
}

#repairSelects .select-search select {
    width:100%;
}
#partResults{
    margin:16px 10px;
}
.catalog-forms{
    display: inline-flex;
}
.catalog-forms .w50{
    width: 50%;
}
.catalog-forms .w50 img{
    max-width: 100%;
}
#main-content #postings-iframe{
    border: 0;
    margin: 0;
    width: 100%;
    height: 1200px;
}
#hero-banner .flexslider .slides img.medium-img{
    width: 50%;
    height: 460px;
    margin-top: -120px;
}

@media only screen and (min-width:768px) {
    #repairSelects .select-search {
        flex:0 0 30%;
    }
}
@media only screen and (max-width:767px) {
    #main-content #postings-iframe{
        height: 1400px;
    }
}

/*Featured manufacturer categories*/
.feat-cats {
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        gap:30px;
    }
.feat-cats .fcat-button {
    flex: 0 1 calc(100% / 3 - 20px);
    background:#013552;
    color:#FFF;
    font-weight:700;
    display:flex;
    align-items:center;
    height:72px;
    gap:16px;
    padding-right:10px;
    transition: all .25s ease-in-out;
}
.feat-cats .fcat-button img {
    max-width:72px;
    padding:0;
    transition: all .25s ease-in-out;
}
.feat-cats .fcat-button:hover {
    background:#2fa3d0;
    text-decoration:none;
    /* cursor:pointer; */
}
.feat-cats .fcat-button:hover img {
    padding:2px;
}
.blog-carousel{
    width: 100%;
    min-width: 1080px;
    padding: 30px 0px;
    margin: auto;
    text-align: center;
    background: #dddddd;
    background: -moz-linear-gradient(top, #dddddd 0%, #cfcfcf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#cfcfcf));
    background: -webkit-linear-gradient(top, #dddddd 0%,#cfcfcf 100%);
    background: -o-linear-gradient(top, #dddddd 0%,#cfcfcf 100%);
    background: -ms-linear-gradient(top, #dddddd 0%,#cfcfcf 100%);
    background: linear-gradient(to bottom, #dddddd 0%,#cfcfcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cfcfcf',GradientType=0 );
    background: none;
}
.blog-carousel .blog-carousel-wrapper{
    width: 1080px;
    margin: auto;
}
.blog-carousel .blog-carousel-wrapper .blog-item:first-child{
    margin-left: 0px;
}
.blog-carousel .blog-carousel-wrapper .blog-item{
    display: block;
    height: 400px;
    width: 340px;
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-box-shadow: 1px 9px 20px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 1px 9px 20px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 1px 9px 20px 0px rgba(50, 50, 50, 0.4);
}
.blog-carousel .blog-item .blog-item-wrapper a:hover{
    text-decoration: none;
}
.blog-carousel .blog-item .blog-item-wrapper .blog-img{
    height: 200px;
}
.blog-carousel .blog-item .blog-item-wrapper .blog-img img{
    width: 100%;
    height: 100%;
}
.blog-carousel .blog-item .blog-item-wrapper .blog-content{
    padding: 0 15px 10px;
    height: 200px;
    overflow: hidden;
    color: #000;
    text-align: left;
}
.blog-carousel .blog-item .blog-item-wrapper .blog-content p a{
    color: #000;
}
.blog-carousel .blog-item .blog-item-wrapper .blog-content p .readmore:hover{
    color: #428bca;
}
.blog-carousel .blog-item .blog-item-wrapper .blog-content h2{
    margin-top: 10px !important;
    color: #00a4e4 !important;
    font-size: 18px;
}
.blog-carousel .blue-btn{
    padding: 10px 20px;
    font-size: 15px;
}
.h2{
    color: #00a4e4 !important;
    display: block;
    font-family: RalewayBold !important;
    font-size: 30px !important;
    margin-bottom: 40px;
}
.solid-blue-btn{
    text-align: center;
    padding: 10px 40px;
    background: #023163;
    box-shadow: inset 0 -60px 50px -50px #011C39;
    color: #fff;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.8px;
    text-transform: uppercase;
}
.tpl-13 #main-content{
    width: 770px;
    margin-right: 20px;
}
.tpl-13 #main-content-wrap{
    border-bottom: 1px solid #9a9ca8;
    padding-bottom: 25px;
}
.tpl-13 h1 {
    color: #000 !important;
}
#trade-show{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #9a9ca8;
}
#trade-show .event-item{
    width: 32.333%;
    margin: 0 0 30px;
    height: 600px;
    margin-top: 30px;
    border-bottom: 1px solid #9a9ca8;
}
#trade-show .img-wrapper{
    height: 250px;
    width: auto;
    max-width: 100%;
}
#trade-show .event-item .content-container{
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}
#trade-show .event-item .content-container .date{
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}
#trade-show .event-item .content-container h3{
    font-size: 28px;
    font-style: normal;
    line-height: 32px;
    text-transform: uppercase;
    color: #000;
    font-family: RalewayBold !important;
    padding-top: 5px;
    margin: 0;
}
#trade-show .event-item .content-container .text{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    padding-top: 5px;
}
#trade-show .event-item .content-container .cta-btn .solid-blue-btn{
    display: block;
}
.columns50{
    display: flex;
    align-items: center;
    gap: 40px;
}
.w50{
    width: 50%;
}
.w50-columns{
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #9a9ca8;
}
.columns50 .img-wrapper img{
    width: 100%;
}
#trade-show-faq{
    margin-top: 30px;
    padding-bottom: 30px;
}
#trade-show-faq .faq-item{
    padding: 20px 40px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border: 2px solid #9C9C9E;
    margin: 25px 0; 
}
#trade-show-faq .faq-item h3{
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    font-family: RalewayBold !important;
}
#trade-show-faq .faq-item p{
    margin: 0;
}
#trade-show-faq h2{
    font-size: 30px;
    color: #000;
}
#callout-block{
    padding: 74px 60px;
    align-items: center;
    background: #023163;
    text-align: center;
    margin-bottom: 60px;
}
#callout-block h2, #callout-block p{
    color: #FFF;
}
#callout-block h2{
    font-size: 30px;
}
.solid-lightblue-btn{
    background: #00A4E4;
    text-align: center;
    padding: 10px 40px;
    color: #fff;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22.8px;
    text-transform: uppercase;
}
#trade-show .img-wrapper img{
    max-width: 100%;
}
@media (max-width:895px) {
    .feat-cats {
        justify-content:center;
        gap:10px;
    }
    .feat-cats .fcat-button  {
        flex: 0 1 calc(50% - 10px);
        gap:8px;
    }
    #hero-banner .flexslider .slides img.medium-img{
        width: 300px;
        height: unset;
        margin-top: unset;
    }
    #trade-show{
        gap: 10px;
    }
    #trade-show .event-item{
        width: 50%;
        height: auto;
    }
    .w50 {
        width: 100%;
    }
    .columns50{
        flex-direction: column;
    }
    #trade-show .event-item {
        width: 100%;
    }
    #trade-show .img-wrapper{
        width: 100%;
        height: auto;
    }
    #trade-show .img-wrapper img{
        width: 100%;
    }
}
@media (max-width:500px) {
    .feat-cats .fcat-button  {
        font-size:13px;
    }
}
@media (max-width:374px) {
    .feat-cats .fcat-button  {
        flex: 0 1 calc(100% - 10px);
    }
}