@charset "UTF-8";
/* CSS Document */

.yatay{
    width: 100%;
    height: auto;
}
.dikey{
    width: auto;
    height: 100%;   
}
body {  
    margin: 0px;
    padding: 0px;
    text-align: center;
	background-image: url("../images/static-bkgd.jpg");
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
@media (max-width:767px){
	body{
		background-image: none;
		background-color: white;
	}
}
img {
    max-width: 100%;
    height: auto !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
td img {
    /*max-width:none;*/
    min-width: 100px;
}
.news-wrap td img {
    /*max-width:none;*/
    min-width: 0px;
}
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
 *overflow: visible;  /* 4 */
}
.contact-us input[type="text"], .contact-us textarea, .contact-us input.formBoxWide, .contact-us textarea.formBoxWide {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 98%;
    display: block;
    width: 98%;
}
.contact-us select {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 98%;
    display: block;
}
table {
    width: 100% !important;
    height: auto !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
tbody, tr, th, td {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a.tel {
    text-decoration: none !important;
}
#outerTop {
    margin: 0px;
    padding: 0px;
    text-align: center;
    min-height: 88px;
    background: #000 url(../images/bkgd_top.jpg) repeat-x top;
	    width: 100%;
	position: fixed;
	z-index: 100;
}
#outer {
   -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px auto;
    /*padding: 0px 14px 0px 0px;
	max-width: 958px;*/
    padding: 0px 0px 0px 0px;
    max-width: 972px;
    background: url(../images/bkgdInner.png) repeat-y center;
	padding-top: 84px;
}
#home #outer {
	background: url(../images/bkgdInner3.png) repeat-y center;
}
#outerBot {
    margin: 0px auto;
    padding: 0px 14px;
    max-width: 944px;
    background: url(../images/footer.png) no-repeat center top;
}
#header {
    margin: 0px auto;
    padding: 0px;
    max-width: 944px;
    text-align: left;
}
#header #logo {
    max-width: 300px;
    float: left;
}
#header #topNav, #header #searchBar {
    max-width: 640px;
    float: right;
    padding: 10px 0px 0px;
    text-align: right;
}
#header #topNav ul {
    margin: 0px 3px 0px 0px;
    padding: 0px;
}
#header #topNav li {
    margin: 0px;
    padding: 0px 0px 0px 10px;
    display: inline;
    font: bold 10px/normal Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #888;
}
#header #topNav a:link, #header #topNav a:visited {
    color: #FFF;
    text-decoration: none;
}
#header #topNav a:hover {
    color: #F00;
    text-decoration: underline;
}
li.red-bullet {
    color: #F00!important;
}
#header #searchBar .col1 {
    float: right;
    margin: 5px 0px 0px;
    background: url(../images/searchParts.png) no-repeat left 1px;
    padding: 0px 0px 0px 125px;
}
#header #searchBar .col2 {
    float: right;
    background: url(../images/searchSite.png) no-repeat left 1px;
    padding: 0px 0px 0px 112px;
    margin: 5px 0px 0px 15px;
}
#header #searchBar select.searchBarDD {
    font: 10px/normal Arial, Helvetica, sans-serif;
}
#header #searchBar input.searchBarTXT {
    font: 10px/normal Arial, Helvetica, sans-serif;
    margin: 0px 3px;
    padding: 2px;
    height: 12px;
    width: 110px;
}
#header #searchBar input.searchBarBTN {
    font: 10px/normal Arial, Helvetica, sans-serif;
}
#leftColumn {
    margin: 0px;
    padding: 0px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 22.42798%; /*218/972*/
    width: 218px;
    float: left;
    text-align: left;
    font: bold 10px/normal Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
#leftColumn .nav-top {
    background: url(../images/nav-top.png) no-repeat right top;
}
#leftColumn .nav-top ul {
    margin: 0px;
    padding: 10px 12px 0px 14px;
}
#leftColumn .nav-top li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#leftColumn .nav-top a:link, #leftColumn .nav-top a:visited, #leftColumn .nav-top a:hover {
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 5px 8px 10px 10px;
    background: url(../images/nav-line1.png) no-repeat center bottom;
}
#leftColumn .nav-top a:link, #leftColumn .nav-top a:visited {
    /*color: #036;*/
    color: #333;
}
#leftColumn .nav-top a:hover {
    color: #FFF;
    background: #000 url(../images/nav-line1.png) no-repeat center bottom;
}
#leftColumn .nav {
    background: url(../images/nav-bkgd.png) repeat-y right;
}
#leftColumn .nav ul.off {
    background: url(../images/nav-capOff.png) no-repeat top;
    padding-top: 48px;
}
#leftColumn .nav ul {
    margin: 0px;
    padding: 0px 12px 0px 14px;
}
#leftColumn .nav li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#leftColumn .nav a:link, #leftColumn .nav a:visited, #leftColumn .nav a:hover {
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 5px 8px 10px 10px;
    background: url(../images/nav-line2.png) no-repeat right bottom;
}
#leftColumn .nav a:link, #leftColumn .nav a:visited {
    color: #333;
}
#leftColumn .nav a:hover {
    color: #FFF;
    background: #555 url(../images/nav-line2.png) no-repeat center bottom;
}
#leftColumn .nav a.on {
    color: #FFF;
    background: #37A url(../images/nav-line2.png) no-repeat center bottom;
}
#leftColumn .nav-bot {
    background: url(../images/nav-footer.png) no-repeat right top;
}
#leftColumn #socialBox {
    margin: 0px 0px 0px 17px;
    padding: 0px;
    clear: both;
    width: 185px;/*height: 44px;*/
}
ul#social {
    /*height: 44px;*/
    width: 200px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul#social li {
    display: inline;
}
ul#social li a, ul#social li span {
    height: 31px;
    float: left;
    text-indent: -9999px;
    outline: none;
}
ul#social li#twitter a {
    width: 31px;
    background: url(../images/social-twitter.png) no-repeat 2px 0px;
}
ul#social li#facebook a {
    width: 31px;
    background: url(../images/social-facebook.png) no-repeat 2px 0px;
}
ul#social li#google a {
    width: 31px;
    background: url(../images/social-google.png) no-repeat 2px 0px;
}
ul#social li#linkedin a {
    width: 31px;
    background: url(../images/social-linkedin.png) no-repeat 2px 0px;
}
ul#social li#blog a {
    width: 31px;
    background: url(../images/social-blog.png) no-repeat 2px 0px;
}
ul#social li#youtube a {
    width: 31px;
    background: url(../images/social-youtube.png) no-repeat 2px 0px;
}
/*-------------------------------*/

ul.social {
    /*height: 44px;*/
    width: 200px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.social li {
    display: inline;
}
ul.social li a, ul.social li span {
    height: 31px;
    float: left;
    text-indent: -9999px;
    outline: none;
}
ul.social li.twitter a {
    width: 31px;
    background: url(../images/social-twitter.png) no-repeat 2px 0px;
}
ul.social li.facebook a {
    width: 31px;
    background: url(../images/social-facebook.png) no-repeat 2px 0px;
}
ul.social li.google a {
    width: 31px;
    background: url(../images/social-google.png) no-repeat 2px 0px;
}
ul.social li.linkedin a {
    width: 31px;
    background: url(../images/social-linkedin.png) no-repeat 2px 0px;
}
ul.social li.blog a {
    width: 31px;
    background: url(../images/social-blog.png) no-repeat 2px 0px;
}
ul.social li.youtube a {
    width: 31px;
    background: url(../images/social-youtube.png) no-repeat 2px 0px;
}
#qualityLinks {
    display: block;
    margin: 0px;
    padding: 5px 10px 5px 22px;
    clear: both;
    font: bold 10px/normal Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
#qualityLinks ul {
    display: block;
    margin: 0px;
    padding: 3px 0px 0px;
    background: url(../images/nav-line2.png) no-repeat right top;
}
#qualityLinks li {
    display: block;
    margin: 0px;
    padding: 3px 0px 8px;
    list-style: none;
    background: url(../images/nav-line2.png) no-repeat right bottom;
}
#qualityLinks a:link, #qualityLinks a:visited {
    text-decoration: none;
    color: #333;
}
#qualityLinks a:hover {
    text-decoration: none;
    color: #C00;
}
#content {
    margin: 0px;
    /*padding: 20px 40px 10px 0px;
	width: 644px;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 40px 10px 0px;
    /*margin-right:40px;*/
    width: 70.37037%; /*684/972*/
    text-align: left;
    float: right;
    font: 12px/18px Arial, Helvetica, sans-serif;
}
#content .content-nested-left {
    float: left;
    width: 58.47953%; /*400/684*/
}
#content .content-nested-right {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 26.31576%;/*180/684*/
}
#content .content-nested-left-REV {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 29.23976%;/*200/684*/
}
#content .content-nested-right-REV {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 58.47953%; /*400/684*/
}
#content .content-nested-left-half {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 43.85964%;/*300/684*/
}
#content .content-nested-right-half {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 43.85964%;/*300/684*/
}
#footer-top {
    background-color: #326DA9;
    display: none;
    color: #FFF;
    padding: 10px;
    line-height: 1;
}
#footer-top:after {
    content: "";
    display: table;
    clear: both;
}
#footer-social {
    display: none;
    float: left;
}
#footer-top a.tel {
    color: #FFF;
    font-size: 16px;
    font-family: 'Electrolize', Arial, Helvetica, sans-serif;
}
#footer {
    margin: 0px;
    padding: 15px 14px 0px;
    text-align: left;
    font: bold 11px/18px Arial, Helvetica, sans-serif;
    /*text-transform: uppercase;*/
    color: #FFF;
}

#footer span.title {
    font: bold 14px/18px Arial, Helvetica, sans-serif;
    color: #F00;
    padding: 0px;
}
#footer span.red {
    color: #F00;
    padding: 0px 10px;
}
#footer span.nowrap {
    white-space: nowrap;
}
#footer p.copyright {
    color: #999;
    font: bold 10px/18px Arial, Helvetica, sans-serif;
    padding: 0px 0px 5px;
    margin: -5px 0px 0px;
}
#footer a:link, #footer a:visited {
    color: #999;
    text-decoration: none;
}
#footer a:hover {
    color: #F00;
    text-decoration: underline;
}
#footer a.tel:link, #footer a.tel:visited, #footer a.tel:hover {
	text-decoration: none !important;
	color: #FFF;
}
.footer-pdf {
    text-transform: none;
    font-style: italic;
    color: #FFF!important;
    margin-right: -14px;
}
span + .footer-pdf {
    margin-left: 13px;
}
/*---------------------------------------------*/
/*MOBILE HEADER---------------------------------------------*/
.mobile-header {
    display: none;
    height: 65px;
    position: fixed;
    width: 100%;
    background-color: #000;
    background: #000 url(../images/bkgd_top.jpg) repeat-x top;
    z-index: 1000;
    top: 0;/* text-align: center; */
}
.logowrap {
    max-width: 250px;
    margin: 11px auto 0;
    text-align: center;
    float: left;
}
.logowrap p {
    padding: 0;
    color: #EC1F26;
}
.ToggleMenu.Open {
    width: 40px;
    height: 40px;
    margin-top: 6px;
    float: left;
    background-image: url(../images/responsive/open-menu-button.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px;
}
.ToggleSubMenu.Open {
}
.ToggleRight.Open {
    width: 40px;
    height: 40px;
    margin-top: 6px;
    float: right;
    /*background-image: url(../images/responsive/open-search-button.png);*/
    background-image: url(../images/responsive/open-products-button.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-right: solid 1px #666;
    background-size: 40px;
}
.ToggleSearch.Open {
    width: 40px;
    height: 40px;
    margin-top: 6px;
    float: right;
    background-image: url(../images/responsive/open-search-button.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px;
}
.ToggleMenu.Close, .ToggleSubMenu.Close, .ToggleRight.Close, .ToggleSearch.Close {
    width: 50px;
    height: 50px;
    padding: 10px;
    background-image: url(../images/responsive/close-menu-button.png);
    background-repeat: no-repeat;
}
.ToggleMenu.Close {
    background-position: right center;
    float: right;
}
.ToggleSubMenu.Close, .ToggleRight.Close, .ToggleSearch.Close {
    background-position: left center;
    float: left;
}
.SideMenu {
    clear: both;
    margin-bottom: 0 !important;
}
.sidr {
    padding-bottom: 45px;
}
.sidr ul li {
    display: block;
    margin: 0;
    padding: 0;
    font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 1.4;
    text-align: left;
    text-transform: capitalize;
}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
    border-top: none;
    line-height: 1.4;
}
.sidr ul li a, .sidr ul li span {
    padding: 10px 15px;
    display: block;
    text-decoration: none;
}
.SideMenu .SubNav {
    display: none;
}
.SubNav .head {
    font-size: 14px;
    font-weight: 700;
}
.SideMenu .SubNav2 {
    border: none !important;
}
.MainLink {
    padding-left: 10px !important;
}
li.active .MainLink {
    background-image: url(../images/responsive/sidelinks-close.png);
    color: #0099a8;
}
.SubNav li:hover {
    border: none !important;
}
.smallmenu {
    text-align: left;
    font-size: 0.867em;
    border: none !important;
    border-top: 5px solid #326DA9 !important;
}
.smallmenu li {
    padding: 0;
    line-height: 32px !important;
    font-size: 15px !important;
    border: none !important;
}
.smallmenu li a {
    padding: 0 0 0 24px !important;
}
.sidr .searchSite {
    clear: both;
    padding-bottom: 20px;
    text-align: left;
}
.sidr .searchSite label {
    margin: 0 0 10px;
    font: 400 18px/18px "PT Sans Narrow", Arial, Helvetica, sans-serif;
    color: #FFF;
}
.sidr .searchSite input.searchBox {
    margin: 10px auto;
    padding: 4px;
    border: solid 1px #CCC;
    background: #FFF;
    width: 100%;
    font: 400 14px/20px "PT Sans Narrow", Arial, Helvetica, sans-serif;
    color: #666;
}
.sidr .searchSite input.searchBtn, .sidr .searchSite input.searchBtn:hover {
    margin: 0px;
    padding: 10px 20px;
    cursor: pointer;
    color: #FFF;
    background: #326DA9;
    border: solid 1px #326DA9;
    font-weight: 700;
    font-size: 14px;
}
.sidr .sideBarCTA {
    color: #FFF;
    padding-top: 20px;
}
.sidr .sideBarCTA p {
    padding: 0px 15px 10px;
    font: 300 16px/20px 'Lato', Arial, Helvetica, sans-serif;
}
.sidr .sideBarCTA p.title {
    font: 400 20px/20px 'Lato', Arial, Helvetica, sans-serif;
    color: #7A8AA1;
}
.sidr .sideBarCTA a {
    text-decoration: none;
    color: #FFF;
    font: 400 16px/22px 'Lato', Arial, Helvetica, sans-serif; /*display: block; text-align: center;*/
}
.sidr .sideBarCTA .tel {
    font-size: 20px;
}
/*END SIDR----------------------------------------*/

.scrollable-table {
    max-width: 100%;
    overflow: auto;
}
table.productCatalog td {
    vertical-align: top;
}
#rfqDIV {
    margin: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}
#rfqDIV iframe {
    margin: auto;
}
/*Product Catalog--------------------------*/
.homeproducts.products-wrap {
    display: none;
}
.products-wrap {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 -.73099%; /*5/684*/
}
.products-wrap:after {
    content: "";
    display: table;
    clear: both;
}
.product {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 31.87134%;/*218/684*/
    text-align: center;
    margin: 0 .73099% 10px; /*5/684*/
    float: left;
}