body {
   background-color:#003b6d;
   font-family:Arial;
   font-size: 100%;                                          /* default font size - 100% = 16px*/
}
form, body {
   margin: 0;
   padding: 0;
}
article, aside, footer, header, nav, section, main {
   display: block;
}
img {
   border: 0 none;
   max-width: 100%;                                          /*to optimize full width of its parent element*/
}
.ie8 img {
   max-width:none;
}
address {
   font-style: normal;                                          /* To Neutralize Default Italic Style To Normal Style */
}
ul, dl, h1, h2, h3, p {
   margin: 0;
}
.ctr {
   text-align:center;
}
.clr {
    clear: both;
}

/* =============================================================================
   Default Style
* ============================================================================= */
a {
   color: #1540bf;
   text-decoration: underline;
}
a:hover {
   color: #1540bf;
   text-decoration: none;
}
p {
   padding-bottom: 1em;                                                       /* Base Font = 16px >>> 16px /16px = 1em */
}
ul {
   padding:0 0 0.9375em 0;                                                  /* Base Font = 16px >>> 15px /16px = 0.9375em */
   list-style:none;
}
ul li {
    background: url(/images/bullet-img.jpg) no-repeat left 0.285714em;
    padding: 0 0 0.642857em 1em;
}
dt, dd {
    display: block;
    margin: 0;
}
.clearfix:before, .clearfix:after, .inner-wrap:before, .inner-wrap:after {
   content:"";
   display:table;
}
.clearfix:after, .inner-wrap:after {
   clear:both;
}
/* ====================== Swap image gallery styles for manufacturers pages ============================ */
#imggal {
width: auto; 
text-align:center;
}
#imggal ul {
padding:0;
margin:0.9375em 0 0 0;                               /* Base Font = 16px >>> 15px 0 0 0/16px = 0.9375em 0 0 0 */
}
#imggal li {display: inline; 
background: none;
padding:0 0.1875em 0 0;                              /* Base Font = 16px >>> 0 3px 0 0/16px = 0 0.1875em 0 0 */}
#imggal #main-img {
border: 1px solid #cccccc;
}
#imggal ul li img {
border: 1px solid #cccccc !important;
}
#imggal ul li img:hover {
cursor: pointer;}
.no-border img {    border: medium none !important;}


/* =============================================================================
   SMALL SCREEN STYLES [MOBILE] START
*  ============================================================================= */


/* =============Header Area Start============================ */


header {
   border-top: 7px solid #00316d;
   background-color:#ffffff;
   text-align: center;
}

.inner-wrap {
   margin: 0 auto;
   max-width: 60em;                                                    /* Base Font = 16px >>> 960px / 16px = 60em */
}


.header-logo {
    display: inline-block;
    max-width: 19.9375em;                                    /* Base Font = 16px >>> 319px / 16px = 19.9375em */
    margin: 0.8125em 0 0 0.3125em;                              /* Base Font = 16px >>> 13px 0 0 5px / 16px = 0.8125em 0 0 0.3125em */
    width: 80%;                                             /* 80% width of it's container */
}

.header-logo > img {
    display: block;
}

/* =============Right Header (Utility) Start here=========== */


.header_right {
    padding: 0.1875em 0 0 0;                                 /* Base Font = 16px >>> 3px 0 0 0 / 16px = 0.1875em 0 0 0 */
}
.header_phone {
   margin-bottom: 0.4210526315789474em;                                    /* Base Font = 19px >>> 8px / 19px = 0.4210526315789474em */
}
.header_phone span {
   color:#333333;
   }
.header_phone span a {
   color:#333333;
   text-decoration:none;
}
.header_email img {
   max-width: 1.578947368421053em;                                 /* Base Font = 19px >>> 30px / 19px = 1.578947368421053em */
   width:87%;                                                /* 87% width of it's container */
   margin-top:0.0526315789473684em;                              /* Base Font = 19px >>> 1px / 19px = 0.0526315789473684em */
}

.utility_nav {
   color: #469ef0;
   font-size: 1.1875em;
   line-height: 1.210526315789474em;                                        /* Base Font = 19px >>> 23px / 19px = 1.210526315789474em */
   text-decoration: none;
}
.utility_nav a {
   display:inline-block;
   vertical-align:top;
}
.utility_nav a img {
   display:block;
   }
.trigger {
   margin-bottom: 0.5263157894736842em;                                    /* Base Font = 19px >>> 10px / 19px = 0.5263157894736842em */
}
/* =============Search Style Start=========================== */

.search_trigger {
   margin: 0 1.210526315789474em 0 1.789473684210526em;                    /* Base Font = 19px >>> 0 23px 0 34px / 19px = 0 1.210526315789474em 0 1.789473684210526em */
}
.search {
   background-color: #e6e9ed;
   box-shadow: 0 3px 3px #b6bbc2 inset;
   display: none;
   text-align: center;
   padding: 0.75em 0 0.4375em 0;                                            /* Base Font = 16px >>> 12px 0 7px 0 / 16px = 0.75em 0 0.4375em 0 */
}
.search form {
   background: #fbfbfb;
   border: 1px solid #aaaaaa;
   display: inline-block;
   height:1.3125em;                                                         /* Base Font = 16px >>> 21px / 16px = 1.3125em */
   vertical-align: top;
   width:14em;                                             /* Base Font = 16px >>> 224px / 16px = 14em */
}
.search_text {
   background: none;
   border: medium none;
   color: #999999;
   font-size:0.875em;               /* Base Font = 16px >>> 14px / 16px = 0.875em */
   padding:0.0714285714285714em 0.3571428571428571em 0.3571428571428571em 0.2857142857142857em;   /* Base Font = 14px >>> 1px 5px 5px 4px / 14px = 0.0714285714285714em 0.3571428571428571em 0.3571428571428571em 0.2857142857142857em */
   text-align: right;
   vertical-align: middle;
   width:11.78571428571429em;   /* Base Font = 14px >>> 165px / 14px = 11.78571428571429em */
   outline:none;
}
.search input[type="image"] {
   margin:0 0.4615384615384615em 0 0.7692307692307692em;   /* Base Font = 13px >>> 0 6px 0 10px / 13px = 0 0.4615384615384615em 0 0.7692307692307692em */
   padding-top:0.0769230769230769em;   /* Base Font = 13px >>> 1px / 13px = 0.0769230769230769em */
   vertical-align: top;
}
/* =============Top Navigation style start=================== */
#top_nav {
   background: #e6e9ed;
}
#top_nav ul {
   border-bottom:3px solid #ffffff;
   padding: 0;
}
#top_nav ul li {
   padding: 0;
   border-top: 1px solid #ffffff;
   position: relative;
   background:none;
}
li .submenu-trigger {
   background: url(/images/topnav-links-bg.jpg) no-repeat center center;
   cursor: pointer;
   height:0.5em;                        /* Base Font = 14px >>> 7px / 14px = 0.5em */
   position: absolute;
   right:19%;
   top:0.7857142857142857em;               /* Base Font = 14px >>> 11px / 14px = 0.7857142857142857em */
   vertical-align: top;
   width:0.8571428571428571em;               /* Base Font = 14px >>> 12px / 14px = 0.8571428571428571em */
}
#top_nav li ul{
   border:none;
}
.top_nav {
   display: none;
}
.top_nav a {
   color: #00316d;
   font-size:0.875em;                     /* Base Font = 16px >>> 14px / 16px = 0.875em */
   font-family: "Lato";
   line-height:1.857142857142857em;         /* Base Font = 14px >>> 26px / 14px = 1.857142857142857em */
   text-decoration: none;
}
.top_nav .has_child ul li a {
   background: none;
   padding:0;
}
.top_nav a:hover {
   color: #00316d;
   text-decoration: none;
}
.has_child div {
   display:none;
}
/* =============Banner style start=========================== */
#banner {
   background: url(/images/mobile-bg.jpg) no-repeat center top;
   background-size: cover;
   text-align: right;
}
#home_banner {
   background-color: #00316d;
   text-align: right;
}
.banner_text {
   color: #c2e1fe;
   font-family: "Lato";
   font-size:1em;         /* Base Font = 16px >>> 16px / 16px = 1em */
   line-height:1.1875em;      /* Base Font = 16px >>> 19px / 16px = 1.1875em */
    max-width:8.5625em; /* BASE FONT = 16px  >>> 137px / 16px = 8.5625em  */
    padding:0.375em 0 0.625em 0; /* BASE FONT = 16px  >>> 6px 0 10px 0 / 16px = 0.375em 0 0.625em 0  */
   display: inline-block;
   vertical-align:top;
   text-align: left;
}
.banner_text span {
   display: block;
   padding-right:2.875em;      /* Base Font = 16px >>> 46px / 16px = 2.875em */
}
.home_banner_text {
   color: #c2e1fe;
   font-family: "Lato";
   font-size:1em;   /* Base Font = 16px >>> 16px / 16px = 1em */
   line-height:1.1875em;      /* Base Font = 16px >>> 19px / 16px = 1.1875em */
   font-weight: normal;
   right: 0;
   padding:0.375em 0 0.625em 0; /* BASE FONT = 16px  >>> 6px 0 10px 0 / 16px = 0.375em 0 0.625em 0  */
   position: absolute;
   text-align: left;
   text-transform: none;
   width:8.5625em; /* BASE FONT = 16px  >>> 137px / 16px = 8.5625em  */
   top: 0;
   z-index:9999;
}
/* =============================================================================
   Slider style
* ============================================================================= */
.bx-wrapper .bx-viewport {
   /*fix other elements on the page moving (on Chrome)*/
   -webkit-transform: translatez(0);
   -moz-transform: translatez(0);
       -ms-transform: translatez(0);
       -o-transform: translatez(0);
       transform: translatez(0);
}
.bx-controls.bx-has-pager.bx-has-controls-direction {
   display: none;
}
#slider-1-wrapper {
   min-height:5.75em;            /* Base Font = 16px >>> 92px / 16px = 5.75em */
   position: relative;
}
#home_banner .inner-wrap {
    position: relative;
}
.slide1 {
   background: url(/images/slide1.jpg) no-repeat -1.5625em center;   /* Base Font = 16px >>> -25px / 16px = -1.5625em */
   background-size:cover;
   min-height:5.75em;            /* Base Font = 16px >>> 92px / 16px = 5.75em */
}
.slide2 {
   background: url(/images/slide2.jpg) no-repeat -1.5625em center;   /* Base Font = 16px >>> -25px / 16px = -1.5625em */
   background-size:cover;       
   min-height:5.75em;            /* Base Font = 16px >>> 92px / 16px = 5.75em */
}
.slide3 {
   background: url(/images/slide3.jpg) no-repeat -1.5625em center;   /* Base Font = 16px >>> -25px / 16px = -1.5625em */
   background-size:cover;
   min-height:5.75em;            /* Base Font = 16px >>> 92px / 16px = 5.75em */

}
.slide2, .slide3{
   display:none;
}
/* =============Content Area Style Start===================== */

#content-area {
   clear:both;
   font-size:1em;          /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   color: #333333;
   line-height:1.25em;   /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
   padding:0.9375em 0.9375em 0.9375em 0.9375em;   /* BASE FONT = 16px  >>> 15px 15px 15px 15px / 16px = 0.9375em 0.9375em 0.9375em 0.9375em */
}

/* =============Heading Styles=============================== */
h1{
   color:#000000;
   font-family: "Lato";
   font-size:1.5em;            /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
   font-weight:normal;
   line-height:1.125em;               /* BASE FONT = 24px  >>> 27px / 24px = 1.125em */
   padding:0 0 0.625em 0;               /* BASE FONT = 24px  >>> 0 0 15px 0 / 24px = 0 0 0.625em 0 */
}
h2{
   color:#000000;
   font-family: "Lato";
   font-size:1.375em;               /* BASE FONT = 16px  >>> 22px / 16px = 1.375em */
   font-weight:normal;
   line-height:1.136363636363636em;      /* BASE FONT = 22px  >>> 25px / 22px = 1.136363636363636em */
   padding:0 0 0.6818181818181818em 0;   /* BASE FONT = 22px  >>> 0 0 15px 0 / 22px = 0 0 0.6818181818181818em 0 */
}
h3{
   color:#000000;
   font-family: "Lato";
   font-size:1.25em;               /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
   font-weight:normal;
   line-height:1.15em;               /* BASE FONT = 20px  >>> 23px / 20px = 1.15em */
   padding:0 0 0.75em 0;               /* BASE FONT = 20px  >>> 0 0 15px 0 / 20px = 0 0 0.75em 0 */
}
#home-content-area h1 {
   font-size:1.5em;   /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
   line-height:1.166666666666667em;   /* BASE FONT = 24px  >>> 28px / 24px = 1.166666666666667em */
   text-transform: uppercase;
}
/* =============Footer Area Start Here======================= */

footer {
   background-color: #003b6d;
   color: #ffffff;
   text-align: center;
   padding:1.0625em 0 2.9375em 0;   /* BASE FONT = 16px  >>> 17px 0 47px 0 / 16px = 1.0625em 0 2.9375em 0 */
}
.footer-address {
   background: url(/images/footer-address-bg.jpg) no-repeat scroll center top;
   padding-top:3.307692307692308em;      /* BASE FONT = 13px  >>> 43px / 13px = 3.307692307692308em */
   margin-bottom:1.384615384615385em;      /* BASE FONT = 13px  >>> 18px / 13px = 1.384615384615385em */
   font-size:0.8125em;      /* BASE FONT = 16px  >>> 13px / 16px = 0.8125em */
   line-height:1.384615384615385em;      /* BASE FONT = 13px  >>> 18px / 13px = 1.384615384615385em */
}
.footer-address a {
   color: #ffffff;
   text-decoration: underline;
}
.footer-address a:hover {
   color: #ffffff;
   text-decoration: none;
}
.footer_column1 {
   background: url(/images/footer_column1-bg.jpg) no-repeat center top;
   padding:3.375em 0 1em 0;                                             /* BASE FONT = 16px  >>> 54px 0 16px 0 / 16px = 3.375em 0 1em 0 */
   }
   
.footer_column1 img {
    margin: 0 0.875em 0 0.875em;                                          /* BASE FONT = 16px  >>> 0 14px 0 14px / 16px = 0 0.875em 0 0.875em */
    max-width: 6.0625em;                                                /* BASE FONT = 16px  >>> 97px / 16px = 6.0625em */
    width: 16%;                                                         /* 16% width of it's parent width */
}

.footer_column2 {
   background: url(/images/footer_column2-bg.jpg) no-repeat center top;
   padding: 2.75em 0 1.6875em 0;                                          /* BASE FONT = 16px  >>> 44px 0 27px 0 / 16px = 2.75em 0 1.6875em 0 */
}

.footer_column2 img {
    margin: 0 0 0 0.25em;                                                /* BASE FONT = 16px  >>> 0 0 0 4px / 16px = 0 0 0 0.25em */
    max-width: 6.8125em;                                                /* BASE FONT = 16px  >>> 109px / 16px = 6.8125em */
    width: 17%;                                                         /* 17% width of it's parent width */
}

.footer_column2 img:first-child {
    margin: 0;
    width: 25%;                                                         /* 25% width of it's parent width */
}

.footer_column2 img.mbe_logo {
    margin: 0;
    width: 19%;                                                         /* 19% width of it's parent width */
}
.footer_logos{
   border-top:1px solid #003b6d;
    padding:1.25em 0 1.25em 0;          /* BASE FONT = 16px  >>> 20px 0 20px 0 / 16px = 1.25em 0 1.25em 0  */
   margin:1.25em 0.625em 0 0.625em;   /* BASE FONT = 16px  >>> 0 10px 0 10px / 16px = 1.25em 0.625em 0 0.625em  */
    text-align: center;
}

.footer_multi_logos {
   border-top:1px solid #003b6d;
    padding:1.25em 0 1.25em 0;          /* BASE FONT = 16px  >>> 20px 0 20px 0 / 16px = 1.25em 0 1.25em 0  */
   margin:1.25em 0.625em 0 0.625em;   /* BASE FONT = 16px  >>> 0 10px 0 10px / 16px = 1.25em 0.625em 0 0.625em  */
    text-align: center;
}
.footer-address span a {
   text-decoration:none;
}
/* =============Footer Thomas Styles=========================== */

.thomas_info_txt {
   text-align: center;
   font-size: 0.8125em;                                                /* BASE FONT = 16px  >>> 13px / 16px = 0.8125em */
   line-height: 1.38461538461538em;                                       /* BASE FONT = 13px  >>> 18px / 13px = 1.38461538461538em */
}
.thomas_info_txt span {
   display: block;
   padding: 0 0 0.3846153846153846em 0;                                    /* BASE FONT = 13px  >>> 0 0 5px 0 / 13px = 0 0 0.3846153846153846em 0 */
}

.thomas_info_txt span.copy_right_info, .thomas_info_txt span.copy_right_info span {
    padding: 0;
}
.thomas_info_txt a {
   color: #ffffff;
   text-decoration: underline;
   margin: 0 0.6923076923076923em 0 0.6923076923076923em;                        /* BASE FONT = 13px  >>> 0 9px 0 9px / 13px = 0 0.6923076923076923em 0 0.6923076923076923em */
}
.thomas_info_txt a:hover {
   color: #ffffff;
   text-decoration: none;
}

.thomas_info_txt span a {
    margin: 0;
}

/* =============Print Page Styles=========================== */
.print_page{
   display:none;
   }



/* =============Home page classes Start Here================= */

main {
   background-color: #ffffff;
}
main.home-main {
   background-color: #e7e9ec;
}
#home-content-area {
   text-align: center;
}
#home-content-area h1 {
   color: #222222;
   font-family: "Lato";
   font-size:1em;         /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   line-height:1.1875em;         /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
   text-transform: none;
   font-weight:400;
   padding:0.5em 0.75em 0.875em 0.5em;   /* BASE FONT = 16px  >>> 8px 12px 14px 8px / 16px = 0.5em 0.75em 0.875em 0.5em */
}
.bucket-links {
   text-align: center;
   background: url(/images/home-border.jpg) repeat-x left bottom;
}
.bucket-links article {
   display: inline-block;
   margin:0 4.5% 1.3125em 4.5%;   /* BASE FONT = 16px  >>> 0 4.5% 21px 4.5% / 16px = 0 4.5% 1.3125em 4.5% */
   max-width:6.8125em;            /* BASE FONT = 16px  >>> 109px / 16px = 6.8125em */
}
.bucket-links a {
   color: #00316d;
   font-family: "Lato";
   font-size:0.875em;               /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
   font-weight: 300;
   line-height:1em;                  /* BASE FONT = 14px  >>> 14px / 14px = 1em */
   text-decoration: none;
   text-transform:uppercase;
}
.bucket-links a:hover {
   color: #1b83e4;
}
.bucket-links img {
   border: 1px solid #00316d;
   display: block;
   margin:0 0 0.2142857142857143em 0;      /* BASE FONT = 14px  >>> 0 0 3px 0 / 14px = 0 0 0.2142857142857143em 0 */
}
.home-para {
   padding:0.8125em 0.6875em 0.8125em 0.5625em;   /* BASE FONT = 16px  >>> 13px 11px 13px 9px / 16px = 0.8125em 0.6875em 0.8125em 0.5625em */
   text-align: left;
}
.home-para p {
   color: #444444;
   font-family: arial;
   font-size:0.75em;                     /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
   line-height:1.25em;                     /* BASE FONT = 12px  >>> 15px / 12px = 1.25em */
}
 /* ====================== Return to Top Styles ============================ */
#return-to-top {
   background: #1b83e4;
   border-radius:50%;
   bottom:6em;                                                       /* BASE FONT = 16px  >>> 96px / 16px = 6em  */
   color: #ffffff;
   display: none;
   font-size:1em;                                                       /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
   height:2.1875em;                                                    /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em  */
   position: fixed;
   right:1.25em;                                                       /* BASE FONT = 16px  >>> 20px / 16px = 1.25em  */
   text-decoration: none;
   width:2.1875em;                                                    /* BASE FONT = 16px  >>> 35px / 16px = 2.1875em  */
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
   z-index: 999;
   behavior: url(/pie/PIE.htc);
}
#return-to-top span {
   display: block;
   line-height:1.40625em;                                  /* BASE FONT = 16px  >>> 45px / 16px = 1.40625em  */
   font-size:2em;                                                   /* BASE FONT = 16px  >>> 32px / 16px = 2em  */
   text-align: center;
}
/* =============Inner pages style============================ */
.manufacturer-logo {
    display: block;
    text-align: center;
   margin-bottom: 1.875em;                                    /* BASE FONT = 16px  >>> 30px / 16px = 1.875em  */
}
.gallery {
    text-align: center;
   margin-bottom: 0.9375em;                                    /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em  */
}
.gallery > div {
    display: inline-block;
    margin-right: 0.8125em;                                          /* BASE FONT = 16px  >>> 13px / 16px = 0.8125em  */
}
.gallery .first {
   display: block;
   text-align: center;
   margin: 0 0 0.5em 0;                                          /* BASE FONT = 16px  >>> 8px / 16px = 0.5em  */
}
.two-columns-contents {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1.75em;                                          /* BASE FONT = 16px  >>> 28px / 16px = 1.75em  */
}
.two-columns-contents div {
    display: block;
    padding: 0;
    width: 100%;
}
.send_email_table {
   width:80%;                                                               /*80% width of content area*/
   margin:0 auto;
   border-spacing:6px 8px;
}
.page-scroll {
   display:none;
   width:1.875em;                                                             /* BASE FONT = 16px  >>> 30px / 16px = 1.875em */
   height:1.875em;                                                             /* BASE FONT = 16px  >>> 30px / 16px = 1.875em */
   background:url(/images/scroll-up.png) no-repeat 0 0;
   position:fixed;
   bottom:0.625em;                                                             /* BASE FONT = 16px  >>> 10px / 16px = 0.625em */
   right:0.3125em;                                                             /* BASE FONT = 16px  >>> 5px / 16px = 0.3125em */
   cursor:pointer;
   z-index:10000;
}
.adobe_link {
    text-align: center;
}
img[name="pphLoggerImage"] {
   display:none;
}
/***Sitemap page style***/
ul.sitemap li {
   background-image: none;
   padding:0.3125em 0 0.3125em 0;           /* Base Font = 16px  >>> 5px 0 5px 0 / 16px = 0.3125em 0 0.3125em 0 */
}
ul.sitemap ul {
   padding:0.3125em 0 0 0.9375em;       /* Base Font = 16px  >>>  5px 0 0 15px / 16px = 0.3125em 0 0 0.9375em */
}
/***Contact Us page style***/
.contact_box address {
   margin:0 0 0.9375em 0;                            /* BASE FONT = 16px  >>> 0px 0px 15px 0px / 16px = 0 0 0.9375em 0 */
}
/***RFQ Page***/
div.fieldwrapper:before, div.fieldwrapper:after {
   content:"";
   display:block;
}
div.fieldwrapper:after {
   clear:both;
}
div.fieldwrapper label.styled {
   float: left;
   margin:0 1em 0 0;                              /* BASE FONT = 16px  >>> 0px 16px 0px 0px / 16px = 0 1em 0 0 */
   width:100%;                                                                /*full width of its container */
}
.feedbackform div.fieldwrapper div.thefield {
    float: left;
    margin: 0 0 0.625em;                       /* BASE FONT = 16px  >>> 0 0 10px 0 / 16px = 0 0 0.625em 0 */
    width: 100%;
}
div.fieldwrapper div.thefield input[type=text], div.fieldwrapper div.thefield select, .thefield textarea {
   border:1px solid #bdbdbd;
   width:100%;                                                                 /* width:100%; of div.fieldwrapper div.thefield:45.454545%  */
   padding:0.1875em;                         /* BASE FONT = 16px  >>> 3px / 16px = 0.1875em */
   margin:0;
   font-family:Arial;
   font-size:1em;                            /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-box-shadow:0 0 2px #cccccc inset;
   -moz-box-shadow:0 0 2px #cccccc inset;
   box-shadow:0 0 2px #cccccc inset;
   -pie-box-shadow:0 0 2px #cccccc inset;
   behavior:url(/pie/PIE.htc);
   position:relative;
}
.fieldwrapper input[type=text] {
   height:1.5625em;                             /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em */
}
div.fieldwrapper div.thefield textarea {
   height:6.25em;                  /* BASE FONT = 16px  >>> 100px / 16px = 6.25em */
}
.feedbackform {
   margin: 0 auto;
   width:90%;                                   /*90% width of its container*/
}
.feedbackform .thefield p {
   padding:0 0 0.3125em 0;          /* BASE FONT = 16px  >>> 0px 0px 5px 0px / 16px = 0 0 0.3125em 0 */
}
.feedbackform .thefield p input[type="checkbox"] {
   float: left;
   margin-bottom:0.625em;           /* BASE FONT = 16px  >>> 10px / 16px = 0.625em */
   margin-right:0.625em;           /* BASE FONT = 16px  >>> 10px / 16px = 0.625em */
}
.feedbackform .thefield div {
   float: left;
   width: 50%;                            /* width: 50%; Of div.fieldwrapper div.thefield:45.454545%  */
}
div.buttonsdiv {
   margin:1em 0 0 0;                /* BASE FONT = 16px  >>> 16px 0px 0px 0px / 16px = 1em 0 0 0 */
}
.form_error, .form_success {
   clear:both;
}
.input-btn {
   border:none;
   font-family:Arial;
   color: #d4eaff;
   font-size:1em;                                            /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   line-height:1.125em;      /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
   font-weight:bold;
   padding:0.625em 1.25em 0.625em 1.25em;    /* BASE FONT = 16px  >>> 10px 20px 10px 20px / 16px = 0.625em 1.25em 0.625em 1.25em */
   border-radius:5px;
   background: -moz-linear-gradient(top,  #4198e8 0%, #3e91df 11%, #3484cd 25%, #2568ae 47%, #195593 61%, #05366e 89%, #042e68 97%, #042e68 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #4198e8 0%, #3e91df 11%, #3484cd 25%, #2568ae 47%, #195593 61%, #05366e 89%, #042e68 97%, #042e68 100%); /* Chrome10-25,Safari5.1-6 */
   background:linear-gradient(top,  #4198e8 0%, #3e91df 11%, #3484cd 25%, #2568ae 47%, #195593 61%, #05366e 89%, #042e68 97%, #042e68 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   -pie-background:linear-gradient(top,  #4198e8 0%, #3e91df 11%, #3484cd 25%, #2568ae 47%, #195593 61%, #05366e 89%, #042e68 97%, #042e68 100%);
   behavior: url(/pie/PIE.htc);
   position: relative;
   cursor: pointer;
}
.input-btn:hover {
   text-decoration:underline;
}
.page-btn a {
   display:inline-block;
   font-size:1em;                                            /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   line-height:1.125em;      /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
   color:#ffffff;
   text-decoration:none;
   text-transform:uppercase;
   font-weight:bold;
   margin:0 0.75em 0 0.75em;   /* BASE FONT = 16px  >>> 0 12px 0 12px / 16px = 0 0.75em 0 0.75em */
   padding:0.625em 1.25em 0.625em 1.25em;    /* BASE FONT = 16px  >>> 10px 20px 10px 20px / 16px = 0.625em 1.25em 0.625em 1.25em */
   border-radius:9px;
   border:1px solid #890000;
   -webkit-box-shadow:0 1px 0 1px #df6e6e;
   -moz-box-shadow:0 0 0 1px #df6e6e inset;
   box-shadow:0 0 0 1px #df6e6e inset;
   background: -moz-linear-gradient(top,  #4198e8 0%, #3e91df 11%, #3484cd 25%, #2568ae 47%, #195593 61%, #05366e 89%, #042e68 97%, #042e68 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #4198e8 0%, #3e91df 11%, #3484cd 25%, #2568ae 47%, #195593 61%, #05366e 89%, #042e68 97%, #042e68 100%); /* Chrome10-25,Safari5.1-6 */
   background:linear-gradient(top,  #4198e8 0%, #3e91df 11%, #3484cd 25%, #2568ae 47%, #195593 61%, #05366e 89%, #042e68 97%, #042e68 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   -pie-background:linear-gradient(top,  #4198e8 0%, #3e91df 11%, #3484cd 25%, #2568ae 47%, #195593 61%, #05366e 89%, #042e68 97%, #042e68 100%);
   behavior:url(/pie/PIE.htc);
   position:relative;
}
.page-btn a:hover {
   text-decoration:underline;
}
.click-to-enlarge {
   font-size:0.75em;             /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
   line-height:1.16666666666667em;         /* BASE FONT = 12px  >>> 14px / 12px = 1.16666666666667em */
   text-align:center;
   padding:0 0 0.416666666666667em 0;                                        /* BASE FONT = 12px  >>> 0px 0px 5px 0px / 12px = 0 0 0.416666666666667em 0 */
}
.rfq-btn {
   text-align:center;
}
.btnremove {
    margin: 0 0 0.625em 0;                                             /* BASE FONT = 16px  >>> 0 0 10px 0 / 16px = 0 0 0.625em 0 */           
    padding: 0.3125em 0.75em 0.375em 0.75em;                            /* BASE FONT = 16px  >>>  5px 12px 6px 12px / 16px = 0.3125em 0.75em 0.375em 0.75em */
}
#new-quote {
    font-weight: bold;
}
/********************************* Line Cart Table style ************************************************/
.line-cart {
    margin: 0 0 0.9375em 0;                /* BASE FONT = 16px  >>> 0 0 15px 0 / 16px = 0 0 0.9375em 0 */
}
/*********************************Feature images************************************************/
.feature-img {
    text-align:center;
}
.manufture-img, product-img {
    margin: 0 0 1.0625em 0;              /* BASE FONT = 16px  >>> 0 0 17px 0 / 16px = 0 0 1.0625em 0 */
}
/*********************************images gallery************************************************/
.photo-gallery {
    text-align: center;
}
.photo-gallery > div {
    display: inline-block;
    margin: 0 0.3125em 0.625em 0.3125em;           /* BASE FONT = 16px  >>> 0 5px 10px 5px / 16px = 0 0.3125em 0.625em 0.3125em */
    max-width: 8.25em;                           /* BASE FONT = 16px  >>> 132px / 16px = 8.25em */
    vertical-align: top;
    width: 100%;                                  /* Full width of its container */
}
.photo-gallery div img, .photo-gallery div img:hover {
    border: 1px solid #999999;
}
/*********************************PDF gallery************************************************/
.pdf-gallery {
    margin: 0 0 0.9375em 0;            /* BASE FONT = 16px  >>> 0 0 15px 0 / 16px = 0 0 0.9375em 0 */
   text-align: center;
}
.pdf-gallery div {
    display: inline-block;
    margin: 0 0.75em 1.0625em 0.75em ;          /* BASE FONT = 16px  >>> 0 12px 17px 12px / 16px = 0 0.75em 1.0625em 0.75em */
    max-width: 7.75em;                         /* BASE FONT = 16px  >>> 124px / 16px = 7.75em */
    text-align: center;
    vertical-align: bottom;
    width: 100%;                          /* Full width of its container */
}
.pdf-gallery a, .line-card a {
    color: #000000;
    text-decoration: none;
}
.pdf-gallery a:hover, .line-card a:hover {
    text-decoration: underline;
}
.pdf-gallery img, .line-card a img {
    border: 1px solid #cccccc;
    margin: 0.3125em 0 0 0;            /* BASE FONT = 16px  >>> 5px 0 0 0 / 16px = 0.3125em 0 0 0 */
}
/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 640px/16px = 40em*/
@media only screen and (min-width: 40em) {
/* =============Header Area Start============================ */

header {
   border-top: 5px solid #00316d;
}
.header-logo {
   max-width:none;
   margin:0.9375em 0 0 0;                        /* BASE FONT = 16px  >>> 15px 0 0 0 / 16px = 0.9375em 0 0 0 */
   width:auto;
}
.header_phone {
   display: inline-block;
   vertical-align: top;
   margin-right:2.9em;                        /* BASE FONT = 20px  >>> 58px / 20px = 2.9em */
   line-height:0.95em;                           /* BASE FONT = 20px  >>> 19px / 20px = 0.95em */
}
.header_right {
   margin-bottom: 0;
   padding-top:0.375em;                        /* BASE FONT = 16px  >>> 6px / 16px = 0.375em */
}
/* =============Right Header (Utility) Start here============ */

.utility_nav {
   font-size:1.25em;                  /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
}
.trigger {
   display: inline-block;
   margin-bottom:0.5em;   /* BASE FONT = 20px  >>> 10px / 20px = 0.5em */
}
/* =============Search Style Start=========================== */
.search {
   background-color: #e6e9ed;
   box-shadow: 0 3px 3px #b6bbc2 inset;
   display: none;
   padding: 0.6875em 0 0.3125em 0;   /* BASE FONT = 16px  >>> 11px 0 5px 0 / 16px = 0.6875em 0 0.3125em 0 */
   text-align: center;
}
.search_trigger {
   margin:0 2.4em 0 2.4em;   /* BASE FONT = 20px  >>> 0 48px 0 48px / 20px = 0 2.4em 0 2.4em */
}
.search form {
   height:1.4375em;   /* BASE FONT = 16px  >>> 23px / 16px = 1.4375em */
   width:15.3125em;   /* BASE FONT = 16px  >>> 245px / 16px = 15.3125em */
}
.search_text {
   padding:0.0714285714285714em 0.3571428571428571em 0.3571428571428571em 0.2857142857142857em;   /* BASE FONT = 14px  >>> 1px 5px 5px 4px / 14px = 0.0714285714285714em 0.3571428571428571em 0.3571428571428571em 0.2857142857142857em */
   width:12.57142857142857em;            /* BASE FONT = 14px  >>> 176px / 14px = 12.57142857142857em */
}
.search input[type="image"] {
   margin-left:1.615384615384615em;   /* BASE FONT = 13px  >>> 21px / 13px = 1.615384615384615em */
   margin-right:0.5384615384615385em;   /* BASE FONT = 13px  >>> 7px / 13px = 0.5384615384615385em */
   padding-top:0.0769230769230769em;   /* BASE FONT = 13px  >>> 1px / 13px = 0.0769230769230769em */
   vertical-align: top;
}
/* =============Top Navigation style start=================== */

#top_nav ul li {
   padding:0.3125em 0 0.3125em 0;   /* BASE FONT = 16px  >>> 5px 0 5px 0 / 16px = 0.3125em 0 0.3125em 0 */
}
.top_nav a {
   font-size:1.0625em;               /* BASE FONT = 16px  >>> 17px / 16px = 1.0625em */
   line-height:1.058823529411765em;   /* BASE FONT = 17px  >>> 18px / 17px = 1.058823529411765em */
}
li .submenu-trigger {
   right: 29%;                         /* 29% of its parent container */
}
.last {
   border-bottom: 3px solid #ffffff;
}
/* =============Banner style start=========================== */

.banner_text {
   font-size:1.5em;               /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
    line-height:1.125em;             /* BASE FONT = 24px  >>> 27px / 24px = 1.125em  */
    max-width:9.70833333333333em; /* BASE FONT = 24px  >>> 233px / 24px = 9.70833333333333em  */
    padding:1.375em 0 1.70833333333333em 0; /* BASE FONT = 24px  >>> 33px 0 41px 0 / 24px = 1.375em 0 1.70833333333333em 0  */
}
.banner_text span{
   display: block;
   padding-right:3.708333333333333em;   /* BASE FONT = 24px  >>> 89px / 24px = 3.708333333333333em */
}
.home_banner_text {
   font-size:1.5em;               /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
   line-height:1.125em;         /* BASE FONT = 24px  >>> 27px / 24px = 1.125em */
   width:9.70833333333333em; /* BASE FONT = 24px  >>> 233px / 24px = 9.70833333333333em  */
    padding:1.375em 0 1.70833333333333em 0; /* BASE FONT = 24px  >>> 33px 0 41px 0 / 24px = 1.375em 0 1.70833333333333em 0  */
   text-align: left;
}
.home_banner_text span {
   display: block;
   padding-right:3.666666666666667em;   /* BASE FONT = 24px  >>> 88px / 24px = 3.666666666666667em */
}
#slider-1-wrapper, .slide1, .slide2, .slide3 {
   min-height:11.375em;   /* BASE FONT = 16px  >>> 182px / 16px = 11.375em */
}
/* =============Content Area Style Start===================== */
#content-area{
   padding:0.3125em 0.9375em 1.875em 0.9375em;   /* BASE FONT = 16px  >>> 5px 15px 30px 15px / 16px = 0.3125em 0.9375em 1.875em 0.9375em */
}

#home-content-area {
   padding:0.8125em 0.625em 0 0.9375em;   /* BASE FONT = 16px  >>> 13px 10px 0 15px / 16px = 0.8125em 0.625em 0 0.9375em */
   text-align: center;
}
#home-content-area h1 {
   font-size:1.25em;            /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
   line-height:1.4em;               /* BASE FONT = 20px  >>> 28px / 20px = 1.4em */
   padding: 0;
   margin-bottom:0.4em;         /* BASE FONT = 20px  >>> 8px / 20px = 0.4em */
}
#home-content-area h1 span {
   display: block;
}
.bucket-links {
   background: url(/images/home-border.jpg) repeat-x left bottom;
}
.bucket-links article {
   max-width: 8.5625em;   /* BASE FONT = 16px  >>> 137px / 16px = 8.5625em */
   margin:0 5.8% 1.875em 0;   /* BASE FONT = 16px  >>> 0 5.8% 30px 0 / 16px = 0 5.8% 1.875em 0 */
}
.bucket-links a {
   font-size:1.125em;      /* BASE FONT = 16px  >>> 18px / 16px = 1.125em */
   font-weight: 400;
}
.bucket-links img {
   margin:0 0 0.3333333333333333em 0;   /* BASE FONT = 18px  >>> 0 0 6px 0 / 18px = 0 0 0.3333333333333333em 0 */
}
.home-para {
   padding:0.8125em 0 2.1875em 0;      /* BASE FONT = 16px  >>> 13px 0 35px 0 / 16px = 0.8125em 0 2.1875em 0 */
   text-align: left;
}
.home-para p {
   font-size:0.875em;            /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
   line-height:1.214285714285714em;   /* BASE FONT = 14px  >>> 17px / 14px = 1.214285714285714em */
}
/*------------------ Print, Email Page Styles ------------------*/
.print_page {
   display:block;
   float:right;
   font-size:0.5625em;                                              /* Base Font = 16px >>> 9px/16px = 0.5625em */
   margin:1.4375em 0.6875em 0 0;   /* Base Font = 16px >>> 23px 11px 0 0/16px = 1.4375em 0.6875em 0 0 */
}
.print_page a {
   color: #1540bf;
   font-family:Arial;
   font-size: 1em;                                             /* Base Font = 9px >>> 9px/9px = 1em */
   text-decoration: underline;
}
.print_img {
   cursor: pointer;
   margin-right:0.6666666666666667em;                                 /* Base Font = 9px >>> 6px/9px = 0.6666666666666667em */
   vertical-align: middle;
}
.email_img {
   cursor: pointer;
   margin:0 0.5555555555555556em 0.2222222222222222em 2.777777777777778em;     /* Base Font = 9px >>> 0 5px 2px 25px/9px = 0 0.5555555555555556em 0.2222222222222222em 2.777777777777778em */
   vertical-align: middle;
}
.print_page a:hover {
   color:#1540bf;
   font-size: 1em;                                             /* Base Font = 9px >>> 9px/9px = 1em */
   text-decoration: none;
}
.contact_box address {
   display:inline-block;
   vertical-align:top;
}
.contact_box p {
   float:right;
   text-align:right;
} 
/*********************************contact us page************************************************/
div.fieldwrapper label.styled {
    width: 45%;                           /* 45% of its parent container */
}
.feedbackform div.fieldwrapper div.thefield {
    width: 49%;                           /* 49% of its parent container */
}
/* =============Footer Area Start Here======================= */
footer {
   background: #003b6d;
   color: #ffffff;
   padding:1.1875em 0.8125em 4.25em 0.375em;   /* Base Font = 16px >>> 19px 13px 68px 6px/16px = 1.1875em 0.8125em 4.25em 0.375em */
}
.footer-address {
   background: url(/images/footer-address-bg.jpg) no-repeat 0.6428571428571429em top;   /* Base Font = 14px >>> 9px/14px = 0.6428571428571429em */
   display: inline-block;
   margin:0 3.071428571428571em 1em 0;   /* Base Font = 14px >>> 0 43px 14px 0/14px = 0 3.071428571428571em 1em 0 */
   max-width:19.78571428571429em;   /* Base Font = 14px >>> 277px/14px = 19.78571428571429em */
   padding:3em 0 0 0.5714285714285714em;   /* Base Font = 14px >>> 42px 0 0 8px/14px = 3em 0 0 0.5714285714285714em */
   text-align: left;
   width: 50%;                      /* 50% of its parent container */
   font-size:0.875em;   /* Base Font = 16px >>> 14px/16px = 0.875em */
   line-height:1.357142857142857em;   /* Base Font = 14px >>> 19px/14px = 1.357142857142857em */
}
.footer_column1 {
   background: url(/images/footer_column1-bg.jpg) no-repeat left top;
   display: inline-block;
   margin-bottom: 0;
   max-width: 17.25em;                       /* BASE FONT = 16px  >>> 276px / 16px = 17.25em */
   padding-top: 3.625em;                      /* BASE FONT = 16px  >>> 58px / 16px = 3.625em */
   text-align: left;
   vertical-align: top;
   width: 50%;                                /* 50% of its parent container */
}
.footer_column1 img {
   margin:0;
   max-width:none;
   width:auto;
}
.footer_column1 img:first-child {
   margin: 0 4.1875em 0 0;                                    /* BASE FONT = 16px  >>> 0px 67px 0px 0px / 16px = 0em 4.1875em 0em 0em  */
}
.footer_column2 {
   padding:3.125em 0 2.1875em 0;                             /* BASE FONT = 16px  >>> 50px 0px 35px 0px / 16px = 3.125em 0em 2.1875em 0em  */
}
.footer_column2 img:first-child {
   max-width: 6.375em;                                        /* BASE FONT = 16px  >>> 102px / 16px = 6.375em  */
   vertical-align: middle;
}
.footer_column2 img {
   max-width:4.8125em;                                       /* BASE FONT = 16px  >>> 77px / 16px = 4.8125em  */
   vertical-align: middle;
}
.footer_column2 img.sba_logo {
   margin:0.0625em 0 0 0.375em;                              /* BASE FONT = 16px  >>> 1px 0px 0px 6px / 16px = 0.0625em 0em 0em 0.375em  */
   max-width:4.3125em;                                          /* BASE FONT = 16px  >>> 69px / 16px = 4.3125em  */
   vertical-align: middle;
}
.footer_logos > img {
   margin: 0 0 0.9375em 1.875em;                                       /* BASE FONT = 16px  >>> 0 0 15px 30px / 16px = 0 0 0.9375em 1.875em  */
}
.footer_multi_logos > img {
   margin: 0 0 0.9375em 1.875em;                                       /* BASE FONT = 16px  >>> 0 0 15px 30px / 16px = 0 0 0.9375em 1.875em  */
}

 /* =============Thomas style Start Here======================= */
.copy_right_info span {
   display: inline-block;
}
.thomas_info_txt span {
   display: inline-block;
}
.thomas_info_txt {
    font-size: 0.875em;                                    /* BASE FONT = 16px  >>> 14px / 16px = 0.875em  */
} 
/* =============Inner page style ======================= */
.left-content{
   width:70%;                                             /* 70% of its parent container */
   float: left;
}
/*********************************Feature images************************************************/
.feature-img{
   float: right;
   margin: 0 0 1.25em 1.25em;                    /* BASE FONT = 16px  >>> 0 0 20px 20px / 16px = 0 0 1.25em 1.25em */
}
/*********************************images gallery************************************************/
.photo-gallery{
   float:right;
   margin:0 0 1.0625em 1.0625em;             /* BASE FONT = 16px  >>> 0 0 17px 17px / 16px = 0 0 1.0625em 1.0625em */   
}
.photo-gallery > div {
    display: block;
    margin: 0 auto 0.625em auto;          /* BASE FONT = 16px  >>> 0 auto 10px auto / 16px = 0 auto 0.625em auto */   
}
/*********************************PDF gallery************************************************/   
.adobe_link {
    text-align: right;
} 
/*********************************Table style************************************************/
dl {
    display: table;
    width: 79%;                                         /* 79% of its parent container */
}
dt, dd {
    display: table-cell;
    margin: 0;
}
dt {
    width: 32%;                                 /* 32% of its parent container */
}
dd {
    width: 25%;                                    /* 25% of its parent container */
}   
}




/* =============================================================================
        MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 800px/16px = 50em*/
 @media only screen and (min-width: 50em) {
    /* =============Header Area Start============================ */
header {
   text-align:left;
}
.header-logo {
   float: left;
   max-width:20.0625em;                                                             /* BASE FONT = 16px  >>> 321px / 16px = 20.0625em  */
   margin:1.25em 0 1.4375em 0.75em;                                                 /* BASE FONT = 16px  >>> 20px 0px 23px 12px / 16px = 1.25em 0em 1.4375em 0.75em  */
   padding: 0;
}
.header-logo img {
   display: block;
}
.header_phone {
   margin-right:0.636363636363636em;                                               /* BASE FONT = 22px  >>> 14px / 22px = 0.636363636363636em  */
   margin-bottom:0.4090909090909091em;                                              /* BASE FONT = 22px  >>> 9px / 22px = 0.4090909090909091em  */
}
.header_email {
   margin-right:0.409090909090909em;                                              /* BASE FONT = 22px  >>> 9px / 22px = 0.409090909090909em  */
}
.header_email img {
   max-width:none;
   width:auto;
}
.header_right {
   float: right;
   width:18.625em;                                                                  /* BASE FONT = 16px  >>> 298px / 16px = 18.625em  */
   padding:4.375em 0 2em 0;                                                             /* BASE FONT = 16px  >>> 70px 0 32px 0 / 16px = 4.375em 0 2em 0 */
}
/* =============Right Header (Utility) Start here============ */
.utility_nav {
   float: right;
   font-size:1.375em;                                                                  /* BASE FONT = 16px  >>> 22px / 16px = 1.375em  */
   line-height:1.36363636363636em;                                                     /* BASE FONT = 22px  >>> 30px / 22px = 1.36363636363636em  */
}
.trigger {
   margin: 0;
}
/* =============Search Style Start=========================== */
.utility_nav .search_trigger {
   display: none;
}
.search {
   background: none;
   box-shadow: none;
   display: block;
   float: right;
   padding: 0;
}
.search form {
   float: right;
   height:1.4375em;                                                                   /* BASE FONT = 16px  >>> 23px / 16px = 1.4375em  */
   margin-right:0.5em;                                                                 /* BASE FONT = 16px  >>> 8px / 16px = 0.5em  */
   width:15.1875em;                                                                    /* BASE FONT = 16px  >>> 243px / 16px = 15.1875em  */
}
.search_text {
   padding-left:1.0625em;                                                   /* BASE FONT = 16px  >>> 17px / 16px = 1.0625em  */
   text-align: left;
   width:11em;                                                          /* BASE FONT = 16px  >>> 178px / 16px = 11em  */
   font-size:1em;                                                                 /* BASE FONT = 16px  >>> 16px / 16px = 1em  */
}
.search input[type="image"] {
   margin: 0 0 0 0.769230769230769em;                                            /* BASE FONT = 13px  >>> 0 0 0 10px / 13px = 0 0 0 0.769230769230769em */
   vertical-align: top;
}
/* =============Top Navigation style start=================== */
.utility_nav .menu_trigger {
   display: none;
}
#top_nav {
   background: none;
   display: block;
   text-align:right;
   clear:both;
}
#top_nav > ul {
   border:none;
}
#top_nav > ul > li {
   padding:0;
   border:none;
   position:relative;
   display:inline-block;
   vertical-align:top;
   margin: 0 1% 0 1.2%;      /*1%, 1.2% of it's contaner*/
}
#top_nav > ul > li > a {
   display: block;
   font-size:1.1875em;                                                           /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em  */
   font-weight: normal;
   padding: 0 0 1.157894736842105em 0;                                      /* BASE FONT = 19px  >>> 0 0 22px 0 / 19px = 0 0 1.157894736842105em 0 */
   position:relative;
}
#top_nav > ul > li > a:hover, #top_nav > ul > li.has_child:hover > a {
   color: #1b83e4;
   text-transform:none;
}
#top_nav > ul > li.has_child > a:after {
   background: url(/images/topnav-arrow.jpg) no-repeat left top;
   content: "";
   height:0.5625em;                                                       /* BASE FONT = 16px  >>> 9px / 16px = 0.5625em  */
   position: absolute;
   right:0;                                                       
   top:0.375em;                                                           /* BASE FONT = 16px  >>> 6px / 16px = 0.375em  */
   width:0.625em;                                                         /* BASE FONT = 16px  >>> 10px / 16px = 0.625em  */
}
#top_nav > ul > li.has_child > a {
   padding-right:0.7894736842105263em;  /* BASE FONT = 19px  >>> 15px / 19px = 0.7894736842105263em  */
}
#top_nav > ul > li.has_child > a:hover:after, #top_nav > ul > li.has_child:hover > a:after {
   background: url(/images/topnav-arrow-hover.jpg) no-repeat left top;
}
li .submenu-trigger {
   display:none;
}
.has_child div {
   background: #e6e9ed;
   box-sizing: border-box;
   left:-0.375em;                                                           /* BASE FONT = 16px  >>> -6px / 16px = -0.375em  */
   padding:1.125em 0 1.875em 0;                                            /* BASE FONT = 16px  >>> 18px 0px 30px 0px / 16px = 1.125em 0em 1.875em 0em  */
   position: absolute;
   text-align: left;
   top:2.625em;                                                           /* BASE FONT = 16px  >>> 42px / 16px = 2.625em  */
   width:17.3125em;                                                     /* BASE FONT = 16px  >>> 277px / 16px = 17.3125em  */
   z-index: 99999;
}
.has_child:hover div {
   display: block;
}
#top_nav > ul > li.has_child ul {
   display: inline-block;
   vertical-align: top;
}
#top_nav > ul > li.has_child ul li {
   display:block;
   padding:0;
   border:none;
   margin:0;
}
#top_nav > ul > li.has_child ul:first-child {
   border-right: 1px solid #ced7df;
   width: 42%;                                                              /* 42% of parent container */
}
#top_nav > ul > li ul li a {
   color: #00316d;
   display: block;
   font-family: "Lato";
   font-size:1.125em;                                                        /* BASE FONT = 16px  >>> 18px / 16px = 1.125em  */
   line-height:1.55555555555556em;                                           /* BASE FONT = 18px  >>> 28px / 18px = 1.55555555555556em  */
   padding: 0 0.375em 0 1.5em;
   text-align: left;
   text-decoration: none;
}
#top_nav > ul > li ul li a:hover {
   color: #1b83e4;
}
.has_child.company_menu div {
   padding:1.125em 0 1.5em 0;                                     /* BASE FONT = 16px  >>> 18px 0px 24px 0px / 16px = 1.125em 0em 1.5em 0em  */
   width:11.875em;                                                   /* BASE FONT = 16px  >>> 190px / 16px = 11.875em  */
}
#top_nav > ul > li.has_child.company_menu ul:first-child {
   border: none;
   width: auto;
}
/*********************************Footer************************************************/
.footer_logos {
    padding: 2em 0 5.1875em 0;                   /* BASE FONT = 16px  >>> 32px 0 83px 0 / 16px = 2em 0 5.1875em 0  */
}
.footer_multi_logos {
    padding: 2em 0 5.1875em 0;                   /* BASE FONT = 16px  >>> 32px 0 83px 0 / 16px = 2em 0 5.1875em 0  */
}
.footer_logos > img {
    float: left;
    width: 14.5%;                           /*14.5% of it's contaner*/
   margin:0 0 0 5.9%;                        /*5.9% of it's contaner*/
}
.footer_multi_logos > img {
   float: left;
   width: 14.5%;                           /*14.5% of it's contaner*/
   margin:0 0 0 2%;                       
}
.one-line > img {
    margin: 0 0 0 2%;
}
.footer_logos > img:first-child {
    margin-left: 1.4%;                        /*1.4% of it's contaner*/
}

/*********************************slider************************************************/
#slider-1-wrapper, .slide1, .slide2, .slide3 {
   min-height:16.125em;                                 /* BASE FONT = 16px  >>> 258px / 16px = 16.125em  */
}
.slide1 {
   background: url(/images/slide1.jpg) no-repeat 0 center;
}
.slide2 {
   background: url(/images/slide2.jpg) no-repeat 0 center;
}
.slide3 {
   background: url(/images/slide3.jpg) no-repeat 0 center;
}
.google-map-txt {
    text-align: left;
}
.left-content {    
    width: 78%;                                         /* 78% of its parent container */
}
/*********************************Table style************************************************/
dd {
    width: 34%;                                    /* 34% of its parent container */
}
/*********************************PDF Gallery style************************************************/
.pdf-gallery {
   text-align: left;
}
.pdf-gallery div:first-child, .pdf-gallery .last_pdf{
    margin: 0 0 1.0625em 0;            /* BASE FONT = 16px  >>> 0 0 17px 0 / 16px = 0 0 1.0625em 0 */
}
.pdf-gallery div {
    margin: 0 0 1.0625em 1.5625em;       /* BASE FONT = 16px  >>> 0 0 17px 25px / 16px = 0 0 1.0625em 1.5625em */
}
}


/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 960px/16px = 60em*/
@media only screen and (min-width: 60em) {
/* =============Header Area Start============================ */
.header_right {
   padding:3.375em 0 2em 0;                                                             /* BASE FONT = 16px  >>> 54px 0 32px 0 / 16px = 3.375em 0 2em 0 */
}
/* =============Top Navigation style start=================== */
#top_nav {
   clear:right;
}
/* =============Banner style start=========================== */
#banner{
   background:#00316d;
}
#banner .inner-wrap {
   background: url(/images/mobile-bg.jpg) no-repeat left top;
}
#home_banner {
   background-color: #00316d;
   border-bottom:1px solid #ffffff;
}
.home_banner_text {
   font-size: 1.75em;            /* BASE FONT = 16px  >>> 28px / 16px = 1.75em */
   line-height: 1.25em;        /* BASE FONT = 28px  >>> 35px / 28px = 1.25em */
   padding: 0;
   right: 0.607142857142857em;             /* BASE FONT = 28px  >>> 17px / 28px = 0.607142857142857em */
   text-align: right;
   top: 2.92857142857143em;               /* BASE FONT = 28px  >>> 82px / 28px = 2.92857142857143em */
   width:auto;
}
.home_banner_text span {
   display: block;
   padding-right: 0;
}
.banner_text {
   font-size: 1.625em;                     /* BASE FONT = 16px  >>> 26px / 16px = 1.625em */
   line-height: 1.26923076923077em;              /* BASE FONT = 26px  >>> 33px / 26px = 1.26923076923077em */
   min-height: 4.11538461538462em;                  /* BASE FONT = 26px  >>> 107px / 26px = 4.11538461538462em */
   padding: 1.61538461538462em 0.423076923076923em 0 0;                     /* BASE FONT = 26px  >>> 42px 11px 0 0 / 26px = 1.61538461538462em 0.423076923076923em 0 0 */
   text-align: right;
   max-width:none;
}
.banner_text span {
   display: block;
   padding-right: 0;
}
/* =============Content Area Style Start===================== */

#home-content-area {
   padding: 1.3125em 0.375em 1.25em 0.375em;          /* BASE FONT = 16px  >>> 21px 6px 20px 6px / 16px = 1.3125em 0.375em 1.25em 0.375em */
}
#home-content-area h1 {
   color: #222222;
   font-family: "Lato";
   font-size: 1.375em;          /* BASE FONT = 16px  >>> 22px / 16px = 1.375em */
   line-height: 1.13636363636364em;                   /* BASE FONT = 22px  >>> 25px / 22px = 1.13636363636364em */
   margin: 0; 
   padding: 0 0 0.681818181818182em 0;                 /* BASE FONT = 22px  >>> 0 0 15px 0 / 22px = 0 0 0.681818181818182em 0 */
   text-align: left;
}
#home-content-area h1 span {
   display: inline-block;
}
.bucket-links article {
   margin: 0 0.1875em 2em 0.125em;        /* BASE FONT = 16px  >>> 0 3px 32px 2px / 16px = 0 0.1875em 2em 0.125em */
   max-width: 9.375em;                 /* BASE FONT = 16px  >>> 150px / 16px = 9.375em */
   text-align: center;
}
.bucket-links article:first-child {
   margin: 0 0 2em 0;             /* BASE FONT = 16px  >>> 0 0 32px 0 / 16px = 0 0 2em 0 */
}
.bucket-links article.last-bucket {
   margin: 0 0 2em 0.25em;          /* BASE FONT = 16px  >>> 0 0 32px 4px / 16px = 0 0 2em 0.25em */
}
.bucket-links a {
   font-size: 1.25em;             /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
}
.bucket-links img {
   margin: 0 0 0.35em 0;        /* BASE FONT = 20px  >>> 0 0 7px 0 / 20px = 0 0 0.35em 0 */
}
.home-para {
   padding: 0.8125em 0 0.625em 0;                    /* BASE FONT = 16px  >>> 13px 0 10px 0 / 16px = 0.8125em 0 0.625em 0 */
   text-align: left;
}
.home-para p {
   font-size: 1em;                         /* BASE FONT = 16px  >>> 16px / 16px = 1em */
   line-height: 1.25em;                      /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
   padding: 0 0.625em 0 1em;                   /* BASE FONT = 16px  >>> 0 10px 0 16px / 16px = 0 0.625em 0 1em */
}
/* =============Heading Styles=============================== */


/* =============Footer Area Start Here======================= */

footer {
   padding: 1.125em 0 1.625em 0;  /* BASE FONT = 16px  >>> 18px 0 26px 0 / 16px = 1.125em 0 1.625em 0 */
   text-align:left;
}
.footer-address {
   font-size: 0.9375em;           /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em */
   line-height: 1.46666666666667em;         /* BASE FONT = 15px  >>> 22px / 15px = 1.46666666666667em */
   margin:0 0 2.06666666666667em 0;             /* BASE FONT = 15px  >>> 0 0 31px 0 / 15px = 0 0 2.06666666666667em 0 */
   max-width: 19.7333333333333em;           /* BASE FONT = 15px  >>> 296px / 15px = 19.7333333333333em */
   padding:3.6em 0 0 1em;                  /* BASE FONT = 15px  >>> 54px 0 0 15px / 15px = 3.6em 0 0 1em */
   width: 31%;                                       /* 31% of its parent container */
   background: url(/images/footer-address-bg.jpg) no-repeat 1em top;        /* BASE FONT = 15px  >>> 15px / 15px = 1em */            
}
.footer_column1 {
   background: url(/images/footer_column1-bg.jpg) no-repeat 14px top;
   width: 34%;                                 /* 34% of its parent container */
   padding-top: 3.625em;                  /* BASE FONT = 16px  >>> 58px / 16px = 3.625em */
   text-align: left;
   max-width: 19.5em;          /* BASE FONT = 16px  >>> 312px / 16px = 19.5em */
   margin:0;
}
.footer_column1 img:first-child {
   margin:0 3.75em 0 1.8125em;         /* BASE FONT = 16px  >>> 0 60px 0 29px / 16px = 0 3.75em 0 1.8125em */
   max-width: 6.0625em;             /* BASE FONT = 16px  >>> 97px / 16px = 6.0625em */
}
.footer_column2 {
   background: url(/images/footer_column2-bg.jpg) no-repeat 13px top;
   padding-top:3.5em;             /* BASE FONT = 16px  >>> 56px / 16px = 3.5em */
   text-align: left;
   width: 32%;                         /* 32% of its parent container */
   display: inline-block;
   vertical-align:top;
   margin:0;
}
.footer_column2 img:first-child {
   margin-left: 1.25em;             /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
   max-width:none;
   width:auto;
}
.footer_column2 img.sba_logo {
   margin: 0 0.125em 0 0.4375em;      /* BASE FONT = 16px  >>> 0 2px 0 7px / 16px = 0 0.125em 0 0.4375em */
   max-width:none;
   width:auto;
}
.footer_column2 img.mbe_logo{
   max-width:none;
   width:auto;
}

/* =============Thomasnet Start Here======================= */
.thomas_info_txt {
    font-size: 0.9375em;                                          /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em  */
}
.thomas_info_txt a {
   margin:0 0 0 2em;                                             /* BASE FONT = 15px  >>> 0 0 0 30px / 15px = 0 0 0 2em  */     
}
.thomas_info_txt span.thomas-link {
   margin-left: 1.66666666666667em;                           /* BASE FONT = 15px  >>> 25px / 15px = 1.66666666666667em */
}
/* =============Print Page Styles============================ */


/* =============Home page classes Start Here================= */

main {
   background: #ffffff;
}

/* =============Inner pages style============================ */
.left-content {
    width: 81%;                                          /* 81% of its parent container */
}
dt,dd {
    width: 39%;                                       /* 39% of its parent container */
}


/* =============Manufacturer pages style============================ */
.two-columns-contents > div {
    display: inline-block;
    padding-right: 1.5625em;                                          /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em  */
    vertical-align: top;
    width: 47%;
}

 }