@font-face{
        font-family:"Neue Helvetica W01_n7";
        src:url("Fonts/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neue Helvetica® W01";
        src:url("Fonts/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix");
        src:url("Fonts/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix") format("eot"),url("Fonts/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"),url("Fonts/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff"),url("Fonts/419a308d-b777-4f84-9235-2caf4a98ec23.ttf") format("truetype"),url("Fonts/e4d5b881-6835-45b7-8766-3e5b9e7cab8b.svg#e4d5b881-6835-45b7-8766-3e5b9e7cab8b") format("svg");
font-weight: 700;
font-style: normal;
    }
    @font-face{
        font-family:"Neue Helvetica® W01_n2";
        src:url("Fonts/00fd3900-c52c-41f7-8a04-76efff1f972b.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neue Helvetica® W01";
        src:url("Fonts/00fd3900-c52c-41f7-8a04-76efff1f972b.eot?#iefix");
        src:url("Fonts/00fd3900-c52c-41f7-8a04-76efff1f972b.eot?#iefix") format("eot"),url("Fonts/d4156fb9-3622-47c4-a30a-9f6c076c610f.woff2") format("woff2"),url("Fonts/efce9deb-ab80-471e-9d0c-035e71d96c2d.woff") format("woff"),url("Fonts/b8d41fb0-3ad2-4c27-8ac4-b0397bb04545.ttf") format("truetype"),url("Fonts/46ace970-7a2c-47f8-9b19-a13b73196611.svg#46ace970-7a2c-47f8-9b19-a13b73196611") format("svg");
font-weight: 200;
font-style: normal;
    }
    @font-face{
        font-family:"Neue Helvetica® W01_n3";
        src:url("Fonts/3d98b1d7-6e5f-489d-9958-fceb44e19c7b.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neue Helvetica® W01";
        src:url("Fonts/3d98b1d7-6e5f-489d-9958-fceb44e19c7b.eot?#iefix");
        src:url("Fonts/3d98b1d7-6e5f-489d-9958-fceb44e19c7b.eot?#iefix") format("eot"),url("Fonts/752e6c6e-dc02-4393-b814-68a65b594fac.woff2") format("woff2"),url("Fonts/f1892c57-7a6d-457f-9029-d3938c1e80e1.woff") format("woff"),url("Fonts/706e49b2-facd-4382-80c3-6f253c65c226.ttf") format("truetype"),url("Fonts/584efe58-6490-411e-ae09-f6556847d0b5.svg#584efe58-6490-411e-ae09-f6556847d0b5") format("svg");
font-weight: 300;
font-style: normal;
    }
    @font-face{
        font-family:"Neue Helvetica® W01_i3";
        src:url("Fonts/e187a2f2-f45b-4a9b-9267-9097b5584bbd.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neue Helvetica® W01";
        src:url("Fonts/e187a2f2-f45b-4a9b-9267-9097b5584bbd.eot?#iefix");
        src:url("Fonts/e187a2f2-f45b-4a9b-9267-9097b5584bbd.eot?#iefix") format("eot"),url("Fonts/710b2e3b-d27e-4b19-9ee9-9598d9c5368a.woff2") format("woff2"),url("Fonts/cabf5256-713c-4838-9aaa-a0a2385d3dec.woff") format("woff"),url("Fonts/bdf2fd20-514e-49a1-8cf2-ba727f41448c.ttf") format("truetype"),url("Fonts/7ecdcc61-f5a3-489d-9423-47e6b7a7d530.svg#7ecdcc61-f5a3-489d-9423-47e6b7a7d530") format("svg");
font-weight: 300;
font-style: italic;
    }
    @font-face{
        font-family:"Neue Helvetica® W01_n4";
        src:url("Fonts/a58359b2-ab6c-4eb7-a2ed-b567c68b3388.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neue Helvetica® W01";
        src:url("Fonts/a58359b2-ab6c-4eb7-a2ed-b567c68b3388.eot?#iefix");
        src:url("Fonts/a58359b2-ab6c-4eb7-a2ed-b567c68b3388.eot?#iefix") format("eot"),url("Fonts/02963ef0-dbb8-4ec9-a06d-939c6f252739.woff2") format("woff2"),url("Fonts/411f40ef-ca35-4f60-93ce-b394d5485b62.woff") format("woff"),url("Fonts/aee958bd-461a-4843-929b-4127e918a85e.ttf") format("truetype"),url("Fonts/a5239550-7c80-4408-8598-671485ac7994.svg#a5239550-7c80-4408-8598-671485ac7994") format("svg");
font-weight: 400;
font-style: normal;
    }
    @font-face{
        font-family:"Neue Helvetica® W01_i4";
        src:url("Fonts/d4dcfac1-916b-49c2-a932-f0a90514f376.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neue Helvetica® W01";
        src:url("Fonts/d4dcfac1-916b-49c2-a932-f0a90514f376.eot?#iefix");
        src:url("Fonts/d4dcfac1-916b-49c2-a932-f0a90514f376.eot?#iefix") format("eot"),url("Fonts/78ee7ecf-f13d-4837-91dc-6af6f0cf694c.woff2") format("woff2"),url("Fonts/6ffabc5f-e1b2-4806-9fa5-e1d214558e60.woff") format("woff"),url("Fonts/d3b943ac-9cf9-4c26-8097-1f5eff937378.ttf") format("truetype"),url("Fonts/3394e0b6-8dce-4c8a-ae1b-798a344daff2.svg#3394e0b6-8dce-4c8a-ae1b-798a344daff2") format("svg");
font-weight: 400;
font-style: italic;
    }
    @font-face{
        font-family:"Neue Helvetica W01_n9";
        src:url("Fonts/1527aeed-e69d-4399-82e3-7b53d48da7a2.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neue Helvetica W01-Condensed";
        src:url("Fonts/1527aeed-e69d-4399-82e3-7b53d48da7a2.eot?#iefix");
        src:url("Fonts/1527aeed-e69d-4399-82e3-7b53d48da7a2.eot?#iefix") format("eot"),url("Fonts/5f4620bc-98f7-4b13-9f90-3a54ea6a9c55.woff2") format("woff2"),url("Fonts/ac30e84e-cb19-4576-b6f9-491fccbd42ff.woff") format("woff"),url("Fonts/b583b782-0709-4a13-899f-7e9ab1a7eccd.ttf") format("truetype"),url("Fonts/d5dd03f5-3afb-46e9-aad0-234de8607afa.svg#d5dd03f5-3afb-46e9-aad0-234de8607afa") format("svg");
font-weight: 900;
font-style: normal;
    }

*{box-sizing: border-box;}
html{width:100%; height:100%; padding:0px; margin:0px;}
body{width:100%; min-height: 100%; overflow-x: hidden; padding:0px; margin:0px; font-family: 'Neue Helvetica® W01', sans-serif; font-size: 16px; line-height: 1.4em; background-color:#FFF; color:#333; font-weight: 400;}
.content-wrap{
    width:100%;
    max-width:1450px;
    padding:0px 24px;
    margin:0px auto;
    position: relative;
}
.condensed {font-family: "Neue Helvetica W01-Condensed"; font-weight: 900;}
.clear{clear:both;}
a{color:#333; cursor: pointer;}
a:hover{color:#30488b;}
#top-nav{font-family: 'Neue Helvetica® W01', sans-serif; font-weight: 500; position: relative; padding-left:150px; padding-right: 150px; position: relative; z-index: 999;}
#top-nav .logo{width:36px; height: 36px;display: block; margin:10px; position: absolute; left:80px; top:0px; background-image:url(../images/Logo-MA-sm.png); background-size: contain; background-position: center; background-repeat: no-repeat;}
#top-nav ul{ list-style: none; text-align: center; padding:0px; margin:0px;}
#top-nav li{ display: inline-block; text-transform: uppercase; margin:0px 45px; padding:15px; position: relative; transition:all 0.3s ease;}
#top-nav li:last-child{margin-right:0px;}
#top-nav li a{text-decoration: none;}
#top-nav li:hover{
    background-color:#f1841f;
}
#top-nav li a:hover,
#top-nav li:hover a{color:#fff;}
#top-nav ul.submenu{
    position: absolute;
    display:none;
    width:450px;
    padding:16px 48px;
    text-align: left;
    left:0px;
    top:100%;
    margin:0px;
    opacity: 0;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}
#top-nav li:hover ul.submenu{
    display: block;
    background-color:#f1841f;
    opacity: 1;
}
#top-nav ul.submenu li{
    display:block;
    margin:4px 0px;
    padding:0px; 
}
#top-nav ul.submenu a{
    padding:4px 0px;
    display: block;
    color:#fff;
}
#top-nav ul.submenu a:hover{
    color:#333;
}
#Banner{
    width:100%;
    background-size:cover;
    background-position: top left;
    background-repeat: no-repeat;
    height: 207px;
    color:#fff;
    border-bottom:3px solid #f1841f;
}
#Banner .banner-top{
    width:100%;
    background-color:#797a7c;
    color:#fff;
    
}
.banner-top .sitename{
    font-family: Times New Roman, serif;
    padding:5px 0px;
    display: inline-block;
    
}
.banner-top .order-now{
    position: absolute;
    top:0px;
    right: 0px;
    
}
.banner-top .order-now:before{
    
}

.banner-top .order-now a{
    display: inline-block;
    background-color:#f1841f;
    color:#fff;
    text-transform: uppercase;
    padding:5px 12px 5px 48px;
    position: relative;
    text-decoration: none;
    margin-left:8px;

}
.banner-top .order-now a.login{background-color:#222; width:auto;}

.banner-top .order-now a:before{
    content:'\25B8';
    display: inline-block;
    margin-right:8px;
    color:#fff200;
    font-size: 44px;
    line-height: 16px;
    position: absolute;
    left:12px;
    top: 7px;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}
.banner-top .order-now a:hover:before{
    color:#fcfbe5;
}

#Banner .description{padding-top:8px; font-size: 22px; font-weight: 200;}
#Banner,
.home #Banner{
    background-image: url(../images/homepagebannerlight.jpg);
}
.cylinder-molds #Banner{background-image: url(../images/banners/precast-banners6.jpg);}
.lifting-devices #Banner{background-image: url(../images/banners/precast-banners10.jpg);}
.manhole-products #Banner{background-image: url(../images/banners/precast-banners2.jpg);}
.manhole-steps #Banner{background-image: url(../images/banners/precast-banners2.jpg);}
.step-inserts #Banner{background-image: url(../images/banners/precast-banners2.jpg);}
.cam-pins #Banner{background-image: url(../images/banners/precast-banners2.jpg);}
.magnetic-step-pins #Banner{background-image: url(../images/banners/precast-banners2.jpg);}
.panel-pads-and-shims #Banner{background-image: url(../images/banners/precast-banners9.jpg);}
.pipe-joint-lubricant #Banner{background-image: url(../images/banners/precast-banners1.jpg);}
.utility-vault-products #Banner{background-image: url(../images/banners/precast-banners12.jpg);}
.about #Banner{background-image: url(../images/banners/precast-banners5.jpg);}
.research #Banner{background-image: url(../images/banners/precast-banners5.jpg);}
.associations #Banner{background-image: url(../images/banners/precast-banners5.jpg);}
.faqs #Banner{background-image: url(../images/banners/precast-banners5.jpg);}
.search #Banner{background-image: url(../images/banners/precast-banners14.jpg);}
.documents #Banner{background-image: url(../images/banners/precast-banners10.jpg);}
.contact #Banner{background-image: url(../images/banners/precast-banners4.jpg);}


.iso-certification{font-weight: 900; font-size: 14px; padding-top: 42px; margin-bottom: 24px;}
.iso-certification strong{font-size: 22px;}
.iso-certification a{text-decoration: none;}

#Banner > .content-wrap{
    max-width: 1224px;
}
#Banner h1{
    
    color:#fff;
    font-weight: 800;
    font-size:54px;
    line-height: 1em;
    margin: 26px 0px 0px;
}
#Banner h2{
    margin-top:8px;
    color:#fff;
    font-size:22px;
    font-weight: 200;
    letter-spacing: 1.5px;
    text-transform: none;
    
}

#Content:after{
    content:'';
    display: block;
    clear: both;
}

#Footer{
  background-color:#e9e9e9;
  padding:48px 0px 75px 0px;
  font-size:12px;
  font-weight: 500;
    line-height: 1.5em;
}
#Footer:after{
    content:'';
    display: block;
    clear: both;
}
#Footer a{
    color:#999;
}
#Footer a.telephone{
    text-decoration: none;
    color:#333;
}
#Footer .footer1{
    float:left;
    width:25%;
}
#Footer .footer2{
    float:left;
    width:25%;
}
#Footer .footer3{
    float:left;
    width:25%;
}
#Footer .footer4{
    float:left;
    width:25%;
}
#Footer .facebook{
    display: block;
    width:25px;
    height: 25px;
    background-image: url(../images/facebook.png);
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
#Footer .copyright,
#Footer .allrights{display: block;}
/*Homepage */
.home #Content{
    padding-top:48px;
    padding-bottom:150px;
}
.category-block{
    float:left;
    width:28%;
    margin-right:8%;
    margin-top:36px;
    word-wrap: break-word;
}
.category-block:nth-child(3n){
    margin-right:0px;
}
.category-block:nth-child(3n+1){
    clear:both;
}

.category-block .category-img{
    width:100%;
    height:265px;
    position: relative;
    display: block;
    margin-bottom:16px;
    overflow: hidden;
}
.category-block .category-img:before{display: block; content:''; width:100%; height: 100%; position: absolute; top:0px; left:0px; background-size: cover; background-position: center; background-repeat: no-repeat;transform: translate3d(0,0,0); transition:  all 0.8s ease-out;}

.category-block .category-img span{
   display: block;
    position: absolute;
    bottom:0px;
    left:0px;
    width:100%;
    background-color:#797a7c;
    color:#fff;
    padding:5px 12px 5px 48px;
    text-transform: uppercase;
    font-weight: 200; letter-spacing: 2px;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}
.category-block .category-img span:before{
    content:'\25B8';
    display: inline-block;
    margin-right:8px;
    color:#fff;
    font-size: 36px;
    line-height: 16px;
    position: absolute;
    left:12px;
    top: 7px;
}
.category-block .category-img:hover span{
    background-color:#f1841f;
}
.category-block .category-img:hover:before{transform:scale(1.1) translate3d(-2.5%,-2.5%,0);;}
.category-block p{font-weight: 300; font-size: 14px;}
.home h2.condensed{padding-top:48px; font-size: 54px; color:#f1841f; text-transform: none;}

#cylinder-molds.category-block .category-img:before{background-image:url(../images/Cylinder-Molds.jpg);}
#lifting-devices.category-block .category-img:before{background-image:url(../images/Lifting-Devices.jpg);}
#manhole-products.category-block .category-img:before{background-image:url(../images/Manhole-Products.jpg);}
#panel-pads.category-block .category-img:before{background-image:url(../images/Panel-Pads-Shims.jpg);}
#pipe-joint-lubricant.category-block .category-img:before{background-image:url(../images/Pipe-Joint-Lubricant.jpg);}
#utility-vault-products.category-block .category-img:before{background-image:url(../images/Utility-Vault-Products.jpg);}
#manhole-steps.category-block .category-img:before{background-image:url(../images/Manhole-Steps.jpg);}
#step-inserts.category-block .category-img:before{background-image:url(../images/Step-Inserts.jpg);}
#cam-pins.category-block .category-img:before{background-image:url(../images/Cam-Pins.jpg);}
#magnetic-step-pins.category-block .category-img:before{background-image:url(../images/Magnetic-Step-Pins.jpg);}

.modal-splash img{width:100%; height: auto;}
.modal-splash .modal-header{border-bottom: none; z-index: 1;}
.modal-splash .modal-body{aspect-ratio: 400/309; padding:0; margin-top:-52px}
.modal-splash .modal-footer{display: none;}
.modal-splash .modal-header .hide_modal{background-color:rgba(255,255,255,0.6); border-radius: 2px;}

.breadcrumbs{display: block; width:100%; padding:5px 0px 5px 0px;font-size: 12px; font-weight: 300; text-align: right; letter-spacing: 1.2px;}
.breadcrumbs ul{display: inline-block; padding-left: 8px; font-size: 14px; letter-spacing: 1px; margin:0px; font-weight: 700; color:#f1841f;}
.breadcrumbs li{list-style: none; display: inline-block; text-transform: uppercase; margin-right:8px;}
.breadcrumbs li:after{content:'\25B8'; display: inline-block; line-height: 16px; font-size:24px; position: relative; top:4px; left:4px;}
.breadcrumbs li:last-child:after{content:'';display: none;}
.breadcrumbs a{text-decoration: none;}

.category .blurb{margin:48px 0px;}
.category .subcategories:after{content:''; display: block; clear: both;}
.category .subcategories{margin:0px 0px 48px; padding-bottom: 24px;}
.category .category-block{width:23.5%;}
.category .category-block:nth-child(3n+1){clear:none;}
.category .category-block:nth-child(3n){ margin-right:2%;}
.category .category-block:nth-child(4n){ margin-right:0px;}
.category .category-block .category-img{height: 250px;}

.list-toggle{float:right; margin-top:-100px; position: relative;}
.list-toggle span{display: inline-block; width:48px;height:48px; border-radius: 50%; background-color:#797a7c; background-size:75%; background-repeat: no-repeat; background-position: center; cursor:pointer; margin:24px 8px;}
.list-toggle span.on{background-color:#f1841f;}
.list-toggle .grid{background-image: url(../images/preview_matrix.svg);}

.list-toggle .list{background-image: url(../images/preview_table.svg);}


.one-line{display: block;width:100%;position: relative; text-align: left; font-weight: 200;letter-spacing: 1.2px;}


h2{
    color: #797a7c;
    font-size: 26px;
    margin:40px 0px;
    text-transform: uppercase;

}

.product_list{width:auto; display: block; margin:0px; padding:0px;list-style: none;}
.product_list:after{display: block; content:''; clear:both;}
.product_list.grid li{display: block; float:left; width:23.5%; margin:0px 2% 2% 0px; vertical-align: top; position: relative; font-size:12px;}
.product_list.grid li:nth-child(4n){margin-right:0px}
.product_list.grid li:nth-child(4n+1){clear:both;}

.product_list.grid .product_image{display:block; width:100%; height:250px; overflow: hidden; position: relative;}
.product_list.grid .product_image img{display: block; width:100%; height:auto; }
.product_list.grid .product_title{
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    
    color: #fff;
    padding: 5px 12px 5px 48px;
    text-transform: uppercase;
    
    z-index:1;
    text-decoration: none;
    background-color:#797a7c;
    
}
.product_list.grid .product_title:before{
    content: '\25B8';
    display: inline-block;
    margin-right: 8px;
    color: #fff;
    font-size: 36px;
    line-height: 16px;
    position: absolute;
    left: 12px;
    top: 7px;
    
}
.product_list.grid li:hover .product_title{background-color:#f1841f;}

.product_list.grid .description{display:none;}
.product_list.grid .product_sku{
    display: block;
    position:absolute;
    bottom:0px;
    width:100%;
    text-align: right;
    color:#797a7c;
    font-weight: 700;
    background-color: #797a7c;
    padding: 5px 12px 5px 48px;
}

.product_list.grid li:hover .product_sku{
    background-color: #f1841f;
    color:#f1841f;
}
.product_list.list{margin-bottom: 75px;}
.product_list.list > li{ display:block;  position: relative; margin-top:36px; clear:both;}
.product_list.list > li:after{content:''; display: block; clear: both;}
.product_list.list .product_image{width:25%; float:left; }
.product_list.list .product_image img{width:100%; height:auto;}
.product_list.list .product_title{float:right; width:70%;}
.product_list.list .product_sku{float:right; width:70%;}
.product_list.list .description{float:right; width:70%;}


/* Product Details Page */
.product_details #Content{position: relative; padding-top:120px;}
h2.product_name{color:#000; text-transform: none; margin:0px 0px 36px 0px; float:right; width:60%;}
.product_details .product_image{ width:35%; height:auto; margin-top:-62px;}
.product_details .product_image img{height:auto; width:auto; display: block; margin:0px auto; max-width: 100%; max-height: 450px;}
.product_options{ background-color:#dfdfdf; padding:22px; display: inline-block; vertical-align: top; margin:36px 0px 36px 5%;}
.buy_now{display: block; margin:36px 20% 36px 5%; border:1px solid #797a7c; padding:24px 36px; font-size:18px; float:right; width:40%;}
.buy_now h4{color:#000; font-size:18px; font-weight: normal; margin:0px 0px 8px 0px;}
.buy_now .option{display: block; margin-bottom: 8px;}
.buy_now .option .name{display: inline-block; margin-right:8px;}
.buy_now .option .value{}
.buy_now .view_quote{position: absolute; cursor:pointer; font-size:18px; top:0px; right:0px; color:#797a7c; background-color:#f1f1fc; border:1px solid #dfdfdf; padding:16px 24px; margin:24px 5% 0px 0px;}
.buy_now .view_quote:before{width:60px; height:60px; display: inline-block; background-image:url(../images/clipboard_3.svg); background-size:contain; background-repeat: no-repeat; content:''; margin:-8px 16px -8px 0px; vertical-align: middle;}
.product_listing{}
.buy_now .add_to_quote{display: block;text-align: center; font-size:20px; margin-top:24px;width:auto; padding:16px 24px; background-color:#f1f1fc; cursor:pointer; border:1px solid #dfdfdf;}

.product_features{float:right; clear:right; width:60%;}
.product_features.mobile{display: none;}
.product_features li{list-style: none; margin-left:24px;}
.product_facts{float:left; width:35%; margin-bottom:55px;}
.product_facts li{list-style: none; margin-left:24px;}
.product_description{}
.specifications{}

.hide{position:absolute; top:8px; right:8px; cursor:pointer; width:45px; height:45px;}
.hide:before{content:''; display: block; width:35px; border-bottom:3px solid #797a7c; transform: rotate(45deg); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; position: absolute; top:50%; left:0px;}
.hide:after{content:''; display: block; width:35px; border-bottom:3px solid #797a7c; transform: rotate(-45deg); transition:all 0.3s ease; -webkit-transition:all 0.3s ease;position: relative; top:50%; left:0px;}
.hide:hover:before,
.hide:hover:after{border-bottom: 3px solid #f1841f;}
.PopupPanel h2{margin:12px 0px;}
.submit{width:100%; position: absolute; bottom:0px; left:0px; background-color:#797a7c; text-align: center; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}

.btn{cursor: pointer; background-color:#f1f1fc; display: inline-block; padding:8px 16px; border:1px solid #dfdfdf; margin:16px 8px;}
a.btn{text-decoration: none;}
a.btn:hover{color:#333;}

.btn.highlight{ background-color:#f1841f; color:#fff; font-size:1.2em; border-color:#333;}
a.btn.highlight:hover{color:#fff;}

.table_head{display: table-row;text-transform: uppercase; font-size:14px; }
.table_row{display: table-row;padding:4px 8px;}

.table_head > .table_cell,
.table_row > .table_cell,
.table_row > label,
.table_row > .value{display: table-cell; padding:4px 8px;}

#cart_ProductsTable{display: table; width:100%;border:1px solid #797a7c;}
#cart_ProductsTable .table_head{display: table-row; text-transform: uppercase; font-size:14px; }
#cart_ProductsTable .quantity{display: table-cell;padding:4px 8px;}
#cart_ProductsTable .sku{display: table-cell;padding:4px 8px;}
#cart_ProductsTable .details{display: table-cell;padding:4px 8px;}
#cart_ProductsTable .table_row{display: table-row;padding:4px 8px;}
#cart_ProductsTable .table_row.odd{background-color:#f1f1fc;}
#cart_ProductsTable .product_selected_options{margin:4px 0px; padding-left:36px; font-size:12px; list-style: none;}
#cart_ProductsTable .button.remove{display: inline-block; width:25px; height: 25px; background-image:url(../images/trash_bin.svg); background-size:contain; background-position: center; background-repeat: no-repeat; cursor: pointer; margin-right: 16px; vertical-align: middle; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#cart_ProductsTable .button.remove:hover{background-image: url(../images/trash_bin-o.svg);}
/*Popup Settings*/
#bgPopup{  
    display:none;   
    position:fixed;    
    _position:absolute; /* hack for internet explorer 6*/    
    height:100%;    
    width:100%;    
    top:0;    
    left:0;    
    background:#000000;     
    z-index:499;    
}   

#Popup{    
    display:none;     
    _position:absolute; /* hack for internet explorer 6 */      
    z-index:999;
	width:90%; 
	left:0px;
	max-width:980px; 
	
	margin-bottom:75px;   
}    
/*
.PopupInter{  interior popup panel class 
 background:#FFFFFF;    
 border:2px solid #cecece;  
 padding:12px;    
 font-size:13px;
 margin-bottom:75px;  	
}
*/

/* Popup interior panel settings */
.PopupTabs{
	margin-bottom:0px;
	margin-left:2%;
	position:relative;
	top:11px;
	background-color:#666;
	margin-right:2%;
	padding-top:2px;
}
.PopupTabs a{
	padding:5px;
	padding-right:10px;
	border:1px solid #0c0c0c;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-right:0px;
	
	background-color:#CCC;
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

.PopupTabs a:visited{
	color:#666;
}


.PopupTabs .tab{
	display:inline-block;
	margin-top:0px;
	padding:5px;
	padding-right:10px;
	border:1px solid #0c0c0c;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-right:0px;
	background-color:#A2CBF9;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	margin-bottom:0px;
	position:relative;
}


.PopupTabs .active{
	border-bottom: 1px solid #FFF;	
	background-color:#FFF;
	z-index:999;
}

.PopupInter{
	/*background-color:#999;*/
	padding-bottom:30px;
	float:left;
	width:100%;
}
.PopupPanel{
	
	margin-left:2%;
	margin-right:2%;
	padding-left:3%;
	padding-right:3%;
	background-color:#FFF;
	margin-top:0px;
	position:relative;
	left:0px;
	top:10px;
	border:1px solid #0c0c0c;
	border-radius:4px;
	border-left:1px #0c0c0c solid;
	border-bottom:1px #0c0c0c solid;
	padding-top:2%;
	padding-bottom:100px;
	box-shadow:1px -1px 2px #333;
	
}
.PopupPanel:after{content:''; display: block;clear: both;}

#Popup h3.title{
	
	background-color:#B3DCFD;
	padding-top:1%;
	padding-left:5%;
	padding-bottom:1%;
	margin-left:-3.33%;
	margin-right:-3.33%;
	margin-top:0px;
}

.PopupPanel h4{
	text-align:center;
}


.SmallPanel{
	width:500px;
	min-height:200px;
	padding-left:45px;
	padding-right:45px;
	background-color:#FFF;
	margin-top:0px;
	position:relative;
	top:6px;
	border-left:1px #0c0c0c solid;
	border-bottom:1px #0c0c0c solid;
	padding-top:45px;
	padding-bottom:45px;
	margin-left:auto;
	margin-right:auto;
	box-shadow:1px -1px 2px #333;
}
/*end Popup Settings*/
.button{cursor: pointer;}
#transactionDATA{}
#transactionDATA .company_info{background-color:#f1841f; text-align: center; border:2px solid #000; margin-bottom: 18px; display: block; width: auto; list-style: none;}

#transactionDATA .orderdetails{border:2px solid #000; margin-bottom: 18px; border-collapse: collapse; width:100%;}
#transactionDATA .orderdetails td{border:1px solid #000;  padding:8px 12px;}
#transactionDATA .orderdetails th{border:2px solid #000;  padding:8px 12px;}
.table-cell.pad-right{padding-right: 8px;}
.table-cell.pad-both{padding-right: 8px; padding-left: 8px;}
.table-cell.pad-left{padding-left: 8px;}
#transactionDATA .astrisk{font-size: 0.6em; font-style: italic; color:#767676;}
#transactionDATA .orderLineItems{border:2px solid #000; margin-bottom: 18px;  border-collapse: collapse; width:100%;}
#transactionDATA .orderLineItems thead{background-color:#f1841f;}
#transactionDATA .orderLineItems th{padding:18px; text-align: center; border:1px solid #000;}
#transactionDATA .orderLineItems td{border:1px solid #000; padding:8px 12px;}
#transactionDATA .orderLineItems tbody tr:nth-child(2n){background-color:#eee;}

label{ display: inline-block;   padding:4px 8px; }
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"]{display: block; width:100%; font-size:18px; padding:8px 12px; border:1px solid #999; border-radius: 3px; margin:4px 0px 12px 0px; }


input[type="text"].six,
input[type="number"].six,
input[type="email"].six,
input[type="tel"].six{width:49%; margin-right: 2%; display: inline-block; vertical-align: top;}

input[type="text"].six:last-child,
input[type="number"].six:last-child,
input[type="email"].six:last-child,
input[type="tel"].six:last-child{margin-right: 0px;}

textarea{display: block; width:100%; height:250px; font-size:18px; padding:8px 12px; border:1px solid #888; border-radius: 3px; margin:4px 0px 12px 0px;}
.radio label{display: inline-block; margin-right:12px;}
input[type="radio"]{margin-right:12px;}
input[type="date"],
input[type="time"]{display: inline-block; font-size: 18px; padding:8px 12px; border:1px solid #666; color:#999; border-radius: 3px; margin:4px 0px 12px 0px;}
fieldset{border:1px solid #666; margin:0px 0px 32px;}

select{font-size: 18px; padding:8px 12px; border-radius: 4px; color:#999; margin:4px 0px 12px 0px; display: inline-block; max-width: 100%; text-overflow: ellipsis; background-color:#fff;}
select:disabled{background-color:#ddd;}
input[type="submit"]{font-size: 18px; display: inline-block; padding:8px 16px; border:1px solid #999; background:none; background-color:#eee; box-shadow: rgba(0,0,0,0.4) 1px 1px 0px 0px; margin-top:18px; transition:all 0.3s ease-out; color:#666; cursor: pointer;}
input[type="submit"]:hover{ box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px; }
textarea.invalid,
input[type="text"].invalid,
input[type="number"].invalid,
input[type="tel"].invalid,
input[type="password"].invalid,
input[type="date"].invalid,
input[type="email"].invalid,
input[type="time"].invalid{border-color:#a12d3a; background-color:#f7b1b8;}



.about #Content{padding-top:64px; padding-bottom:64px;}
.about h1{font-size:2.3em; margin-bottom:24px; line-height: normal;}
.about .main{width:60%; float:left; padding-right:36px;}
.about .photos{width:40%; float:left;}
.about .photos img{max-width:100%; width:auto; height: auto; display: block; margin:0px auto 24px;}

.about .sub-content{clear:both; margin:24px 0px; padding-top:24px;}
.about .sub-content h3.one-line{position: relative; text-align: center;}
.about .sub-content h3.one-line:before{content:''; width:100%; display: block; position: absolute; top:1em; border-top:1px solid #797a7c;}
.about .sub-content h3.one-line span{background-color:#fff; display: inline-block; padding:8px 16px; position: relative;}

.about .subnav{text-align: center; padding:0px;}
.about .subnav li{list-style: none; display: inline-block; padding:0px 16px;}
.about .subnav a{display: inline-block; padding:16px 24px;  cursor: pointer; text-decoration: none;}

.about .association{display: block; float:left; width:30%; margin:0px 3% 3% 0px; min-height: 350px; border:1px solid #797a7c; padding:16px; text-align: center;}
.about .association:nth-child(3n){margin-right:0px;}
.about .association:nth-child(3n+1){clear:left;}
.about .association img{max-width: 100%;}

.about .documents{width:50%; float:left;}
.about .forms{width:50%; float:left;}
.about .brochures{width:100%; clear:both; padding-top:48px;}
.about .brochures .docs{margin:0px; padding:0px;}
.about .brochures .docs li{list-style: none; float:left; width: 18%; margin-right:2.5%; text-align: center;}
.about .brochures .docs li:nth-child(5n){margin-right:0px;}
.about .brochures .docs li:nth-child(5n+1){clear:left;}

.about.contact .main{width:34%; padding:24px; margin-top:50px; margin-right:16%; border:1px solid #dfdfdf; float:left;}
.about.contact .main img{max-width:100%;}
.about.contact .photos{width:50%; float:left;}

.sales-representatives{}
.sales-representatives:after{content:''; display: block; clear: both;}
.sales-representatives .sales{width:45%; margin-right:10%;float:left; margin-bottom: 48px;}
.sales-representatives .sales:nth-child(2n){margin-right:0px;}
.sales-representatives .sales:nth-child(2n+1){clear:left;}
.sales-representatives .sales img{max-width:40%;float:left;}
.sales-representatives .sales p{width:50%; margin-left:45%;}


input.textinput{padding:8px 16px; font-size:18px; box-shadow: none; border:1px solid #999; border-radius: 2px; margin-bottom:16px;}


.login{width:325px; margin:0px auto; display: table;}
.login .label{display: table-cell; padding-right:16px;}
.login input{display: table-cell;}

@media screen and (max-width:1300px){
    
    #top-nav li{margin:0px 24px;}
    
    .product_list.grid .product_image{height:200px;}
}
@media screen and (max-width:1080px){
    #top-nav{display: block; width:100%; height:48px;background-color:#fff;}
    #top-nav > ul{position: absolute; right:0px; top:100%; background-color:#fff; text-align: center; width:450px; max-width: 100%; box-shadow: rgba(0,0,0,0.4) 1px 2px 2px; border-top:1px solid #dfdfdf; padding-bottom: 32px;}
    
    #top-nav li{display:block; margin:0px; padding:0px;}
    #top-nav li:hover{background-color:#fff;}
    #top-nav ul.submenu{position: relative; display: block; opacity: 1; text-align: center; width:auto; padding:0px; margin:0px;}
    #top-nav ul.submenu a{color:#333;}
    #top-nav ul.submenu li{margin:0px; padding:0px;}
    #top-nav li a:hover, #top-nav li:hover a{color:#333;}
    #top-nav ul.submenu a,
    #top-nav li a{display:block; padding:24px 15px;}
    #top-nav ul.submenu a:hover,
    #top-nav li a:hover{background-color:#f1841f; color:#fff; transition:all 0.3s ease;}
    #top-nav li:hover ul.submenu{background-color:#fff;}
    #top-nav > ul > li > a{position: relative; z-index: 1;}
    #top-nav ul.submenu  a{background-color:#f6f6f6; border-bottom:1px solid #dcdcdc;}
    #top-nav ul.submenu a{height:0px; overflow-y:hidden; padding:0px 15px; border-bottom:0px solid #f6f6f6; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
    #top-nav ul.submenu.on a{height:73px;  padding:24px 15px; border-bottom:1px solid #dcdcdc;}
    #top-nav ul.submenu:before{content:''; display: block; width:100%; height:0px; z-index: 2; position: absolute; bottom:100%; left:0px;}
    
    #top-nav > ul{ padding-bottom:0px; border-top:0px solid #fff; box-shadow: rgba(0,0,0,0.0) 0px 0px 0px; transition:all 0.3s ease;-webkit-transition:all 0.3s ease; }
    #top-nav > ul > li > a {height:0px; overflow-y:hidden; padding:0px 15px; border-bottom:0px solid #fff; box-shadow: rgba(0,0,0,0) 0px 0px 0px; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
    #top-nav.on > ul { padding-bottom:32px; border-top:1px solid #dfdfdf; box-shadow: rgba(0,0,0,0.4) 1px 2px 2px; }
    #top-nav.on > ul > li > a{height:73px; padding:24px 15px; border-bottom:1px solid #dfdfdf; box-shadow:rgba(0,0,0,0.2) 0px 1px 8px;  }
    #top-nav.on ul.submenu:before{height:73px;}
    
    #top-nav:before{content:'MENU'; font-weight: bold; color: #797a7c; display: block; width:48px; text-align: center; border-bottom:2px solid #797a7c; position: absolute; top:7px; right:24px; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
    #top-nav:after{content:''; display: block; width:48px; border-bottom:2px solid #797a7c; position: absolute; top:36px; right:24px; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
    #top-nav > ul:before{content:''; display: block; width:48px; border-bottom:2px solid #797a7c; position: absolute; top:-22px; right:24px; transition:all 0.3s ease;-webkit-transition:all 0.3s ease; }
    #top-nav.on:before{opacity: 0;}
    #top-nav.on:after{transform: rotate(45deg); width:28px; top:23px;}
    #top-nav.on > ul:before{transform: rotate(-45deg); width:28px; top:-26px;}
    
    #top-nav .logo{left:0px; margin:7px;}
    .category .category-block,
    .category-block{width:48%; margin-right:4%;}
    .category .category-block:nth-child(3n),
    .category-block:nth-child(3n){margin-right:4%;}
    .category .category-block:nth-child(2n),
    .category-block:nth-child(2n){margin-right:0px;}
    .category .category-block:nth-child(3n+1),
    .category-block:nth-child(3n+1){clear:none;}
    .category .category-block:nth-child(2n+1),
    .category-block:nth-child(2n+1){clear:both;}
    .home #Content{padding-top:24px;}
    
    
    .about .main{width:auto; float:none; padding-right:0px;}
    .about .photos{width:auto;float:none;}
    .rslides{float:none; margin:24px auto;}
    
    
    .about .association{width:48%;margin-right:4%;}
    .about .association:nth-child(3n){margin-right:4%;}
    .about .association:nth-child(3n+1){clear:none;}
    .about .association:nth-child(2n){margin-right:0px;}
    .about .association:nth-child(2n+1){clear:left;}
    
    .docs li{margin-bottom:15px;}
    .about .brochures .docs li{width:23.5%; margin-right:2%;}
    .about .brochures .docs li:nth-child(5n){margin-right:2%;}
    .about .brochures .docs li:nth-child(5n+1){clear:none;}
    .about .brochures .docs li:nth-child(4n){margin-right:0px;}
    .about .brochures .docs li:nth-child(4n+1){clear:left;}
    
    .sales-representatives{padding:0px 2.5%;}
    .sales-representatives .sales img{max-width:90%; float:none; display: block; margin:0px auto 15px;}
    .sales-representatives .sales p{width:auto; float:none; margin:0px 16px 16px 16px;}
    .product_list{clear:both;}
    .product_list.grid li{width:32%; margin-right:2%; }
    .product_list.grid li:nth-child(4n){margin-right:2%;}
    .product_list.grid li:nth-child(4n+1){clear:none;}
    .product_list.grid li:nth-child(3n){margin-right:0px;}
    .product_list.grid li:nth-child(3n+1){clear:left;}
    
}
@media screen and (max-width:900px){
    
    /*Product Details Page*/
    .product_details #Content{padding-top:48px;}
    .buy_now .view_quote{position: static; margin:16px; float: right;}
    h2.product_name{float:none; width:auto; text-align: center;}
    .product_features{display: none;}
    .product_features.mobile{display: block; float:none; width:auto;}
    .product_details .product_image{float:none;width:auto; margin-top:0px;}
    .buy_now{float:none;width:auto;}
    .product_facts{float:none; width:auto;}
}

@media screen and (max-width:765px){
    .product_list.grid li{width:49%; margin-right:2%; height:225px; }
    .product_list.grid li:nth-child(4n){margin-right:2%;}
    .product_list.grid li:nth-child(4n+1){clear:none;}
    .product_list.grid li:nth-child(3n){margin-right:2%;}
    .product_list.grid li:nth-child(3n+1){clear:none;}
    .product_list.grid li:nth-child(2n){margin-right:0px;}
    .product_list.grid li:nth-child(2n+1){clear:left;}
    
}
@media screen and (max-width:640px){
    #top-nav{position: fixed; top:0px;}
    #Header{padding-top:61px;}
    #Banner .banner-top{position: fixed; top:48px; z-index: 1;}
    #Banner{padding-top:24px;}
    .banner-top .order-now {top:70%; left:0px; right:auto; width:100%;     background-color: #797a7c;}
    .banner-top .order-now a{width:48.5%; color:#333; display: block; float:left; margin: 0px; text-align: center; background-color: #dfdfdf; margin:1% 0.5% 1% 1%;}
    .banner-top .order-now a:nth-child(2){margin:1% 1% 1% 0.5%;}
    .banner-top .order-now a:before{color:#f1841f}
    
    #Banner{height:265px;}
    #Banner h1{font-size:48px;}
    #Banner h2{margin:24px 0px;}
    
    .category-block .category-img{height:265px;}
    
    .about.contact .main{width:auto; float:none; margin-right:0px;}
    .about.contact .photos{width:auto; float:none;}
    .map img{max-width: 100%;}
    
    .about .documents{width:auto; float:none;}
    
    .about .brochures .docs li{width:30%; margin-right:5%; margin-bottom: 5%;}
    .about .brochures .docs li:nth-child(5n){margin-right:4%;}    
    .about .brochures .docs li:nth-child(4n){margin-right:4%;}
    .about .brochures .docs li:nth-child(4n+1){clear:none;}
    .about .brochures .docs li:nth-child(3n){margin-right:0px;}
    .about .brochures .docs li:nth-child(3n+1){clear:left;}
    
    #Footer{font-size:14px; padding-bottom:0px;}
    #Footer .content-wrap{width:auto; padding:0px; margin:0px;}
    #Footer .footer3,
    #Footer .footer2,
    #Footer .footer1{width:50%; padding-left:24px;}
    
    #Footer .footer3{padding-bottom:16px;}
    
    #Footer .footer4{width:auto; display: block; margin: 16px auto 0px ; padding:16px 24px 36px; color:#fff; clear: both; float:none; text-align: center; background-color:#797a7c;}
    #Footer .footer4{width:auto; display: block; margin: 16px auto 0px ; padding:16px 24px 36px; color:#fff; clear: both; float:none; text-align: center; background-color:#797a7c;}
    #Footer .facebook,
    #Footer .copyright, 
    #Footer .allrights{display: inline-block;}
    
    .product_list.grid li{width:auto; float:none; margin-right:0px !important;}
}

@media screen  and (max-width:540px){
    .content-wrap{padding:0px 16px;}
    #Banner h1{font-size:32px;}
    #Banner{height: auto; padding-bottom: 24px;}
    .category .category-block,
    .category-block{width:auto; float:none; margin-right:0px;}
    .about .subnav li{width:auto; display: block;}
    .banner-top .order-now a span{display: none;}
    .home #Content{padding-bottom: 64px;}
    #Footer .footer3,
    #Footer .footer2,
    #Footer .footer1{width:auto; float: none;}
    .about #Content .six{width:auto; float:none; border:1px solid #dfdfdf; padding:16px; margin-bottom:16px;}
    .about .association{width:auto; margin-right:0px !important; float:none;}
    .sales-representatives .sales{width:auto; margin-right:0px !important; float:none;}
    
    .login{width:auto;}
    .login .label{display: block; text-align: center;}
    .login input[type="submit"]{display: block; margin:0px auto;}
    
    #transactionDATA #customer{display: block;}
    #transactionDATA #customer_data, #transactionDATA #shipping_data{
        display: block;
        width:auto;
        float:none;
        margin-bottom:16px;
    }
    .product_options{margin:36px 5%; width:auto; display: block;}
    .buy_now{margin:36px 5%;}
    .buy_now .view_quote{margin:0px 0px 16px 0px; display: block; float:none;}
    .buy_now .view_quote:before{width:30px; height: 30px;}
}