/* ---------------------------------------------------------------------
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: 5-20-15
   This allows the modal window for the Services CTA component to fill the screen on mobile devices.
*/

@media only screen 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 */.new

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;
}

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

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

td {
    padding: 5px;
}
/* vvreddv1-GREQ0613803 replacing nimbus-sans and nimbus-sans-condensed with futura-pt.*/
h1 {
    font-family: "futura-pt", Arial, Helvetica, sans-serif;
    font-size: 22px;
    margin-bottom: 17px;
    font-weight: bold;
}

h2 {
    font-family: "futura-pt", 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: 11px;
    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;
   max-width: 950px;
   margin: 0 auto;
}
.grid-fullwidthpdp {
    width: 950px;
    margin: 0 auto;
}
@media only screen and (max-width: 47.9375em){
.grid-fullwidthpdp {
   width: 100%;
 }
 .grid-fullwidth {
    width: 100%;
    padding-left: 1%;
}
.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 only screen 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(/content/dam/kennametal/widia/common/gui/wid-stripe.png) repeat-x; */
    /*background: url(../images/header-stripes.png) repeat-x;*/
    
}

.global.header{
	background: #1C1C1C url(../images/wid-brand-stripe.png) center top repeat-x;
	height: 98px;
}
.logo-link{

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

.header-mid-content img{
    float:left;
}
.off-canvas-responsive{
	position: relative;
	left: 20px;
}
.personal-options {
    overflow: visible;
    height: 30px;
    background: url(../images/wid-brand-stripe-triangle.png) 40px 10px no-repeat;
    /*overflow: hidden;
    height: 30px;*/
}
.lisec{
	float: right;
	width: 110px;
	margin-top: 25px;
}
.site-language {
    float: left;
}
.language_dropdown{
	display: none;
	position: absolute;
	z-index: 10;
	background: #373737;
	top: 35px;
	width: 115px;
	right: 0px;
	padding-left: 15px;
	padding-top: 10px;
	list-style: none;
}
.language_dropdown li{
	margin-bottom: 5px;
	color: #CFCFCF;
	line-height: 2.5em;
}
.language_dropdown li a{
	color: #cfcfcf;
	font-size: 13px;
	font-weight: 300;
	text-decoration: none;
}
.language_dropdown li a:hover{
	color: #007836;
}
.login-container {
    float: right;
    margin: 6px 0 10px 6px;
    position: relative;
	list-style: none;
}
.login-container img {
	padding-top: 3px;
}
.login-container a.langSwitcher, .login-container a.langSwitcher:hover{
	font-size: 13px;
	font-weight: 300;
	padding: 8px 8px 8px 25px;
	background: url(../images/language-menu.svg) 5px 50% no-repeat;
	color: #CFCFCF;
	text-decoration: none;
	line-height: 1.3em;
	position: relative;
	top: 12px;
	width:87px;

}
.login-container a.langSwitcher:after, .login-container a.langSwitcher.langSwitcherUp:after{
	content: ".";
	padding-right: 20px;
	color: #373737;
}
.login-container a.langSwitcher:after{
	background: url(../images/language-menu-down.svg) 100% 50% no-repeat;
}
a.langSwitcher.langSwitcherUp, a.langSwitcher.langSwitcherUp:hover{
	background-color: #373737;
}
.login-container a.langSwitcher.langSwitcherUp:after{
	background: #373737 url(../images/language-menu-up.svg) 100% 50% no-repeat;
}
.logo {
    display: block;
    background: url(../images/widia-logo-reverse.svg) no-repeat;
    width: 122px;
    height: 41px;
						
    text-indent: -99999px;
    float: left;
}

.search-bar {
/* 	float: left; */
/*     margin: 22px 0 0 0; */
	width: 100%;
    overflow: hidden;
}

.site-search {
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
				 
/*     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; */
/* float: left; */
height: 24px;
font-size: 11px;
line-height: 24px;
width: 100%;
display: block;
}

.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;
}



.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: 10px 0 32px;
}

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

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

.footer {
    background: #007836;
    color: #ccc;
    padding-bottom: 25px;
}

.footer-head {
    position: relative;
}

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

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

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

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

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

.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 0;
    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 {
	font-family: "futura-pt", Arial, Helvetica, sans-serif;
    color: #E0E0E0;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 12px;
}
.footer .chat-foot{
	line-height: 1.4em;
	color:#A4A4A4;
}
.footer .chat-foot h6{
	padding-right:25px;
	background: URL(../images/chatSymbol.svg) right center no-repeat;
	display: inline;
	color: #FFFFFF;
}
.footer p7{
	color:#A4A4A4;1
}
.footerPrivacy{
	font-family: "futura-pt", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F0F0F0;
	letter-spacing: 0;
	border-top: solid 1px rgba(255,255,255,0.9);
    padding: 12px 0;
}
/* ---------------------------------------------------------------------
    MAIN NAVIGATION
------------------------------------------------------------------------ */
.global-nav {
	float:left;
}

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

.header .search-bar {
/*     margin-bottom: 23px; */
}

.nav > ul > li {
    position: relative;
    display: block;
    float: left;
    margin-bottom: 0;
	padding: 0 7px 0 0;
}

.nav > ul > li > a {
    margin: 20px 0 0 0;														   
    padding: 10px;
    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 {

}

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

.nav > ul > li.last{
    /*width:17.4%;*/
}

.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: #373737; 
    padding: 12px;
    width: 244px;
    font-weight: normal;
    z-index: 10;
}

.nav ul li.search-menu a{
	padding-right:25px;
	background: URL(../images/search-icon-green.svg) 93% 50% no-repeat;
}
.nav ul li.search-menu ul {
	padding: 5px;
	background: unset;
}
.nav .nav-support + ul {
    width: 160px;
}

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

.nav ul li:hover a {
    background: #373737;
    color: #FFF;
}
.nav ul li ul.sub-menu a:hover{
	color:#007836;
	background: URL(../images/search-small.svg) 93% 50% no-repeat;
}
.nav ul li ul a {
    display: block;
    padding: 8px 27px;
    margin-bottom: 1px;
    text-decoration: none;
    font-weight: 300;
    font-size:13px;
}

.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.search-menu:hover a{
	background: #007836 URL(../images/search-small.svg) 93% 50% no-repeat;
}

/*.nav ul li.search-menu:hover ul{
	background-color: #007836;
}
.nav ul li.search-menu:hover ul{
	width:650px;
}*/
.nav ul li.top-menu:hover ul {
    left: 0;
    top: 50px;
}

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

.nav ul li .searchboxdiv.displayWidiaSearch{
        width:650px;
        left:auto;
        background-color: #007836;
        right:7px;
    }

/* ---------------------------------------------------------------------
    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: 13px;
    font-family: "futura-pt", sans-serif;
    font-weight: 300;
}

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

.link-style-2 li {
    margin-bottom: 0;
	line-height: 1.5em;
}

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

.link-style-3 {
    display: block;
    font-family: "futura-pt", 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: #98AF81;
    font-size: 11px;
    line-height: 1.2;
    text-decoration: none;
}

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

.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: "futura-pt", Arial, Helvetica, sans-serif;
    font-size: 38px;
    text-transform: uppercase;
    margin-bottom: 17px;
}

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

.heading-style-2 {
    font-family: "futura-pt", Arial, Helvetica, sans-serif;
    font-size: 28px;
    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: "futura-pt",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: "futura-pt",sans-serif;
    font-size: 19px;
    color: #fff;
    font-weight: bold;
    margin: 0 0 6px 0;
    text-transform: uppercase;
}
.footer-content .heading-style-5, .footer-content h2{
	font-family: "futura-pt", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#ffffff;
	letter-spacing: 0;
	font-weight: 300;
    margin: 0 0 10px 0;
}
.footer-content .heading-style-26{
	font-family: "futura-pt", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 0;
	line-height: 12px;
}

.footer-content .supportcontact li{
	color: #C1C1C1;
}
.heading-twitter {
    background: url(../images/twitter-feed.png) no-repeat 0 0;
    padding: 1px 0 0 20px;
}

.heading-style-6 {
    font-family: "futura-pt",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: "futura-pt", Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 0 0 6px;
    font-weight: normal;
    color: #333333;
}

.heading-style-8 {
    font-family: "futura-pt",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: "futura-pt",sans-serif;
    color: #999;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom:0;
    font-weight: normal;
    text-align:center
}

.heading-style-9 {
    font-family: "futura-pt",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: "futura-pt",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: "futura-pt",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: "futura-pt", Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-bottom: 17px;
    font-weight: normal;
}

.heading-style-14 {
    font-family: "futura-pt", 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: "futura-pt", 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: "futura-pt", 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: "futura-pt", 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: "futura-pt", 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: "futura-pt", 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: "futura-pt", Arial, Helvetica, sans-serif;
    font-size: 22px;
    margin: 0 0 12px;
    font-weight: normal;
}

.heading-style-23 {
    font-family: "futura-pt", 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: "futura-pt",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: "futura-pt", Arial, Helvetica, sans-serif;
}


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

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

.breadcrumb a{
    text-decoration: none;
}

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


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

.login {
    /* width: 112px; */
    height: 20px;
    line-height: 20px;
    
}

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

.login-text {
    color: #fff;
    text-indent: -9999em;
    float: left;
}

.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/new-twitter.svg) no-repeat;
    width: 30px;
    height: 24px;
    display: block;
    text-indent: -99999px;
    background-size: contain;
}

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

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

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

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

.btn-weibo {
/*     background: url(../images/weibo.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 -- GREEN GRADIENT NO RADIUS */

.button-style-1 {
    border: 1px solid #167d3d;
    background: #6aae83;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2YyZDc2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWMxMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #6aae83 1%, #0f7f38 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6aae83), color-stop(100%,#0f7f38));
    background: -webkit-linear-gradient(top,  #6aae83 1%,#0f7f38 100%);
    background: -o-linear-gradient(top,  #6aae83 1%,#0f7f38 100%);
    background: -ms-linear-gradient(top,  #6aae83 1%,#0f7f38 100%);
    background: linear-gradient(top,  #6aae83 1%,#0f7f38 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6aae83', endColorstr='#0f7f38',GradientType=0 );
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 15px;
    text-shadow: 1px 1px 2px #5ca677;
    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: #fff;
}

.button-style-1:hover {
    background: rgb(14,126,55);
    background: -moz-linear-gradient(top,  rgba(14,126,55,1) 0%, rgba(106,174,131,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,126,55,1)), color-stop(100%,rgba(106,174,131,1)));
    background: -webkit-linear-gradient(top,  rgba(14,126,55,1) 0%,rgba(106,174,131,1) 100%);
    background: -o-linear-gradient(top,  rgba(14,126,55,1) 0%,rgba(106,174,131,1) 100%);
    background: -ms-linear-gradient(top,  rgba(14,126,55,1) 0%,rgba(106,174,131,1) 100%);
    background: linear-gradient(top,  rgba(14,126,55,1) 0%,rgba(106,174,131,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 -- GREEN GRADIENT WITH RADIUS - CENTERED TEXT */

.button-style-5 {
    display: block;
    border: 1px solid #167D3D;
    background: #0f7f38;
    background: -moz-linear-gradient(top,  #6aae83 1%, #0f7f38 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6aae83), color-stop(100%,#0f7f38));
    background: -webkit-linear-gradient(top,  #6aae83 1%,#0f7f38 100%);
    background: -o-linear-gradient(top,  #6aae83 1%,#0f7f38 100%);
    background: -ms-linear-gradient(top,  #6aae83 1%,#0f7f38 100%);
    background: linear-gradient(top,  #6aae83 1%,#0f7f38 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 #5CA677;
}

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

.button-style-5:hover {
    background: rgb(106,174,131);
    background: -moz-linear-gradient(top,  rgba(14,126,55,1) 0%, rgba(106,174,131,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,126,55,1)), color-stop(100%,rgba(106,174,131,1)));
    background: -webkit-linear-gradient(top,  rgba(14,126,55,1) 0%,rgba(106,174,131,1) 100%);
    background: -o-linear-gradient(top,  rgba(14,126,55,1) 0%,rgba(106,174,131,1) 100%);
    background: -ms-linear-gradient(top,  rgba(14,126,55,1) 0%,rgba(106,174,131,1) 100%);
    background: linear-gradient(top,  rgba(14,126,55,1) 0%,rgba(106,174,131,1) 100%);
}

.button-style-5.order-online {
    width: 184px;
    height: 33px;
    line-height: 33px;
    font-size: 13px;
    color: #fff;
}

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

.button-style-6 {
    display: block;
    border: 1px solid #157b39;
    background: #6aae83;
    background: -moz-linear-gradient(top,  #6aae83 1%, #0f7f38 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6aae83), color-stop(100%,#0f7f38));
    background: -webkit-linear-gradient(top,  #6aae83 1%,#0f7f38 100%);
    background: -o-linear-gradient(top,  #6aae83 1%,#0f7f38 100%);
    background: -ms-linear-gradient(top,  #6aae83 1%,#0f7f38 100%);
    background: linear-gradient(top,  #6aae83 1%,#0f7f38 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: #fff;
}

.button-style-6:hover {
    background: rgb(14,126,55);
    background: -moz-linear-gradient(top,  #0f7f38 0%, #6aae83 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10467b), color-stop(99%,#6aae83));
    background: -webkit-linear-gradient(top,  #0f7f38 0%,#6aae83 99%);
    background: -o-linear-gradient(top,  #0f7f38 0%,#6aae83 99%);
    background: -ms-linear-gradient(top,  #0f7f38 0%,#6aae83 99%);
    background: linear-gradient(top,  #0f7f38 0%,#6aae83 99%);
}

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

.button-style-6.icon-email:hover {
    border: 1px solid #4db67d;
    background: rgb(127,217,168) url(../images/icon-email.png) no-repeat 12px 4px;
    background: url(../images/icon-email.png) no-repeat 12px 4px, -moz-linear-gradient(top,  rgba(127,217,168,1) 0%, rgba(114,195,151,1) 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(127,217,168,1)), color-stop(100%,rgba(114,195,151,1)));
    background: url(../images/icon-email.png) no-repeat 12px 4px, -webkit-linear-gradient(top,  rgba(127,217,168,1) 0%,rgba(114,195,151,1) 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -o-linear-gradient(top,  rgba(127,217,168,1) 0%,rgba(114,195,151,1) 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, -ms-linear-gradient(top,  rgba(127,217,168,1) 0%,rgba(114,195,151,1) 100%);
    background: url(../images/icon-email.png) no-repeat 12px 4px, linear-gradient(top,  rgba(127,217,168,1) 0%,rgba(114,195,151,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: "futura-pt",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;
}
/* ---------------------------------------------------------------------
    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;
}

.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: #C0E5CB!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: "futura-pt", Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin: 0 0 21px 0;
    font-weight: normal;
}

.listgrid-style-4 .alt-head {
    font-family: "futura-pt", 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: "futura-pt",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: #FFF;
    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,
.page-label span {
    float: left;
}

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

.page-numbers {
    float: left;
}

.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: "futura-pt", 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 -- */
/* --Feedback form css change-- */
.feedback .module-10.module-content {
    background: none!important;
}

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

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

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

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

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

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

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

.feedback .module-10 .button-style-5 {
    clear: both!important;
    height: 25px!important;
    line-height: 25px!important;
/*  color: #000; */
}
.feedback a.button-style-5 {
     color: #fff!important;
}
 .feedback .module-content {
     padding: 18px!important;
     border: 1px solid #ccc!important;
}
 .feedback .heading-style-11 {
     font-family: "futura-pt",sans-serif!important;
     font-size: 18px!important;
     font-weight: bold!important;
     color: #000!important;
     text-transform: uppercase!important;
}
 .feedback .select {
opacity: 0!important;

}
 .feedback .select.styled {
     position: relative;
     width: 195px;
     opacity: 0;
     filter: alpha(opacity=0);
     z-index: 5;
     height: 2.16666667rem;
}
 .feedback .sidebar-module {
     margin: 0 0 20px 0;
}
 .feedback fieldset {
     border: 0px!important;
}
 .feedback select.styled {
     position: relative;
     width: 183px;
     opacity: inherit;
     filter: alpha(opacity=0);
     z-index: 5;
     margin-bottom: 15px!important;
}
 .feedback .styled {
	 cursor: pointer;
}
#feed select {
	 background: #fcfbfb url(../images/custom-select.png) no-repeat right 0!important;
     height: 20px!important;
     padding: 0px!important;
     -webkit-appearance: none;
}
.feedback .button-style-5 {
     background: #0f7f38!important;

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

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

.wysiwyg,
#CQrte {
    clear: both;
}

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

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

.wysiwyg h3,
#CQrte h3 {
    font-family: "futura-pt", 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;
    list-style-position:inside;
}

.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:inside;
}

.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: #328b30;
}

.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: 35px 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: fixed;
    top:50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 300px;
    right: 0;
    margin: auto;
    z-index: 999;
    height: auto;
    width: 600px;
    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;
}

.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 #98AF81;
    border-bottom: 1px solid #98AF81;
    background: #328B30;
    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;
}

.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;
}

.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: 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 0 20px 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;
}

.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: #328B30;
    color: #fff;
    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: 90%;
    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 #328B30;
    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: "futura-pt", 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;
}

/* HIDE PROD SELECTOR */

.productselectorbutton {
    display:none;
}
#email1{
    display:none;
}

.loggedin-container {
    float: right;
    margin: 6px 0 0 0;
    width:500px;
    text-align: right;
}

.loggedin {
    height: 18px;
    line-height: 18px;
    text-decoration:none;
}

.loggedinwrap {

    /*height: 18px;
    line-height: 18px;*/
    float: right;
    margin-left: 10px;
    padding:3px 0;
}

.login{
}

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

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

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

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

/* 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;
}
.contact_my_email_anspt{
    display:none !important;
}

/* End of Top Banner Component */
/*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 */

/*  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; }

/*  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;
}

.nav ul li.search-menu .responsive-only {
    display: none;
}

/* REDESIGN CLASSES */
/* START of responsive column controler */
.kmt-2cols-lt0-c0 {
	width:45%;
    float:left;
}

.kmt-2cols-lt0-c1 {
	width:45%;
    float:right;
}

.kmt-2cols-lt1-c0 {
	width:21%;
    float:left;
}

.kmt-2cols-lt1-c1 {
	width:72%;
    float:right;
}

.kmt-2cols-lt2-c0 {
	width:72%;
    float:left;
}

.kmt-2cols-lt2-c1 {
	width:21%;
    float:right;
}

.kmt-4cols-lt0-c0 {
	width:22%;
    float:left;
}

.kmt-4cols-lt0-c1 {
	width:22%;
    float:left;
}

.kmt-4cols-lt0-c2 {
	width:22%;
    float:left;
}

.kmt-4cols-lt0-c3 {
	width:20.5%;
    float:left;
}
/* END of responsive column controler */
/*Service Hero*/

#outer .breadcrumb{
	margin: 0 0 5px 9px;
}

#hero{
	position: relative;
	height: 350px;
}
#hero h1, #hero h1 p {
	top:30px;
	left:20px;
	z-index: 100;
/*	font-size:2.6em;*/
	text-align: left;
}
#hero h1,#hero h3{
	font-weight: bold;
	font-style: normal;
	line-height: 1.2;	
	font-weight: 300;
	font-family: "acumin-pro", sans-serif;
}
#hero  h3 {
	display: block;
	font-size: 1.17em;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: 300;
}
#hero img{
	top:0;
	left:0;
	width: 100%;
	height: auto;
	z-index: 80;
}
#hero #ctaBox{
	z-index: 90;
	right:30px;
	bottom:40px;
	text-align: center;
	padding-bottom: 0;
}

#hero ul{
	margin:0;
}
#hero ul li{
	list-style: none;
}
#hero h1, #hero img, #hero #ctaBox{
	position: absolute;
	padding:0;
	margin:0;
}
#hero .hero-bg{
	top:0;
	left:0;
	width: 100%;
	height: auto;
	z-index: 80;
	height: 350px;
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
}
#outer{
	background: url() center center no-repeat;
	background-size: cover;
}
#hero ul li h1, #hero ul li h3, #hero ul li a{
			font-family: "acumin-pro",sans-serif;
		}
#hero #ctaBox .wd-green-btn{
	border: 1px solid #167d3d;
	background: linear-gradient(to bottom, #6aae83 0%, #0f7f38 100%);
	color: #fff;
	font-family: sans-serif;
	padding: .46em 1em;
	text-decoration: none;
	font-size: 1.6em;
}
#wrap {
	width: 100%;
	max-width: 942px;
	height: auto;
	margin: 0 auto;
}
.servicecarousel-nav-widia{
	width:300px;
	text-align: center;
	position: absolute;
	z-index: 100;
	left: 50%;
	margin-left:-150px; /* half of  width*/
	bottom: 10px
}
.servicecarousel-nav-widia a{
	background: url(/etc/designs/kennametal/clientlibs/general/hero/images/carousel-nav-sprite-widia.png) no-repeat 0 -14px;
	text-indent: -99999px;
	width: 14px;
	height: 13px;
	display: inline-block;
	margin-right: 8px;
	text-decoration: none;
}
.servicecarousel-nav-widia a.activeSlide{
	background: url(/etc/designs/kennametal/clientlibs/general/hero/images/carousel-nav-sprite-widia.png) no-repeat 0 0;
}

@media only screen and (max-width: 55.9375em) {
	#hero #ctaBox{
		bottom:90px;
	}
}
@media only screen and (max-width: 47.9375em)
{
	#outer {
    	padding: 0 5px;
	}
	#hero {
		width: 100%;
		text-align: center;
		height: auto;
		overflow: hidden;
	}
	#hero h1, #hero img, #hero #ctaBox{
		display: block;
		position: relative;
		left:0;
		top:0;
		text-align: center;	
	}
	#hero h1 br{
		display: none;
	}
	#hero img{
		height: 300px;
		width: 806px;
		left: -403px; /* half of the width */
		margin-left: 50%;
		max-width: unset;
	}
	#hero #ctaBox{
		padding-bottom: 20px;
	}
	#hero {
		text-align: center;
		min-height: 440px;
		overflow: hidden;
	}
	#ctaBox .wd-green-btn{
		font-size: 1.7em;
		display: block;
	}
	#hero .hero-bg{
		position: static;
		height:290px;
		background-size: cover;
	}
	.servicecarousel-nav-widia{
		display: none;
	}
	#hero h1{
		font-size: 2.1em;
	}
}

/* Column Featured */


#columnfeatured a:link{
    text-decoration: none;
}
#columnfeatured p {
    font-family: inherit;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 auto;
    margin-bottom: 12px;
    text-rendering: optimizeLegibility;
}

 #columnfeatured .featuredtextimage h2{
	font-weight: 300;
	font-family: "acumin-pro",sans-serif;
	font-size: 1.6em;
	color: #282828;
}
#columnfeatured  .featuredtextimage h2 b{
	font-family: "acumin-pro",sans-serif;
	font-weight: 700;
}
 #columnfeatured .featuredtextimage p{
	/* Multipurpose end mil: */
	font-family: "acumin-pro",sans-serif;
	font-size: 17px;
	color: #282828;
	text-align: left;
}
 #columnfeatured .featuredtextimage p.text-center{
	text-align: center;	
}
  #columnfeatured .featuredtextimage{
	height:100%;
	width: 100%;
	margin-bottom:-10px;
}

.featured-2cols-lt0{
	height:100%;
}
.featured-2cols-lt0-c0 {
    width: 454px;
    float: left;
}    
 .featured-2cols-lt0 > .parsys_column{
	background-position-x: right;
	background-position-y: bottom;
	background-repeat: no-repeat;
	background-size:contain;
	overflow: hidden;
	padding:10px 1% 0 1%;
	height:100%;
	min-height: 130px;
}
/*.featured-2cols-lt0 > .parsys_column:first-child{
	border-right:none;
	 border-left: 1px solid #CFCFCF;
}*/
.featured-2cols-lt0 > .parsys_column:last-child{
	float:right;
	width:455px;
}

.featured-2cols-lt0 a{
	background: url(/etc/designs/widia/images/cta-arrow.png) 100% 55% no-repeat;
	background-size: contain;
	padding-right: 30px;
	color: #222;
    text-decoration: none;
    line-height: inherit;
}


.featured-widia-2cols-lt0{
	height:100%;
}
.featured-widia-2cols-lt0-c0 {
    width: 454px;
    float: left;
}    
 .featured-widia-2cols-lt0 > .parsys_column{
	background-position-x: right;
	background-position-y: bottom;
	background-repeat: no-repeat;
	background-size:contain;
	overflow: hidden;
	border: 1px solid #CFCFCF;
	border-top:none;
	padding:10px 1% 0 1%;
	height:100%;
	min-height: 130px;
}
.featured-widia-2cols-lt0 > .parsys_column:first-child{
	border-right:none;
	 border-left: 1px solid #CFCFCF;
}
.featured-widia-2cols-lt0 > .parsys_column:last-child{
	float:right;
	width:455px;
}

.featured-widia-2cols-lt0 a{
	background: url(/etc/designs/widia/images/cta-arrow.png) 100% 55% no-repeat;
	background-size: contain;
	padding-right: 30px;
	color: #222;
    text-decoration: none;
    line-height: inherit;
}


.featured-4cols-lt0{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	overflow: hidden;
}

.featured-4cols-lt0 > .parsys_column{
	/*background-image: linear-gradient(-180deg, #FFFFFF 0%, #F4F4F4 97%);*/
	width: 25%;
	padding:10px 1% 0 1%;
	flex: 1;
}
/*  .featured-4cols-lt0 > .parsys_column:last-child{
	border-right: 1px solid #CFCFCF;
}*/
.featured-4cols-lt0 > .parsys_column .imageWrap{
	background-position-x: center;
	background-position-y: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	height:100%;
}

/*.featured-4cols-lt0 > .parsys_column:first-child {
    border-left: 1px solid #CFCFCF;
}*/

.featured-widia-4cols-lt0{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	overflow: hidden;
}
.featured-widia-4cols-lt0 > .parsys_column{
	background-image: linear-gradient(-180deg, #FFFFFF 0%, #F4F4F4 97%);
	border: 1px solid #CFCFCF;
	border-right:none;
	width: 25%;
	padding:10px 1% 0 1%;
	flex: 1;
}
.featured-widia-4cols-lt0 > .parsys_column:last-child{
	border-right: 1px solid #CFCFCF;
}
.featured-widia-4cols-lt0 > .parsys_column .imageWrap{
	background-position-x: center;
	background-position-y: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	height:100%;
}

.featured-widia-4cols-lt0 > .parsys_column:first-child {
    border-left: 1px solid #CFCFCF;
}

/* vvreddv1-GREQ0613803 Adding css for widia footer*/
.bottom-footer .line {
    width: 100%;
    height: 2px;
    background: url(../images/bottom-line.svg);
    background-repeat: no-repeat;
}
.bottom-footer .columns-policy {
    float: left;
    width: 24%;
}
.bottom-footer .policy {
    text-align: left;
    width: 300%
}
.bottom-footer .columns-address {
    float: right;
    width: 28%;
}
.bottom-footer .address {
    text-align: left;
}
.bottom-footer p {
    color: #F0F0F0;
    font-size: 14px;
    margin-top: 9px;
    text-align: center;
    font-family: "futura-pt", Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.35;
}
.footerPrivacy.bottom{
	padding: 0px;
}
.link-style-2.sub-menu{
    font-family:"futura-pt", Arial, Helvetica, sans-serif; 
}
.bottom-footer .line {
    width: 100%;
    height: 2px;
    background: url(../images/bottom-line.svg);
    background-repeat: no-repeat;
}
.grid-fullwidthEmail {
		width:950px;
		margin: 0 auto;
    	max-width: 950px;
	}
/*Email template responsive CSS*/
@media screen and (max-width: 47.9375em) {
	.form-style-1 .button-style-8 {
    float: left;
  	}
	.modal-header-1{
		padding: 15px 10px;
	}
	.modal-body-1{
		padding:30px 15px;
	}
	.grid-fullwidthEmail {
		width:100%;
	}
	.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;
	}
}
/*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;
         margin-right: 15%;                                                                                                  
    }
	.form1-input-group {
    	width: 338px;
	}
	.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;
		}
		.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 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%;
         margin-left: auto;
         margin-right: auto;
         margin-top: 0;
         margin-bottom: 0;
         max-width: 86.5em;
    }
     .carbidetest{
         margin-left: 21px;
    }
     .ticket {
         width: 60%;
         display: flex;
         justify-content: center;
         margin-left: 10%;
    }
     .carbibeconfirmpage{
         margin: 4px;
    }
     .carbideconfirmationtext{
         margin-left: 22px;
    }
	/*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%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 0;
     margin-bottom: 0;
     max-width: 86.5em;
}