/*  ---------------------------------------------------------------------
Original Author: Jason Dicks
Contributors: Scott Garrison, Matt Aho

Target Browsers: All
Media Type: Screen, Projection
Width: All Sizes
------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
    FONT
------------------------------------------------------------------------ */

/* Added by Sarah Formica
   Requested by Chris Lauffer
   Date: 4-29-15
   This allows the modal window for the Services CTA component to fill the screen on mobile devices.
*/

@media all and (max-width: 45.9375em){
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.custom-modal-1
{ width:100%!important; }
.cq-colctrl-lt0-c1
{ margin-left:0!important; }
}


html {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/* Acquity Default Styles */

b, strong {
    font-weight:bold;
}

em, i {
    font-style:italic;
}

a {
    text-decoration:underline;
}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    display:block;
    margin-bottom:10px;
}

/* #6514 NB */
P.first-header {
    font-family: nimbus-sans, Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    margin-bottom: 17px !important;
}

blockquote, code {
    margin:10px;
    display: block;
    clear: both;
    font-family:"Courier New", Courier, monospace;
}

th {
    font-weight:bold;
    padding: 5px;
}

td {
    padding: 5px;
}

h1 {
    font-family: nimbus-sans, Arial, Helvetica, sans-serif;
    font-size: 22px;
    margin-bottom: 17px;
    font-weight: bold;
}

/* #6514 NB */
H1.second-header {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    color: #333 !important;
    display:block !important;
    margin-bottom:10px !important;
}

h2 {
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-bottom: 17px;
    font-weight: bold;
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    margin-bottom:5px;
}

h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom:5px;
}

h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom:5px;
}

h6 {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 18px;
}

dl {
    clear:both;
}

dd, dt {
    width:50%;
    display: inline-block;
    margin-bottom: 5px;
}

dt {
    clear:left;
}

dd {
    clear: right;
}

ul {
    list-style:disc;
}

ul li {
    margin-bottom: 5px;
}

ol {
    list-style:decimal;
}

ol li {
    margin-bottom: 5px;
}

.modal-launch:link {
    text-decoration: none;
}
/* ---------------------------------------------------------------------
    TEXT-STYLES
------------------------------------------------------------------------ */

.p1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    line-height: 1.5;
    margin-bottom: 0;
}

.p2 {
    color: #525252;
    line-height: 1.5;
    margin-bottom: 23px;
}

.p3 {
    color: #525252;
    margin-bottom: 6px;
}

.p4 {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 12px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 12px;
}

.p5 {
    font-size: 13px;
    font-weight: bold;
    color: #cc0000;
    margin-bottom:0;
}

.p6 {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999;
    margin: 0 0 5px;
}

.p7 {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    margin: 0 0 12px;
    line-height: 1.3;
}

.p8 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFF;
    line-height: 1.3;
}

.p9 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666;
    line-height: 1.3;
    margin-bottom: 12px;
}

.p10 {
    color: #333;
    font-size: 12px;
    line-height: 2.25;
    margin: 0;
}

.p10 .em {
    font-weight: bold;
}

/* ---------------------------------------------------------------------
    STRUCTURE / GRID LAYOUT
------------------------------------------------------------------------ */

.grid-fullwidth {
    width: 950px;
    margin: 0 auto;
    max-width: 950px;
}

.grid-fullwidthpdp {
    max-width: 950px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

@media all and (max-width: 47.9375em){
.grid-fullwidth {
    width: 100%;
    padding-left: 1%;
}

.grid-fullwidthpdp {
/* max-width: 96%; */
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 0;
   }

.grid-main {
    width: 310px !important;
    margin-left: 4px;
 }
}

.grid-main {
    width: 680px;
    float: left;
}

.grid-main-alt {
    width: 692px;
    float: left;
    overflow: hidden;
}
.grid-main-alt2 {
    width: 698px;
    float: left;
    overflow: hidden;
    margin: 5px 0 0 11px;
}

.grid-side {
    width: 203px;
    margin: 0 0 0 32px;
    float: left;
    padding: 0 10px 0 25px;
}

.grid-side-alt {
    width: 238px;
    float: left;
    margin: 0 0 0 32px;
}

.grid-side-nav {
    width: unset;
    float: left;
    margin: 0 20px 0 0;
}

@media all and (max-width: 47.9375em){
.grid-side-nav {
   display:none;

  }
 .grid-main-alt {
    width: 98%;
    margin-left : 0px; 
    margin-right : 20px;
     margin-top:40px;
   } 

}

.category-2cols-lt0-c0 {
    float: left;
    margin: 0 28px 0 0;
    width: 304px;
}

.category-2cols-lt0-c1 {
    clear: none;
    float: left;
    padding: 35px 5px 0;
    width: 304px;
}

.home-2cols-lt1-c0 {
    width:220px;
    float:left;
}

.home-2cols-lt1-c1 {
    width:670px;
    float:right;
}

.home-2cols-lt0-c0 {
    width:450px;
    float:left;
}
.home-2cols-lt0-c1 {
    width:450px;
    float:right;
}

.home-4cols-lt0 > .parsys_column{
    width:214px;
    float:left;
}


.product-details-2cols-lt0-c0 {
    float: left;
    margin: 0 28px 0 0;
    width: 270px;
}

.product-details-2cols-lt0-c1 {
    clear: none;
    float: left;
    padding: 35px 5px 0;
    /* width: 332px; */
    width: 580px;
}

.parsys_column .border{
    border-left: 1px solid silver;
}

.parsys_column .border:first-child{
    border-left: none;
}

.parsys_column > .parsys_column{
    padding: 6px 11px;
}

.resources-2cols-lt0 input[type="text"] {
    width: 205px;
}

.resources-2cols-lt0 input {
    margin: 0 0 10px;
}

.resources-2cols-lt0-c0, .resources-2cols-lt0-c1 {
    width: 45%;
    float: left;
}

.resources-2cols-lt0-c0 .new,.resources-2cols-lt0-c1 .new {
    background: none;
    border: none;
    float: left;
    height: 149px;
    list-style: none outside none;
    margin: 0 0 19px 19px;
    padding: 22px 24px;
    width: 275px;
}

.resources-2cols-lt0-c0 .global,.resources-2cols-lt0-c1 .global {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #CCCCCC;
    float: left;
    height: 149px;
    list-style: none outside none;
    margin: 0 0 19px 19px;
    padding: 22px 24px;
    width: 275px;
}

.indent {
    padding: 0 21px;
}

.indent-alt {
    padding: 0 0 0 9px;
}

/* ---------------------------------------------------------------------
    HEADER
------------------------------------------------------------------------ */

.header {
    background: url(../images/header-stripes.png) repeat-x;
}

.header .off-canvas-button {
    display: none;
}

.header-mid-content img{
    float:left;
}

.personal-options {
    overflow: hidden;
    height: 30px;
}

.site-language {
    float: left;
}

.login-container {
    float: right;
    margin: 6px 0 0 0;
}
.login-container img {
    padding-top: 2px;
}

.loggedin-container {
    float: right;
    margin: 6px 0 0 0;
}

.logo {
    display: block;
    width: 256px;
    height: 48px;
    margin: 32px 39px 23px 0;
    text-indent: -99999px;
    float: left;
}

.search-bar {
    float: left;
    margin: 37px 0 0 0;
    display: block;
    overflow: hidden;
}

.site-search {
    border: 1px solid #cccccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 280px;
    margin: 17px 0 0 0;
    padding: 0 5px;
    -moz-box-shadow: inset 1px 1px 2px #ccc;
    -webkit-box-shadow: inset 1px 1px 2px #ccc;
    box-shadow: inset 1px 1px 2px #ccc;
    height: 24px;
    font-size: 11px;
    line-height: 24px;
    float: left;
}

.search-bar .button-style-1 {
    float: left;
    margin: 17px 0 0 0;
}

.product-select {
    float: right;
    margin: 39px 1px 1px 0;
}

.product-select-no-heading {
    float: right;
    margin: 54px 1px 1px 0;
}

.product-select-heading {
    color: #666;
    margin: 0 0 5px 0;
    text-align: center;
    font-size: 10px;
}

.button-style-2.product-select-button {
    padding-left:0px;
    padding-right:48px;
    border:    none;
    height:27px;
    margin-right:0px;
    position:relative;
    box-shadow:none;
    overflow:visible!important;
    -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
    box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
}
.button-style-2.product-select-button:after{
    content:"";
    background: url(../images/product_select_fold.png) no-repeat 100% -1px;
    width:67px;
    height:28px;
    position:absolute;
    right:0;
    top:0;
    margin-right:0;
}
.button-style-2.product-select-button span{
    width:100%;
    height:25px;
    display:block;
    border:    1px solid #979797;
    padding-left:15px;
    padding-right:15px;
}



.item-select {
    float: right;
    margin: 22px 1px 1px 0;
}

.product-select-q {
    color: #666;
    margin: 0 0 5px 0;
    text-align: center;
    font-size: 10px;
}

.gear {
    background: url(../images/gear.png) no-repeat 0 -1px;
    padding-left: 20px;
}

/* ---------------------------------------------------------------------
    MAIN CONTENT
------------------------------------------------------------------------ */

.main-content {
    overflow: hidden;
    margin: 0 0 32px;
}

/* ---------------------------------------------------------------------
    FOOTER
------------------------------------------------------------------------ */

.footer {
    background: #000;
    color: #ccc;
    min-height: 385px;
}

.footer-head {
    position: relative;
}

.footer-bar {
    position: absolute;
    width: 100%;
}

.footer-bar .top-section {
    height: 15px;
    background-color: #58595b;
}

.footer-bar .separater {
    height: 6px;
    background-color: #fcd519;
}

.footer-bar .bottom-section {
    height: 14px;
    background-color: #fcd519;
}

.stripe-display {
    background: url(../images/footer-stripes.png) no-repeat;
    width: 298px;
    height: 61px;
    float: left;
    margin-left: 513px;
}

.footer-content {
    clear: both;
    overflow: hidden;
    width: 1000px;
}

.footer-content ul {
    list-style:none;
}

#footer-column-center {
    float: left;
    width: 261px;
    padding-right: 100px;
    margin: 22px 0 0 0;
}

#footer-column-left {
    float: left;
    width: 230px;
    padding: 0 70px 0 30px;
    margin: 22px -2px 0 0;
}

#footer-column-right {
    float: left;
    width: 288px;
    margin: 22px 0 0 0;
}

.social-links {
    overflow: hidden;
    margin-bottom: 2em;
}

.social-links li {
    float: left;
    padding: 0 4px 0 0;
    list-style: none;
}

.footer a:link, .footer a:visited {
    color: #FFCC00;
    font-size: 11px;
    line-height: 1.2;
    text-decoration: none;
}

/* ---------------------------------------------------------------------
    MAIN NAVIGATION
------------------------------------------------------------------------ */

.global-nav {
    clear: both;
}

.nav {
    margin-bottom: 15px;
    position: relative;
    z-index: 999;
}

.services .global-nav {
    clear: both;
    position: relative;
}

.services .nav {
    margin-bottom: auto;
    position: relative;
    z-index: 999;
}

.nav > ul > li {
    position: relative;
    display: block;
    float: left;
    margin-bottom: 0;
    width: 16.6%;
}

.nav > ul > li > a {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #afafaf;
    background: #959595;
    background: -moz-linear-gradient(top,  #959595 1%, #757575 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#959595), color-stop(100%,#757575));
    background: -webkit-linear-gradient(top,  #959595 1%,#757575 100%);
    background: -o-linear-gradient(top,  #959595 1%,#757575 100%);
    background: -ms-linear-gradient(top,  #959595 1%,#757575 100%);
    background: linear-gradient(top,  #959595 1%,#757575 100%);
    padding: 12px 0 11px;
    text-align: center;
    display: block;
    text-decoration: none;
}

.nav > ul > li > a.active {
    background: #4f4f4f;
}

.nav > ul > li > a:link,
.nav > ul > li > a:visited {
    color: #fff;
}

.nav > ul > li > a:first-child {
    border-left: 1px solid #ccc;
}

.nav ul li.last ul {
    width: auto;
}

.nav-products {
    width: 150px;
}

.nav-services {
    width: 143px;
}

.nav-solutions {
    width: 186px;
}

.nav-resources {
    width: 146px;
}

.nav-support {
    width: 156px;
}

.nav-about {
    width: 157px;
}

/* --DROP DOWN MENU -- */

.nav ul li ul {
    position: absolute;
    left: -99999px;
    background: #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 12px;
    width: 244px;
    font-weight: normal;
    z-index: 10;
}

.nav .nav-support + ul {
    width: 160px;
}

.nav .nav-about + ul {
    width: 133px;
}

.nav ul li:hover a {
    background: #fff;
    color: #336699;
}

.nav ul li ul a {
    display: block;
    padding: 8px 27px;
    margin-bottom: 1px;
    text-decoration: none;
}

.nav .nav-solutions + ul a {
    padding: 8px 14px;
}

.nav .nav-resources + ul a {
    padding: 8px 22px;
}

.nav .nav-support + ul a {
    padding: 8px 10px 8px 37px;
}

.nav .nav-about + ul a {
    padding: 8px 12px;
}

.nav ul li ul a:hover {
    background: #ededed;
    color: #336699;
}

.nav ul li:hover ul {
    left: 0;
    top: 36px;
}

.clearfix:after { /*  Allows dropdown navigation to be over content */
    position: relative;
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    z-index: 10;
}

/* ---------------------------------------------------------------------
    LINK STYLES
------------------------------------------------------------------------ */

a:link {
    text-decoration: underline;
    color: #336699;
}

a:visited {
   color: #336699;
   text-decoration: none;
}

a:hover {
    color: #000;
}

.link-style-1:link,.link-style-2:link,.link-style-3:link,.link-style-4:link,.link-style-5:link,.link-style-6:link,.link-style-7:link,.link-style-9:link,.link-style-10:link, .logo:link {
    text-decoration: none;
}

.link-style-1 {
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.link-style-2 {
    color: #336699;
    font-size: 12px;
    list-style: none;
    margin-bottom: 0;
}

.link-style-2 li {
    margin-bottom: 0;
}

.link-style-2:hover {
    color: #000
}

.link-style-3 {
    display: block;
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    color: #336699;
    font-size: 23px;
    font-weight: bold;
    margin: 0 0 5px;
}


.link-style-3:hover {
    color: #000;
}

.link-style-3:after {
    font-size: 9px;
    margin: 0 0 0 3px;
}

.link-style-4 {
    color: #336699;
    list-style:none;
}

.link-style-4.search {
    font-weight: bold;
}

.link-style-4:hover {
    color: #000;
}

.link-style-5 {
    color: #336699;
    padding: 0 8px 0 0;
    background: url(../images/arrow2.png) no-repeat 100% 50%;
    line-height: 6px;
    list-style:none;
}

.link-style-5:hover {
    color: #000;
}

.link-style-6 {
    color: #336699;
    font-size: 11px;
    font-weight: bold;
    list-style:none;
}

.link-style-6:hover {
    color: #000;
}

.link-style-7 {
    display: block;
    color: #336699;
    font-size: 12px;
    font-weight: bold;
    list-style: none;
}

.link-style-7.active {
    display: block;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.link-style-7:hover {
    color: #000;
}

.link-email {
    background: url(../images/icon-breadcrumb-email.png) no-repeat 0 50% transparent;
    padding: 2px 0 2px 24px;
}

.link-print {
    background: url(../images/icon-breadcrumb-print.png) no-repeat 0 50% transparent;
    padding: 2px 0 2px 24px;
}

.link-style-8:link {
    color: #ffcc00;
    font-size: 11px;
    line-height: 1.2;
    text-decoration: none;
}

.link-style-8:visited {
    color: #ffcc00;
}

.link-style-8-alt {
    font-weight: bold;
}

.link-style-8:hover {
    color: #666666;
}

.link-style-9 {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000 !important;
    text-decoration: none;
    padding: 0 0 0 20px;
    background: url(../images/sort-x.png) no-repeat 0 0;
    line-height: 13px;
    list-style: none;
}

.link-style-9 em {
    font-weight: bold;
    font-style: normal;
    margin: 0 7px 0 0;
}

.link-style-10 {
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

/* ---------------------------------------------------------------------
    HEADINGS
------------------------------------------------------------------------ */

.heading-style-1 {
    font-family: nimbus-sans, Arial, Helvetica, sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 17px;
}

.heading-style-1 em {
    font-weight: bold;
    font-style: normal;
}

.heading-style-2 {
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 17px;
    letter-spacing: -1px;
    font-weight: normal;
}

.heading-style-2 em {
    font-weight: bold;
    font-style: normal;
}

.heading-style-2.alt {
    color: #205489;
}

.heading-style-3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #f6c500;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom:0;
}

.heading-style-4 {
    font-family: nimbus-sans,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-bottom: 0;
}

.heading-style-4.alt {
    font-weight: normal;
}

.heading-style-5 {
    font-family: nimbus-sans-condensed,sans-serif;
    font-size: 19px;
    color: #fff;
    font-weight: bold;
    margin: 0 0 6px 0;
    text-transform: uppercase;
}

.heading-twitter {
    background: url(../images/twitter-feed.png) no-repeat 0 0;
    padding: 1px 0 0 20px;
}

.heading-style-6 {
    font-family: nimbus-sans-condensed,sans-serif;
    background: #3f3f3f;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 18px;
    margin-bottom:0;
    font-weight: normal;
}

.heading-style-7 {
    font-family: nimbus-sans, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 0 0 6px;
    font-weight: normal;
    color: #333333;
}

.heading-style-8 {
    font-family: nimbus-sans-condensed,sans-serif;
    background: #939393;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 18px;
    margin-bottom:0;
    font-weight: normal;
}

.heading-style-8-alt {
    font-family: nimbus-sans-condensed,sans-serif;
    color: #999;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom:0;
    font-weight: normal;
    text-align:center
}

.heading-style-9 {
    font-family: nimbus-sans-condensed,sans-serif;
    color: #666666;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 0;
}

.heading-style-10 {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
    background: linear-gradient(top,  #ffffff 0%,#f1f1f1 100%);
    font-family: nimbus-sans-condensed,sans-serif;
    text-transform: uppercase;
    color: #999999;
    padding: 10px 18px;
    font-size: 16px;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    margin-bottom:0;
    font-weight: normal;
}

.heading-style-11 {
    font-family: nimbus-sans-condensed,sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}

.heading-style-12 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin: 13px 0;
}

.heading-style-12 em {
    font-weight: bold;
    font-style: normal;
}

.heading-style-12-alt h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 13px 0;
}

.heading-style-13 {
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-bottom: 17px;
    font-weight: normal;
}

.heading-style-14 {
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin: 0 0 15px 0;
    font-weight: normal;
}

.heading-style-15 {
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;

    background: #2f2f2f; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmMmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NzQ3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #2f2f2f 0%, #474747 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f2f2f), color-stop(100%,#474747)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2f2f2f 0%,#474747 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2f2f2f 0%,#474747 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2f2f2f 0%,#474747 100%); /* IE10+ */
    background: linear-gradient(top,  #2f2f2f 0%,#474747 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#474747',GradientType=0 ); /* IE6-8 */
    margin-bottom: 0;
    font-weight: normal;
}

.heading-style-16 {
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 26px;
    color: #000;
    font-weight: normal;
    text-transform: none;
    margin-bottom: 14px;
}

.heading-style-16 .sub {
    color: #666;
}

.heading-style-17 {
    color: #fff;
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.heading-style-18 {
    color: #ccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.heading-style-19 {
    background: #fff;
    border-bottom: 3px solid #d3d2d2;
    color: #333333;
    display: block;
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.75;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 0;
}

.heading-style-20 {
    background: #333;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 9px;
}

.heading-style-20 a {
    float: right;
}

.heading-style-21 {
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #205489;
    text-transform: uppercase;
    margin: 13px 0 17px 0;
}

.heading-style-21 em {
    font-weight: bold;
    font-style: normal;
    letter-spacing: 1.7px;
    padding-left: 25px;
    background: url(../images/product-select-cog.png) no-repeat 0 3px;
}

.heading-style-22 {
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 22px;
    margin: 0 0 12px;
    font-weight: normal;
}

.heading-style-23 {
    font-family: nimbus-sans, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.heading-style-24 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

.heading-style-25 {
    font-size: 20px;
    font-weight: bold;
    margin: 45px 0 10px 0;
}

.heading-style-26 {
    font-size: 11px;
    color: #CCC;
    font-weight: bold;
    margin: 0 0 4px;
    padding: 0;
    text-transform: none;
}

.heading-style-26-alt {
    color: #666;
}

.heading-style-26-alt2 {
    color: #999;
    margin: 0 0 7px;
    text-transform: uppercase;
}

.heading-style-27 {
    font-weight: bold;
    color: #414141;
    font-size: 11px;
    margin: 0 0 6px;
}

.heading-style-28 {
    font-family: nimbus-sans-condensed,sans-serif;
    text-transform: uppercase;
    color: #999999;
    font-size: 18px;
    padding-top: 4px;
    margin-bottom: 16px;
}

.heading-style-29 {
    color: #005cab;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    margin-bottom: 1px;
}

.heading-style-29 a{
    text-decoration: none;
}

.wysiwyg h2.heading-style-38{
font-size: 32px;
font-weight: bold;
font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
}

/* ---------------------------------------------------------------------
    BREADCRUMB
------------------------------------------------------------------------ */

.breadcrumb {
    margin: 0 0 22px 9px;
}

.breadcrumb a{
    text-decoration: none;
}

.breadcrumb-divide {
    padding: 0 10px;
}


/* ---------------------------------------------------------------------
    BUTTONS
------------------------------------------------------------------------ */

.login {
    float: left;
    height: 18px;
    line-height: 18px;
}

.loggedin {
    height: 18px;
    line-height: 18px;
}

.loggedinwrap {padding:3px 0;
    background: #000 url(../images/log-in.png) no-repeat 1px 1px;
    border: 1px solid #857f7f;
    /*height: 18px;
    line-height: 18px;*/
    padding:3px 0;
}

.loggedinwrap:link{
    text-decoration: none;
}

.login:link{
    text-decoration: none;
}

.loggedin:link{
    text-decoration: none;
}

.login-text {
    color: #fff;
    text-transform: uppercase;
        padding: 0 15px 0 57px;
}

.loggedin-text {
    color: #fff;
    padding: 0 1px 0 1px;
}

.pagination-left {
    display: inline-block;
    background: url(../images/pagination.png) no-repeat 0 0;
    width: 34px;
    height: 30px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.pagination-right {
    display: inline-block;
    background: url(../images/pagination.png) no-repeat -1px -30px;
    width: 33px;
    height: 30px;
    -moz-border-radius: 0px 3px 3px 0;
    -webkit-border-radius: 0px 3px 3px 0;
    border-radius: 0px 3px 3px 0;
}

.pagination-start {
    display: inline-block;
    background: url(../images/pagination.png) no-repeat -34px 0;
    width: 34px;
    height: 30px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    cursor: default;
}

.pagination-end {
    display: inline-block;
    background: url(../images/pagination.png) no-repeat -35px -30px;
    width: 33px;
    height: 30px;
    -moz-border-radius: 0px 3px 3px 0;
    -webkit-border-radius: 0px 3px 3px 0;
    border-radius: 0px 3px 3px 0;
    cursor: default;
}

.pagination-right:hover {
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.pagination-left:hover {
    -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15);
    box-shadow: -1px 1px 1px rgba(0,0,0,0.15);
}

.btn-twitter {
    background: url(../images/twitter.png) no-repeat;
    width: 30px;
    height: 24px;
    display: block;
    text-indent: -99999px;
}

.btn-youtube {
    background: url(../images/youtube.png) no-repeat;
    width: 30px;
    height: 24px;
    display: block;
    text-indent: -99999px;
}

.btn-facebook {
    background: url(../images/facebook.png) no-repeat;
    width: 30px;
    height: 24px;
    display: block;
    text-indent: -99999px;
}

.btn-linkedin {
    background: url(../images/linkedin.png) no-repeat;
    width: 30px;
    height: 24px;
    display: block;
    text-indent: -99999px;
}

.btn-googleplus {
    background: url(../images/googleplus.png) no-repeat;
    width: 30px;
    height: 24px;
    display: block;
    text-indent: -99999px;
}

.btn-weibo {
    background: url(../images/WeChat.png) no-repeat;
    width: 30px;
    height: 24px;
    display: block;
    text-indent: -99999px;
}

.btn-xing {
    background: url(../images/xing.png) no-repeat;
    width: 30px;
    height: 24px;
    display: block;
    text-indent: -99999px;
}

.btn-youku {
    background: url(../images/youku.png) no-repeat;
    width: 30px;
    height: 24px;
    display: block;
    text-indent: -99999px;
}

.btn-blog {
    background: url(../images/blog.png) no-repeat;
    width: 30px;
    height: 24px;
    display: block;
    text-indent: -99999px;
}

.slide-title {
    height: 36px;
    line-height: 36px;
    padding: 0 24px;
    background-color: #FFF;
    border: 1px solid #ACACAC;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    box-shadow: 0 -1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.2);
}

.button-style-1:link, .button-style-2:link, .button-style-3:link, .button-style-4:link, .button-style-5:link, .button-style-6:link, .button-style-7:link, .button-style-8:link, .button-style-9:link, .button-style-10:link, .button-style-11:link {
    text-decoration: none;
}

/* --BUTTON STYLE 1 -- YELLOW GRADIENT NO RADIUS */

.button-style-1 {
    border: 1px solid #cc9900;
    background: #f2d76a;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2YyZDc2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWMxMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f2d76a 1%, #eec10c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2d76a), color-stop(100%,#eec10c));
    background: -webkit-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    background: -o-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    background: -ms-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    background: linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d76a', endColorstr='#eec10c',GradientType=0 );
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 15px;
    text-shadow: 1px 1px 2px #bb9a14;
    cursor: pointer;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    height: 24px;
    line-height: 24px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-appearance: none;
}

a.button-style-1 {
    color: #302f2f;
}

.button-style-1:hover {
    background: rgb(238,193,12);
    background: -moz-linear-gradient(top,  rgba(238,193,12,1) 0%, rgba(242,215,106,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,193,12,1)), color-stop(100%,rgba(242,215,106,1)));
    background: -webkit-linear-gradient(top,  rgba(238,193,12,1) 0%,rgba(242,215,106,1) 100%);
    background: -o-linear-gradient(top,  rgba(238,193,12,1) 0%,rgba(242,215,106,1) 100%);
    background: -ms-linear-gradient(top,  rgba(238,193,12,1) 0%,rgba(242,215,106,1) 100%);
    background: linear-gradient(top,  rgba(238,193,12,1) 0%,rgba(242,215,106,1) 100%);
    text-shadow: none;
    border: 1px solid #ccc;
    filter: 0;
}

/* --BUTTON STYLE =2 -- BLUE GRADIENT NO RADIUS */

.button-style-2 {
    border: 1px solid #1e4a76;
    background: #4e779f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzRlNzc5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDQ2N2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #4e779f 1%, #10467b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4e779f), color-stop(100%,#10467b));
    background: -webkit-linear-gradient(top,  #4e779f 1%,#10467b 100%);
    background: -o-linear-gradient(top,  #4e779f 1%,#10467b 100%);
    background: -ms-linear-gradient(top,  #4e779f 1%,#10467b 100%);
    background: linear-gradient(top,  #4e779f 1%,#10467b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e779f', endColorstr='#10467b',GradientType=0 );
    text-transform: uppercase;
    cursor: pointer;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    padding: 0 15px;
    display: block;
    height: 24px;
    line-height: 24px;
}

a.button-style-2 {
    color: #fff;
}

.button-style-2:hover {
    background: #10467b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwNDY3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzRlNzc5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #10467b 0%, #4e779f 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10467b), color-stop(99%,#4e779f));
    background: -webkit-linear-gradient(top,  #10467b 0%,#4e779f 99%);
    background: -o-linear-gradient(top,  #10467b 0%,#4e779f 99%);
    background: -ms-linear-gradient(top,  #10467b 0%,#4e779f 99%);
    background: linear-gradient(top,  #10467b 0%,#4e779f 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10467b', endColorstr='#4e779f',GradientType=0 );
}

/* --BUTTON STYLE =3 -- BLUE GRADIENT W/ RADIUS */

.button-style-3 {
    border: 1px solid #1e4a76;
    background: #4e779f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzRlNzc5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDQ2N2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #4e779f 1%, #10467b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4e779f), color-stop(100%,#10467b));
    background: -webkit-linear-gradient(top,  #4e779f 1%,#10467b 100%);
    background: -o-linear-gradient(top,  #4e779f 1%,#10467b 100%);
    background: -ms-linear-gradient(top,  #4e779f 1%,#10467b 100%);
    background: linear-gradient(top,  #4e779f 1%,#10467b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e779f', endColorstr='#10467b',GradientType=0 );
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-transform: uppercase;
    cursor: pointer;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    padding: 10px 27px;
    display: block;
    font-size: 12px;
}

a.button-style-3 {
    color: #fff;
}

.button-style-3:hover {
    background: #10467b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwNDY3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzRlNzc5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #10467b 0%, #4e779f 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10467b), color-stop(99%,#4e779f));
    background: -webkit-linear-gradient(top,  #10467b 0%,#4e779f 99%);
    background: -o-linear-gradient(top,  #10467b 0%,#4e779f 99%);
    background: -ms-linear-gradient(top,  #10467b 0%,#4e779f 99%);
    background: linear-gradient(top,  #10467b 0%,#4e779f 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10467b', endColorstr='#4e779f',GradientType=0 );
}

.button-style-3 .b {
    font-size: 13px;
}

/* --BUTTON STYLE 4 -- GREY GRADIENT WITH SMALL RADIUS */


.button-style-4 {
    display: block;
    background: #ededed;
    background: -moz-linear-gradient(top,  #ededed 1%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ededed), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
    background: linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
    border: 1px solid #ababab;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 23px;
    line-height: 25px;
    padding: 0 12px 0 50px;
    font-weight: bold;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    margin-bottom: 9px;
}

a.button-style-4 {
    color: #333333;
}

.button-style-4.icon-email {
    background: #ededed url(../images/icon-email.png) no-repeat 12px 4px;
    background: url(../images/icon-email.png) no-repeat 12px 4px, -moz-linear-gradient(top,  #ededed 1%, #e5e5e5 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ededed), color-stop(100%,#e5e5e5));
    background: url(../images/icon-email.png) no-repeat 12px 4px, -webkit-linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -o-linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -ms-linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
}

.button-style-4.icon-email:hover {
    border: 1px solid #d9d8d8;
    background: rgb(248,248,248) url(../images/icon-email.png) no-repeat 12px 4px;
    background: url(../images/icon-email.png) no-repeat 12px 4px, -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(246,246,246,1) 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(246,246,246,1)));
    background: url(../images/icon-email.png) no-repeat 12px 4px, -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(246,246,246,1) 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(246,246,246,1) 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(246,246,246,1) 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(246,246,246,1) 100%);
}

.button-style-4.icon-chat {
    background: #ededed url(../images/icon-chat.png) no-repeat 12px 4px;
    background: url(../images/icon-chat.png) no-repeat 12px 4px, -moz-linear-gradient(top,  #ededed 1%, #e5e5e5 100%);
    background: url(../images/icon-chat.png) no-repeat 12px 4px, -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ededed), color-stop(100%,#e5e5e5));
    background: url(../images/icon-chat.png) no-repeat 12px 4px, -webkit-linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
    background: url(../images/icon-chat.png) no-repeat 12px 4px, -o-linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
    background: url(../images/icon-chat.png) no-repeat 12px 4px, -ms-linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
    background: url(../images/icon-chat.png) no-repeat 12px 4px, linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
}

.button-style-4.icon-chat:hover {
    border: 1px solid #d9d8d8;
    background: rgb(248,248,248) url(../images/icon-chat.png) no-repeat 12px 4px;
    background: url(../images/icon-chat.png) no-repeat 12px 4px, -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(246,246,246,1) 100%);
    background: url(../images/icon-chat.png) no-repeat 12px 4px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(246,246,246,1)));
    background: url(../images/icon-chat.png) no-repeat 12px 4px, -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(246,246,246,1) 100%);
    background: url(../images/icon-chat.png) no-repeat 12px 4px, -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(246,246,246,1) 100%);
    background: url(../images/icon-chat.png) no-repeat 12px 4px, -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(246,246,246,1) 100%);
    background: url(../images/icon-chat.png) no-repeat 12px 4px, linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(246,246,246,1) 100%);
}

.button-style-4.icon-vcard {
    background: #ededed url(../images/icon-vcard.png) no-repeat 12px 4px;
    background: url(../images/icon-vcard.png) no-repeat 12px 4px, -moz-linear-gradient(top,  #ededed 1%, #e5e5e5 100%);
    background: url(../images/icon-vcard.png) no-repeat 12px 4px, -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ededed), color-stop(100%,#e5e5e5));
    background: url(../images/icon-vcard.png) no-repeat 12px 4px, -webkit-linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
    background: url(../images/icon-vcard) no-repeat 12px 4px, -o-linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
    background: url(../images/icon-vcard.png) no-repeat 12px 4px, -ms-linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
    background: url(../images/icon-vcard) no-repeat 12px 4px, linear-gradient(top,  #ededed 1%,#e5e5e5 100%);
}

.button-style-4.icon-vcard:hover {
    border: 1px solid #d9d8d8;
    background: rgb(248,248,248) url(../images/icon-vcard.png) no-repeat 12px 4px;
    background: url(../images/icon-vcard.png) no-repeat 12px 4px, -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(246,246,246,1) 100%);
    background: url(../images/icon-vcard.png) no-repeat 12px 4px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,248,248,1)), color-stop(100%,rgba(246,246,246,1)));
    background: url(../images/icon-vcard.png) no-repeat 12px 4px, -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(246,246,246,1) 100%);
    background: url(../images/icon-vcard.png) no-repeat 12px 4px, -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(246,246,246,1) 100%);
    background: url(../images/icon-vcard.png) no-repeat 12px 4px, -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(246,246,246,1) 100%);
    background: url(../images/icon-vcard.png) no-repeat 12px 4px, linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(246,246,246,1) 100%);
}

.button-style-4.last {
    margin-bottom: 19px;
}

/* --BUTTON STYLE 5 -- YELLOW GRADIENT WITH RADIUS - CENTERED TEXT */

.button-style-5 {
    display: block;
    border: 1px solid #cc9900;
    background: #f2d76a;
    background: -moz-linear-gradient(top,  #f2d76a 1%, #eec10c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2d76a), color-stop(100%,#eec10c));
    background: -webkit-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    background: -o-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    background: -ms-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    background: linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    font-weight: bold;
    text-shadow: 1px 1px 2px #bb9a14;
    cursor: pointer;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    text-shadow: 1px 1px 2px #fff;
}

a.button-style-5 {
    color: #302f2f;
}

.button-style-5:hover {
    background: rgb(238,193,12);
    background: -moz-linear-gradient(top,  rgba(238,193,12,1) 0%, rgba(242,215,106,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,193,12,1)), color-stop(100%,rgba(242,215,106,1)));
    background: -webkit-linear-gradient(top,  rgba(238,193,12,1) 0%,rgba(242,215,106,1) 100%);
    background: -o-linear-gradient(top,  rgba(238,193,12,1) 0%,rgba(242,215,106,1) 100%);
    background: -ms-linear-gradient(top,  rgba(238,193,12,1) 0%,rgba(242,215,106,1) 100%);
    background: linear-gradient(top,  rgba(238,193,12,1) 0%,rgba(242,215,106,1) 100%);
}

/* Vgunderao:INC0573233 */
.button-style-5.order-online {
    width: 184px;
    height: 33px;
    line-height: 33px !important;
    font-size: 13px;   
    display: block;
    border: 1px solid #cc9900;
    background: #f2d76a !important;
    background: -moz-linear-gradient(top,  #f2d76a 1%, #eec10c 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2d76a), color-stop(100%,#eec10c)) !important;
    background: -webkit-linear-gradient(top,  #f2d76a 1%,#eec10c 100%) !important;
    background: -o-linear-gradient(top,  #f2d76a 1%,#eec10c 100%) !important;
    background: -ms-linear-gradient(top,  #f2d76a 1%,#eec10c 100%) !important;
    background: linear-gradient(top,  #f2d76a 1%,#eec10c 100%) !important;
    font-weight: bold;
    text-shadow: 1px 1px 2px #bb9a14;
    cursor: pointer;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    text-shadow: 1px 1px 2px #fff;
}

/* Vgunderao:INC0573233 */
.button-style-5.order-online:hover {
    background: rgb(238,193,12) !important;
    background: -moz-linear-gradient(top,  rgba(238,193,12,1) 0%, rgba(242,215,106,1) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,193,12,1)), color-stop(100%,rgba(242,215,106,1))) !important;
    background: -webkit-linear-gradient(top,  rgba(238,193,12,1) 0%,rgba(242,215,106,1) 100%) !important;
    background: -o-linear-gradient(top,  rgba(238,193,12,1) 0%,rgba(242,215,106,1) 100%) !important;
    background: -ms-linear-gradient(top,  rgba(238,193,12,1) 0%,rgba(242,215,106,1) 100%) !important;
    background: linear-gradient(top,  rgba(238,193,12,1) 0%,rgba(242,215,106,1) 100%) !important;
}

/* --BUTTON STYLE 6 -- YELLOW GRADIENT WITH SMALL RADIUS - WITH ICON */

.button-style-6 {
    display: block;
    border: 1px solid #cc9900;
    background: #f2d76a;
    background: -moz-linear-gradient(top,  #f2d76a 1%, #eec10c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2d76a), color-stop(100%,#eec10c));
    background: -webkit-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    background: -o-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    background: -ms-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    background: linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 23px;
    line-height: 25px;
    padding: 0 12px 0 50px;
    font-weight: bold;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    margin-bottom: 9px;
}

a.button-style-6 {
    color: #333333;
}

.button-style-6:hover {
    background: rgb(249,237,182);
    background: -moz-linear-gradient(top,  rgba(249,237,182,1) 0%, rgba(249,231,140,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,237,182,1)), color-stop(100%,rgba(249,231,140,1)));
    background: -webkit-linear-gradient(top,  rgba(249,237,182,1) 0%,rgba(249,231,140,1) 100%);
    background: -o-linear-gradient(top,  rgba(249,237,182,1) 0%,rgba(249,231,140,1) 100%);
    background: -ms-linear-gradient(top,  rgba(249,237,182,1) 0%,rgba(249,231,140,1) 100%);
    background: linear-gradient(top,  rgba(249,237,182,1) 0%,rgba(249,231,140,1) 100%);
}

.button-style-6.icon-email {
    background: #f2d76a url(../images/icon-email.png) no-repeat 12px 4px;
    background: url(../images/icon-email.png) no-repeat 12px 4px, -moz-linear-gradient(top,  #f2d76a 1%, #eec10c 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2d76a), color-stop(100%,#eec10c));
    background: url(../images/icon-email.png) no-repeat 12px 4px, -webkit-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -o-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -ms-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
}

.button-style-6.icon-email:hover {
    border: 1px solid #fbd258;
    background: rgb(249,237,182) url(../images/icon-email.png) no-repeat 12px 4px;
    background: url(../images/icon-email.png) no-repeat 12px 4px, -moz-linear-gradient(top,  rgba(249,237,182,1) 0%, rgba(249,231,140,1) 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,237,182,1)), color-stop(100%,rgba(249,231,140,1)));
    background: url(../images/icon-email.png) no-repeat 12px 4px, -webkit-linear-gradient(top,  rgba(249,237,182,1) 0%,rgba(249,231,140,1) 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -o-linear-gradient(top,  rgba(249,237,182,1) 0%,rgba(249,231,140,1) 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -ms-linear-gradient(top,  rgba(249,237,182,1) 0%,rgba(249,231,140,1) 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, linear-gradient(top,  rgba(249,237,182,1) 0%,rgba(249,231,140,1) 100%);
}

/* --BUTTON STYLE 7 -- GREEN GRADIENT WITH NO RADIUS */

.button-style-7 {
    display: inline-block;
    width: 169px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    background: #8dc03a;
    background: -moz-linear-gradient(top,  #8dc03a 0%, #557523 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dc03a), color-stop(100%,#557523));
    background: -webkit-linear-gradient(top,  #8dc03a 0%,#557523 100%);
    background: -o-linear-gradient(top,  #8dc03a 0%,#557523 100%);
    background: -ms-linear-gradient(top,  #8dc03a 0%,#557523 100%);
    background: linear-gradient(top,  #8dc03a 0%,#557523 100%);
    border: 1px solid #92b755;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

a.button-style-7 {
    color: #fff;
}

.button-style-7:hover {
    background: rgb(85,117,35);
    background: -moz-linear-gradient(top,  rgba(85,117,35,1) 0%, rgba(141,192,58,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,117,35,1)), color-stop(100%,rgba(141,192,58,1)));
    background: -webkit-linear-gradient(top,  rgba(85,117,35,1) 0%,rgba(141,192,58,1) 100%);
    background: -o-linear-gradient(top,  rgba(85,117,35,1) 0%,rgba(141,192,58,1) 100%);
    background: -ms-linear-gradient(top,  rgba(85,117,35,1) 0%,rgba(141,192,58,1) 100%);
    background: linear-gradient(top,  rgba(85,117,35,1) 0%,rgba(141,192,58,1) 100%);
}

/* --BUTTON STYLE 8 -- DARK GREY GRADIENT WITH ROUNDED CORNERS */

.button-style-8 {
    background: #989898;
    background: -moz-linear-gradient(top,  #989898 0%, #797979 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(100%,#797979));
    background: -webkit-linear-gradient(top,  #989898 0%,#797979 100%);
    background: -o-linear-gradient(top,  #989898 0%,#797979 100%);
    background: -ms-linear-gradient(top,  #989898 0%,#797979 100%);
    background: linear-gradient(top,  #989898 0%,#797979 100%);
    border: 1px solid #666666;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.1;
    padding: 8px 25px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #444;
}

a.button-style-8 {
    color: #fff;
}

.button-style-8:hover {
    background: rgb(121,121,121);
    background: -moz-linear-gradient(top,  rgba(121,121,121,1) 0%, rgba(152,152,152,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(121,121,121,1)), color-stop(100%,rgba(152,152,152,1)));
    background: -webkit-linear-gradient(top,  rgba(121,121,121,1) 0%,rgba(152,152,152,1) 100%);
    background: -o-linear-gradient(top,  rgba(121,121,121,1) 0%,rgba(152,152,152,1) 100%);
    background: -ms-linear-gradient(top,  rgba(121,121,121,1) 0%,rgba(152,152,152,1) 100%);
    background: linear-gradient(top,  rgba(121,121,121,1) 0%,rgba(152,152,152,1) 100%);
}

input[type="submit"].button-style-8 {
    -moz-appearance: none;
    /*padding: 6px 18px;*/
}

input[type="submit"]::-moz-focus-inner {
    border: 0;
    line-height: 1.1;
    margin: -1px 0;
    padding: 0;
}

/* --BUTTON STYLE 9 -- GREEN GRADIENT WITH NO RADIUS */

.button-style-9 {
    display: block;
    background: #333333;
    text-align: center;
    height: 22px;
    line-height: 22px;
    float: left;
    padding: 0 25px;
    display: inline-block;
}

a.button-style-9 {
    color: #fff;
}

.button-style-9-alt {
    padding: 0 9px;
}

/* --BUTTON STYLE 10 -- GRAY GRADIENT WITH RADIUS */
.button-style-10 {
    display: block;
    background: #dedede;
    background: -moz-linear-gradient(top,  #f6f6f6 0%, #c1c1c1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#c1c1c1));
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#c1c1c1 100%);
    background: -o-linear-gradient(top,  #f6f6f6 0%,#c1c1c1 100%);
    background: -ms-linear-gradient(top,  #f6f6f6 0%,#c1c1c1 100%);
    background: linear-gradient(top,  #f6f6f6 0%,#c1c1c1 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 6px 30px;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px 2px #fff;
    border: 1px solid #b7b7b7;
    cursor: pointer;
}

a.button-style-10 {
    color: #666666;
}

.button-style-10:hover {
    background: rgb(193,193,193);
    background: -moz-linear-gradient(top,  rgba(193,193,193,1) 0%, rgba(246,246,246,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,193,193,1)), color-stop(100%,rgba(246,246,246,1)));
    background: -webkit-linear-gradient(top,  rgba(193,193,193,1) 0%,rgba(246,246,246,1) 100%);
    background: -o-linear-gradient(top,  rgba(193,193,193,1) 0%,rgba(246,246,246,1) 100%);
    background: -ms-linear-gradient(top,  rgba(193,193,193,1) 0%,rgba(246,246,246,1) 100%);
    background: linear-gradient(top,  rgba(193,193,193,1) 0%,rgba(246,246,246,1) 100%);
    text-shadow: 1px 1px 2px #fff;
    color: #666666;
}

/* --BUTTON STYLE 11 */
.button-style-11 {
    display: block;
    font-family: nimbus-sans-condensed,sans-serif;
    font-size: 16px;
    width: 41px;
    height: 22px;
    text-decoration: none;
    text-align: center;
    padding: 10px 0 0;
}

a.button-style-11 {
    color: #336699;
}

.button-style-11.active {
    color: #FFF;
    background: url(../images/active_year.png) no-repeat 0 0;
}

/* ---------------------------------------------------------------------
    LIST STYLES
------------------------------------------------------------------------ */

.list-style-1 a:link, .list-style-2 a:link,    .list-style-3 a:link, .list-style-5 a:link, .list-style-6 a:link, .list-style-8 a:link, .list-style-9 a:link, .list-style-10 a:link, .list-style-11 a:link, .list-style-12 a:link, .list-style-13 a:link, .list-style-14 a:link, .list-style-15 a:link, .list-style-16 a:link {
    text-decoration: none;
}

/*===LIST STYLE 1===*/
.list-style-1 {
    overflow: hidden;
    display: block;
}

.list-style-1 > li {
    display: block;
    overflow: hidden;
    margin-bottom: 22px;
    list-style: none;
}

.list-style-1 li ul li {
    float: left;
    margin-bottom: 0;
    list-style: none;
}

.list-style-1 span {
    float: left;
    padding: 0 10px;
}

/*===LIST STYLE 2===*/
.list-style-2 {
    list-style: disc;
    margin-left: 15px;
}

/*===LIST STYLE 3===*/
.list-style-3 {
    font-size: 12px;
    color: #333333;
    overflow: hidden;
    margin-bottom: 21px;
}

.list-style-3 em {
    font-weight: bold;
    font-style: normal;
}

.list-style-3 li {
    float: left;
    margin-bottom: 0;
    list-style: none;
}

.list-style-3 span {
    background: url(../images/pipe-seperator.png) no-repeat center;
    padding: 0 10px;
    width: 2px;
    height: 27px;
    display: block;
}

.list-style-3 div:first-child {
    margin-bottom: 4px;
}

/*===LIST STYLE 4===*/
.list-style-4 {
    list-style: none;
}

.list-style-4 div {
    color: #666666;
}

.list-style-4 a {
    font-weight: bold;
    text-decoration: none;
}

.list-style-4 a.alt {
    text-transform: uppercase;
}

.list-style-4 li {
    margin-bottom: 19px;
    list-style: none;
}

/*===LIST STYLE 5===*/
.list-style-5 li {
    margin: 0 0 10px 0;
    list-style: none;
}

/*===LIST STYLE 6===*/
.list-style-6 {
    background: #f6f6f6;
    border: 1px solid #dcdcdc;
}

.list-style-6 > li {
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #fff;
    display: block;
    margin-bottom: 0;
}

.list-style-6 > li > div {
    padding: 9px 0 7px 38px;
}

.list-style-6 > li > div:hover {
    background-color: #e8e8e8;
    cursor: pointer;
}

.list-style-6 h4 {
    color: #333;
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: bold;
    padding: 5px 0 0 22px;
    cursor: pointer;
}

.list-style-6 > li > ul {
    padding: 0 20px 22px;
    overflow: hidden;
    display: none;
}

.list-style-6 > li > ul > li {
    margin-top: 10px;
    margin-bottom: 0;
    list-style: none;
}

.list-style-6 > li > ul > li:first-child {
    margin-top: 0;
}

.list-style-6 .head {
    padding: 10px 22px;
    margin-bottom: 0;
}

.list-style-6 .subhead {
    padding: 9px 0 7px 30px;
}

.list-style-6 .subhead h4 {
    margin-bottom: 0;
    padding: 0;
}

.list-style-6 .sub-categories {
    padding: 5px 0;
}

.list-style-6 .slider-title {
    margin: 30px 0 0 0;
}

.list-style-6 .heading-style-9 {
    font-size: 17px;
}

.list-style-6 .active {
    color: #000;
}

/*===LIST STYLE 7===*/
.list-style-7 a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

.list-style-7 .productId {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: black;
}

.list-style-7 .catalogNumber {
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: black;
}

.list-style-7 p {
    color: #333333;
    line-height: 1.5;
    display: block;
    margin: 15px 0 10px 0;
}

.list-style-7 > li {
    border-top: 1px solid #e8e8e8;
    padding: 20px 0;
    list-style: none;
    margin-bottom: 0;
}

.list-style-7 li:first-child {
    border-top: none;
}

.list-style-7 ul {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
}

.list-style-7 ul > li {
    float: left;
    list-style: none;
}

.list-style-7 ul > li:first-child {
    text-transform: uppercase;
    font-weight: bold;
    width: 110px;
}

.list-style-7 .search-breadcrumb {
    margin-top: 10px;
    height: 12px;
}

.list-style-7 .search-breadcrumb-alt {
    margin: 0 0 15px 0;
}

.list-style-7 .media-block .img {
    margin-right: 32px;
}

.industry-solutions .list-style-7 > li {
    border-bottom: 1px solid #e8e8e8;
    border-top: 0;
}

/*===LIST STYLE 8===*/
.list-style-8 li {
    margin: 0 0 32px;
    list-style: none;
}

/*===LIST STYLE 9===*/
.list-style-9 {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    padding: 16px 0 10px 14px;
    background: -moz-linear-gradient(top,  rgba(241,241,241,1) 0%, rgba(253,253,253,0.93) 7%, rgba(255,255,255,0.89) 11%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(7%,rgba(253,253,253,0.93)), color-stop(11%,rgba(255,255,255,0.89)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(253,253,253,0.93) 7%,rgba(255,255,255,0.89) 11%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(253,253,253,0.93) 7%,rgba(255,255,255,0.89) 11%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(253,253,253,0.93) 7%,rgba(255,255,255,0.89) 11%,rgba(255,255,255,0) 100%);
    background: linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(253,253,253,0.93) 7%,rgba(255,255,255,0.89) 11%,rgba(255,255,255,0) 100%);
}

.list-style-9 li {
    float: left;
    width: 240px;
    margin: 0 70px 8px 0;
    list-style: none;
}

.list-style-9 .search-selection {
    font-weight: bold;
    padding: 0 5px 0 0;
}

/*===LIST STYLE 10===*/
.list-style-10 {
    padding: 0 0 0 5px;
}

.list-style-10 li {
    height: 20px;
    line-height: 20px;
    margin: 0 0 8px;
    padding: 0 0 0 30px;
    background: url(../images/numbers.png) no-repeat 0 0;
    list-style: none;
}

.list-style-10 li.item1 { background-position: 0 0; }
.list-style-10 li.item2 { background-position: 0 -20px; }
.list-style-10 li.item3 { background-position: 0 -40px; }

/*===LIST STYLE 11===*/
.list-style-11 {
    float: right;
    margin-top: -5px;
}

.list-style-11 li {
    float: left;
    padding: 7px 0;
    text-align: center;
    width: 120px;
    list-style: none;
}

.list-style-11 li:first-child {
    border-right: 1px solid #ccc;
}

/*===LIST STYLE 12===*/
.list-style-12 {
    overflow: hidden;
    display: block;
}

.list-style-12 > li {
    display: block;
    overflow: hidden;
    margin-top: 20px;
    list-style: none;
}

.list-style-12 > li:first-child {
    margin-top: 0;
}

.list-style-12 li ul li {
    float: left;
    list-style: none;
    margin-bottom: 0;
}

.list-style-12 span {
    float: left;
    padding: 0 10px;
    color: #d7d7d7;
}

.list-style-12 .chat {
    text-indent: -99999px;
    background: url(../images/icon-chat.png) no-repeat 0 0;
    width: 21px;
    height: 15px;
    display: block;
    margin: 0 0 0 5px;
}

.list-style-12 .email {
    text-indent: -99999px;
    background: url(../images/icon-email.png) no-repeat 0 0;
    width: 22px;
    height: 16px;
    display: block;
    margin: 0 0 0 5px;
}

/*===LIST STYLE 13===*/
.list-style-13 {
    padding: 12px 0 0;
}

.list-style-13 li {
    float: left;
    margin: 0 20px 10px 0;
    list-style: none;
}

/*===LIST STYLE 14===*/
.list-style-14 {
    float: left;
    overflow: hidden;
    margin: 0 0 10px 0;
}

.list-style-14 li {
    width: 122px;
    margin: 0 0 12px 0;
    list-style: none;
}

/*===LIST STYLE 15===*/
.list-style-15 {
    margin: 0 0 26px 0;
}

.list-style-15 li {
    margin: 0 0 15px 0;
    list-style: none;
}

.list-style-15 a {
    font-size: 12px;
    padding: 0 0 0 22px;
    background: url(../images/icon-document.png) no-repeat 0 0;
}

/*===LIST STYLE 16===*/
.list-style-16 {
    overflow: hidden;
    width: 384px;
}

.list-style-16 li {
    width: 192px;
    margin: 0 0 14px 0;
    float: left;
    list-style: none;
}

/*===LIST STYLE 17===*/
.list-style-17 {
    margin: 0 0 19px;
}

.list-style-17 li {
    margin: 0 0 5px;
    list-style: none;
}

.list-style-17 p {
    color: #ccc;
    line-height: 17px;
    margin-bottom: 0;
}

.list-style-17 .title {
    font-weight: bold;
}

/*===LIST STYLE 18===*/
.list-style-18 li {
    border-bottom: 1px solid #444;
    padding: 12px 0;
    list-style: none;
    margin-bottom: 0;
}

.list-style-18 li:first-child {
    padding: 0 0 12px 0;
}

.list-style-18 li.last {
    border-bottom: 0;
}

.list-style-18 li p {
    color: #CCC;
    margin-bottom: 0;
}

.list-style-18 li p,
.list-style-18 li div {
    line-height: 1.6;
}

/*===LIST STYLE 19===*/
.list-style-19 {
    list-style: none;
}

.list-style-19 div, .list-style-19 p {
    color: #ccc;
    line-height: 17px;
    margin-bottom: 0;
}

.list-style-19 a {
    text-decoration: none;
}

.list-style-19 a.alt {
    text-transform: uppercase;
}

.list-style-19 h6 {
    color: #fff;
    padding: 0;
    font-size: 11px;
    line-height: 17px;
}

.list-style-19 li {
    margin-bottom: 19px;
    list-style: none;
}
/* ---------------------------------------------------------------------
    EMAIL
------------------------------------------------------------------------ */

.email {
        white-space:nowrap;
}

/* ---------------------------------------------------------------------
    MEDIA BLOCK
------------------------------------------------------------------------ */

.media-block {
    display: block;
}

.media-block,
.media-block .bd {
    overflow: hidden;
    zoom: 1;
}

.media-block .bd {
    padding-right: 2px;
}

.media-block .bd li{
    list-style: none;
    margin-bottom: 0;
}
.media-block .media {
    display: block;
    float: left;
    margin-right: 35px;
}

.media-block .media img {
    display: block;
    margin: 0 0 12px;
}

.media-block .imgExt {
    float: right;
    margin-left: 10px;
}

/* ---------------------------------------------------------------------
    OVERFLOW BOXES
------------------------------------------------------------------------ */

.scrollbox {
    background: #f6f6f6;
    border: 1px solid #ccc;
    height: 375px;
    line-height: 1.36;
    margin: 0 0 30px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 20px;
}

.scrollbox .p1 {
    margin-bottom: 17px;
    font-weight: normal;
}

/* ---------------------------------------------------------------------
    TABLES
------------------------------------------------------------------------ */

/* --TABLE STYLE 1 */
.table-style-1 thead {
    background: #666666;
    border: 1px solid #666666;
    font-size: 9px;
}

.table-style-1 th {
    padding: 5px 9px;
    font-weight: normal;
    color: #fff;
}

.table-style-1 td {
    background: #fff;
    border: 1px solid #999999;
    padding: 5px 9px;
    text-align: center;
    color: #000;
}

.table-style-1 td:first-child {
    font-weight: bold;
}

.table-style-1 .positive {
    background: #fff url(../images/stock-positive.png) no-repeat 5px 7px;
    color: #48bd02;
}

.table-style-1 .negative {
    background: #fff url(../images/stock-negative.png) no-repeat 5px 7px;
    color: #dc0202;
}

/* --TABLE STYLE 2 */

.table-style-2 {
    width: 100%;
}

.table-style-2 a:link {
    text-decoration: none;
}

.table-style-2 tr{
    cursor: default;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari and Chrome */
    -o-transition: all .3s;
}

div.dataTables_wrapper table.dataTable th{
    border: solid 1px #777;
    cursor: default; /*remove pointer for all th's then add for :last with jquery*/
}

div.dataTables_wrapper table.dataTable th.sorting_asc, div.dataTables_wrapper table.dataTable th.sorting_desc {
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-color: #999;
    padding-right:15px;
}

div.dataTables_wrapper table.dataTable th.sorting_asc {
    background-image: url('../images/sort_asc.png');
}

div.dataTables_wrapper table.dataTable th.sorting_desc {
    background-image: url('../images/sort_desc.png');
}

/**************************************************************
Edited by:    Joshua Langworthy
Changes:    Restrict size of header icons in product detail pages.
***************************************************************/

div.dataTables_wrapper table.dataTable th .graphic img,
div.product-table table.icon-table td .graphic img {
    max-width: 90px;
}

.product-table .order-number{
    font-weight: bold;
}

.product-table .order-number a.ordernumber{
	padding: 5px 18px;
	background: url(/etc/designs/kennametal/images/cart-icon-sm-blue.svg) 0 50% no-repeat;
}

.table-style-2 th {
    border: 1px solid #ababab;
    background: #b4b4b4;
    background: -moz-linear-gradient(top,  #b4b4b4 0%, #9b9b9b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4b4b4), color-stop(100%,#9b9b9b));
    background: -webkit-linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    background: -o-linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    background: -ms-linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    background: linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    height: 53px;
    font-size: 12px;
    color: #fff;
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
}

.table-style-2 td {
    text-align: center;
    vertical-align: middle;
    height: 53px;
    white-space: nowrap;
    font-size: 12px;
    font-size: 11px;
    border: 1px solid #D6D6D6;
}

.table-style-2 .th1,
.table-style-2 .td1 {
    padding: 0 25px;
    width: 25%;
}
.table-style-2 .th2,
.table-style-2 .td2 {
    padding: 0 12px;
    width: 14%;
}
.table-style-2 .th3,
.table-style-2 .td3 {
    padding: 0 18px;
    width: 14%;
}
.table-style-2 .th4,
.table-style-2 .td4 {
    padding: 0 16px;
    width: 14%;
}
.table-style-2 .th5,
.table-style-2 .td5 {
    padding: 0 11px;
    width: 8%;
}
.table-style-2 .th6,
.table-style-2 .td6 {
    padding: 0 11px;
    width: 9%;
}
.table-style-2 .th7,
.table-style-2 .td7 {
    padding: 0 12px;
    width: 16%;
}

.table-style-2 .odd {
    background: #f6f6f6;
}

.fltrCols {
    padding:0;
    display: none;
}

.fltrCols td {
    height:auto;
    border: 1px solid #777;
    background: #B4B4B4;
    background: -moz-linear-gradient(top, #B4B4B4 0%, #9B9B9B 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B4B4B4), color-stop(100%,#9B9B9B));
    background: -webkit-linear-gradient(top, #B4B4B4 0%,#9B9B9B 100%);
    background: -o-linear-gradient(top, #B4B4B4 0%,#9B9B9B 100%);
    background: -ms-linear-gradient(top, #B4B4B4 0%,#9B9B9B 100%);
    background: linear-gradient(top, #B4B4B4 0%,#9B9B9B 100%);
    font-size: 12px;
    color: white;
    text-align: center;
    vertical-align: middle;
    width:auto;
}

.fltrCols td input {
    border:none;
    border-bottom:#ABABAB;
    width:100%;
}

#colFilter {
    background: url(../images/filter.png) no-repeat 0 0;
    padding-left: 20px;
    padding-right: 20px;
}

/* --TABLE STYLE 3 */

.table-style-3 {
    width: 100%;
    font-weight: normal;
    font-size: 11px;
}

.table-style-3 .th1 th {
    height: 25px;
    vertical-align: middle;
    text-align: center;
    color: #212121;
    background: #e6e6e6;
    border-left: 1px solid #acacac;
    font-weight: normal;
    padding: 0;
}

.table-style-3 .th1 th:first-child {
    border-left: none;
}

.table-style-3 .th2 th {
    height: 20px;
    vertical-align: middle;
    text-align: center;
    color: #212121;
    background: #e6e6e6;
    border-left: 1px solid #acacac;
    border-top: none;
    font-weight: normal;
    padding: 0;
}

.table-style-3 .th2 th:first-child {
    border-left: none;
}

.table-style-3 td {
    text-align: center;
    height: 20px;
    vertical-align: middle;
    color: #7a7a7a;
    border-bottom: 1px solid #acacac;
    border-left: 1px solid #acacac;
    padding: 0;
}

.table-style-3 td:first-child {
    border-left: none;
}

.table-style-3 .even {
    background: #f6f6f6;
}

/* --TABLE STYLE 4 */

.table-style-4 {
    width: 100%;
    border-left: 1px solid #e8e8e9;
    border-right: 1px solid #e8e8e9;
    border-bottom: 1px solid #e8e8e9;
}

.table-style-4 th {
    border-left: 1px solid #ababab;
    background: #b4b4b4;
    background: -moz-linear-gradient(top,  #b4b4b4 0%, #9b9b9b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4b4b4), color-stop(100%,#9b9b9b));
    background: -webkit-linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    background: -o-linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    background: -ms-linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    background: linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    height: 53px;
    width: 25%;
    font-size: 12px;
    color: #fff;
    text-align: left;
    vertical-align: middle;
    padding: 0;
    font-weight: normal;
}

.table-style-4 th:first-child {
    border-left: 0;
}

.table-style-4 tr {
    border-top: 1px solid #e8e8e9;
}

.table-style-4 tr:first-child {
    border-top: 0;
}

.table-style-4 td {
    vertical-align: middle;
    padding: 10px 0;
    border-left: 1px solid #e8e8e9;
}

.table-style-4 td:first-child {
    border-left: 0;
}

.table-style-4 .th1,
.table-style-4 .td1 {
    padding-left: 25px;
}

.table-style-4 .th2 {
    padding-left: 12px;
}

.table-style-4 .td2 {
    text-align: center;
}

.table-style-4 .th3,
.table-style-4 .td3 {
    padding-left: 18px;
}

.table-style-4 .th4,
.table-style-4 .td4 {
    padding-left: 18px;
}

.th5 td {
    padding: 6px;
}

.table-style-4 li {
    margin-bottom: 3px;
}

.table-style-4 .odd {
    background: #F6F6F6;
}

table.framed,
table.framed tr{
    border: 1px solid #ababab;
}

/* --TABLE STYLE 5 */

.table-style-5 {
    width: 100%;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.table-style-5 th {
    border-left: 1px solid #ababab;
    background: #b4b4b4;
    background: -moz-linear-gradient(top,  #b4b4b4 0%, #9b9b9b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4b4b4), color-stop(100%,#9b9b9b));
    background: -webkit-linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    background: -o-linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    background: -ms-linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    background: linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    height: 32px;
    width: 33%;
    font-size: 11px;
    color: #fff;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0;
}

.table-style-5 th:first-child {
    border-left: 0;
}

.table-style-5 td {
    vertical-align: middle;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    font-size: 13px;
    border-left: 1px solid #dcdddf;
}

.table-style-5 td:first-child {
    border-left: 0;
}

.table-style-5 .td2 {
    font-size: 33px;
}

.table-style-5 tr {
    border-top: 1px solid #dcdddf;
}

.table-style-5 tr:first-child {
    border-top: 0;
}

/* --TABLE STYLE 6 */

.table-style-6 {
    border-bottom: 1px solid #dcdddf;
    margin: 20px 0;
    width: 100%;
}

.table-style-6 thead {
    border: 1px solid #f1f1f1;
}

.table-style-6 th {
    border-left: 1px solid #9a9a9a;
    background: #b4b4b4;
    background: -moz-linear-gradient(top,  #b4b4b4 0%, #9b9b9b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4b4b4), color-stop(100%,#9b9b9b));
    background: -webkit-linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    background: -o-linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    background: -ms-linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    background: linear-gradient(top,  #b4b4b4 0%,#9b9b9b 100%);
    height: 32px;
    font-size: 11px;
    font-weight: bold;
    padding: 0;
    padding-left: 10px;
    color: #fff;
    text-align: left;
    vertical-align: middle;
}

.table-style-6 th:first-child {
    border-left: 0;
}

.table-style-6 .th1 {
    padding-left: 25px;
    width: 155px;
}

.table-style-6 td {
    vertical-align: middle;
    text-align: center;
    padding: 15px 10px;
    font-size: 11px;
    text-align: left;
}

.table-style-6 td:first-child {
    border-left: 0;
}

.table-style-6 .td1 {
    padding-left: 25px;
    width: 145px;
}

.table-style-6 tr {
    border-top: 1px solid #dcdddf;
}

.table-style-6 tr:first-child {
    border-top: 0;
}

.table-style-6 .odd {
    background: #f6f6f6;
}

/* --TABLE STYLE 7 */
.table-style-7 thead {
    background: #b4b4b4;
    border: 1px solid #b4b4b4;
    font-size: 11px;
}

.table-style-7 th {
    padding: 5px 9px;
    font-weight: normal;
    color: #fff;
    font-size: 12px;
}

.table-style-7 td {
    background: #fff;
    border: 1px solid #999999;
    padding: 5px 9px;
    text-align: center;
    color: #000;
}

.table-style-7 td:first-child {
    font-weight: bold;
}

.table-style-7 .positive {
    background: #fff url(../images/stock-positive.png) no-repeat 5px 7px;
    color: #48bd02;
}

.table-style-7 .negative {
    background: #fff url(../images/stock-negative.png) no-repeat 5px 7px;
    color: #dc0202;
}

.rowHover{
    background-color: #FFF3C4!important;
}

/* ---------------------------------------------------------------------
    CUSTOM FORM ELEMENTS
------------------------------------------------------------------------ */

.select {
    cursor: pointer;
    background:  #fcfbfb url(../images/custom-select.png) no-repeat right 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    overflow: hidden;
    position: absolute;
    color: #000;
    font-size: 11px;
    border: 1px solid #9f9e9e;
    width: 154px;
    height: 19px;
    line-height: 19px;
    padding: 0 30px 0 9px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
}

.styled {
    margin: 2px 0 0 0;
    width: 194px;
    cursor: pointer;
}

.personal-options .select {
    background: #fff url(../images/custom-select-header-white.png) no-repeat right 0;
    color: #333;
    font-size: 10px;
    text-transform: uppercase;
    width: 150px;
    height: 17px;
    line-height: 17px;
    margin: 6px 0 0 0;
    border: 1px solid #5e5e5e;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.personal-options .styled {
    margin: 6px 0 0 0;
    width: 198px;
    cursor: pointer;
}

.range-slider {
    margin: 10px 0;
}

.sort-items .select {
    float: left;
}

/* ---------------------------------------------------------------------
    LISTING GRIDS
------------------------------------------------------------------------ */

/*=== List Grid 1 ===*/

.listgrid-style-1 {
    overflow: hidden;
    margin: 0 0 0 -12px;
}

.listgrid-style-1 li {
    width: 334px;
    height: 219px;
    overflow: hidden;
    float: left;
    margin: 0 0 36px 12px;
    background-color: #f5f5f5;
}

.listgrid-style-1 li .item {
    display: block;
    text-decoration: none;
}

.listgrid-style-1 li .item .head {
    height: 21px;
    line-height: 21px;
    padding: 0 0 0 14px;
    background: #000 url(../images/stripe2.png);
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTcxNzE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: url(../images/stripe2.png), -moz-radial-gradient(center, ellipse cover,  rgba(68,68,68,1) 0%, rgba(23,23,23,1) 100%); /* FF3.6+ */
    background-image: url(../images/stripe2.png), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(68,68,68,1)), color-stop(100%,rgba(23,23,23,1))); /* Chrome,Safari4+ */
    background-image: url(../images/stripe2.png), -webkit-radial-gradient(center, ellipse cover,  rgba(68,68,68,1) 0%,rgba(23,23,23,1) 100%); /* Chrome10+,Safari5.1+ */
    background-image: -ms-radial-gradient(center, ellipse cover,  rgba(68,68,68,1) 0%,rgba(23,23,23,1) 100%); /* IE10+ */
    background-image: url(../images/stripe2.png), radial-gradient(center, ellipse cover,  rgba(68,68,68,1) 0%,rgba(23,23,23,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#171717',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.listgrid-style-1 li .item .bd {
    position: relative;
    text-align: center;
    padding: 22px 0 0;
}

.listgrid-style-1 li .item .bd .new {
    position: absolute;
    top: 20px;
    right: 11px;
    width: 66px;
    height: 25px;
    background: url(../images/new.png) no-repeat 0 0;
}

.indent-alt .listgrid-style-1 {
    margin: 0 0 0 -7px;
}

.indent-alt .listgrid-style-1 li {
    margin: 0 0 36px 5px;
}

/*=== List Grid 2 ===*/

.listgrid-contain {
    overflow: hidden;
}

.listgrid-style-2 {
    overflow: hidden;
    margin: -1px 0 30px 0;
}

.listgrid-style-2 li {
    width: 154px;
    height: 159px;
    border-top: 1px solid #efefef;
    float: left;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0;
    list-style: none;
}

.listgrid-style-2 img {
    width: 93px;
    height: 73px;
    margin: 40px auto 15px;
    display: block;
}

.listgrid-style-2 a {
    text-decoration: none;
}
/*=== List Grid 3 ===*/

.listgrid-style-3 {
    overflow: hidden;
    margin: -15px 0 40px -13px;
}

.listgrid-style-3 li {
    float: left;
    margin: 15px 0 0 13px;
    list-style: none;
}

.listgrid-style-3 a {
    border: 1px solid #bdbdbd;
    width: 156px;
    height: 145px;
    display: block;
    position: relative;
    text-decoration: none;
}

.listgrid-style-3 img {
    display: block;
    margin: 0 auto;
    padding-top: 10px;
}

.listgrid-style-3 p {
    display: block;
    background: #f5f5f5;
    height: 25px;
    line-height: 25px;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 156px;
    margin-bottom: 0;
}

/*=== List Grid 4 ===*/

.listgrid-style-4 {
    margin: 0 0 15px -19px;
    overflow: hidden;
}

.listgrid-style-4 > li {
    width: 275px;
    height: 149px;
    border: 1px solid #cccccc;
    background: #f7f7f7;
    padding: 22px 24px;
    margin: 0 0 19px 19px;
    float: left;
    list-style: none;
}

.listgrid-style-4 h3 {
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin: 0 0 21px 0;
    font-weight: normal;
}

.listgrid-style-4 .alt-head {
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin: 0 0 15px 0;
}

.listgrid-style-4 .p1 {
    line-height: 1.5;
    margin-bottom: 10px;
    display: block;
}

.listgrid-style-4 input {
    margin: 0 0 10px 0;
}

.listgrid-style-4 input[type="text"] {
    width: 205px;
}

.listgrid-style-4 label {
    color: #666666;
    font-weight: bold;
}

.listgrid-style-4 .list-style-1 {
    margin: 18px 0 0 0;
}

.listgrid-style-4 .list-style-1 div {
    font-weight: bold;
    margin: 0 0 3px 0;
    color: #333333;
}

.listgrid-style-4 .list-style-1 p {
    line-height: 1.2;
}

.resource-listing {
    overflow: hidden;
}

.resource-instructions {
    margin-bottom: 10px;
}

.listgrid-style-4 select {
    display: block;
    margin: 0 0 12px 0;
}

.listgrid-style-4 label {
    display: block;
}

.listgrid-style-4 span {
    padding: 0 10px;
}

/* ---------------------------------------------------------------------
    MISCELLANEOUS
------------------------------------------------------------------------ */

.element-invisible {
    position: absolute;
    text-indent: -999999px;
    overflow: hidden;
}

.hr:after {
    content: "";
    display: block;
    height: 1px;
    clear: both;
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
}

.grid-side > div:first-child {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.divide {
    color: #ccc;
    padding: 0 10px;
}

.gray-container {
    background: #F7F7F7;
    border: 1px solid #CCC;
}

.featureditems h2, .orgcontact h2{
    color: #757575;
    font-family: nimbus-sans,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 17px;
    text-transform: uppercase;
}

.featureditems h2{
    color:#000;
}

/**************************************************************
Edited by:  Sarah Formica
Date:       7-23-14
Changes:    Added style to prevent overlapping of placeholders
***************************************************************/

.featureditemscontainer{
margin-top: 12px;
}

ul.featured-items{
height: auto!important;
overflow: hidden!important;
}

.featured-items li{
    border-left: 1px solid silver;
    list-style:none;
    float: left;
    padding-left: 10px;
    width: 209px;
    margin-left: 10px;
    color: #333;
    min-height: 150px;
}

.featured-items li:first-child{
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}

/**************************************************************
Edited by:    Sarah Formica
Changes:    changed subclass name from "new" to "newItem"
***************************************************************/

.featured-items .newItem {
    background: url("../images/new.png") no-repeat scroll 0 0;
    color: black;
    float: right;
    font-weight: bold;
    height: 25px;
    margin-left: 140px;
    margin-top: 16px;
    padding: 6px 0 0 6px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 59px;
}


/* ---------------------------------------------------------------------
    SEARCH PAGINATION
------------------------------------------------------------------------ */

.search-nav {
    overflow: hidden;
    background: #f6f6f6;
    border: 1px solid #e8e8e8;
    height: 47px;
    line-height: 47px;
    padding: 0 15px;
}

.sort-items {
    float: left;
}

.search-pagination {
    float: right;
    font-size: 14px;
}

.search-pagination em {
    font-style: normal;
    font-weight: bold;
}

.search-pagination .listing-numbers {
    display: block;
    float: left;
    margin-right: 10px;
}

.search-pagination a {
    float: left;
}

.search-nav .select {
    margin-top: 13px;
}

.search-nav label {
    color: #666666;
    margin-right: 12px;
    font-weight: bold;
    float: left;
}

.search-nav a {
   margin: 0;
   margin-top: 8px;
}

.search-nav img {
   margin: 0;
   margin-top: 14px;
}

.page-navigation {
    float: left;
}

.page-label {
    float: left;
}

.page-label span,
.page-numbers {
    float: left;
}

.page-label span {
    margin-right: 5px;
}

.page-numbers span {
    color: #666666;
    margin-right: 10px;
    font-weight: bold;
}

.page-numbers a {
    font-size: 14px;
    font-weight: bold;
    padding: 0 5px;
    border: 1px solid transparent;
    text-decoration: none;
}

.page-numbers .active {
    background-color: #DCDCDC;
    border-color: #b9b9b9;
}

.page-prev img {
    margin-right: 5px;
}

.page-next img {
    margin-left: 5px;
}

.page-prev img,
.page-first img,
.page-next img,
.page-last img {
    float: left;
}

/* ---------------------------------------------------------------------
    MODULES
------------------------------------------------------------------------ */

.sidebar-module {
    margin: 0 0 20px 0;
}

.module-content {
    background: url(../images/module-texture.png) repeat-x 0 0;
    padding: 18px;
    border: 1px solid #ccc;
}

.module-content a:link {
    text-decoration: none;
}
/* --MODULE 1 -- */

.module-1 .media-block {
    margin: 0 0 15px 0;
}

.module-1 .media-block img {
    margin: 0;
}

.module-1 .media-block .media {
    background: #fff;
    padding: 3px;
    -webkit-box-shadow: 0px 0px 3px #888;
    -moz-box-shadow: 0px 0px 3px #888;
    box-shadow: 0px 0px 3px #888;
    margin: 3px 12px 3px 3px;
}

.module-1 .bd {
    margin: 17px 0 0 0;
}

.module-1 li:first-child {
    font-weight: bold;
}

.module-1 .diagram {
    display: block;
    text-align: center;
    margin-bottom: 40px;
}

.module-1 .diagram:last-child {
    margin-bottom: 0;
}

/* --MODULE 2 -- */

.module-2 img {
    margin: 13px auto 18px;
    display: block;
}

.module-2 {
    text-align: center;
}

/* --MODULE 3 -- */

.module-3 {
    background: #f7f7f7;
}

.module-3 .heading-style-9 {
    margin-bottom: 19px;
}

/* --MODULE 4 -- */

.module-4.module-content {
    background: none;
    padding: 0;
}

.module-4 .media-block {
    margin: 20px 18px 0;
    padding-bottom: 20px;
}

.module-4 .media {
    width: 65px;
    margin-right: 15px;
}

.module-4 .media img {
   margin: 0 auto;
}

.module-4 li {
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
    border-bottom: 1px solid #cccccc;
    list-style: none;
    margin-bottom: 0;
}

.module-4 .bd a {
    display: block;
    overflow: hidden;
    vertical-align: middle;
    padding-top: 5px;
    font-weight: bold;
}

.module-4 .last {
    background: #eeeeee;
    padding: 0 18px;
    height: 30px;
    line-height: 30px;
    color: #336699;
    border-bottom: none;
    font-weight: bold;
}

/* --MODULE 5 -- */

.module-5 img {
    margin: 13px auto 18px;
    display: block;
}

.module-5 {
    text-align: left;
    line-height: 1.5;
}

.module-5 .list-style-4 li {
    margin: 19px 0 0 0;
}

.module-5 .list-style-4 li:first-child {
    margin: 0;
}

.module-5 a {
    margin-top: 5px;
    display: block;
}

/* --MODULE 6 -- */

.module-6.module-content {
    background: none;
}

.module-6 .heading-style-9,
.module-6 .heading-style-11 {
    margin-bottom: 20px;
}

.module-6 .heading-style-9 {
    margin-top: 15px;
}

.module-6 label {
    display: block;
    margin-bottom: 4px;
}

.module-6 input[type="text"] {
    background: #fcfbfb;
    width: 100%;
    border: 1px solid #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 20px;
    margin-bottom: 8px;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
}

/* --MODULE 7 -- */

.module-7 a {
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

.module-7 .media-block .media {
    margin-right: 10px;
}

/* --MODULE 8 -- */

.module-8 p {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 12px;
}

.module-8 .button-style-5 {
    height: 36px;
    line-height: 36px;
    font-size: 13px;
}

.module-8 form {
    margin-top: 15px;
}

.module-8 label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
}

.module-8 select {
    display: block;
    margin-bottom: 10px;
}

.module-8 .button-style-10 {
    height: 31px;
    line-height: 31px;
    margin-top: 15px;
    font-size: 13px;
}

.module-seperate {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

/* --MODULE 9 -- */

.module-9 .heading-style-9 {
    margin-top: 15px;
}

.module-9 .p5 {
    padding: 10px 0 0 0;
}

.module-9 .module-seperate {
    padding-bottom: 0;
}

.module-9 > .media-block {
    margin: 20px 0 0 0;
}

.module-9 .media {
    margin-right: 15px;
}

.module-9 .bd a {
    padding: 10px 0 0 0;
    display: block;
}

/* --MODULE 10 -- */

.module-10.module-content {
    background: none;
}

.module-10 .heading-style-11 {
    margin-bottom: 20px;
}

.main-content .module-10 label {
    display: block;
    margin-bottom: 4px;
}

.module-10 input {
    background: #fcfbfb;
    width: 100%;
    border: 1px solid #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 20px;
    margin-bottom: 8px;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    margin-bottom: 15px;
}

.module-10 textarea {
    background: #fcfbfb;
    width: 100%;
    border: 1px solid #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 20px;
    margin-bottom: 8px;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    margin-bottom: 15px;
    resize: none;
}

.module-10 .question-box {
    height: 100px;
}

.module-10 select {
    margin-bottom: 15px;
}

.module-10 input[type="checkbox"] {
    width: 20px;
    padding: 0;
    margin: 0 5px 15px 0;
    float: left;
}

.module-10 .button-style-5 {
    clear: both;
    height: 25px;
    line-height: 25px;
    color: #000;
}

.expert-component .heading-style-4,
.news-component .heading-style-4 {
    margin-bottom: 17px;
}

/* ---------------------------------------------------------------------
    WYSIWYG
------------------------------------------------------------------------ */

.wysiwyg,
#CQrte {
    clear: both;
}

.wysiwyg h1,
#CQrte h1 {
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    text-transform: none;
    margin-bottom: 12px;
    font-size: 30px;
    font-weight: normal;
}

.wysiwyg h2,
#CQrte h2 {
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    text-transform: none;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: normal;
}

.wysiwyg h3,
#CQrte h3 {
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-bottom: 17px;
    text-transform: none;
    font-weight: normal;
}

.wysiwyg h4,
#CQrte h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
    text-transform: none;
    color: #333333;
}

.wysiwyg h5,
#CQrte h5 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
    text-transform: none;
    color: #333333;
}

.wysiwyg h6,
#CQrte h6 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
    text-transform: none;
    color: #333333;
}

.wysiwyg p,
#CQrte p {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 15px;
    margin-bottom: 12px;
    line-height: 1.5;
}

.wysiwyg .button-style-5,
#CQrte .button-style-5 {
    width: 183px;
    height: 33px;
    line-height: 33px;
    font-size: 12px;
}

.wysiwyg sub,
#CQrte sub {
    vertical-align: sub;
    font-size: smaller;
    line-height: 0;
}

.wysiwyg sup,
#CQrte sup {
    vertical-align: super;
    font-size: smaller;
    line-height: 0;
}

.wysiwyg a,
#CQrte a {
    color: #0072cf;
}

.wysiwyg a:hover,
#CQrte a:hover {
    color: #004a8d;
}

.wysiwyg em,
#CQrte em {
    font-style: italic;
}

.wysiwyg strong,
#CQrte strong {
    font-weight: bold;
}

.wysiwyg ul,
#CQrte ul {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 20px 15px;
    list-style: disc;
    /*vgunderao: INC0486230 Adjust CSS for bullets in the RTE*/
    list-style-position: outside;
}

.wysiwyg ol,
#CQrte ol {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 15px;
    line-height: 1.5;
    list-style: decimal;
    margin: 0 0 20px 15px;
    list-style-position:outside;
}

.wysiwyg li,
#CQrte li {
    margin: 0 10px 0px;
}

.wysiwyg ul ul,
#CQrte ul ul,
.wysiwyg ol ol,
#CQrte ol ol,
.wysiwyg ul ol,
#CQrte ul ol,
.wysiwyg ol ul,
#CQrte ol ul {
    margin-bottom: 0;
}

.wysiwyg hr,
#CQrte hr {
    margin: 0 0 14px 0;
    background: #cfc7b8;
    color: #cfc7b8;
    height: 1px;
    border: none;
    line-height: 1px;
    font-size: 1px;
}

.wysiwyg blockquote,
#CQrte blockquote {
    margin: 0 22px 12px 22px;
    padding: 12px;
    background: #f5f3ef;
    font-style: italic;
    line-height: 1.2;
}

.wysiwyg table,
#CQrte table {
    border-collapse: collapse;
    border-spacing: 0;
}

.wysiwyg th,
#CQrte th {

}

.wysiwyg td,
#CQrte td {

}


.wysiwyg tr.even td,
#CQrte tr.even td {

}

.wysiwyg img,
#CQrte img {
    /*max-width: 100% !important;*/
    padding: 10px;
}

/* ---------------------------------------------------------------------
WYSIWYG
------------------------------------------------------------------------ */
/*
.wysiwyg sub {
    vertical-align: sub;
    font-size: smaller;
    line-height: 0;
}

.wysiwyg sup {
    vertical-align: super;
    font-size: smaller;
    line-height: 0;
}

.wysiwyg h1 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 0 0 12px;
}

.wysiwyg h2 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0 0 12px;
}

.wysiwyg h3 {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 0 0 12px;
}

.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    margin: 0 0 12px;
}

.wysiwyg .main-heading {
    font-size: 24px;
    font-weight: normal;
    color: #0072CF;
    margin: 0 0 12px;
}

.wysiwyg .sub-heading {
    color: #0072CF;
    font-weight: normal;
    font-size: 18px;
    margin: 0 0 12px;
}

.wysiwyg .listing-heading {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 12px;
}

.wysiwyg .paragraph-red {
    color: #ff3300;
}

.wysiwyg .paragraph-blue {
    color: #0072CF;
}


.wysiwyg a {
    color: #0072cf;
}

.wysiwyg a:hover {
    color: #004a8d;
}

.wysiwyg p {
    color: #000;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 12px;
}

.wysiwyg em {
    font-style: italic;
}

.wysiwyg strong {
    font-weight: bold;
}

.wysiwyg ul {
    list-style: disc;
    margin: 0 0 14px 0;
}

.wysiwyg ul {
    font-size: 14px;
    line-height: 1.3;
}

.wysiwyg ol {
    list-style: decimal;
    margin: 0 0 14px 0;
}

.wysiwyg ul ul,
.wysiwyg ol ol,
.wysiwyg ul ol,
.wysiwyg ol ul {
    margin-bottom: 0;
}

.wysiwyg li {
    margin: 0 0 0 28px;
    line-height: 1.2;
}

.wysiwyg hr {
    margin: 0 0 14px 0;
    background: #cfc7b8;
    color: #cfc7b8;
    height: 1px;
    border: none;
    line-height: 1px;
    font-size: 1px;
}

.wysiwyg.break {
    clear: both;
    margin: 30px 0;
}

.wysiwyg blockquote {
    margin: 0 22px 12px 22px;
    padding: 12px;
    background: #f5f3ef;
    font-style: italic;
    line-height: 1.2;
}

.wysiwyg table {
    background-color: #FFF;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    font-size: 12px;
    margin: 0 0 20px;
    width: 100% !important;
}

.wysiwyg th {
    background-color: #007165;
    color: #FFF;
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    padding: 8px 18px;
}

.wysiwyg td {
    padding: 8px 18px;
    vertical-align: middle;
    background: #fff;
}


.wysiwyg tr.even td {
    background-color: #bfefed;
}

.wysiwyg-main {
    margin: 0 0 20px;
}

.intro_paragraph {
    font-size: 16px !important;
    color: #58595b !important;
    font-style: italic !important;
}

.wysiwyg .normalize {
    font-style: normal;
}

.wysiwyg img {
    max-width: 100% !important;
}
*/

/* ---------------------------------------------------------------------
    TEXTURED CONTAINER
------------------------------------------------------------------------ */

.textured {
    background: #efefef url(../images/stripe3.png) repeat 0 0;
}

/* ---------------------------------------------------------------------
    INFO CARD
------------------------------------------------------------------------ */

.info-card-wrapper {
    position: relative;
    width: 540px;
    margin: 0 auto;
    padding: 50px 0 20px;
}

.info-card-wrapper .header {
    position: absolute;
    z-index: 2;
    top: 23px;
    left: 0;
}

.info-card {
    position: relative;
    border-width: 8px 0 0;
    border-style: solid;
    border-color: #aeaeae;
    background-color: #FFF;
    margin: 0 0 20px;
    padding: 20px;
    opacity: 0.75;
    filter: alpha(opacity = 75);
    overflow: hidden;
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.info-card .link-style-3 {
    color: #aeaeae;
}

/*=== After Hover Styles ===*/

.info-card:hover {
    opacity: 1;
    filter: alpha(opacity = 100);
    border-color: #ffcc00;
}

.info-card:hover .link-style-3 {
    color: #336699;
}

.info-card .video-container {
    position: relative;
    margin: -20px 0 18px -20px;
}

.info-card .video-container iframe {
    z-index: 1;
}

/* ---------------------------------------------------------------------
    TIMELINE
------------------------------------------------------------------------ */

.timeline {
    overflow: hidden;
}

.timeline .media {
    margin-right: 30px;
}

.timeline .years {
    position: absolute;
    overflow: hidden;
    background: url(../images/shadow.png) no-repeat 0 0;
}

.timeline .years li {
    float: left;
    margin: 0 0 0 22px;
}

.timeline .pager {
    padding: 0 0 32px;
}

/*---------------------------------------------------------------------------------------------------------------
    CONTENT CALLOUT
---------------------------------------------------------------------------------------------------------------*/

.callout {
    background-color: #f4f4f4;
    border: 1px solid #e6e6e6;
    padding: 12px 20px;
    overflow: hidden;
    margin: 0 0 20px;
}

.callout .list-style-10 {
    float: left;
    margin: 0 0 0 8px;
}

.callout .cta {
    float: right;
    margin: 0 8px 0 0;
}

.callout .cta .heading-style-9 {
    margin: 0 0 6px;
}

/*---------------------------------------------------------------------------------------------------------------
    PRODUCT CAROUSEL
---------------------------------------------------------------------------------------------------------------*/

.product-carousel-contain {
   /* float: left;*/
    margin: 0 28px 0 0;
   /* width: 300px;*/
    margin-bottom: 25px;
    position: relative;
}

.product-carousel {
    width: 300px;
    /* height:260px; */
    overflow: hidden;
    margin-bottom: 5px;
}

.product-information-contain {
    float: left;
    width: auto;
    clear: none;
    padding: 0px 5px 0;
}

.product-image {
    height: 254px;
}

.product-image img {
    position: relative;
    top: 50px;
}

.product-carousel-nav {
    width: 300px;
}

.cad-search + .product-carousel-nav {
    width: 250px;
}

.cad-search {
    float: right;
    position: relative;
    z-index: 1;
}

.cad-search:hover {
    cursor: pointer;
}

.product-thumbnail {
    position: relative;
    height: 50px!important;
    width: 90px!important;
}
.product-thumbnail img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    width: 88px;
    height: auto;
    border: 2px solid white;
    box-sizing: border-box;
}
.product-thumbnail img.prodHeightFix {
    height: 48px;
    width: auto;
}
/* .product-thumbnail ~ .slick-current img{
    padding:2px;
    border: 1px solid grey;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
} */
.product-carousel-contain .flyout{
    position: absolute;
    top:80%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 300px;
    right: 0;
    margin: auto;
    z-index: 999;
   /* height: auto;*/
    width: auto;
    webkit-box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.30);
    -ms-box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.30);
    -o-box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.30);
    box-shadow: 0px 10px 20px 1px rgba(0,0,0,0.30);
    border: 20px solid #FFF;
    -ms-interpolation-mode: bicubic;
    max-height:500px;
    max-width:500px
}

@media all and (max-width: 47.9375em){
	.flyout{
        	display:none;
        }
}
.product-thumbnail.slick-current{
    box-sizing: border-box;
    padding: 1px;
    border:solid 1px gray;
    -webkit-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.30);
    -ms-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.30);
    -o-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.30);
    box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.30);
}

.product-thumbnail.slick-slide img{
    margin: 0 auto;
}

/* ---------------------------------------------------------------------
    PRODUCT ICONS
------------------------------------------------------------------------ */

.product-icon {
    position: relative;
    display: block;
    width: 30px;
    height: 32px;
    background: url(../images/icons-product-detail.png) no-repeat 0 0;
}

.product-icon:link {
    text-decoration: none;
}
/*===ICON SPRITE POSITIONS===*/
.icon-1 { background-position: 0 -1px; }
.icon-2 { background-position: -30px -1px; }
.icon-3 { background-position: -60px -1px; }
.icon-4 { background-position: -90px -1px; }
.icon-5 { background-position: -120px -1px; }
.icon-6 { background-position: -150px -1px; }
.icon-7 { background-position: -180px -1px; }
.icon-8 { background-position: -210px -1px; }
.icon-9 { background-position: -240px -1px; }
.icon-10 { background-position: -270px -1px; }

/*===ROLLOVERS===*/
.icon-1:hover { background-position: 0 -33px; }
.icon-2:hover { background-position: -30px -33px; }
.icon-3:hover { background-position: -60px -33px; }
.icon-4:hover { background-position: -90px -33px; }
.icon-5:hover { background-position: -120px -33px; }
.icon-6:hover { background-position: -150px -33px; }
.icon-7:hover { background-position: -180px -33px; }
.icon-8:hover { background-position: -210px -33px; }
.icon-9:hover { background-position: -240px -33px; }
.icon-10:hover { background-position: -270px -33px; }

.product-icon .tooltip {
    position: absolute;
    margin-top: -75px;
    left: -92px;
    width: 188px;
    padding: 12px;
    background-color: #2f2f2f;
    color: #FFF;
    text-align: center;
    z-index: 10;
}

.product-icon .tooltip .tip {
    position: absolute;
    bottom: -6px;
    left: 97px;
    width: 21px;
    height: 6px;
    background: url(../images/tip.png) no-repeat 0 0;
}

.product-icons {
    border-top: 1px solid #efefef;
    height: 100px;
}

/*---------------------------------------------------------------------------------------------------------------
    PRODUCT DETAIL PAGE
---------------------------------------------------------------------------------------------------------------*/

.product-specifications .link-style-4,
.product-specifications .heading-style-14 {
    float: left;
    height: 18px;
    line-height: 18px;
    font-weight: normal;
}

.product-specifications {
    margin: 0 0 40px 0;
}

.product-search-detail {
    height: 26px;
    line-height: 26px;
    border-top: 1px solid #feeea3;
    border-bottom: 1px solid #feeea3;
    background: #fcd519;
    overflow: hidden;
    padding: 0 10px;
}

.search-match {
    font-size: 12px;
    font-weight: bold;
    float: left;
}

.see-all-family {
    float: right;
}

/* ---------------------------------------------------------------------
    PRODUCTS SPECS
------------------------------------------------------------------------ */

.product-specifications {
    margin: 0 0 25px;
}

.product-section-headline {
    overflow: hidden;
}
.product-section-headline h3{
    float:left;
}

.product-section-headline a{
    float: left;
    font-weight: normal;
    height: 18px;
    line-height: 18px;
}

/* ---------------------------------------------------------------------
    TABBED CONTENT
------------------------------------------------------------------------ */

.tabbed-content {
    margin: 0 0 25px;
}

.tabbed-content .tab-wrapper {
    position: relative;
    overflow: hidden;
}

.tabbed-content .tab-wrapper .btn-scroll {
    display: none;
    position: absolute;
    top: 0;
    width: 20px;
    height: 28px;
    line-height: 28px;
    z-index: 10;
    text-align: center;
    /* color: #333; */
    color: #FFF;
    border-width: 1px;
    border-style: solid;
    border-color: #acacac;

    background: #979797; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3OTc5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #979797 0%, #d6d6d6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#979797), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #979797 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #979797 0%,#d6d6d6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #979797 0%,#d6d6d6 100%); /* IE10+ */
    background: linear-gradient(top,  #979797 0%,#d6d6d6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#979797', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-8 */
}

.tabbed-content .tab-wrapper .scroll-left {
    left: 0;
}

.tabbed-content .tab-wrapper .scroll-right {
    right: 0;
}

.tabbed-content .tabs {
    position: relative;
    overflow: hidden;
    z-index: 2;
    width: 100% !important;
}

.tabbed-content .tabs > li {
    float: left;
    list-style: none;
    margin-bottom: 0;
}

.tabbed-content .tabs li > a {
    display: block;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #acacac;
    height: 27px;
    line-height: 27px;
    padding: 0 15px;
    background: #f7f7f7; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWQ1ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #d5d5d5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7f7f7 0%,#d5d5d5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#d5d5d5 100%); /* IE10+ */
    background: linear-gradient(top,  #f7f7f7 0%,#d5d5d5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-8 */
    color: #000;
    text-decoration: none;
}

.tabbed-content .tabs li:first-child > a {
    border-width: 1px 1px 1px 1px;
}

.tabbed-content .tabs > li a.active {
    background: #FFF;
    border-width: 1px 1px 0 0;
    padding: 0 18px 1px;
    filter: none;
    color: #000;
}

.tabbed-content .tabs > li:first-child a.active {
    border-width: 1px 1px 0 1px;
}

.tabbed-content .window {
    position: relative;
    top: -1px;
    background-color: #FFF;
    border: 1px solid #acacac;
    min-height: 360px;
    overflow: auto;
}

.tabbed-content .window-news {
    position: relative;
    background-color: #FFF;
    border: 1px solid #acacac;
    display: inline-block;
    width: 100%;
}

.tabbed-content .window-news .slides > li {
    position: relative;
    background-color: transparent;
    top: 0;
    left: 0;
    list-style: none;
    padding: 20px 18px;
}

.tabbed-content .window-news .slides > li .slide-title {
    position: absolute;
    top: -37px;
    left: -1px;
    display: none;
    border-bottom: none;
}

.tabbed-content .window .slides > li {
    position: relative;
    background-color: #FFF;
    display: none;
    top: 0;
    left: 0;
    list-style: none;
    padding: 20px 1px;
}

.tabbed-content .window .slides > li .slide-title {
    position: absolute;
    top: -37px;
    left: -1px;
    display: none;
    border-bottom: none;
}

/* ---------------------------------------------------------------------
    CUSTOM MODALS
------------------------------------------------------------------------ */

/* Modal Style 1 */

.custom-modal-1 {
    border: 0;
    border-radius: 0;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    box-shadow: 2px 6px 7px rgba(0,0,0,.45);
}

.custom-modal-1 .ui-dialog-titlebar {
    display: none;
}

.custom-modal-1 .ui-dialog-content {
    padding: 0;
}

.modal-header-1 {
    background: #000;
    padding: 15px 30px;
    position: relative;
}

.modal-close {
    background: url(../images/modal-close.png) no-repeat 0 0;
    cursor: pointer;
    display: block;
    height: 25px;
    overflow: hidden;
    text-indent: -99999px;
    width: 25px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.modal-close:hover {
    background: url(../images/modal-close.png) no-repeat 0 -25px;
}

.modal-body-1 {
    background: #fff;
    overflow: hidden;
    padding: 30px 35px;
}

.modal-body-1 h3 {
    margin-top: 20px;
}
.modal-body-1 h4 {
    font-weight: bold;
}
.modal-body-1 h4 a {
    color: #369;
    text-decoration: none;
}

.modal-body-1-custom {
    background: #fff;
    height:500px;
    overflow: auto;
    padding: 30px 35px;
}

.custom-modal-1 p {
    margin: 0 0 10px 9px;
}

.custom-modal-1 .p5 {
    font-size: 12px;
}

.custom-modal-1 .heading-style-20 {
    margin: 30px 0 15px;
}

.ui-dialog .styled {
    z-index: 1500 !important;
}

.scroll-table {
    width: 100%;
    overflow-x: scroll;
}

/* ---------------------------------------------------------------------
    FORM ELEMENTS
------------------------------------------------------------------------ */

.text {
    background: #fcfbfb;
    border: 1px solid #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 22px;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    padding-left: 5px;
}

.textfilenumberdes {
    padding-bottom: 15px;
}

.textarea {
    background: #fcfbfb;
    width: 100%;
    border: 1px solid #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 92px;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    resize: none;
}

.textareaforcomments {
    background: #fcfbfb;
    width: 100%;
    border: 1px solid #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 107px;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    resize: none;
    padding-bottom: 15px !important;
}

.textarea2rows {
    background: #fcfbfb;
    width: 90%;
    border: 1px solid #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 33px;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    resize: none;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
}

.main-content label {
    margin-bottom: 5px;
}

/* ---------------------------------------------------------------------
    FORM STYLES
------------------------------------------------------------------------ */

/* Form Style 1 */

.form-style-1 {
    margin-bottom: 20px;
    overflow: hidden;
}

.form-style-1 fieldset {
    background: #f6f6f6;
    margin-bottom: 15px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.form-style-1 .text {
    background: #fcfbfb;
    width: 265px;
    border: 1px solid #999999;
    display: block;
    font-size: 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 18px;
    margin-bottom: 15px;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
}

.form-style-1 .text.with-units {
    display: inline-block;
}

.form-style-1 .units {
    color: #666;
    margin-left: 3px;
}

.form-style-1 .help-icon {
    background: url(../images/help-icon.png) no-repeat;
    height: 15px;
    line-height: 20px;
    text-indent: -99999px;
    width: 15px;
    position: absolute;
    top: 70px;
    left: 321px;
}

.placeholder-text {
    color: #666;
}

.form-style-1 .radio {
    float: left;
    background: transparent;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    height: auto;
    width: auto;
}

.form-style-1 .radio-label {
    clear: none;
    float: left;
    line-height: 1.36;
    margin: 0 0 20px 10px;
    width: 230px;
}

.form-style-1 .radio-label .error {
    clear: none;
    float: left;
    text-color: #F9F8CF;
    line-height: 1.36;
    margin: 0 0 20px 10px;
    width: 230px;
}

.form-style-1 .check-label {
    clear: none;
    float: left;
    line-height: 1.36;
    margin: 3px 0 20px 10px;
    width: 230px;
}

.form-style-1 .text.full {
    width: 480px;
}

.form-style-1 .textarea {
    background: #fcfbfb;
    width: 265px;
    border: 1px solid #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 92px;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    resize: none;
}

.form-style-1 .textarea.alt {
    width: 425px;
}

.form-style-1 .customFormElement.select {
    background-color: #fff;
    margin-bottom: 15px;
    width: 164px;
}

.form-style-1 .customFormElement.select.error {
    background-color: #F9F8CF;
    border: 1px solid #c00;
}

.form-style-1 .customFormElement.checkbox {
    background-image: url(../images/checkbox.png);
    display: block;
    float: left;
    height: 20px;
    width: 20px;
}

.form-style-1 .check.styled {
    display: block;
    float: left;
    height: 20px;
    opacity: 0;
    position: relative;
    margin: 0 0 0 -20px;
    width: 20px;
}

.form1-input-state .customFormElement.select {
    width: 59px;
}

.form1-input-small .customFormElement.select {
    width: 52px;
}

.form-style-1 .heading-style-19 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.form-style-1 .email .heading-style-19 {
    display: block;
    position: relative;
    width: 950px;
}

.form-style-1 label {
    clear: both;
    display: block;
    margin-bottom: 5px;
}

.required:before {
    content: "* ";
}

.form1-fieldset-content {
    padding: 40px 25px 35px 25px;
}

.form1-input-group {
    float: left;
    width: 275px;
}

.form-style-1 .button-style-5 {
    float: right;
    width: auto;
    padding-left:  28px;
    padding-right: 28px;
    margin-top: 24px;
}

.form-style-1 .foot {
    float: left;
    margin-top: 10px;
}

.form1-input-group.foot {
    float: left;
    margin: 0 0 0 25px;
    width: 275px;
}

.form1-input-group .text {
    width: 205px;
}

.form1-input-city {
    clear: both;
    float: left;
    width: 225px;
}

.form1-input-city .text {
    width: 195px;
}

.form1-input-state {
    float: left;
    margin-right: 20px;
    width: 100px;
}

.form1-input-zip {
    float: left;
    width: 140px;
}

.form1-input-zip .text {
    width: 135px;
}

.form-style-1 .styled {
    margin-bottom: 15px;
    width: 205px;
}

.form1-input-small .styled {
    width: 94px;
}

.form1-input-state .styled {
    width: 100px;
}

.form-style-1 .button-style-8 {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
}

.form-style-1 .button-style-8.alt {
    float: left;
}

.state-section{
    display:inline;
    float:left;
    width:60%;
}

.state-section input {
    width: 100px;
}
.state-section .select{
    width: 50px;
}
/* select#state-select {
    width:100px;
}
 */
.zip-section{
    display:inline;
    float:left;
    width:35%;
}

.text.error {
    background-color: #f9f8cf;
    border-color: #cc0000;
}

label.error {
    color: #cc0000;
}

.form-style-1 .note {
    width: 400px;
}

@media all and (max-width: 45.9375em){

 .form-style-1 .note {
     width: unset !important;
  }       
}  

.carbide-note {
    background: url(../images/note.png) no-repeat transparent;
    clear: both;
    color: #333;
    line-height: 1.36;
    padding: 1px 0 0 22px;
    font-size:12px;
}

.carbide-note .em {
    font-weight: bold;
}

.carbide-note .error {
    background: url(../images/note-error.png) no-repeat transparent;
    color: #c00;
    clear: both;
    font-size: 13px;
    line-height: 1.2;
    padding: 2px 0 0 26px;
    width: 400px;
    margin: 0 0 25px 0;
}

.note {
    background: url(../images/note.png) no-repeat transparent;
    clear: both;
    color: #333;
    line-height: 1.36;
    padding: 1px 0 0 22px;
    font-size:12px;
}

.note .em {
    font-weight: bold;
}

.note.error {
    background: url(../images/note-error.png) no-repeat transparent;
    color: #c00;
    clear: both;
    font-size: 13px;
    line-height: 1.2;
    padding: 2px 0 0 26px;
    width: 400px;
    margin: 0 0 25px 0;
}

.note-header {
    background: url(../images/note-important.png) no-repeat;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    margin: 0 0 5px;
    padding: 2px 0 0 30px;
}

.note.error ul {
    margin: 10px 0 0 20px;
}

.note.error li {
    list-style-type: disc;
    list-style-position: outside;
    margin-bottom: 1px;
}

.ticket {
    background: #fcd519;
    color: #333;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 20px;
    padding: 20px 35px;
    width: 245px;
}

.ticket-info {
    display: block;
    font-size: 12px;
}

.ticket-number {
    display: block;
    font-size: 20px;
}

/* ############################### */
/* ##### Services Form Styles ####### */
/* ############################### */

.modal-form-display .text {
    width: 100%;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: auto;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
}

.modal-form-display .form_leftcolmark {
    display: none;
}

.modal-form-display .titletextimage {
    margin-bottom: -35px;
}

.modal-form-display form .wysiwyg p {
    padding: 0px 15px;
}

.modal-form-display form .wysiwyg p {
    padding: 0px 15px;
}

.modal-form-display .form_field_text {
    background: #fcfbfb;
    width: 100%;
    border: 1px solid #999999;
    display: block;
    font-size: 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 18px;
    margin-bottom: 15px;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    padding-left: 2px;
}

.modal-form-display .form_field_textarea {
    background: #fcfbfb;
    width: 100%;
    border: 1px solid #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 92px;
    -moz-box-shadow: 1px 1px #ccc;
    -webkit-box-shadow: 1px 1px #ccc;
    box-shadow: 1px 1px #ccc;
    resize: none;
}

.modal-form-display .form-style-1 label {
    font-size: 12px;
}

/* ---------------------------------------------------------------------
    FOLLOW UP CONTENT
------------------------------------------------------------------------ */

/*=== Follow Up 1 ===*/

.follow-up-1 {
    width: 100%;
    border-top: 6px solid #fcd519;
    padding: 20px 0 40px;
}

.follow-up-1 .heading-style-13 {
    margin-bottom: 25px;
}

.follow-up-content {
    overflow: hidden;
    width: 513px;
}

.follow-up-content a {
    font-weight: bold;
    text-decoration: none;
}

.follow-up-description {
    display: block;
    float: left;
    width: 280px;
    line-height: 1.5;
}

.follow-up-reasons {
    display: block;
    float: right;
    width: 168px;
    list-style: disc;
}

.follow-up-reasons li {
    margin: 0 0 5px 0;
    list-style: none;
}

/*=== Follow Up 2 ===*/

.follow-up-2 {
    width: 100%;
    border-top: 6px solid #666666;
    clear: both;
    padding: 20px 0 40px;
}

.follow-up-2 .follow-up-content {
    width: 561px;
    margin: 0 0 0 -52px;
}

.follow-up-study {
    float: left;
    width: 228px;
    margin: 0 0 25px 52px;
    overflow: hidden;
    line-height: 1.5;
}

/* ---------------------------------------------------------------------
    RESOURCES REFERENCE GUIDE
------------------------------------------------------------------------ */

.resource-guide {
    width: 634px;
    border: 1px solid #cccccc;
    background: #f7f7f7;
    padding: 22px 28px 0;
}

/* ---------------------------------------------------------------------
    TERMS & CONDITIONS
------------------------------------------------------------------------ */

.terms div {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    margin: 0 0 5px 0;
}

.terms p {
    font-size: 12px;
    color: #333333;
    line-height: 1.5;
    margin-bottom: 0;
}

/* ---------------------------------------------------------------------
    LOCATION CONTACT INFO
------------------------------------------------------------------------ */

.location-contact li {
    background: #f7f7f7;
    border: 1px solid #cccccc;
    color: #333;
    font-size: 12px;
    margin-bottom: 18px;
    overflow: hidden;
    padding: 28px 30px;
    list-style: none;
}

.contact-info {
    float: left;
    line-height: 1.3;
}

.distributor-name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}

.location-contact .street-address {
    margin: 0 0 20px;
    font-size: 12px;
}

.phone {
    float: left;
}

.fax {
    border-left: 1px solid #333;
    padding-left: 10px;
    margin-left: 10px;
    float: left;
}

.contact-label {
    font-weight: bold;
}

.location-contact .link-style-7 {
    clear: both;
    float: left;
}

.location-contact .button-style-10 {
    clear: both;
    float: left;
    margin-top: 15px;
}

.map-directions {
    float: right;
    text-align: center;
}

.map {
    height: 140px;
    width: 160px;
    background: #ccc;
    color: #666;
    font-weight: bold;
    margin-bottom: 10px;
    overflow: hidden;
}

.map p {
    color: #666;
    margin-bottom: 0;
    font-size: 12px;
}

/* ---------------------------------------------------------------------
    CARBIDE RECYCLING
------------------------------------------------------------------------ */

.carbide-recycling input[type="submit"] {
    display: inline;
    margin: 0 20px 0 0;
}

.quote {
    overflow: hidden;
}

.quote ul {
    background: #f6f6f6;
    padding: 31px 25px 20px;
    overflow: hidden;
}

.quote .select {
    background: #FCFBFB url(../images/custom-select.png) no-repeat right 0;
}

.quote label {
    display: inline-block;
    width: 158px;
    font-weight: bold;
}

.quote input[type="text"] {
    display: inline;
    width: 193px;
    margin: 0 14px 0 0;
}

.quote li {
    margin: 0 0 10px 0;
    list-style: none;
}

.quote-total {
    width: 364px;
    border-top: 6px solid #cccccc;
    margin: 20px 0 0 158px;
}

.quote-total div {
    margin: 17px 0 0 0;
    font-weight: bold;
}

.quote-price {
    font-size: 26px;
}

.carbide-recycling .quote .button-style-8 {
    margin: 10px 0 0 0;
    float: right;
}

.carbide-recycling.confirmation {
    color: #333;
    font-size: 12px;
}

.carbide-recycling.confirmation .note {
    padding-top: 0;
    margin-bottom: 50px;
}

.bottom-back-link {
    margin-top: 30px;
}

.bottom-back-link a {
    display: inline;
}

/* ---------------------------------------------------------------------
    CARBIDE RECYCLING
------------------------------------------------------------------------ */

.calculator .note.error {
    font-size: 13px;
    margin-bottom: 40px;
}

.calculator .heading-style-16 {
    margin-bottom: 5px;
}

.calculator .heading-style-7 {
    margin-bottom: 30px;
}

.calculator .form-style-1 {
    margin-bottom: 60px;
}

.calculatorselector li {
    background: url('../images/calculator.png') no-repeat;
    height: 18px;
    padding: 7px 30px;
    list-style:none;
}

/* ---------------------------------------------------------------------
    NEWS
------------------------------------------------------------------------ */

.tabbed-content.news .window .slides > li {
    padding: 44px 35px 0;
}

.news .media-block {
    margin: 0;
}

.news .media {
    margin: 0 15px 0 0;
}

.newsreleases a{
    text-transform: uppercase;
}

.newsreleases li{
    margin-bottom: 19px;
}

.newsreleases ol{
    list-style: none outside none;
}

/* ---------------------------------------------------------------------
    PRODUCT SELECTOR PAGES
------------------------------------------------------------------------ */

.search-sort-options {
    position: relative;
}

.search-sort-options .btn-change {
    position: absolute;
    right: 0px;
    top: 17px;
}

.product-selector-contain {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: 44px 91px;
}

.product-selector-contain .heading-style-12 {
    font-weight: bold;
    margin: 0 0 26px 0;
}

.product-selector-contain .button-style-8 {
    font-size: 13px;
}

.select-step-img-1 {
    background: url(../images/product-selector-1.png) no-repeat 0 3px;
    position: absolute;
    top: -7px;
    left: -46px;
    height: 30px;
    width: 30px;
}

.select-step-img-2 {
    background: url(../images/product-selector-2.png) no-repeat;
    position: absolute;
    top: -7px;
    left: -46px;
    height: 30px;
    width: 30px;
}

.select-step-1 {
    margin: 0 0 46px 0;
    position: relative;
}

.select-step-1 .options {
    overflow: hidden;
}

.select-step-1 .options div {
    float: left;
}

.select-step-1 .first {
    margin: 0 36px 0 0;
}

.select-step-1 label {
    display: block;
    font-size: 12px;
}

.select-step-2 {
    position: relative;
    clear: both;
}

.select-step-2 ul {
    width: 570px;
    overflow: hidden;
}

.select-step-2 li {
    float: left;
    width: 140px;
    margin: 0 0 32px 0;
    list-style: none;
}

.select-step-2 li span {
    border: 2px solid #ddd;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
}

.select-step-2 input[type="radio"] {
    width: 12px;
    height: 12px;
    margin: 4px auto;
    padding: 0;
    border: 0;
    display: block;
}

.select-step-2 label {
    height: 20px;
    line-height: 20px;
    display: inline;
    margin: 0;
}

.all-materials, .all-radio {
    background: #fff;
}

.steel {
    background: #336699;
}

.stainless-steel {
    background: #ffff33;
}

.cast-iron {
    background: #ff0000;
}

.non-ferrous {
    background: #66cc33;
}

.high-temp, .high-temp-alloys {
    background: #ff9900;
}

.hardened-materials {
    background: #999999;
}

/* ---------------------------------------------------------------------
    SUPPORT
------------------------------------------------------------------------ */

.support-contain {
    background: #f4f4f4;
    border: 1px solid #ccc;
    margin: 0 0 30px 0;
}

.support-header {
    height: 35px;
    line-height: 35px;
    padding: 0 10px 0 20px;
    background: #2f2f2f;
}

.support-contain .headline {
    float: left;
    text-transform: uppercase;
    font-size: 16px;
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: normal;
    margin-bottom: 0;
}

.support-contain .country {
    float: right;
    font-size: 11px;
    color: #fff;
}

.support-contain .country label {
    margin: 0 10px 0 0;
    display: inline-block;
}

.support-contain .select {
    background: #fff url(../images/custom-select.png) no-repeat right 0;
    margin: 7px 0 0 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.support-info {
    overflow: hidden;
}

.support-info h4 {
    font-size: 12px;
    color: #0f0f0f;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 13px 0;
}

.support-phone {
    float: left;
    padding: 32px 0 0 30px;
    width: 290px;
}

.digital-support {
    float: left;
    padding: 32px 44px 30px 44px;
    width: 251px;
    border-left: 1px solid #ccc;
}

.phone-numbers {
    margin: 0 0 32px 0;
    color: #333333;
}

.phone-numbers li {
    margin: 10px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    list-style: none;
}

.phone-numbers li:first-child {
    margin: 0;
}

.phone-numbers li span {
    float: left;
}

.phone-numbers li span:first-child {
    font-weight: normal;
    width: 95px;
}

.phone-hours li {
    color: #414141;
    margin: 3px 0 0 0;
    font-size: 10px;
    list-style: none;
}

.phone-hours li:first-child {
    margin: 0;
}

.digital-support > ul > li {
    margin: 30px 0 0 0;
    list-style: none;
}

.digital-support > ul > li:first-child {
    margin: 0;
}

.digital-support ul li ul li {
    color: #333;
    margin: 5px 0 0 0;
    list-style: none;
}

.digital-support ul li ul li:first-child {
    margin: 0;
}

/* ---------------------------------------------------------------------
    FAQ
------------------------------------------------------------------------ */

.faq li {
    width: 33%;
    float: left;
    margin: 0 0 15px 0;
    font-weight: bold;
    list-style: none;
}

.faq a:link {
    text-decoration: none;
}

/* ---------------------------------------------------------------------
    RESULT LISTING
------------------------------------------------------------------------ */

.result-listing {
    margin-top: 21px;
    border-top: 6px solid #f4f4f4;
}

.result-listing > li {
    border-bottom: 6px solid #f4f4f4;
    background: url(../images/arrow.png) no-repeat 95% 50%;
    margin-bottom: 0;
    list-style: none;
}

.result-listing > li .media-block {
    padding: 27px 62px;
    text-decoration: none;
}

.result-listing-style-2 > li {
    padding: 24px 32px 24px 0;
    border-top: 1px solid #efefef;
    overflow: hidden;
}

.result-listing-style-2 .media {
    width: 105px;
    margin-right: 122px;
}

/* ---------------------------------------------------------------------
    CONVERSION GUIDE
------------------------------------------------------------------------ */

.conversions .disabled {
    background: #d4d4d4 url(../images/custom-select.png) no-repeat right 0;
}

.conversions .results {
    display:none;
}

.conversions .p4 {
    margin: 0;
}

.conversions .gray-container {
    padding: 21px 18px;
}

.conversions .gray-container.first {
    margin: 0;
}

.conversions label {
    display: block;
    margin: 0 0 5px 0;
}

.conversions label.orLabel {
    display: block;
    margin: 0 0 20px 0;
}

.conversions select {
    margin: 0 0 20px 0;
}

.conversions .geometry-search, .conversions .grade-search {
    margin: 0 0 20px 0;
}

.conversions img {
    padding:10px 0;
}

/* ---------------------------------------------------------------------
    STAR RATING
------------------------------------------------------------------------ */

.star-list {
    overflow: hidden;
    margin-bottom: 8px;
}

.star-list-static {
    overflow: hidden;
}

.star-list-static li {
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    width: 14px;
    height: 13px;
    margin-right: 1px;
    background: url(../images/star.png) no-repeat 0 0px;
}

.star-list-static li.active {
    background-position: 0 -13px;
}

.star-list-static li.hover {
    background-position: 0 -26px;
}

/*==Rating Block==*/
.rating-block {
    overflow: hidden;
}

.rating-block .star-list-static,
.rating-block .p4,
.rating-block .p1 {
    float: left;
}

.rating-block .star-list-static {
    margin-left: 13px;
}

.rating-block .p1 {
    margin-left: 7px;
}

/* ---------------------------------------------------------------------
    JQUERY RATING PLUGIN
------------------------------------------------------------------------ */

div.rating-cancel,
div.star-rating {
    float: left;
    width: 14px;
    height: 13px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden;
    margin-right: 1px;
}

div.rating-cancel,
div.rating-cancel a {
    background: url(../images/delete.png) no-repeat 0 -13px;
}

div.star-rating,
div.star-rating a {
    background: url(../images/star.png) no-repeat 0 0px;
}

div.rating-cancel a,
div.star-rating a {
    display: block;
    width: 14px;
    height: 100%;
    background-position: 0 0px;
    border: 0
}

div.star-rating-on a {
    background-position: 0 -13px !important
}

div.star-rating-hover a {
    background-position: 0 -26px
}

/* Read Only CSS */
div.star-rating-readonly a {
    cursor: default !important
}

/* Partial Star CSS */
div.star-rating {
    background: transparent!important;
    overflow: hidden!important
}

/* ---------------------------------------------------------------------
    REVIEW FORM
------------------------------------------------------------------------ */

.review-form {
    background-color: #F6F6F6;
    padding: 20px 28px 20px 11px;
    border-top: 1px solid #d3d2d2;
}

.review-form .form-style-1 {
    padding-top: 10px;
}

.utility-bar a {
    text-decoration:none;
}

.utility-bar li {
    float: left;
    padding: 7px 0;
    text-align: center;
    width: 100px;
    list-style: none;
}

.utility-bar li:first-child {
    border-right: 1px solid #CCC;
}

.product-table{
    padding: 0 0 2em 0;
    overflow: auto;
}

.product-table table{
    margin: 1em 0;
}

.caption-top{
    float:right;
}

.loading-text{
    text-align:center;
    color: #58595B;
    padding: 20px;
    font-size:large;
}

.loading-image {
    background: url(../images/ajax-loader.gif) no-repeat 0 0px;
    width:220px;
    height:19px;
    margin: 0px auto;
}

td.highTemp{
    background-color: #FF9900;
    color:black;
}

td.steel{
    background-color: #0099CC;
    color:black;
}

td.stainless {
    background-color: #FFFF00;
    color:black;
}

td.castIron {
    background-color: #FF0033;
    color:black;
}

td.hardened {
    background-color: #C4C4C4;
    color:black;
}

td.universal {
    background-color: #33CCFF;
    color:black;
}

td.nonFrerous {
    background-color: #009900;
    color:black;
}

.all-specifications-table {
    height: 400px;
    overflow: auto;
    margin-bottom: 40px;
}
#email1{
    display:none;
}

.clear-both {
    clear: both;
}

.webselector-parsys-div {
    margin-left : 275px;
}

/* ----------------------------------------------------
        column control layouts
------------------------------------------------------- */

div.gen-cq-colctrl-cols {width: 100%; float: left; }

div.gen-cq-colctrl-default { width: 100%;}

/* layout 0 : 50% 50% ( grid6 + grid6 ) */
div.gen-cq-colctrl-lt0 { }
div.gen-cq-colctrl-lt0-c0 { width: 45%; float:left;}
div.gen-cq-colctrl-lt0-c1 { width: 45%; float:right;}

/* layout 0 : 25% 75% ( grid6 + grid6 ) */
div.gen-cq-colctrl-lt1 { }
div.gen-cq-colctrl-lt1-c0 { width: 20%; float:left;}
div.gen-cq-colctrl-lt1-c1 { width: 70%; float:right;}

/* layout 1 : 33% 33% 33%( grid4 + grid4 + grid4 ) */
 div.gen-cq-colctrl-lt2 > .parsys_column{
    width:30%;
    float:left;
}

/* layout 2: 16% 16% 16% 33% ( grid2.6 + grid2.6 + grid2.6 + grid4 ) */
div.gen-cq-colctrl-lt3 { }
div.gen-cq-colctrl-lt3-c0 { width: 16%; float:left;}
div.gen-cq-colctrl-lt3-c1 { width: 16%; float:left;}
div.gen-cq-colctrl-lt3-c2 { width: 16%; float:left;}
div.gen-cq-colctrl-lt3-c3 { width: 33%; float:left;}

/* layout 3: 4 x 25% ( grid3 + grid3 + grid3 + grid3 ) */
div.gen-cq-colctrl-lt4 > .parsys_column{
    width: 21.5%; float:left; }


/* layout 4: 5 x 20% ( grid2.5 + grid2.5 + grid2.5 + grid2.5 + grid2.5 ) */
div.gen-cq-colctrl-lt5 > .parsys_column{
    width: 16.5%; float:left; }

/* layout 6 : 70% 30% ( grid6 + grid6 ) */
div.gen-cq-colctrl-lt6 { }
div.gen-cq-colctrl-lt6-c0 { width: 68%; float:left;}
div.gen-cq-colctrl-lt6-c1 { width: 26%; float:right;}


@media all and (max-width: 52.9375em){
  div.gen-cq-colctrl-lt0-c0 {width: 90%; float: inherit;}  
  div.gen-cq-colctrl-lt0-c1 {width: 90%; float: inherit;}
  div.gen-cq-colctrl-lt6-c0 {width: 90%; float: inherit;} 
  div.gen-cq-colctrl-lt6-c1 { width: 90%; float: inherit;}
}

/* Start of Top Banner Component */

.topbanner-main-div {
    z-index: 1000;
    width: 100%;
    height: 50px;
    margin: 0px auto;
    text-align: center;
}

.topbanner-main-div .image {
}

.topbanner-main-div .desktop-image {
    height: auto;
}

.topbanner-main-div .mobile-image {
    padding-top: 0.5px;
/*     height: 36px; */
    width: 100%;
}

.topbanner-main-div .leftSpanDesktop {
    float: left;
    width: 500px;
    height: 53px;
    position: absolute;
    left: 0px;
}

.topbanner-main-div .leftSpanMobile {
    float: left;
    width: 200px;
/*     height: 36px; */
    position: absolute;
    left: 0px;
}

.topbanner-main-div .rightSpanDesktop {
    float: right;
    width: 500px;
    height: 53px;
    position: absolute;
    right: 0px;
}

.topbanner-main-div .rightSpanMobile {
    float: right;
    width: 200px;
/*     height: 37px; */
    position: absolute;
    right: 0px;
}

/* End of Top Banner Component */


/* Start of Product Recommendations Component */

.product-recommendations-main-div #recsHead-trans{
    /* display: none; */
}

.product-recommendations-main-div #recsHead-trans{
    font-family: "nimbus-sans-condensed", sans-serif;
    font-size: 32px;
    color: #292929;
    line-height: 38px;
    font-weight: bold;
}

.product-recommendations-main-div .row div.treeCell{
    list-style: none;
    margin:0;
    padding:0;
    float:left;
    /*width:15.82%;*/
    margin-right:1%;
    font-size:12px;
    font-family: "nimbus-sans", sans-serif;
    font-weight: 300;
    text-align: center;
}

@media all and (max-width: 46em) and (min-width: 31em){

    .product-recommendations-main-div .row div.treeCell{
        list-style: none;
        margin:0;
        padding:0;
        float:left;
        /*width:30%;*/
        margin-right:1%;
        font-size:12px;
        font-family: "nimbus-sans", sans-serif;
        font-weight: 300;
        text-align: center;
        height: 300px;
        overflow: hidden;
    }

}

@media all and (max-width: 31em){

    .product-recommendations-main-div .row div.treeCell{
        list-style: none;
        margin:0;
        padding:0;
        float:left;
       /* width:45%; */  
        margin-right:1%;
        font-size:12px;
        font-family: "nimbus-sans", sans-serif;
        font-weight: 300;
        text-align: center;
        height: 300px;
        overflow: hidden;
    }

}

.product-recommendations-main-div .row div.treeCell:last-child{
    margin-right:0;
}

.product-recommendations-main-div .row div.treeCell img{
    /* width: 100%;
    height: auto; */
    height: 75px !important;
}

.product-recommendations-main-div .row div.treeCell a{
    font-family: "nimbus-sans-condensed", sans-serif;
    color: #878787 !important;
    font-size: 18px;
    line-height: 18px;
    text-decoration: none;
}

.product-recommendations-main-div .row div.treeCell a.sub {
    font-size: 12px;
    font-family: nimbus-sans, Arial, Helvetica, sans-serif;
    color: #336699!important;
}

/* End of Product Recommendations Component */

/* Start of Login Form Component */

.login-container-overlay-inner, #wb_page_wrap .login-container-overlay-inner{
        padding: 15px 20px;
		/*background: #fff; */
        background-image: linear-gradient(-180deg, #fff 61%, #EDEDED 100%);
        box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
		/*border: 1px solid #ffffff; */
        width: 240px;
        text-align: left;
        position: relative;
    }

    .login-container-overlay-inner.render-as-non-overlay, #wb_page_wrap .login-container-overlay-inner.render-as-non-overlay{
        background-image: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        box-sizing: content-box;
    }

    .login-container-overlay-inner form h2, #wb_page_wrap .login-container-overlay-inner form h2{
        font-size: 16px;
        color: #717171;
        margin-bottom: 10px;
        font-family: nimbus-sans, Arial, Helvetica, sans-serif;
    }
    
    .login-container-overlay-inner form h2.login-page, #wb_page_wrap .login-container-overlay-inner form h2.login-page{
        font-size: 22px;
        color: #636363;
        margin-bottom: 20px;
        font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
        font-weight: normal;
    }

    .login-container-overlay-inner form input, #wb_page_wrap .login-container-overlay-inner form input{
        font-size: 12px;
        padding: 5px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
		margin-bottom : 5px;
    }

	.login-container-overlay-inner form label, #wb_page_wrap .login-container-overlay-inner form label{
        font-size: 14px;
		margin-bottom : 5px;
        display : block;
        clear : both;
    }

    .login-container-overlay-inner form .formNote, #wb_page_wrap .login-container-overlay-inner form .formNote{
        font-size: 10px;
        color: #717171;
    }

    .login-container-overlay-inner form a.button-style-5 {
        font-size: 16px;
        padding: 5px;
        margin: 10px 0 20px 0;
        text-align: center;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
         border-radius: 0;
         color: #000000;
    }

	.login-container-overlay-inner form a.button-style-5.login-page {
        font-size: 16px;
        padding: 10px;
        margin: 10px 0 20px 0;
        text-align: center;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
         border-radius: 0;
         color: #000000;
    }

    #wb_page_wrap .login-container-overlay-inner form a.button-style-5 {
        font-size: 16px;
        padding: 5px;
        margin: 10px 0 20px 0;
        text-align: center;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        background: -webkit-linear-gradient(top, #f2d76a 1%,#eec10c 100%);
    }

    .login-container-overlay-inner form a.button-style-5-b, #wb_page_wrap .login-container-overlay-inner form a.button-style-5-b{
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        -webkit-background-image: linear-gradient(-180deg, #fff 0%, #C1C1C1 100%);
        -ms-background-image: linear-gradient(-180deg, #fff 0%, #C1C1C1 100%);
        -moz-background-image: linear-gradient(-180deg, #fff 0%, #C1C1C1 100%);
        -o-background-image: linear-gradient(-180deg, #fff 0%, #C1C1C1 100%);
        background-image: linear-gradient(-180deg, #fff 0%, #C1C1C1 100%);
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        border: 1px solid #979797;
        padding: 8px 0;
        color: #4c4c4c;
        line-height: 16px;
        display: block;
        text-align: center;
    }

    .login-container-overlay-inner .customerName, #wb_page_wrap .login-container-overlay-inner .customerName{
        padding-bottom: 5px;
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 1.5;
        border-bottom: solid 1px #b3b3b3;
        padding-left: 0;
        height: auto;
    }

    .login-container-overlay-inner p, #wb_page_wrap .login-container-overlay-inner p{
        padding-left: 25px;
        line-height: 20px;
        font-size: 14px;
    }

	.login-container-overlay-inner p.login-page, #wb_page_wrap .login-container-overlay-inner p.login-page{
        padding: 0px;
        font-size: 13px;
        text-align: center;
    }

    .login-container-overlay-inner .account, #wb_page_wrap .login-container-overlay-inner .account {
        background: url("/etc/designs/kennametal/images/account-icon.png") left center no-repeat;
        color: #717171;
        cursor: pointer;
    }

    .login-container-overlay-inner .orderHistory, #wb_page_wrap .login-container-overlay-inner .orderHistory {
        background: url("/etc/designs/kennametal/images/order-history-icon.png") left center no-repeat;
        color: #717171;
        cursor: pointer;
    }

    .login-container-overlay-inner .logout, #wb_page_wrap .login-container-overlay-inner .logout {
        background: url("/etc/designs/kennametal/images/logout-icon.png") left center no-repeat;
        color: #717171;
        cursor: pointer;
    }

    .login-container-overlay-inner .loading-overlay, #wb_page_wrap .login-container-overlay-inner .loading-overlay{
        display: none;
        position:absolute;
        top:0px;
        left:0px;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

    .login-container-overlay-inner .loading-overlay .overlay-spinner, #wb_page_wrap .login-container-overlay-inner .loading-overlay .overlay-spinner{
        text-align:center;
        background: #B3B3B3 url("/etc/designs/kennametal/images/loading-spinner.gif") center no-repeat;
        background-size: 20%;
        width: 100%;
        height: 100%;
    }

    .login-container-overlay-inner .submit-status, #wb_page_wrap .login-container-overlay-inner .submit-status{
        font-size: 12px;
        font-weight: bold;
        padding: 8px 0;
        color: #dd0000;
        display: none;
    }

 	.login-container-overlay-inner.responsive-width{
    
                padding:20px 80px 0px 80px !important;
        }

    .login-container-overlay-inner.non-responsive-width{
    
                padding:0px !important;
        }

    @media all and (max-width: 45.9375em){
     .login-container-overlay-inner.responsive-width{    
               padding:5px 80px 0px 14px !important
            }
        }

/* End of Login Form Component */

/* Start of Guest Checkout Component */

	.guest-checkout-comp {
		padding : 20px 80px 0 80px;
		box-sizing: content-box;
	}

	.guest-checkout-comp .guestCheckout .fullWide{
		float : none;
                text-align: center;
            }

    .guest-checkout-comp .guestCheckout p{
		margin-bottom: 22px;
                        font-size: 13px;
	}
	
	.guest-checkout-comp .guestCheckout h3{
		font-size: 22px;
		color: #636363;
		margin-bottom: 20px;
	}
 @media all and (max-width: 47.9375em){
   .guest-checkout-comp {
	   padding : 0px 24px 0px 21px;
	}
  }
/* End of Guest Checkout Component */

/* Start of Reset Password Component */

    .reset-password-comp, #wb_page_wrap .reset-password-comp{
        margin-top: 10px;
    }

    .reset-password-comp .hidden, #wb_page_wrap .reset-password-comp .hidden{
        display:none;
    }

    .reset-password-comp .size14, #wb_page_wrap .reset-password-comp .size14{
         font-size: 14px;
    }

    .reset-password-comp input, #wb_page_wrap .reset-password-comp input{
         width: 100%;
         -moz-box-sizing: border-box;
         -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
         box-sizing: border-box;
         margin: 0;
         padding: 5px;
    }

    .reset-password-comp p, #wb_page_wrap .reset-password-comp p{
        font-family :  Arial, Helvetica, sans-serif;
        font-size : 11px;
        color : #333;
        display: block;
        margin-bottom: 10px;
    }

    .reset-password-comp .marg-b-20, #wb_page_wrap .reset-password-comp .marg-b-20{
           margin-bottom : 20px;
    }

    .reset-password-comp label, #wb_page_wrap .reset-password-comp label{
        clear: both;
        display: block;
        margin-bottom: 5px;
    }

    .reset-password-comp a.button-style-5{
        padding: 10px;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
      }

      #wb_page_wrap .reset-password-comp a.button-style-5{
        padding: 10px;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        background: -webkit-linear-gradient(top, #f2d76a 1%,#eec10c 100%);
      }

      .reset-password-comp .error-msg, #wb_page_wrap .reset-password-comp .error-msg{
          color: #D53A3A;
          font-style: oblique;
          margin-bottom: 10px;
          padding-left: 20px !important;
          background: url("/etc/designs/kennametal/images/error-message-icon.png") 2px 2px no-repeat;
          clear: both;
          min-height: 20px;
          padding-top: 5px !important;
      }

    .reset-password-comp .step-one .loading-overlay, 
	.reset-password-comp .step-two .loading-overlay, 
    .reset-password-comp .step-three .loading-overlay, 
   	#wb_page_wrap .reset-password-comp .step-one .loading-overlay, 
    #wb_page_wrap .reset-password-comp .step-two .loading-overlay, 
    #wb_page_wrap .reset-password-comp .step-three .loading-overlay{
        display: none;
        position:absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .reset-password-comp .step-one .loading-overlay .overlay-spinner, 
   	.reset-password-comp .step-two .loading-overlay .overlay-spinner, 
	.reset-password-comp .step-three .loading-overlay .overlay-spinner, 
    #wb_page_wrap .reset-password-comp .step-one .loading-overlay .overlay-spinner, 
    #wb_page_wrap .reset-password-comp .step-two .loading-overlay .overlay-spinner, 
    #wb_page_wrap .reset-password-comp .step-three .loading-overlay .overlay-spinner{
        text-align:center;
        background: url("/etc/designs/kennametal/images/loading-spinner.gif") center no-repeat;
        background-size: 40px 40px;
        width: 100%;
        height: 100%;
    }

    .reset-password-comp .step-one, 
    .reset-password-comp .step-two, 
    .reset-password-comp .step-three, 
	#wb_page_wrap .reset-password-comp .step-one, 
    #wb_page_wrap .reset-password-comp .step-two,
	#wb_page_wrap .reset-password-comp .step-three{
        position: relative;
    }

    #wb_page_wrap .reset-password-comp b{
        font-weight: bold;
    }

/* End of Reset Password Component */

/**********************************
Start of Tab Component- check out
************************************/
div.account-tab {
  margin-bottom: 0;
  position: relative;
  top: 1px;
}
.account-tab div {
  font-size: 14px;
  line-height: 32px;
  background: #ffffff;
  -webkit-background-image: linear-gradient(0deg, #fff 0%, #EDEDED 100%);
  -moz-background-image: linear-gradient(0deg, #fff 0%, #EDEDED 100%);
  -ms-background-image: linear-gradient(0deg, #fff 0%, #EDEDED 100%);
  -o-background-image: linear-gradient(0deg, #fff 0%, #EDEDED 100%);
  background-image: linear-gradient(0deg, #fff 0%, #EDEDED 100%);
  border: 1px solid #B3B3B3;
  border-bottom: none;
  color: #636363;
  cursor: pointer;
}
 .account-tab .account {
    padding: 10px 10px 10px 25px;
    margin-left: 10px;
    background:url('/etc/designs/kennametal/images/account-icon.svg') 0 -39px no-repeat;
}
.account-tab .history {
    padding: 10px 10px 10px 25px;
    margin-left: 10px;
    background:url('/etc/designs/kennametal/images/order-history-icon.svg') 0 -39px no-repeat;
}
.account-tab div.inactive span {
    background-position: 0 8px;
}
.account-tab .blank {
  font-size: 14px;
  line-height: 32px;
}
.account-tab div.inactive {
    background: none;
    color: #B3B3B3;
    border: none;
}
.account-tab  span {
  padding: 10px 10px 10px 25px;
  margin-left: 10px;
}
.col:first-child {
  margin-left: 0;
}
.col {
  display: block;
  float: left;
  margin: 0 0 0 1.6%;
}
.group {
  zoom: 1;
}
.section {
  clear: both;
  padding: 0px;
  /*margin: 0px;*/
}
.account-tab-group {
  border-bottom: 1px #B3B3B3 solid;
}
.span_12_of_12 {
  width: 100%;
}
.group:before, .group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
/***********************************
 End of Tab Component- check out
 ***********************************/

/* Start of order history component */

    .order-history-comp .hidden{
        display:none;
    }
    .order-history-comp #sortTable_length{
        float:left;
        margin-top:10px;
    }
    .order-history-comp #sortTable_filter{
        float:right;
        margin-bottom:5px;
    }
    .order-history-comp #sortTable_filter input{
            padding:7px 7px 8px 7px;
     }
    .order-history-comp .table-style-8{
        background: #FFF;
        border: 0px;
        font-size: 14px;
    }
    .order-history-comp .table-style-8 thead{
        font-weight: bold;
        color: #717171;
    }
    .order-history-comp .table-style-8 thead th{
        text-align:left;
        background: #DADADA;
        padding: 15px;
        cursor: pointer;
    }
    .order-history-comp .table-style-8 tbody td{
        border-bottom: 1px solid #DADADA;
        padding: 10px;
    }
    .order-history-comp .table-style-8 tbody td sup{
        font-size: 9px;
        vertical-align: top;
    }
    .order-history-comp .sorting_asc, .order-history-comp .sorting_desc{
        color: #FFF;
    }
    .order-history-comp p.error-msg{
        color: #D53A3A;
        font-style: oblique;
        margin-bottom: 10px;
        padding-left: 20px !important;
        background: url("/etc/designs/kennametal/images/error-message-icon.svg") 2px 2px no-repeat;
        clear: both;
        min-height: 20px;
        padding-top: 5px !important;
    }
    .order-history-comp .ie-only p.error-msg{
        color: #D53A3A;
        font-style: oblique;
        margin-bottom: 10px;
        padding-left: 20px !important;
        background: url("/etc/designs/kennametal/images/error-message-icon.png") 2px 2px no-repeat;
        clear: both;
        min-height: 20px;
        padding-top: 5px !important;
    }
    .order-history-comp .dataTables_info{
        float: left;
    }
    .order-history-comp .dataTables_paginate.paging_two_button{
        float: right;
    }
    .order-history-comp .paginate_disabled_previous, .order-history-comp .paginate_disabled_previous:hover{
        padding-right: 10px;
        color: #B3B3B3;
    }
    .order-history-comp .paginate_disabled_next, .order-history-comp .paginate_disabled_next:hover{
        padding-left: 10px;
        color: #B3B3B3;
    }
    .order-history-comp .order-conf-number{
        background: url("/etc/designs/kennametal/images/order-conf-number.svg") 20px 50% no-repeat;
        color: #369;
        cursor: pointer;
    }
    .order-history-comp .order-status-process{
        background: url("/etc/designs/kennametal/images/order-status-process.svg") 20px 50% no-repeat;
    }
    .order-history-comp .ie-only .order-status-process{
        background: url("/etc/designs/kennametal/images/order-status-process.png") 20px 50% no-repeat;
    }
    .order-history-comp .order-status-shipped{
        background: url("/etc/designs/kennametal/images/order-status-shipped.svg") 20px 50% no-repeat;
    }
    .order-history-comp .ie-only .order-status-shipped{
        background: url("/etc/designs/kennametal/images/order-status-shipped.png") 20px 50% no-repeat;
    }
    .order-history-comp .order-status-delivered{
        background: url("/etc/designs/kennametal/images/order-status-delivered.svg") 20px 50% no-repeat;
    }
    .order-history-comp .ie-only .order-status-delivered{
        background: url("/etc/designs/kennametal/images/order-status-delivered.png") 20px 50% no-repeat;
    }
    .order-history-comp .order-conf-number span, .order-history-comp .order-status-process span, .order-history-comp .order-status-shipped a, .order-history-comp .order-status-delivered a{
        margin-left: 44px;
    }
    .order-history-comp .dataTable_body{
        position: relative;
    }
    .order-history-comp .loading-overlay{
        position:absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .order-history-comp .loading-overlay .overlay-spinner{
        text-align:center;
        background: #B3B3B3 url("/etc/designs/kennametal/images/loading-spinner.gif") center no-repeat;
        background-size: 5%;
        width: 100%;
        height: 100%;
    }
    .order-history-comp .custom-modal{
        display:none;
    }

    .order-history-comp .group{
        zoom: 1;
    }
    .order-history-comp .group.margin{
        margin-top: 20px;
    }
    .order-history-comp .section{
        clear: both;
        padding: 0px;
        margin: 0px;
    }
    .order-history-comp .col:first-child{
        margin-left: 0;
    }
    .order-history-comp .span_3_of_12{
        width: 23.8%;
    }
    .order-history-comp .col{
        display: block;
        float: left;
        margin: 0 0 0 1.6%;
    }
    .order-history-comp .search-orders label{
        height: 20px;
        line-height: 20px;
    }
    .order-history-comp .search-orders input{
        color: #717171;
        padding: 7px 7px 8px 7px;
        margin-right: 0;
        width: 100%;
        display: block;
        margin-top: 3px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    .order-history-comp .search-orders .button-style-8{
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        top: 23px;
        color: #fff;
    }

    .order-history-comp .search-orders{
        position: relative;
    }

    .order-history-comp .search-orders .loading-overlay{
        display: none;
        position:absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

    .order-history-comp .search-orders .loading-overlay .overlay-spinner{
        text-align:center;
        background: url("/etc/designs/kennametal/images/loading-spinner.gif") center no-repeat;
        background-size: 40px 40px;
        width: 100%;
        height: 100%;
    }
    
    #order-search-email .order-history-loading-overlay {
        display: none;
        position:absolute;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.7;
        filter: alpha(opacity=70);
	}
	
	#order-search-email .order-history-loading-overlay .order-history-overlay-spinner {
	        text-align:center;
	        background: #B3B3B3 url("/etc/designs/kennametal/images/loading-spinner.gif") center no-repeat;
	        background-size: 10%;
	        width: 100%;
	        height: 100%;
     }
    @media all and (max-width: 52.9375em) {
        .order-history-comp .span_3_of_12{
                width: 100%;
            }
    	.order-history-comp .col{
           margin: 0 0 0 0.6%;
    	}
     }
/* End of order history component */


/*********************************************
 Start of User Profile Component- check out
 *********************************************/
 .account-display, .col .account-display {
    margin-bottom: 30px;
}
.span_12_of_12 {
    width: 100%;
}
 .heading-style-19-b {
    background: #fff;
    border-bottom: 3px solid #d3d2d2;
    color: #333333;
    display: block;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.75;
    text-transform: uppercase;
    width: 90%;
    margin-bottom: 0;

}
.custom-modal-1 {
    border: 0;
    border-radius: 0;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    box-shadow: 2px 6px 7px rgba(0,0,0,0.45);
}
.custom-modal-1 .ui-dialog-titlebar {
    display: none;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    background: none;
    overflow: auto;
    zoom: 1;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #f8f8f8 url(../images/ui-bg_flat_0_f8f8f8_40x100.png) 50% 50% repeat-x;
    color: #333333;
}
    .modal-header-1 {
    background: #000;
    padding: 15px 30px;
    position: relative;
}
.modal-close {
    cursor: pointer;
    display: block;
    height: 25px;
    overflow: hidden;
    text-indent: -99999px;
    width: 25px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.modal-header-1 h1 {
    margin-bottom: 0;
}
.heading-style-17 {
    color: #fff;
    font-family: nimbus-sans, Arial, Helvetica, sans-serif;
    font-size: 34px;
    margin-bottom: 10px;
}
.modal-heading-style-17 {
    color: #fff;
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 34px;
    margin-bottom: 10px;
}
.ui-widget :active {
    outline: none;
}
.modal-body-1-custom {
    background: #fff;
    max-height: 100px;
    overflow: auto;
    padding: 30px 35px;
}
.modal-body-1-custom-change {
    background: #fff;
    max-height: 500px;
    overflow: auto;
    padding: 30px 35px;
}
h1 {
    font-family: nimbus-sans, Arial, Helvetica, sans-serif;
    font-size: 22px;
    margin-bottom: 17px;
    font-weight: bold;
}
.custom-modal-1 p {
    margin: 0 0 10px 0;
}
p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    display: block;
    margin-bottom: 10px;
}
.custom-modal-1 p {
    margin: 0 0 10px 0;
}
.custom-modal-1 .ui-dialog-content {
    padding: 0px;
}
.ui-widget-content {
    background: #f8f8f8 url(../images/ui-bg_flat_0_f8f8f8_40x100.png) 50% 50% repeat-x;
    color: #333333;
}
element.style {
    display: block;
    z-index: 1002;
    outline: 0px;
    height: auto;
    width: 613px;
    top: 373px;
    left: 627px;
}
.custom-modal-1 {
    border: 0;
    border-radius: 0;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    box-shadow: 2px 6px 7px rgba(0,0,0,0.45);
}
.ui-dialog {
    position: absolute;

    width: 300px;
    overflow: hidden;
}
.cta-secondary {
    display: inline-block;
    border: 1px solid #bbb;
    background: #eee;
    background: -moz-linear-gradient(top, #eee 1%, #cbcbcb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(100%, #cbcbcb));
    background: -webkit-linear-gradient(top, #eee 1%, #cbcbcb 100%);
    background: -o-linear-gradient(top, #eee 1%, #cbcbcb 100%);
    background: -ms-linear-gradient(top, #eee 1%, #cbcbcb 100%);
    background: linear-gradient(top, #eee 1%, #cbcbcb 100%);
    font-weight: bold;
    cursor: pointer;
    font-family: 'nimbus-sans', Helvetica, sans-serif;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    text-decoration: none !important;
    float: left;
    color: #3B3B3B !important;
    padding: 10px;
    margin-right: 10px;
    font-size: 16px;
}
.cta-primary {
    display: inline-block;
    border: 1px solid #e2b914;
    background: #f2d76a;
    background: -moz-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f2d76a), color-stop(100%, #eec10c));
    background: -webkit-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
    background: -o-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
    background: -ms-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
    background: linear-gradient(top, #f2d76a 1%, #eec10c 100%);
    font-weight: bold;
    cursor: pointer;
    font-family: 'nimbus-sans', Helvetica, sans-serif;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    text-decoration: none !important;
    float: left;
    color: #3B3B3B !important;
    padding: 10px;
    margin-right: 10px;
    font-size: 16px;
}
#changeAccount {
    position: relative;
    top: -3px;
    left: 35px;
}
   p.italic {
    font-style: italic;

}

/*********************************************
 End of User Profile Component- check out
 *********************************************/

 /*----------------------------------------------------
                    Drop Down
-----------------------------------------------------*/
    .personal-options {
    overflow: inherit;
    height: 33px;
}
    .dropdown-login-container {
    float: right;
    position: relative;
        margin:0 0 0;
}
    .dropdown-login-text {
    display: inline-block;
    text-align: right;
    text-transform: none;
    padding: 0 0 0 0;
}
    .dropdown-login-container img {
    padding-top: 2px;
}
    .dropdown-login {
    line-height: 30px;
        background: url(/etc/designs/kennametal/images/profile-icon.svg) 0 5px no-repeat;
    padding: 1px 10px 1px 29px;
    position: relative;
     float: none;
   height: auto;
}
    #dropdown-cart-icon {
    display: inline-block;
    text-align: right;
    color: #FFF;
    padding-right: 12px;
}
    #dropdown-cart-icon a {
    text-decoration: none;
}
    .dropdown-login-container img.dropdown-overlayPoint {
    position: absolute;
    top: 27px;
    right: 30px;
    z-index: 99999;

}
    .dropdown-login a {
    color: #FFF;
    text-decoration: none;
}
    .dropdown-login-container-overlay {
    position: absolute;
    top: 22px;
    right: 5px;
    padding-top: 25px;
    z-index: 9999;

}
    .dropdown-login-container-overlay-inner {
    padding: 15px 30px;
    /*background: #FFF;*/
    -webkit-background-image: linear-gradient(-180deg, #fff 61%, #EDEDED 100%);
    -ms-background-image: linear-gradient(-180deg, #fff 61%, #EDEDED 100%);
    -moz-background-image: linear-gradient(-180deg, #fff 61%, #EDEDED 100%);
    -o-background-image: linear-gradient(-180deg, #fff 61%, #EDEDED 100%);
    background-image: linear-gradient(-180deg, #fff 61%, #EDEDED 100%);
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
    border: 1px solid #FFFFFF;
    width: 240px;
    text-align: left;
}

@media all and (-ms-high-contrast: active), (-ms-high-contrast: none){
   .dropdown-login-container-overlay-inner {
    padding: 15px 30px;
    /*background: #FFF;*/
    -webkit-background-image: linear-gradient(-180deg, #fff 61%, #EDEDED 100%);
    -ms-background-image: linear-gradient(-180deg, #fff 61%, #EDEDED 100%);
    -moz-background-image: linear-gradient(-180deg, #fff 61%, #EDEDED 100%);
    -o-background-image: linear-gradient(-180deg, #fff 61%, #EDEDED 100%);
    background-image: linear-gradient(-180deg, #fff 61%, #EDEDED 100%);
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.5);
    border: 1px solid #FFFFFF;
    width: 295px;
    text-align: left;
}
}


    .dropdown-login-container-overlay-inner .dropdown-customerName {
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.5;
    border-bottom: solid 1px #B3B3B3;
    padding-left: 0;
    height: auto;
}
    #dropdown-loginSpinner {
    display: none;
    position: absolute;
    z-index: 99999;
    left: -167px;
    top: 46px;
    background: #B3B3B3 url(/etc/designs/kennametal/images/loading.gif) center no-repeat;
    background-size: 20%;
    opacity: .7;
}
    .dropdown-login-container-overlay-inner form h2 {
    font-size: 16px;
    color: #717171;
    margin-bottom: 10px;
    font-family: nimbus-sans, Arial, Helvetica, sans-serif;
}
 .dropdown-login-container-overlay-inner .dropdown-logout {
    background: url("/etc/designs/kennametal/images/logout-icon.svg") left center no-repeat;
    color: #717171;
    cursor: pointer;
    background-position: 3px 50%;
}
 .dropdown-login-container-overlay-inner p {
    padding-left: 25px;
    line-height: 20px;
    font-size: 14px;
}
.dropdown-login-container-overlay-inner p a {
    color: #717171;
}
        .dropdown-login-container-overlay-inner p a, .dropdown-login-container-overlay-inner p a:visited {
    text-decoration: none;
}
    p.dropdown-logout a {
    color: #717171;
}
.dropdown-konnect  ,.dropdown-account, .dropdown-order, .dropdown-mrp{
    color: #717171;
    cursor: pointer;
}
.dropdown-konnect{
        background: url("/etc/designs/kennametal/images/konnect-icon.png") left center no-repeat;
   }
.dropdown-account{
    background: url("/etc/designs/kennametal/images/account-icon-overlay.svg") left center no-repeat;
   }
.dropdown-order{
    background: url("/etc/designs/kennametal/images/order-history-icon-overlay.svg") left center no-repeat;
 }
 .dropdown-mrp{
 	 background: url("/etc/designs/kennametal/images/mrp-icon.svg") left center no-repeat;
 }
 .dropdown-customerName a {
  text-decoration: underline;
  color: #369;
 }
/*----------------------------------------------------
                     End Drop Down
-----------------------------------------------------*/


 /*-------------------------------------------
    Account Setting Component
--------------------------------------------*/

.heading-style-19-b {
    background: #fff;
    border-bottom: 3px solid #d3d2d2;
    color: #333333;
    display: block;
    font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.75;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 0;
}
.group {
    zoom: 1;
}
.section {
    clear: both;
    padding: 0px;
    /*margin: 0px;*/
}
/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    /*margin: 0px;*/
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 0 0 0 1.6%;
}
.col:first-child { margin-left: 0; }

@media all and (max-width: 45.9375em){
.col {
     margin: 18px 0px 0px 0.6%;
    /* width: 94% !important;  */ 
  }      
}        

/*  GROUPING  */
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

.span_12_of_12 {
    width: 100%;
}

.span_11_of_12 {
      width: 91.53%;
}
.span_10_of_12 {
      width: 83.06%;
}

.span_9_of_12 {
      width: 74.6%;
}

.span_8_of_12 {
      width: 66.13%;
}

.span_7_of_12 {
      width: 57.66%;
}

.span_6_of_12 {
      width: 49.2%;
}

.span_5_of_12 {
      width: 40.73%;
}

.span_4_of_12 {
      width: 32.26%;
}

.span_3_of_12 {
      width: 23.8%;
}

.span_2_of_12 {
      width: 15.33%;
}

.span_1_of_12 {
      width: 6.866%;
}
.group.margin {
    margin-top: 20px;
}

.form-style-1 .twoCol-2 input[type="text"], .form-style-1 .col input[type="text"], .form-style-1 .col input[type="password"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 5px;
}
.form-style-1 label {
    clear: both;
    display: block;
    margin-bottom: 5px;
}
.form-style-1 .button-style-8.alt, .form-style-1 .button-style-5.alt {
    float: left;
    margin: 0;
    text-decoration: none;
}
.form-style-1 .button-style-8 {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
}

@media all and (max-width: 45.9375em){
.form-style-1 .button-style-8 {
    float: left;
  }
 .span_12_of_12 {
    width: 100%;
}

.span_11_of_12 {
      width: 100%;
}
.span_10_of_12 {
      width: 100%;
}

.span_9_of_12 {
      width: 100%;
}

.span_8_of_12 {
      width: 100%;
}

.span_7_of_12 {
      width: 100%;
}

.span_6_of_12 {
      width: 100%;
}

.span_5_of_12 {
      width: 100%;
}

.span_4_of_12 {
      width: 100%;
}

.span_3_of_12 {
      width: 100%;
}

.span_2_of_12 {
      width: 100%;
}

.span_1_of_12 {
      width: 100%;
}
.group.margin {
    margin-top: 20px;
    margin-right: 23px;
    line-height: 1.5em;
    margin-left: 5px;
}
.edit-icon {
	margin-left: 80px;
}
.key-icon {
	margin-left: 28px;
}
.lock-icon {
	margin-left: 35px;
}
.account-tab-group {
	display: -webkit-inline-box;
    width: min-content;
}

}
.cartContain .cartSummary .checkoutCont .button-style-5, .form-style-1 a.button-style-5, .form-style-1 a.button-style-4, .button-style-5.register {
    padding: 10px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    text-decoration: none;
}

p.errorMessage, .errorMessage {
    color: #D53A3A;
    font-style: oblique;
    margin-bottom: 10px;
    padding-left: 20px !important;
    background: url("../images/error-message-icon.svg") 2px 2px no-repeat;
    clear: both;
    min-height: 20px;
    padding-top: 5px !important;
}
.edit-icon {
    background: url("../images/edit-icon.svg") no-repeat 13% 50%,-webkit-linear-gradient(top, #fff 1%, #C1C1C1 100%);
    background: url("../images/edit-icon.svg") no-repeat 13% 50%,-moz-linear-gradient(top, #fff 1%, #C1C1C1 100%);
    background: url("../images/edit-icon.svg") no-repeat 13% 50%,-ms-linear-gradient(top, #fff 1%, #C1C1C1 100%);
    background: url("../images/edit-icon.svg") no-repeat 13% 50%,-o-linear-gradient(top, #fff 1%, #C1C1C1 100%);
    background: url("../images/edit-icon.svg") no-repeat 13% 50%,linear-gradient(top, #fff 1%, #C1C1C1 100%);
    padding: 5px 15px 5px 40px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #ababab;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    line-height: 25px;
    font-weight: bold;
    margin-bottom: 9px;
    text-decoration: none !important;
    color: #717171 !important;
    display: inline-block;
}
    .key-icon {
    background: url("../images/key-icon.svg") no-repeat 7% 50%,-webkit-linear-gradient(top, #fff 1%, #C1C1C1 100%);
    background: url("../images/key-icon.svg") no-repeat 7% 50%,-moz-linear-gradient(top, #fff 1%, #C1C1C1 100%);
    background: url("../images/key-icon.svg") no-repeat 7% 50%,-ms-linear-gradient(top, #fff 1%, #C1C1C1 100%);
    background: url("../images/key-icon.svg") no-repeat 7% 50%,-o-linear-gradient(top, #fff 1%, #C1C1C1 100%);
    background: url("../images/key-icon.svg") no-repeat 7% 50%,linear-gradient(top, #fff 1%, #C1C1C1 100%);
    padding: 5px 15px 5px 40px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #ababab;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    line-height: 25px;
    font-weight: bold;
    margin-bottom: 9px;
    text-decoration: none !important;
    color: #717171 !important;
    display: inline-block;
}
    .lock-icon {
    background: url("../images/lock-icon.svg") no-repeat 7% 50%,-webkit-linear-gradient(top, #fff 1%, #C1C1C1 100%);
    background: url("../images/lock-icon.svg") no-repeat 7% 50%,-moz-linear-gradient(top, #fff 1%, #C1C1C1 100%);
    background: url("../images/lock-icon.svg") no-repeat 7% 50%,-ms-linear-gradient(top, #fff 1%, #C1C1C1 100%);
    background: url("../images/lock-icon.svg") no-repeat 7% 50%,-o-linear-gradient(top, #fff 1%, #C1C1C1 100%);
    background: url("../images/lock-icon.svg") no-repeat 7% 50%,linear-gradient(top, #fff 1%, #C1C1C1 100%);
    padding: 5px 15px 5px 40px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #ababab;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    line-height: 25px;
    font-weight: bold;
    margin-bottom: 9px;
    text-decoration: none !important;
    color: #717171 !important;
    display: inline-block;
}
.loading-overlay-account ,.loading-overlay-password,.loading-overlay-security{
    display:none;
    position: absolute;
    width: inherit;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.loading-overlay-account{
    width: 100%;
    height: 810px;
}
.loading-overlay-security{
    height: 380px;
}
.loading-overlay-password{
    height: 500px;
}
.loading-overlay-account .overlay-spinner-account,.loading-overlay-password .overlay-spinner-password,.loading-overlay-security .overlay-spinner-security {
    text-align: center;
    background: #B3B3B3 url("/etc/designs/kennametal/images/loading-spinner.gif") center no-repeat;
    background-size: 20%;
    width: 63%;
    height: 50%;
}
/*----------------------------------
---------End of Account Setting-----
------------------------------------*/

input[type="text"]#websiteCaptcha { display: none; }
/************************************************
Start of Shipping summary
**********************************************/
.confirmText .col {
    display: block;
    float: left;
    margin: 0 0 0 1.6%;
}

.confirmText .billtoShipto {
    padding: 10px;
    border: dotted 1px #B3B3B3;
    font-size: 16px;
}
.confirmText p {
    color: #636363;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    display: block;
    margin-bottom: 10px;
}
.confirmText .billShip b {
    font-size: 14px;
}
b, strong {
    font-weight: bold;
}
.confirmText p.block {
    margin-left: 20px;
}
.capitalize {
    text-transform: capitalize;
}
/************************************************
end of Shipping summary
**********************************************/

/************************************************
Start of Billing summary
**********************************************/
.confirmText1 .col {
    display: block;
    float: left;
    margin: 0 0 0 1.6%;
}

.confirmText1 .billtoShipto1 {
    padding: 10px;
    border: dotted 1px #B3B3B3;
    font-size: 16px;
}
.confirmText1 p {
    color: #636363;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    display: block;
    margin-bottom: 10px;
}
.confirmText1 .billShip1 b {
    font-size: 14px;
}

.confirmText1 p.block {
    margin-left: 20px;
}

/************************************************
end of Billing summary
**********************************************/
/* Start of ecommerce component */

.ecommerce-comp .hidden{
    display: none;
}

.ecommerce-comp .specs p{
    margin: 0;
    padding: 5px;
    font-size: 12px;
    min-height: 15px;
    line-height: 20px;
}

.ecommerce-comp .specs p.odd{
    background: rgb(236, 236, 236);
}

.ecommerce-comp .specs p span{
    font-weight: bold;
    display: block;
    float: left;
    width: 50%;
    text-transform: capitalize;
    line-height: 10px;
    margin-right: 5px;
    padding-top: 2px;
}

.ecommerce-comp .availability{
    overflow: hidden;
    margin: 10px 0;
    border-top: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    font-size: 15px;
    position: relative;
}

.ecommerce-comp .availability .left, .ecommerce-comp .availability .right{
    float: left;
    padding: 1%;
}

.ecommerce-comp .availability .left {
    width: 62.5%;
    border-right: 1px solid #B3B3B3;
}

.ecommerce-comp .availability .right{
    width: 33%;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
}

.ecommerce-comp p{
    margin: 0;
    padding: 5px;
    font-size: 12px;
 }

.ecommerce-comp .availStatus{
    color: #4CB677;
}

.ecommerce-comp .availStatusOut{
    color: #D53A3A;
}

.ecommerce-comp #seeGlobalAvail{
    cursor: pointer;
}

.ecommerce-comp #globalAvail{
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-left: 10px;
}

.ecommerce-comp .brandOrange{
    color: #F09108;
}

.ecommerce-comp .availability .left .price{
    font-size : 17px;
    font-family: "nimbus-sans", sans-serif;
}

.ecommerce-comp .availability .left .price sup{
    font-size: 10px;
    vertical-align: super;
}

.ecommerce-comp .availability .left .price span{
	width: auto;
	float: none;
	display: inline-table;
	font-weight: normal;
}

.ecommerce-comp .availability .left .price span.pack{
	font-size: 12px;
	color: #4B4B4B;
}

.ecommerce-comp .availability .right label{
    font-size: 17px;
}

.ecommerce-comp .availability .right input{
    width: 40px;
    font-size: 15px;
    margin-left: 5px;
}

.ecommerce-comp .button-style-5{
    height: 40px;
}

.ecommerce-comp .button-style-5 span{
    background: url("/etc/designs/kennametal/images/cart-icon-button.svg") left center no-repeat;
    padding: 25px 10px 25px 30px;
    font-size: 16px;
    line-height: 40px;
}

.ecommerce-comp .button-style-4{
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
    cursor: pointer;
    margin-top: 5px;
    text-align: center;
}

.ecommerce-comp .button-style-4 span{
    background-image: url("/etc/designs/kennametal/images/map-pin-icon.svg");
    background-position: left center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 10px 10px 10px 20px;
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: -30px;
}

.ecommerce-comp .mini-buy .search-availability{
    font-size: 12px;
    color: #1E8623;
    line-height: 14px;
    text-align: right;
    font-weight: bold;
    margin-top: 23px;
}

.ecommerce-comp .mini-buy .search-availability-na{
    color: #D53A3A;
}

.ecommerce-comp .mini-buy{
    float: left;
    width: 115px;
}

.ecommerce-comp .mini-buy p{
    margin-bottom: 7px;
}

.ecommerce-comp .mini-buy .search-price{
    font-size: 15px;
    line-height: 21px;
    text-align: right;
    font-weight: bold;
}

.ecommerce-comp .mini-buy .search-price .search-cents{
	position: relative;
	top: -3px;
	font-size: 14px;
}

.ecommerce-comp .mini-buy .search-price .search-cents .pack{
	font-weight: 100;
	color: #757575;
	font-size: 10px;
}

.ecommerce-comp .mini-buy .search-price .pack{
	font-weight: 100;
	color: #757575;
	font-size: 10px;
}

.ecommerce-comp .mini-buy .qty{
    font-size: 13px;
    color: #757575;
    line-height: 15px;
    text-align: right;
    clear: left;
}

.ecommerce-comp .mini-buy .qty label{
	text-align: right;
	margin-right: 2px;
	margin-bottom: 5px;
}

.pkg-qty-allignment{    
	float: left;
	margin-left: 31px; 
 }  
.ecommerce-comp .mini-buy .hidden{
    display: none;
}

.ecommerce-comp .mini-buy .button-style-6:hover{
    -webkit-background-image: linear-gradient(0deg, #FFE66E 0%, #EEBE0A 93%);
    -ms-background-image: linear-gradient(0deg, #FFE66E 0%, #EEBE0A 93%);
    -moz-background-image: linear-gradient(0deg, #FFE66E 0%, #EEBE0A 93%);
    -o-background-image: linear-gradient(0deg, #FFE66E 0%, #EEBE0A 93%);
    background-image: linear-gradient(0deg, #FFE66E 0%, #EEBE0A 93%);
}

.ecommerce-comp .mini-buy .button-style-6-dist:hover{

    background: #DADADA;
    -webkit-background-image: linear-gradient(0deg, #fff 0%, #C1C1C1 100%);
    -ms-background-image: linear-gradient(0deg, #fff 0%, #C1C1C1 100%);
    -moz-background-image: linear-gradient(0deg, #fff 0%, #C1C1C1 100%);
    -o-background-image: linear-gradient(0deg, #fff 0%, #C1C1C1 100%);
    background-image: linear-gradient(0deg, #fff 0%, #C1C1C1 100%);
}
.ecommerce-comp .mini-buy .button-style-6, .ecommerce-comp .mini-buy .button-style-6-dist{
    -webkit-background-image: linear-gradient(-180deg, #FFE66E 0%, #EEBE0A 93%);
    -ms-background-image: linear-gradient(-180deg, #FFE66E 0%, #EEBE0A 93%);
    -moz-background-image: linear-gradient(-180deg, #FFE66E 0%, #EEBE0A 93%);
    -o-background-image: linear-gradient(-180deg, #FFE66E 0%, #EEBE0A 93%);
    background-image: linear-gradient(-180deg, #FFE66E 0%, #EEBE0A 93%);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 1px solid #979797;
    padding: 8px 0;
    padding-bottom: 0;
    font-size: 13px;
    color: #4C4C4C;
    line-height: 16px;
    display: block;
    text-align: center;
    box-sizing: content-box;
}

.ecommerce-comp .mini-buy .button-style-6-dist {
    background: #F0F0F0;
    -webkit-background-image: linear-gradient(-180deg, #fff 0%, #C1C1C1 100%);
    -ms-background-image: linear-gradient(-180deg, #fff 0%, #C1C1C1 100%);
    -moz-background-image: linear-gradient(-180deg, #fff 0%, #C1C1C1 100%);
    -o-background-image: linear-gradient(-180deg, #fff 0%, #C1C1C1 100%);
    background-image: linear-gradient(-180deg, #fff 0%, #C1C1C1 100%);
}


.ecommerce-comp .mini-buy .button-style-6-dist{
    padding: 0 15px;
}

.ecommerce-comp .mini-buy .button-style-5{
    padding: 0 15px;
}

.ecommerce-comp .mini-buy .qty input{
    color: #4C4C4C;
    width: 28px;
    height: 32px;
    font-size: 15px;
    background: #FCFCFC;
    border: 1px solid #DADADA;
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.3);
    -ms-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.3);
    -o-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.3);
    box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.3);
    padding: 0 5px;
}

.ecommerce-comp .disabled{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.ecommerce-comp .availability-main-box{
	position: relative;
}

.ecommerce-comp .loading-overlay{
    position:absolute;
    top:38px;
    left:0px;
    width: 100%;
    height: 101px;
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.ecommerce-comp .loading-overlay .overlay-spinner{
    text-align:center;
    background: #B3B3B3 url("/etc/designs/kennametal/images/loading-spinner.gif") center no-repeat;
    background-size: 10%;
    width: 100%;
    height: 100%;
}

.ecommerce-comp .msg-for-dp-user{
	text-align: center;
}

/* End of ecommerce component */


/* Start of Address Component*/


.addressComponent .group {
    zoom: 1;
}
.addressComponent .section {
    clear: both;
    padding: 0px;
    margin: 0px;
    margin-top: 12px;
}

.addressComponent .group:before, .group:after {
    content: "";
    display: table;
}

.addressComponent .col:first-child {
    margin-left: 0;
}
    /*.span_6_of_12 {
        width: 49.2%;
        }*/

.addressComponent .col {
    display: block;
    float: left;
    margin: 0 0 0 1.6%;
}

.addressComponent .head-5 {
    color: #636363;
}
.addressComponent h1 {
    font-family: nimbus-sans, Arial, Helvetica, sans-serif;
    font-size: 22px;
    margin-bottom: 17px;
    font-weight: bold;
}

.addressComponent p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    display: block;
    margin-bottom: 10px;
}


.addressComponent b, strong {
    font-weight: bold;
}

.addressComponent .form-style-1 label {
    clear: both;
    display: block;
    margin-bottom: 5px;
}

.addressComponent p.errorMessage, .errorMessage, p.successMessage, .successMessage {
    display: none;
    color: #D53A3A;
    font-style: oblique;
    margin-bottom: 10px;
    padding-left: 20px !important;
    background: url("/etc/designs/kennametal/images/error-message-icon.svg") 2px 2px no-repeat;
    clear: both;
    min-height: 20px;
        /* padding-top: 5px !important;*/
}

.addressComponent .group.margin {
    margin-top: 20px;
}

.addressComponent .required:before {
    content: "* ";
}

.addressComponent .span_4_of_12 {
    width: 32.26%;
}

.addressComponent .span_12_of_12 {
    width: 100%;
}

.addressComponent .form-style-1 .custom-button-continue {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
}

.addressComponent .form-style-1 .note {
    width: 400px;
}

.addressComponent .note {
    background: url(/etc/designs/kennametal/images/note.png) no-repeat transparent;
    clear: both;
    color: #333;
    line-height: 1.36;
    padding: 1px 0 0 22px;
    font-size: 12px;
}
.addressComponent h3 {
    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;
    text-decoration: none;
    margin-bottom: 5px;
}

.addressComponent .selectionGroup {

    border-radius: 5px;
    border: solid 1px #B3B3B3;
    background: #F0F0F0;
    padding: 10px;
}
.addressComponent .selectionGroup input {
    float: left;
}

.addressComponent .selectionGroup p {
    margin: 5px 0 5px 30px;
}

.addressComponent .formSelect {
	width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 5px;
}

.addressComponent .span_3_of_12 {
    width: 23.8%;
}
.addressComponent .body14 {
    font-size: 14px;
}
.addressComponent .loginfont {
    font-size: 11px;
}
#shipToCont{
    display: none;
}

#dupCheck{
    display: none;
}
#chooseShipCont {
    display: none;
}

#shipToCont h1 {
    margin-top: 30px;
}
#checkaddrSameAsBilling{
    display: none;
}
#shipToSameCheckbox{
    display: none;
}

.addressComponent .custom-button-continue {
    background: #989898;
    background: -moz-linear-gradient(top,  #989898 0%, #797979 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(100%,#797979));
    background: -webkit-linear-gradient(top,  #989898 0%,#797979 100%);
    background: -o-linear-gradient(top,  #989898 0%,#797979 100%);
    background: -ms-linear-gradient(top,  #989898 0%,#797979 100%);
    background: linear-gradient(top,  #989898 0%,#797979 100%);
    border: 1px solid #666666;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.1;
    padding: 8px 25px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #444;
}

.addressComponent .custom-button-continue:hover, .addressComponent .choose-shipping-options-button:hover {
	background: #797979;
    background: -moz-linear-gradient(top,  #797979 0%, #989898 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797979), color-stop(100%,#989898));
    background: -webkit-linear-gradient(top,  #797979 0%,#989898 100%);
    background: -o-linear-gradient(top,  #797979 0%,#989898 100%);
    background: -ms-linear-gradient(top,  #797979 0%,#989898 100%);
    background: linear-gradient(top,  #797979 0%,#989898 100%);
}

a.custom-button-continue {
color: #fff;
}

.addressComponent .choose-shipping-options-button {
    background: #989898;
    background: -moz-linear-gradient(top,  #989898 0%, #797979 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(100%,#797979));
    background: -webkit-linear-gradient(top,  #989898 0%,#797979 100%);
    background: -o-linear-gradient(top,  #989898 0%,#797979 100%);
    background: -ms-linear-gradient(top,  #989898 0%,#797979 100%);
    background: linear-gradient(top,  #989898 0%,#797979 100%);
    border: 1px solid #666666;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.1;
    padding: 8px 25px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #444;
}

a.choose-shipping-options-button {
color: #fff;
}

.form-style-1 .button-style-5 {
    float: right;
    width: auto;    
    margin-top: 24px;
}

.button-style-5:hover {   
    background: -webkit-linear-gradient(top, #eec10c 0%, #f2d76a 100%);   
}

a.button-style-5 {
    color: #302f2f;
}
.addressComponent .loading-overlay-address {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity = 70);
    display: none;
}

.addressComponent .loading-overlay-address .overlay-spinner-address {
	text-align: center;
	background: #B3B3B3
		url("/etc/designs/kennametal/images/loading-spinner.gif") center
		no-repeat;
	background-size: 5%;
	width:100%;
	height:100%;
}

.addressComponent .loading-overlay-address-two {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity = 70);
    display: none;
}

.addressComponent .loading-overlay-address-two .overlay-spinner-address-two {
	text-align: center;
	background: #B3B3B3
		url("/etc/designs/kennametal/images/loading-spinner.gif") center
		no-repeat;
	background-size: 5%;
	width:100%;
	height:100%;
}

.addressComponent .collapse{
	display: none;
}

.addressComponent .loading-carriers{
	font-weight: bold;
	display: none;
}

.addressComponent .current-more{
	padding-left: 12px;
	margin-left: 5px;
	background-image: url('/etc/designs/kennametal/images/down-circle.png');
	background-repeat : no-repeat;
	background-size: contain;
	cursor: pointer;
}

.addressComponent .current-less{
	padding-left: 12px;
	margin-left: 5px;
	background-image: url('/etc/designs/kennametal/images/up-circle.png');
	background-size: contain;
	background-repeat : no-repeat;
	cursor: pointer;
}


@media all and (max-width: 45.9375em){
.addressComponent{
    margin-left: 20px;
    margin-right: 25px;
 }

.addressComponent .col {
    margin: 0 0 8% 0;
	}

.addressComponent .span_4_of_12 {
    width: 100%;
  }

.addressComponent .span_3_of_12 {
      width: 100%;
    }
.addressComponent .form-style-1 .custom-button-continue {
	margin: 0 auto;
    text-align: center;
    display: table;
    width: -webkit-fill-available;
   }
.addressComponent .choose-shipping-options-button {
	margin: 0 auto;
    text-align: center;
    display: table;
    width: -webkit-fill-available;	
   }
 }            

/*End of Address component*/

/*Promo code*/
.promocode input {
    color: #717171;
    padding: 5px;
    margin-right: 0;
    width: 75px;
    display: block;
    margin-top: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.promocode div{
    color: #717171;
    font-size: 13px;
    margin-bottom: 15px;
}
    .promocode {
    margin-top: 15px;
}
    .promoButCont {
    float: right;
    font-size: 12px;
    text-decoration: none;
}
    .promoButCont a {
    color: #717171;
    padding: 6px 10px;
}
 .promocode p {
    padding: 0;
    margin-left: 0;
}
.promocode a {
    background-color: #eeeeee;
    -webkit-background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
    -moz-background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
    -ms-background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
    -o-background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
    background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
    border: 1px solid #979797;
    border-radius: 3px;
    white-space: nowrap;
    padding: 5px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
#null_promocode, #api_promocodeerror{
    display: block;
    color: #D53A3A;
    font-style: oblique;
    margin-bottom: 10px;
    padding-left: 20px !important;
    background: url("/etc/designs/kennametal/images/error-message-icon.svg") 2px 2px no-repeat;
    clear: both;
    min-height: 20px;
    padding-top: 5px !important;
}
/*End of PROMO CODE*/


/*Start Payment method summary component */
.payment-method-summary .span_2_of_12 {
    width: 15.33%;
}

 .payment-method-summary .col {
    display: block;
    float: left;
    margin: 0 0 0 1.6%;
}
 .cardIcon {
    margin-top: 18px;
    color: transparent;
}

 .payment-method-summary .mastercard, .visa, .discover, .amex {
    position: relative;
}

 .confirm .cardIcon.active label {
    margin-left: 0;
}
 .visa.active label {
    width: 76px;
    height: 48px;
    background:url('/etc/designs/kennametal/images/card_icons.jpg') -76px -48px no-repeat;
    display: inline-block;
    margin-left: 0px;
}
.visa label {
    width: 76px;
    height: 48px;
    background: url('/etc/designs/kennametal/images/card_icons.jpg') -75px 0 no-repeat;
    display: inline-block;
    margin-left: 0px;
}
 .payment-method-summary .main-content label {
    margin-bottom: 5px;
}
 .payment-method-summary .confirmCCInfo {
    font-size: 12px;
    color: #636363;
}

 .payment-method-summary p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    display: block;
    margin-bottom: 10px;
}

/*End Payment method summary component*/

/*Start of Order Confirmation*/

 .order-confirmation .group {
    zoom: 1;
}
 .order-confirmation .section {
    clear: both;
    padding: 0px;
    margin: 0px;
}
 .order-confirmation .col:first-child {
    margin-left: 0;
}

.order-confirmation .span_6_of_12 {
    width: 49.2%;
}
.order-confirmation .col {
    display: block;
    float: left;
    margin: 0 0 0 1.6%;
}

.order-confirmation h1.heading-style-39 {
    font-family: nimbus-sans, Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: normal;
    color: #636363;
}
.order-confirmation .confirmText p {
    color: #636363;
    font-size: 14px;
}
.order-confirmation .body14 {
    font-size: 14px;
}
.order-confirmation p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    display: block;
    margin-bottom: 10px;
}
.order-confirmation b, strong {
    font-weight: bold;
}
.order-confirmation .alignRight {
    text-align: right;
}

.order-confirmation em, i {
    font-style: italic;
}

@media all and (max-width: 45.9375em){
.order-confirmation .span_6_of_12 {
    width: 100%;
  }
.order-confirmation .alignRight {
    text-align: unset;
  }
}

/*End of Order Confirmation*/

/*Start of Order History Details Component  */
.modal-body-2-custom {
	background: #fff;
	max-height: 500px;
	overflow: auto;
}

/*a:hover {
	color: #000;
}*/

.availStatus {
	color: #4CB677;
	font-size: 15px;
}

.outOfStockStatus {
	color: #ff0000;
	font-size: 15px;
}

.brandOrange {
	color: #F09108;
}

.orderHistoryDetails div,.checkoutCart p {
	color: #717171;
	font-size: 13px;
}

.orderHistoryDetails h3 {
	margin-bottom: 5px;
	font-size: 14px;
}

.emptyCart {
	text-align: center;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 20px 0;
}

.orderHistoryDetails {
	margin: 20px;
}

.orderHistoryDetails .prodList.head {
	border-bottom: 3px solid #B3B3B3;
	font-size: 14px;
}

.orderHistoryDetails .prodList.head .desc h3 {
	color: #717171;
}

.orderHistoryDetails .prodList.head .price {
	text-align: center;
}

.orderHistoryDetails .prodList {
	float: left;
	width: 100%;
	border-bottom: solid 1px #B3B3B3;
	padding: 5px 0 0 0;
}

.orderHistoryDetails .prodList .thumb {
	width: 10%;
	margin: 0 20px 0 0;
	display: inline-block;
	align-items: center;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.orderHistoryDetails .prodList .thumb img {
	max-height: 91px;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-15%);
	-ms-transform: translateY(-15%);
	transform: translateY(-15%);
}

.orderHistoryDetails .prodList .desc {
	width: 57%;
	display: inline-block;
}

.orderHistoryDetails .prodList .desc h3 {
	text-align: left;
	color: #369;
}

.orderHistoryDetails .prodList .desc p {
	text-align: left;
	font-size: 11px;
	color: #717171;
	margin-bottom: 15px;
}

.orderHistoryDetails .desc .availStatus,.checkoutCart .desc .outOfStockStatus
	{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	padding-right: 10px;
}

.orderHistoryDetails .desc .brandOrange {
	font-size: 12px;
	font-weight: bold;
}

.orderHistoryDetails .prodList .qty {
	text-align: center;
	width: 10%;
	display: inline-block;
	margin: 0 20px 0 0;
	font-size: 18px;
}

.orderHistoryDetails .prodList .qty input {
	width: 30px;
	text-align: center;
}

.orderHistoryDetails .prodList .qty a.button {
	background-color: #eeeeee;
	-webkit-background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
	-moz-background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
	-ms-background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
	-o-background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
	background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
	border: 1px solid #979797;
	border-radius: 3px;
	white-space: nowrap;
	padding: 5px;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	margin-top: 5px;
}

.orderHistoryDetails .prodList .qty a {
	padding-top: 10px;
	display: block;
}

.orderHistoryDetails .prodList .price {
	margin-right: 0;
	text-align: right;
	width: 10%;
	display: inline-block;
	margin: 0 20px 0 0;
	font-size: 18px;
	line-height: 21px;
	text-align: right;
	font-weight: bold;
}

.orderHistoryDetails .prodList .price sup {
	font-size: 11px;
	vertical-align: super;
}

.orderHistoryDetails .orderSatus {
	text-align: left;
}

.orderHistoryDetails .orderSatus h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin: 5px;
}

.orderHistoryDetails .cardIcon {
	margin-top: 18px;
	color: transparent;
}

.orderHistoryDetails .mastercard,.visa,.discover,.amex {
	position: relative;
}

.visa.active label {
	width: 76px;
	height: 48px;
	background: url('/etc/designs/kennametal/images/card_icons.jpg') -75px
		-48px no-repeat;
	display: inline-block;
	margin-left: 20px;
}

.orderHistoryDetails .confirmCCInfo {
	font-size: 12px;
	color: #636363;
}

.orderSummary.confirm {
	border: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

.orderSummary {
	border: 1px solid #B3B3B3;
	width: 28.7%;
	float: right;
	margin: 30px 0 0 0;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.orderSummary .dotleader,.shippingBilling .dotleader {
	border-bottom: dotted 1px #B3B3B3;
	margin: 0;
	padding: 0;
	clear: both;
	text-align: left;
}

.shippingBilling.confirm .dotleader .price,.shippingBilling.confirm .dotleader p
	{
	font-size: 18px;
	color: #636363;
}

.shippingBilling .dotleader .price {
	font-size: 12px;
}

.orderSummary .price,.shippingBilling .dotleader .price {
	float: right;
	font-size: 16px;
}

.shippingBilling .dotleader p {
	margin-bottom: -3px;
	font-size: 12px;
	text-align: left;
}

.orderSummary .dotleader p,.shippingBilling .dotleader p {
	margin: 15px 0 -3px 0;
	background: #FFF;
	display: inline-block;
}

.shippingBilling .dotleader .price.promo {
	color: #D53A3A;
}

.shippingBilling.confirm .dotleader.total {
	font-weight: bold;
}

.orderHistoryDetails .order-status-process {
	background:
		url("/etc/designs/kennametal/images/order-status-process.svg") 0px
		50% no-repeat;
	padding: 5px 25px;
}

.orderHistoryDetails .order-status-shipped {
	background:
		url("/etc/designs/kennametal/images/order-status-shipped.svg") 0px
		50% no-repeat;
	padding: 5px 25px;
}

.orderHistoryDetails .order-status-delivered {
	background:
		url("/etc/designs/kennametal/images/order-status-delivered.png") 0px
		50% no-repeat;
	padding: 5px 25px;
}

.orderHistoryDetails .loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

.orderHistoryDetails .loading-overlay .overlay-spinner {
	text-align: center;
	background: #B3B3B3
		url("/etc/designs/kennametal/images/loading-spinner.gif") center
		no-repeat;
	background-size: 5%;
	width: 100%;
	height: 100%;
}

/*End of Order History Details Component  */

/*Start of Cart Summary Component */
.cartSummary {
	border: 1px solid #B3B3B3;
	width: 100%;
	margin: 30px 0 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.cartSummary .form-style-1 {
	margin-bottom: 20px;
	overflow: hidden;
	padding: 10px;
}

.cartSummary h3 {
	color: #717171;
	margin-bottom: 5px;
	font-size: 14px;
}

.cartSummary .dotleader {
	border-bottom: dotted 1px #B3B3B3;
	margin: 0;
	padding: 0;
	clear: both;
}

.cartSummary .price {
	float: right;
	font-size: 16px;
}

.cartSummary .dotleader .price.promo {
	color: #D53A3A;
}

.cartSummary .form-style-1 .price sup {
	font-size: 11px;
	vertical-align: super;
}

.cartSummary .form-style-1 .dotleader p {
	margin: 15px 0 -3px 0;
	background: #FFF;
	height: 17px;
	display: inline-block;
	color: #717171;
	font-size: 13px;
}

.cartSummary #promocodeLabel {
	margin: 15px 0 -3px 0;
	background: #FFF;
	height: 17px;
	display: inline-block;
	color: #717171;
	font-size: 13px;
}

.cartSummary1.confirm .dotleader .price.promo {
	color: #D53A3A;
}

.cartSummary .checkoutCont {
	margin-top: 20px;
	text-align: center;
}

.cartSummary .button-style-5 {
	display: block;
	border: 1px solid #cc9900;
	background: #f2d76a;
	background: -moz-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f2d76a),
		color-stop(100%, #eec10c));
	background: -webkit-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	background: -o-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	background: -ms-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	background: linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	font-weight: bold;
	cursor: pointer;
	-moz-box-shadow: 1px 1px #ccc;
	-webkit-box-shadow: 1px 1px #ccc;
	box-shadow: 1px 1px #ccc;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	float: none;
}

#cartSummaryId .shippingCarrierName {
	font-size: 12px !important;
}

#cartSummaryId .shipping-charge-text {
	float: right !important;
	font-size: 10px !important;
}
#cartSummaryId .total-charge-text {
	float: right !important;
	font-size: 10px !important;
}

#cartSummaryId .estimated-delivery{
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #F09108;
	margin-bottom: 0px !important;
    margin-top: 5px;
}

.cartSummary1.confirm {
	width: 100%;
	margin: 30px 0 0 0;
}

.cartSummary1.confirm .form-style-1 {
	margin-bottom: 20px;
	overflow: hidden;
}

.cartSummary1.confirm h3 {
	color: #717171;
	margin-bottom: 5px;
	font-size: 14px;
}

.cartSummary1.confirm .dotleader {
	border-bottom: dotted 1px #B3B3B3;
	margin: 0;
	padding: 0;
	clear: both;
}

.cartSummary1.confirm .price {
	float: right;
	font-size: 16px;
}

.cartSummary1.confirm .form-style-1 .dotleader p {
	margin: 15px 0 -3px 0;
	background: #FFF;
	height: 17px;
	display: inline-block;
	color: #717171;
	font-size: 13px;
}

.cartSummary1.confirm .checkoutCont {
	margin-top: 20px;
	text-align: center;
}

.cartSummary1.confirm .button-style-5 {
	display: block;
	border: 1px solid #cc9900;
	background: #f2d76a;
	background: -moz-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f2d76a),
		color-stop(100%, #eec10c));
	background: -webkit-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	background: -o-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	background: -ms-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	background: linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	font-weight: bold;
	cursor: pointer;
	-moz-box-shadow: 1px 1px #ccc;
	-webkit-box-shadow: 1px 1px #ccc;
	box-shadow: 1px 1px #ccc;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	float: none;
}

.cartSummary1 #promocodeLabel {
	margin: 15px 0 -3px 0;
	background: #FFF;
	height: 17px;
	display: inline-block;
	color: #717171;
	font-size: 18px;
}

.cartSummary2.confirm {
	border: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

.cartSummary2 .shippingBilling .dotleader {
	border-bottom: dotted 1px #B3B3B3;
	margin: 0;
	padding: 0;
	clear: both;
}

.cartSummary2.confirm .dotleader .price,.cartSummary2.confirm .dotleader p
	{
	font-size: 18px;
	color: #636363;
}

.cartSummary2.confirm .dotleader .price {
	float: right;
}

.cartSummary2.confirm .dotleader p {
	margin-bottom: -3px;
}

.cartSummary2.confirm .dotleader .price.promo {
	color: #D53A3A;
}

.cartSummary2.confirm .dotleader.total {
	font-weight: bold;
}

.cartSummary2.confirm .dotleader p {
	margin: 15px 0 -3px 0;
	background: #FFF;
	display: inline-block;
}

.cartSummary2.confirm .checkoutCont {
	margin-top: 20px;
	text-align: center;
}

.cartSummary2.confirm .button-style-5 {
	display: block;
	border: 1px solid #cc9900;
	background: #f2d76a;
	background: -moz-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f2d76a),
		color-stop(100%, #eec10c));
	background: -webkit-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	background: -o-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	background: -ms-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	background: linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	font-weight: bold;
	cursor: pointer;
	-moz-box-shadow: 1px 1px #ccc;
	-webkit-box-shadow: 1px 1px #ccc;
	box-shadow: 1px 1px #ccc;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	float: none;
	padding: 10px;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
	text-decoration: none;
}

.cartSummary2 #promocodeLabel  {
	margin: 15px 0 -3px 0;
	background: #FFF;
	height: 17px;
	display: inline-block;
	color: #717171;
	font-size: 18px;
}  

#cartSummaryId .loading-overlay {
        display: none;
        position:absolute;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.7;
        filter: alpha(opacity=70);
}
#cartSummaryId .loading-overlay .overlay-spinner {
        text-align:center;
        background: #B3B3B3 url("/etc/designs/kennametal/images/loading-spinner.gif") center no-repeat;
        background-size: 5%;
        width: 100%;
        height: 100%;
}
.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}
/*End of Cart Summary Component */

/* Start of Cart Checkout Component*/

a:hover {
	color: #000;
}

.availStatus {
	color: #4CB677;
	font-size: 15px;
}

.outOfStockStatus {
	color: #ff0000;
	font-size: 15px;
}

.brandOrange {
	color: #F09108;
}

.checkoutCart div,.checkoutCart p {
	color: #717171;
	font-size: 13px;
}

.checkoutCart h3 {
	margin-bottom: 5px;
	font-size: 14px;
}

.emptyCart {
	text-align: center;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 20px 0;
}

.checkoutCart .prodList.head {
	border-bottom: 3px solid #B3B3B3;
	font-size: 14px;
}

.checkoutCart .prodList.head .desc h3 {
	color: #717171;
}

.checkoutCart .prodList.head .price {
	text-align: center;
	width: initial;
}

.checkoutCart .prodList {
	float: left;
	width: 100%;
	border-bottom: solid 1px #B3B3B3;
	padding: 5px 0 0 0;
}

.checkoutCart .prodList .thumb {
	width: 10%;
	margin: 0 20px 0 0;
	display: inline-block;
	align-items: center;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.checkoutCart .prodList .thumb img {
	max-height: 91px;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-15%);
	-ms-transform: translateY(-15%);
	transform: translateY(-15%);
}

.checkoutCart .prodList .desc {
	width: 57%;
	display: inline-block;
	text-align: left;
}

.checkoutCart .prodList .desc h3 {
	color: #369;
}

.checkoutCart .prodList .desc p {
	font-size: 11px;
	color: #717171;
	margin-bottom: 15px;
}

.checkoutCart .desc .availStatus,.checkoutCart .desc .outOfStockStatus {
	font-size: 12px;
	font-weight: bold;
	padding-right: 10px;
}

.checkoutCart .desc .brandOrange {
	font-size: 12px;
	font-weight: bold;
}

.checkoutCart .desc .remove-from-cart {
	text-decoration: none;
}

.checkoutCart .prodList .qty {
	text-align: center;
	width: 10%;
	display: inline-block;
	margin: 0 20px 0 0;
}

.checkoutCart .prodList .qty label {
    width: 64px;
    text-align: center;
    word-wrap: break-word;
    float: left;
    font-size: 10px;
}

.checkoutCart .prodList .qty input {
	width: 50px;
	text-align: center;
}

.checkoutCart .prodList .qty a.button {
	background-color: #eeeeee;
	-webkit-background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
	-moz-background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
	-ms-background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
	-o-background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
	background-image: linear-gradient(-180deg, #eee 0%, #D8D8D8 100%);
	border: 1px solid #979797;
	border-radius: 3px;
	white-space: nowrap;
	padding: 5px;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	margin-top: 5px;
}

.checkoutCart .prodList .qty a {
	padding-top: 10px;
	display: block;
}

.checkoutCart .prodList .price {
	margin-right: 0;
	text-align: center;
	width: 10%;
	display: inline-block;
	margin: 0 20px 0 0;
	font-size: 18px;
	line-height: 21px;
	font-weight: bold;
}

.checkoutCart .prodList .price sup {
	font-size: 11px;
	vertical-align: super;
}

.checkoutCart .prodList .price .pack {
    font-size: 10px;
    font-weight: 100;
}

.cart-checkout-comp .overlay{
	position : relative;
}

.cart-checkout-comp .loading-overlay{
	display: none;
    position:absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 40px;
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.cart-checkout-comp .overlay-spinner{
	text-align:center;
    background: #B3B3B3 url("/etc/designs/kennametal/images/loading-spinner.gif") center no-repeat;
    background-size: 5%;
    width: 100%;
    height: 100%;
}

@media all and (max-width: 52.9375em){
    .checkoutCart .prodList .thumb {
		width: 0%;
		display: none;
   }
   .checkoutCart .prodList .desc {
		width: 60%;
	}
   .checkoutCart .prodList .qty {
		width: 20%;
    }
   .checkoutCart .prodList .price {
		width: 20%;
    }

   .checkoutCart .prodList {
       display: flex;                             
    }                     
}

/* End of Cart Checkout Component*/

/* Registration overlay loading  */
.registration-form .loading-overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.registration-form .loading-overlay .overlay-spinner {
    text-align: center;
    background: #B3B3B3 url(/etc/designs/kennametal/images/loading-spinner.gif) center no-repeat;
    background-size: 5%;
    width: 100%;
    height: 100%;
}

 .setwidth{
	width: 100%;
    padding: 5px;
  }
@media all and (max-width: 52.9375em) {
 .setwidth{
	width: 96%;
  }
}

/* End of Registration overlay loading  */
/* Save Password overlay loading */
.create-account-on-confirmation-page-comp .loading-overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.create-account-on-confirmation-page-comp .loading-overlay .overlay-spinner {
    text-align: center;
    background: #B3B3B3 url(/etc/designs/kennametal/images/loading-spinner.gif) center no-repeat;
    background-size: 5%;
    width: 100%;
    height: 100%;
}
.contact_my_email_anspt{
display:none !important;
}
/* End of Save Password overlay loading*/

/* Start of Materail Safety Data Sheets  */
.materail-safety-data {
	width: 100%;
}

.materail-safety-data .materail-safety-data-head {
	width: 50%;
}

.materail-safety-data .materail-safety-data-head .materail-safety-data-title h1
	{
	font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
	text-transform: none;
	margin-bottom: 12px;
	font-size: 30px;
	font-weight: normal;
}

.materail-safety-data .materail-safety-data-head .materail-safety-data-subtitle p
	{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 15px;
	margin-bottom: 12px;
	line-height: 1.5;
}

.materail-safety-data .materail-safety-data-result .materail-safety-data-result-title h1
	{
	font-family: nimbus-sans-condensed, Arial, Helvetica, sans-serif;
	text-transform: none;
	margin-bottom: 12px;
	font-size: 30px;
	font-weight: normal;
}

.materail-safety-data-result-list #sortTable_length {
	float: left;
	margin-top: 10px;
}

.materail-safety-data-result-list #sortTable_filter {
	float: right;
	margin-bottom: 5px;
}

.materail-safety-data-result-list #sortTable_filter input {
	padding: 7px 7px 8px 7px;
}

.materail-safety-data-result-list .table-style-8 {
	background: #FFF;
	border: 0px;
	font-size: 14px;
}

.materail-safety-data-result-list .table-style-8 thead {
	font-weight: bold;
	color: #717171;
}

.materail-safety-data-result-list .table-style-8 thead th {
	text-align: left;
	background: #DADADA;
	padding: 15px;
	cursor: pointer;
}

.materail-safety-data-result-list .table-style-8 tbody td {
	border-bottom: 1px solid #DADADA;
	padding: 10px;
}

.materail-safety-data-result-list .table-style-8 tbody td sup {
	font-size: 9px;
	vertical-align: top;
}

.materail-safety-data-result-list .sorting_asc,.materail-safety-data-result-list .sorting_desc
	{
	color: #FFF;
}

.materail-safety-data-result-list .dataTables_info {
	float: left;
}

.materail-safety-data-result-list .dataTables_paginate.paging_two_button
	{
	float: right;
}

.materail-safety-data-result-list .paginate_disabled_previous,.materail-safety-data-result-list .paginate_disabled_previous:hover
	{
	padding-right: 10px;
	color: #B3B3B3;
}

.materail-safety-data-result-list .paginate_disabled_next,.materail-safety-data-result-list .paginate_disabled_next:hover
	{
	padding-left: 10px;
	color: #B3B3B3;
}

.materail-safety-data-result-list .dataTable_body {
	position: relative;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #82a2d6;
    color: #333;
    padding: 5px;
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip-right {
    top: -5px;
    left: 125%;
}

.tooltip-right::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #82a2d6 transparent transparent;
}

.form-style-2 .select{
	background: #fcfbfb url(/etc/designs/kennametal/images/select-down-arrow.svg) no-repeat right 1px;
	-webkit-border-radius: 	0;
	-moz-border-radius: 	0;
	border-radius: 			0;
	-moz-box-shadow: 		none;
	-webkit-box-shadow: 	none;
	box-shadow: 			none;
	border: 1px solid #CCCCCC;
	height: 24px;
	padding-top: 8px;	
	box-sizing: content-box;
	}
.form-style-2 select{
	-moz-box-sizing: content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
	height: 32px;
	top: 8px;
}
.form-style-2 input.text{
	border:solid 1px #cccccc;
	height: 32px;
	-webkit-border-radius: 	0;
	-moz-border-radius: 	0;
	border-radius: 			0;
	-moz-box-shadow: 		none;
	-webkit-box-shadow: 	none;
	box-shadow: 			none;
	padding-left: 			5px;
	background: 			#FFFFFF;
}

.form-style-1 input.button-style-5.msdsSearch{

padding:10px 24px;

font-size: 16px;

}
/* End of Materail Safety Data Sheets  */
@media all and (max-width: 31em){

  label[for=select3]
	{
   display : none !important;
	}
    .headline{
    font-size : 100% !important;
        }
     #select3_cf{
            width: 35%;
        }
     #select3{
            width: 140px !important;
        }
	.support-phone{
        width: 100% !important;
        border-right: 0px !important;
        border-bottom: 1px solid #ccc;
            }
     .support-info{
            margin-top: -3% !important;
                }
}



/* Start of Mini Product Selector Component CSS */

	.mini-product-selector-comp .selector-result-item, #wb_page_wrap .mini-product-selector-comp .selector-result-item{
         width: 217px;
         margin: 0 10px 10px 0px;
         display : inline-block;
         text-align: center;
         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #FAFAFA), to(#FFFFFF));
         background-image: linear-gradient(-180deg, #FAFAFA 3%, #FFFFFF 100%);
         border: 1px solid #DCDCDC;
         padding: 5px 15px;
     }

    .mini-product-selector-comp .selector-result-item a, #wb_page_wrap .mini-product-selector-comp .selector-result-item a{
        font-weight: bold;
        font-size: 16px;
        color: #336699;
        letter-spacing: 0;
        padding: 10px 0;
        display: block;
    }

	.mini-product-selector-comp .selector-item-sub, #wb_page_wrap .mini-product-selector-comp .selector-item-sub{
	    font-family: 'nimbus-sans', sans-serif;
	    font-weight: bold;
	    font-size: 13px;
	    color: #717171;
	    letter-spacing: 0;
	    line-height: 16px;
	    margin: 0px 0px 10px 0px;
	}
	
	.mini-product-selector-comp .selector-result-item a.selector-pdp-link, #wb_page_wrap .mini-product-selector-comp .selector-result-item a.selector-pdp-link{
	    border: 1px solid #cc9900;
	    background: #f2d76a;
	    background: -moz-linear-gradient(top, #f2d76a 1%, #eec10c 100%);
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2d76a), color-stop(100%,#eec10c));
	    background: -webkit-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
	    background: -o-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
	    background: -ms-linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
	    background: linear-gradient(top,  #f2d76a 1%,#eec10c 100%);
	    text-align: center;
	    color: #4B4B4B;
	    text-shadow: none;
	    height: auto;
	}

	.mini-product-selector-comp .selector-right, #wb_page_wrap .mini-product-selector-comp .selector-right{
	    width: 700px;
	    float: right;
	    max-height: 486px;
	    overflow-y: auto;
	}
	
	.mini-product-selector-comp .selector-left, #wb_page_wrap .mini-product-selector-comp .selector-left{
	    width: 220px;
	    float: left;
	}

    .mini-product-selector-comp .selector-left .mobile-only, #wb_page_wrap .mini-product-selector-comp .selector-left .mobile-only{
        display: none;
    }

    .mini-product-selector-comp .selector-left .filter-label, #wb_page_wrap .mini-product-selector-comp .selector-left .filter-label{
        height: 40px;
        padding: 10px 0 0 25px;
        text-align: right;
        background: url(http://mloader.com/kmt/prototypes/sort-filter.svg) 0 70% no-repeat;
                        float: right;
                        overflow: hidden;
                        cursor: pointer;
    }

    .mini-product-selector-comp .selector-left .filter-label h4, @wb_page_wrap .mini-product-selector-comp .selector-left .filter-label h4{
        text-align: right;
    }

	.mini-product-selector-comp .selector-right .zero-results, #wb_page_wrap .mini-product-selector-comp .selector-right .zero-results{
	    display: none;
	}

    @media all and (max-width: 45.9375em){
        #wb_page_wrap .mini-product-selector-comp .selector-left, #wb_page_wrap .mini-product-selector-comp .selector-right, #wb_page_wrap .mini-product-selector-comp .selector-result-item {
            width: 100%;
        }

        #wb_page_wrap .mini-product-selector-comp .selector-right{
            margin-top: 20px;
            position: relative;
            padding-left: 1.75em;
            padding-right: 1.75em;
        }

        #wb_page_wrap .mini-product-selector-comp .selector-left{
            position: relative;
            padding-left: 1.75em;
            padding-right: 1.75em;
        }

        #wb_page_wrap .mini-product-selector-comp .selector-left .mobile-only{
            display: block;
        }

        #wb_page_wrap .mini-product-selector-comp .selector-left .filter-label-outer{
            overflow: hidden;
            margin-bottom: 5px;
        }

        #wb_page_wrap .mini-product-selector-comp .selector-left .filter-label h4{
            font-size: 1.45em;
        }

        #wb_page_wrap .mini-product-selector-comp .selector-left .filter-sets{
            display: none;
        }
    }

/* End of Mini Product Selector Component CSS */

/* Start of Mini Product Selector Filter Set Component CSS */

.mini-product-selector-filter-set-comp, #wb_page_wrap .mini-product-selector-filter-set-comp{
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #FAFAFA), to(#FFFFFF));
        background-image: linear-gradient(-180deg, #FAFAFA 3%, #FFFFFF 100%);
        border: 1px solid #DCDCDC;
        padding: 5px 15px;
    }

    .mini-product-selector-filter-set-comp h5, #wb_page_wrap .mini-product-selector-filter-set-comp h5{
        font-family: 'nimbus-sans-condensed', sans-serif;
        font-size: 18px;
        color: #262626;
        letter-spacing: 0;
        font-weight: normal;
    }

    .mini-product-selector-filter-set-comp h5 b, #wb_page_wrap .mini-product-selector-filter-set-comp h5 b{
        font-family: 'nimbus-sans-condensed', sans-serif;
        font-size: 24px;
        color: #262626;
        letter-spacing: 0;
        font-weight: bold;
    }

    .mini-product-selector-filter-set-comp ul.selector-filters, #wb_page_wrap .mini-product-selector-filter-set-comp ul.selector-filters{
        margin: 0;
        padding: 0;
        max-height: 195px;
        overflow-y: auto;
        line-height: 1.6;
        list-style-position: outside;
        font-family: inherit;
    }

    @media all and (max-width: 45.9375em){
        #wb_page_wrap .mini-product-selector-filter-set-comp ul.selector-filters li input{
            zoom: 2;
            transform: scale(1.25);
            -ms-transform: scale(1.25);
            -webkit-transform: scale(1.25);
            -o-transform: scale(1.25);
            -moz-transform: scale(1.25);
            transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            -o-transform-origin: 0 0;

        }

        #wb_page_wrap .mini-product-selector-filter-set-comp ul.selector-filters li label{
            font-size: 22px !important;
            padding: 2px 0 0 10px;
        }
    }

    .mini-product-selector-filter-set-comp ul.selector-filters li, #wb_page_wrap .mini-product-selector-filter-set-comp ul.selector-filters li{
         list-style: none;
         margin-left: 10px;
     }

	.mini-product-selector-filter-set-comp ul.selector-filters li label, #wb_page_wrap .mini-product-selector-filter-set-comp ul.selector-filters li label{
         padding-left: 10px;
         font-size: 16px;
     }

/* End of Mini Product Selector Filter Set Component CSS */

/*CAD Drawing changes start */
.button-style-5.cad-search-button {
    width: 51%;
    height: 33px;
    line-height: 33px;
    font-size: 13px;
    margin-top: 5px;
}
.button-style-5.request-missing-button {
    width: 100%;
    height: 33px;
    line-height: 33px;
    font-size: 13px;
    margin-top: 5px;
}
.cadSearchResults {
    margin-top: 10px;
}
.cadSearchResults p {
    color: #777;
}
.cadSearchResults .cadMaterialSearchResults {
    width: 50%;
    float: left;
    margin-top: 10px;
}
.cadSearchResults .cadMaterialSearchResults hr {
    border: 1px solid #ebe3e3;
        /*margin-top: 20px;*/
}
.cadSearchResults .cadToolBox {
    width: 47%;
    float: right;
    margin-right: 0;
    margin-top: 18px;
}
.cadSearchResults .cadToolBox .dropBox {
        /*border: 2px solid #c3b8b8;*/
    height: 50px;
    background-image: url("/etc/designs/kennametal/images/cad-drawing/drop-icon.svg");  
    background-repeat: no-repeat;  
    background-size: contain;
    margin-bottom: 10px;
}
.cadSearchResults .cadToolBox .toolBoxList {
    border: 2px solid #c3b8b8;
    min-height: 50px;
}
.cadSearchResults .cadToolBox .downloadAllModels {
    background-color: #f1f0f0;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}
.cadSearchResults .cadToolBox .downloadAllModels a {
    text-decoration: none;
    font-size: larger;
    font-weight: bold;
}    
.cadDrawingresult {
    margin-top: 10px;
}
.cadDrawingresult p {
    margin-bottom: 5px;
}
.cadDrawingresult .drawingDetails {
    border: 2px solid #c3b8b8;
    padding: 5px;
    min-height: 45px;
}
.cadDrawingresult .drawingDetails .materialThumbnail {
    float: left;    
    width: 10%;
    margin: 0 20px 0 0;
    display: inline-block;
    align-items: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.cadInlineBlock {
    display: inline-block;
}
.cadRequestForm {
	width: 59%;
	float: left;
}
.cadInlineBlock-alignRight-width110 {
	display: inline-block !important;
	width: 110px !important;
	text-align: right !important;
}
.cadInlineBlock-widthAuto {
	display: inline !important;
	width: auto !important;
}
.cadInlineBlock-width300 {
	display: inline !important;
	width: 300px !important;
}
.cadInlineBlock-width130 {
	display: inline !important;
	width: 130px !important;
}
.cadRequestMissingSet {
	width: 40%;
	float: left;
	/*border: 2px solid #d3d2d2;
	border-radius: 5px;*/
}
.cadRequestMissingSet .cadMaterialMissing {
	display: inline-block;
	border: 2px solid #c3b8b8;
	width: 92%;
	padding: 10px;
}
.cadRequestMissingSet .cadRequestset {
	background-color: #f1f0f0;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
}
.cadRequestMissingSet .cadRequestset a {
	text-decoration: none;
	font-size: larger;
	font-weight: bold;
	color: blue;
}
.cadInlineBlock {
	display: inline-block;
}
/*CAD Drawing changes end */

/* Subscribe Component Start */
.subscribe-submit {
	width: 100% !important;
	line-height: 33px;
	margin-top: 0 !important;
}

.subscribeErrorMessage {
	border-style: solid;
	border-width: 1px;
	border-color: #ed2832;
	background-color: #fcc2b5;
	padding: 5px;
	display: none;
}
/* Subscribe Component end */
/* vvreddv1 GREQ0549543 Home page disply start*/
.kenn-news-wrap {
  margin-top: 0 ;
}

.kenn-news-wrap .kenn-news-container .kenn-news-item {
  margin-bottom: 18px ;
}

.kenn-news-container .kenn-news-main-title {
  font-size: 26px ;
  text-transform: uppercase ;
  font-family: Helvetica Neue, Arial, sans-serif ;
  font-weight: 400 !important;
  text-rendering: optimizeLegibility ;
  margin-bottom: 15px;  
}

.kenn-news-container .kenn-news-title {
  font-family: Helvetica Neue, Arial, sans-serif ;
  font-size: 15px ;
  margin-bottom: 5px;
  font-weight: 400 ;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
}

.kenn-news-item .kenn-news-desc {
  font-size: 12px ;
  margin-bottom: 0 ;
  line-height: 1.5 ;
  font-weight: 400 ; 
}

.kenn-news-item .kenn-news-full-link {
  margin: 0 ;
  line-height: 1.5 !important;
  font-size: 12px ;
  background: none !important;
  background-size: unset !important;
  padding-right: unset !important;
  color: #336699 !important;
  /* text-decoration: underline !important; */

}

.kenn-news-item .kenn-news-full-link-div {
 	/* text-align: right; */
}
/*Home page disply end*/
/* vvreddv1 GREQ0549543 Most popular page component start*/

.pop-pages-wrap  .pop-pages-container .pop-pages-main-title {
  font-weight: 400 ;
  font-size: 26px ;
  text-transform: uppercase ;
  font-family: nimbus-sans, Arial, Helvetica, sans-serif ;
  margin-bottom: 15px; 
}

.pop-pages-wrap .pop-pages-container .pop-pages-item {
  margin-bottom: 30px ;
}

.pop-pages-wrap  .pop-pages-container .pop-pages-feature-title {
  font-weight: 400 ;
  font-size: 15px ;
  margin-bottom: 2px ;
  font-family: nimbus-sans, Arial, Helvetica, sans-serif ;
  text-transform: uppercase ;
}

.pop-pages-item .no-padd {
  padding: 0 ;
}

.pop-pages-item .small-9 {
  width: 75% ;
  margin-bottom: 30px ;
}

.pop-pages-item .sm-logo-img {
  padding-left: 83px ;
}

.pop-pages-item .sm-logo-img .pop-pages-item-img {

	max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}
.pop-pages-wrap .pop-pages-container .pop-pages-item .sm-text .pop-pages-sm-text {
  font-family: Arial, Helvetica, sans-serif !important;                                  
  float: right ;
  line-height: 1.5 ;
  padding: 0 ;
  font-size: 12px;
  margin-bottom: 0 ;
}
.pop-pages-item .sm-logo-img{
	padding-left: 0 ;
	display:inline-block ;
}
.pop-pages-item .sm-logo-img img{
	width:75px !important;
	height:75px !important;
}

.pop-pages-item .sm-text.small-9{   
	display:inline-block ;
	padding-left:10px ;
}
.pop-pages-item .sm-text.small-9 .pop-pages-sm-text{ 
	font-size: 14px ;
	color: #5A5A5A ;
}
.pop-pages-item .sm-text.small-9{
	margin-bottom:0 ;
}

.pop-pages-item .pop-pages-item-view-link {
    background: none !important;
    background-size: unset !important;
    padding-right: unset !important;
    color: #336699 !important;
    text-decoration: underline !important;        
}
/*Most popular page component end*/
/* Footer Redesign KNAMTL-1703 */
/* Chat Component*/

.chatdiv .chatBadge {
    width: 16px;
    height: 15px;
    background: url("../images/chat-bubble-off.svg");
    left: -22px;
    top: 2px;
    background-repeat: no-repeat;
    float: left;
}
 .chat .chatdiv a{
    color: #B3B3B3;
    padding-left: 10px;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
}

   .chatdiv {
    position: relative;
    display: inline-block;
}

/*Social links*/

.social-links {
	float: left;
	width: 54%;
	margin: 0 auto;
	float: none;
	align-content: center;
    display: flex;
  }
.social-link{   
	width: 14.66666667%;
	float: left;
	margin-bottom: 20px;
	padding-right: 1.5rem;
	margin: 0 auto;
	}
.social-links li {
    width: 100%;
}
.social-links a{
	width: 34px;
	height: 36px;
	display: block;
	text-indent: -99999px;
	background-position: center;
	}

  .btn-facebook {
  background: url("../images/socialmedia/fb-icon.svg") no-repeat;
      }
      .btn-twitter {
  background: url("../images/socialmedia/tw-icon.svg") no-repeat;
      }
      .btn-linkedin {
  background: url("../images/socialmedia/ln-icon.svg") no-repeat;
      }
    .btn-youtube {
  background: url("../images/socialmedia/yt-icon.svg") no-repeat;
      }
   .btn-blog {
  background: url("../images/socialmedia/blog-icon.svg") no-repeat;
      }
   .btn-googleplus {
  background: url("../images/socialmedia/gp-icon.svg") no-repeat;
      }
   .btn-weibo {
  background: url("../images/socialmedia/wechat-icon.svg") no-repeat;
   	 }
      
/*Footer*/
.bottom-footer .small-12 {
    width: 100%;
}
.bottom-footer {
    margin-top: 18px;
    position: relative;
}
  .bottom-footer .policy {
    text-align: left;
}
.bottom-footer p {
    color: #747474;
    font-size: 14px;
    margin-top: 9px;
    text-align: center;    
    font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.35;

}
 .bottom-footer .line{
    width: 100%;
    height: 2px;
    background: url("../images/bottom-line.svg");
    background-repeat: no-repeat;
}
.bottom-footer .policy {
    text-align: right;
}

.bottom-footer .address {
    text-align: left;
}

.bottom-footer .no-padd {
    padding: 0;
}

.bottom-footer .columns-policy{
    float: left;
    width: 24%;
}
.bottom-footer .columns-address{
    float: right;
    width: 28%;
}

.footer h5 {
     font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
      font-size: 24px;
      color: #ffd200;
      text-transform: none;
      line-height: 1.37;
}
.footer .titletextimage p{
    color: #B3B3B3;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
      font-size: 12px;
}
.footer .titletextimage a{
         text-decoration: none;
         color: #B3B3B3;
         font-size: 12px;
    }
    
/*Support contact*/
.footer-text-block .support-heading { 
font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #ffd200;
    line-height: 1.35;
}

.footer-text-block .footer-contactInfo {
   margin-bottom: 17px;
   line-height: 1.37;
}
.footer-text-block h5, .footer-text-block  p { 
  font-family: Helvetica Neue, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin: 0;
  color:#B3B3B3;
  line-height: 1.35;
  text-rendering: optimizeLegibility;
  text-transform: none;
}
.footer-text-block .footer-contactInfo p {
    display: inline-block;
    font-weight: 500;
  }
.footer-text-block .footer-contactInfo a {
    font-weight: bold;
    font-size: 10px;
    color: #fec309;
  }
.footer-text-block .footer-contactInfo .line-seperator {
    padding: 0 4px;
  }

.footer-text-block .footer-linkWIcons{
  font-size: 12px;
  margin-bottom: 16px;
  position: relative;  
}
.footer-text-block.footer-linkWIcons a {
    color: #B3B3B3;
  }
.footer-text-block .footer-linkWIcons .div {
    position: relative;
    display: inline-block;
  }

.footer-text-block .footer-linkWIcons .global .globalicon{
    width: 17px;
    height: 17px;
    background: url("../images/footer-globe.svg");
    left: -22px;
    top: 1px;
    background-repeat: no-repeat;
    float: left;
    padding-left: 10px;
}
.footer-text-block .footer-linkWIcons .global a{
    color: #B3B3B3;
    padding-left: 10px;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
}
.footer-text-block {
       line-height: 1.35;
}
#footer-column-center ,#footer-column-left, #footer-column-right {
    margin: 0px;
}
/* END of Footer Redesign KNAMTL-1703 */
/* vvreddv1 KNAMTL-1958 adding css for news pagination to remove background color for odd rows */
  .paginationNews tr.odd {
    background: none !important;
}

/*Email template responsive CSS*/
.grid-fullwidthEmail {
		width:950px;
		margin: 0 auto;
    	max-width: 950px;
	}
@media all and (max-width: 47.9375em) {
	.modal-header-1{
		padding: 15px 10px;
	}
	.modal-body-1{
		padding:30px 15px;
	}
	.grid-fullwidthEmail {
		width:100%;
		margin: 0 auto;
    	max-width: 950px;
	}
	.emailform .email{
		white-space:unset;
	}
	.emailform .form-style-1 .email .heading-style-19{
		width: 100%
	}
	.emailform .heading-style-17{
		font-size: 24px;
	}
	.emailform .form1-fieldset-content{
	    padding: 40px 10px 35px 10px;
	}
	
	.carbidecheckstatus .heading-style-17{
		font-size: 24px;
	}
}
.button-style-5.register.btnregister{
	float: left;
    width: 100%;
}

@media all and (max-width: 47.9375em) {            
.button-style-5.register.btnregister{
	margin: 0 auto;
    text-align: center;
    display: table;
    width: -webkit-fill-available;
   }
}

/*Responsive css for shipping container page*/
@media all and (max-width: 47.9375em) {
     .form-style-1 .text.full {
         width: 197px;
    }
	.form-style-1 .text {
         width: 195px;
    }
	.form1-input-state {
         width: 100%;
    }
	.form1-input-zip .text {
         width: 195px;
    }
	.form1-input-state .customFormElement.select {
         width: 166px;
    }
	.shippingbutton {
         display: flex;
         justify-content: center;
    }
    .carbidegreen {
    	    width: 100%;
    		margin-left: auto;
    		margin-right: auto;
    		margin-top: 0;
   			margin-bottom: 0;
    		max-width: 86.5em;
		}
     .carbidegreenbox {
    	    width: 100%!important;
    		margin-left: auto;
    		margin-right: auto;
    		margin-top: 0;
    		margin-bottom: 0;
    		max-width: 86.5em;
		}
	 .carbideshipping{
   			 margin: 4px;
		}		
}
	.carbidegreen {
    	    width: 100%;
    		margin-left: auto;
    		margin-right: auto;
    		margin-top: 0;
   			margin-bottom: 0;
    		max-width: 86.5em;
		}
     .carbidegreenbox {
    	    width: 100%;
    		margin-left: auto;
    		margin-right: auto;
    		margin-top: 0;
    		margin-bottom: 0;
    		max-width: 86.5em;
		}
	
/*Responsive checkcout css change for order conformation and login page*/
	.confirmationpage{
    	width: 90%; 
    	padding: 5px; 
    	box-sizing: border-box"
       }
    .accountconfirmation{
		display: inline-block; 
		width: 48.2%;
		margin: 0 0 0 1.2%;
       }  
@media all and (max-width: 47.9375em) {
   .confirmationpage{
    	width: 100%;
    	padding: 3px;
    	box-sizing: border-box" 
	   }
	.accountconfirmation{
		width: 100%;
    	 margin: 3px;
       }   
	.login-container-overlay-inner form a.button-style-5.login-page {
         width: 60%;
         display: flex;
         justify-content: center;
         margin-left: 10%;
    	}
	.login-container-overlay-inner form input{
         width: 90%;
    	}
    .modal-body-1-custom {
    	padding: 30px 6px;
		}		
}
/*Start of Check out order submission component*/
 .order-submission-comp .col {
     display: inline-block;
     margin: 0 0 0 1.6%;
}
 .order-submission-comp .span_7_of_12 {
     width: 57.66%;
}
 .order-submission-comp .span_1_of_12 {
     width: 6.866%;
}
 .order-submission-comp .span_4_of_12 {
     width: 32.26%;
}
 .order-submission-comp .head-5 {
     color: #636363;
}
 .order-submission-comp .section {
     clear: both;
     padding: 0px;
     margin: 0px;
}
 .order-submission-comp .group {
     zoom: 1;
}
 .order-submission-comp .checkoutPayment .inLine {
     display: inline-block;
     width: auto;
}
 .order-submission-comp .checkoutPayment input {
     padding: 5px;
}
 .order-submission-comp label {
     clear: both;
     display: block;
     margin-bottom: 5px;
}
 .order-submission-comp .errorMessage{
     display: none;
     color: #D53A3A;
     font-style : oblique;
     margin-bottom : 10px;
     padding-left : 20px;
     clear : both;
     min-height : 20px;
     padding-top : 5px;
     background : url("/etc/designs/kennametal/images/error-message-icon.svg") 2px 2px no-repeat;
}
 .order-submission-comp .button-style-5.fullWide {
     float : none;
     text-align : center;
}
 .order-submission-comp .head-5{
     color : #636363;
}
 .order-submission-comp .overlay{
     position: relative;
}
 .order-submission-comp .loading-overlay{
     display: none;
     position:absolute;
     top:0px;
     left:0px;
     width: 100%;
     height: 20px;
     background-color: #000;
     opacity: 0.7;
     filter: alpha(opacity=70);
}
 .order-submission-comp .overlay-spinner{
     text-align:center;
     background: #B3B3B3 url("/etc/designs/kennametal/images/loading-spinner.gif") center no-repeat;
     background-size: 5%;
     width: 100%;
     height: 100%;
}
 .order-submission-comp a[disabled], a[disabled]:hover {
     pointer-events: none;
}
 @media all and (max-width: 47.9375em) {
     .order-submission-comp .span_7_of_12 {
         width: 100%;
    }
     .order-submission-comp .span_4_of_12 {
         width: 96%;
    }
     .order-submission-comp .col {
         display: inline-block;
         margin: 0 0 0 0;
    }
     .order-submission-comp .button-style-5.fullWide {
         text-align: center;
         display: table;
         width: 91%;
         margin-right: 6px;
    }
     .cartcheckout{
         margin-right: 10px;
    }
    
    /*Changes for order tracking component button*/
    .order-history-comp .search-orders .button-style-8 {
    	    margin-bottom: 10px;
    }
}
/*End of Check out order submission component*/
  /*Responsive css change for carbide confimation*/
 @media all and (max-width: 47.9375em) {
     .carbideconfirmation {
    	    width: 100%;
    		margin-left: auto;
    		margin-right: auto;
    		margin-top: 0;
   			margin-bottom: 0;
    		max-width: 86.5em;
		}
     .carbideconfirmationpage {
    	    width: 100%!important;
    		margin-left: auto;
    		margin-right: auto;
    		margin-top: 0;
    		margin-bottom: 0;
    		max-width: 86.5em;
		}
      .ticket {
    	 width: 60%;
         display: flex;
         justify-content: center;
         margin-left: 10%;
        }
      .carbideconfirmationtext{
		 margin-left: 22px;
          }
      .carbibeconfirmpage{
          margin: 4px;
         }
/*Responsive css for get pricing page*/
	.quote-total {
    	margin: 20px 0 0 -24px;
	}
}
	 .carbideconfirmation {
    	    width: 100%;
    		margin-left: auto;
    		margin-right: auto;
    		margin-top: 0;
   			margin-bottom: 0;
    		max-width: 86.5em;
		}
     .carbideconfirmationpage {
    	    width: 100%!important;
    		margin-left: auto;
    		margin-right: auto;
    		margin-top: 0;
    		margin-bottom: 0;
    		max-width: 86.5em;
		}
 /*  Adding css to checkout siptodate update symbol*/	
	.loading-overlay-checkshipdate {
    position: absolute;
    width: 17%;
    height: 60px;
    background-color: #000;
    opacity: 0.7;
		}
	.loading-overlay-checkshipdate .overlay-spinner {
    text-align: center;
    background: #B3B3B3 url(/etc/designs/kennametal/images/loading-spinner.gif) center no-repeat;
    background-size: 20%;
    width: 100%;
    height: 100%;
		}