@charset "utf-8";
body{font-family:ff-meta-web-pro, Calibri, Arial, Helvetica, sans-serif;background:#f4f4f6;margin:0;padding:0;color:#000;font-size:14px;line-height:18px;font-weight:400;background-repeat:repeat-x;background-position:0px -2px;}
ul, ol, dl{padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p{margin-top:0;padding-right:15px;padding-left:15px;}
h2 {
	font-size:17px;}
h1{font-family:ff-meta-web-pro, Calibri, Arial;font-weight:700;font-size:20px;margin:22px 0px 0px 0px; color:#ed1c24;border-bottom:1px dotted #CCCc24;padding:0px 0px 8px 0px;}
h1 sub{font-weight:400;font-size:20px;top:-6px;position:relative;}
h3{font-family:ff-meta-web-pro, Calibri, Arial;font-weight:700;font-size:17px;margin-top:18px;line-height:21px;}
h4{font-family:ff-meta-web-pro, Calibri, Arial;font-weight:700;font-size:14px;margin:18px 0px 0px 0px;line-height:21px;color:#8e8e8e;padding-left:0px;}
a img{border:none;}
a:link{color:white;text-decoration:none;}
a:visited{color:white;text-decoration:none;}
a:hover, a:active, a:focus{text-decoration:none;}
.outer_container{width:100%;margin:0 auto;background-repeat:no-repeat;background-position:center 93px;}
.container{width:970px;margin:0 auto;}
.header{background-color:white;height:428px;overflow:hidden;}
.inside_header{background-repeat:no-repeat;background-position:0px 93px;height:431px;width:970px;}
.inside_header_subsite{background-repeat:no-repeat;background-position:0px 93px;height:431px;width:970px;}
#header_logo{display:block;margin-left:30px;position:absolute;z-index:100;}
.header_content{height:110px;color:white;padding:110px 0px 0px 384px;font-size:20px;line-height:20px;font-family: ff-meta-web-pro, Calibri, Arial, Helvetica, sans-serif;}
.header_content p{margin-bottom:0px;padding-top:10px;}
#product_guide{display:block;margin-left:660px;margin-top:25px;position:absolute;z-index:100;}
.header_text{font-weight:700;color:white;font-size:28px;line-height:32px;float:left;margin:374px 0px 0px 25px;font-family: ff-meta-web-pro, Calibri, Arial, Helvetica, sans-serif;}
#header_grey{height:26px;width:970px;background-color:#bcbdc0;text-align:right;padding:3px 0px 0px 0px;color:white;font-size:12px;position:absolute;z-index:9;margin-top:93px;}
#header_grey p{margin-top:3px;}
#header_grey img{margin-top:-3px;}
#top_menu{padding:67px 0px 0px 0px;text-transform:uppercase;text-align:right;width:970px;position:absolute;font-weight:700;color:#8e8e8e;z-index:10;background-color:white;font-family: ff-meta-web-pro, Calibri, Arial, Helvetica, sans-serif;}
.top_menu_item{padding-left:10px;padding-right:10px;border-right:1px solid red;}
#top_menu a:link, #top_menu a:visited{color:#ed1c24;}
#top_menu a:hover, #top_menu a:active{color:#b1b3b6;}
#text a:link, #text a:visited {color:#929292;}
#text a:hover, #text a:active {color:#ed1c24;}
.top_menu_item_last, .top_menu_item_last a:link, .top_menu_item_last a:visited, .top_menu_item_last a:hover, .top_menu_item_last a:active{padding-left:10px;padding-right:0px;border-right:none;}
ul{list-style-type:none;margin:10px 0px 0px 15px;font-size:13px;}
 ll{margin-top:0px; padding-bottom:10px;}
#treadwell_access{margin:25px 0px 10px 15px;float:left;width:284px;height:86px;background:url("../images/access-systems-button2.png") no-repeat 0 0;}
#treadwell_access:hover{background-position:0 -93px;}
#treadwell_access span{position:absolute;top:-999em;}
#treadsafe{margin:25px 0px 10px 15px;float:left;width:284px;height:86px;background:url("../images/treadsafe-button-test.png") no-repeat 0 0;}
#treadsafe:hover{background-position:0 -93px;}
#treadsafe span{position:absolute;top:-999em;}
#work_well_mats{margin:25px 0px 10px 15px;float:left;width:284px;height:86px;background:url("../images/wwm-button2.png") no-repeat 0 0;}
#work_well_mats:hover{background-position:0 -93px;}
#work_well_mats span{position:absolute;top:-999em;}
#architex{margin:5px 0px 10px 15px;float:left;width:284px;height:86px;background:url("../images/architex-button2.png") no-repeat 0 0;}
#architex:hover{background-position:0 -93px;}
#architex span{position:absolute;top:-999em;}
#ecoex{margin:5px 0px 10px 15px;float:left;width:284px;height:86px;background:url("../images/ecoex-button2.png") no-repeat 0 0;}
#ecoex:hover{background-position:0 -93px;}
#ecoex span{position:absolute;top:-999em;}
#exduro{margin:5px 0px 10px 15px;float:left;width:284px;height:86px;background:url("../images/exduro-button2.png") no-repeat 0 0;}
#exduro:hover{background-position:0 -93px;}
#exduro span{position:absolute;top:-999em;}
.home_buttons{margin:20px 10px 5px 10px;float:left;color:#777777;text-shadow:1px 1px 0px #cccccc;}
.home_buttons h3{font-size:20px;margin-bottom:-10px;padding-bottom:0px;}
.home_buttons ul, .home_buttons p{margin-top:0px;padding-top:0px;margin-bottom:0px;padding-bottom:0px;list-style-type:disc;margin-left:36px;}
.home_buttons li{font-size:11px;}
.home_buttons:link,
.home_buttons:visited,
.home_buttons:active,
.home_buttons:hover{
    color: #777777 !important;
    text-decoration: none !important;
}
#subscribe_and_news{float:left;}
#subscribe{width:261px;height:64px;background:url("../images/bulletin-header.png") no-repeat 0 0;margin:25px 0px 0px 10px;color:white;font-weight:700;padding:4px 0px 0px 14px;letter-spacing:0px;}
#subscribe form{margin-top:12px;}
#side_buttons{float:left;width:171px;margin:33px 0px 0px 12px;}
#side_buttons img{margin-bottom:14px;-moz-box-shadow:1px 1px 1px #aaa;-webkit-box-shadow:1px 1px 1px #aaa;box-shadow:1px 1px 1px #aaa;}
#replace_button{width:49px;height:24px;margin:0px 0px 0px 10px;padding:0;border:0;background:transparent url(../images/sign-up-button.jpg) no-repeat center 4px;text-indent:-1000em;cursor:pointer;cursor:hand;}
#newsbox{width:253px;margin:0px 0px 215px 15px;padding-bottom:15px;background:#dddddd;background:-moz-linear-gradient(100% 100% 90deg,#dedfe0 , #eeefef);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeefef), to(#dedfe0));background:-webkit-linear-gradient(#dedfe0, #eeefef);background:-o-linear-gradient(#dedfe0, #eeefef);-moz-box-shadow:10px 10px 5px #888;-webkit-box-shadow:10px 10px 5px #888;box-shadow:2px 2px 2px #bbb;font-size:12px;}
#newsbox H3{margin:0px 0px 0px 14px;padding:10px 0px 0px 0px;color:#818285;}
#newsbox p{margin:5px 10px 0px 14px;padding:0px;color:#818285;}
#text{float:left;width:580px;margin:30px 0px 0px 30px;}
#text h3{border-bottom:1px dotted #aaa;margin:0px 0px 15px 0px;padding:0px 0px 10px 0px;}
#text p, .content p{margin:15px 80px 0px 0px;padding:0px;font-family: ff-meta-web-pro, Calibri, Arial, Helvetica, sans-serif;}
.content{background-image:url(../images/1PX.png);background-repeat:repeat-x;padding:10px 20px 30px 20px;border-left:1px solid white;border-right:1px solid white;border-top:1px solid white;}
.contact_left_column{width:320px;float:left;margin-top:20px;color:#8e8e8e;font-size:13px;}
.contact_left_column p{margin-left:16px;}
.contact_right_column{width:600px;float:left;margin-top:20px;padding-bottom:35px;}
.content_left_column, .content_left_column_products{width:312px;float:left;margin-top:20px;margin-left:12px;color:#8e8e8e;font-size:13px;padding-right:8px;}
.content_left_column_products sub{font-size:13px;top:-4px;position:relative;}
.content_right_column{width:590px;float:left;padding-bottom:35px;}
.content_right_column ul{margin:15px 0px 0px 13px;padding:0px;}
.content_right_column li{margin:0px;padding:0px;color:#ed1c24;list-style:disc;}
.content_left_column ul, .content_left_column_products ul{border-top:1px solid #616161;margin:15px 0px 0px 0px;padding:0px 0px 0px 0px;width:270px;}
.content_left_column_products ul ul{border-top:none;margin:0px 0px 0px 15px;padding:0px 0px 0px 0px;width:260px;}
.content_left_column li, .content_left_column_products li{color:#ed1c24;text-transform:none;padding:5px 15px;border-bottom:1px solid #ccc;font-weight:700;text-transform:uppercase;}
.content_left_column_products li{color:#8e8e8e;}
.content_left_column_products ul ul li{color:#8e8e8e;border-bottom:none;font-weight:normal;height:30px;}
.content_left_column a:link li, .content_left_column a:visited li, .content_left_column_products a:link li, .content_left_column_products a:visited li{color:#8e8e8e;font-weight:normal;text-transform:none;}
.content_left_column_products a:link li, .content_left_column_products a:visited li{text-transform:uppercase;color:#8e8e8e;}
.content_left_column_products a:hover li, .content_left_column_products a:active li{text-transform:uppercase;color:#ed1c24;}
.content_right_column h2, .contact_right_column h2{text-transform:uppercase;background-image:url(../images/red-bar.png);background-repeat:no-repeat;height:32px;margin-top:18px;padding-top:6px;color:white;font-size:14px;margin-bottom:0px;padding-bottom:0px;}
.content_left_column a:link, .content_left_column a:visited, .contact_left_column a:link, .contact_left_column a:visited, .content_left_column_products a:link, .content_left_column_products a:visited{color:#ed1c24;text-transform:uppercase;}
.content_left_column a:hover, .content_left_column a:active, .contact_left_column a:hover, .contact_left_column a:active, .content_left_column_products a:hover, .content_left_column_products a:active{color:#b1b3b6;text-transform:uppercase;}
.content_left_column a:hover li, .content_left_column a:active li, .content_left_column_products a:hover ul ul li, .content_left_column_products a:active ul ul li{color:#ed1c24;font-weight:normal;text-transform:capitalize;}
.content_right_column a:link, .content_right_column a:visited, .contact_right_column a:link, .contact_right_column a:visited{color:#ed1c24;}
.content_right_column a:hover, .content_right_column a:active, .contact_right_column a:hover, .contact_right_column a:active{color:#b1b3b6;}
.treadwell_industries, .treadwell_brands{border-bottom:1px solid #ccc;margin-right:30px;padding-left:180px;}
.treadwell_industries img, .treadwell_brands img{float:left;margin:0px 15px 15px -180px;}
.treadwell_industries p{margin:4px 0px 25px 0px;}
.treadwell_brands p{margin:2px 0px 8px 0px;}
.treadwell_brands h4{color:#ed1c24;margin-bottom:0px;}
.treadwell_brands ul{margin:5px 0px 0px 0px;}
.treadwell_brands li{list-style-type:none;color:#9a9a9a;}
label{padding-left:15px;position:absolute;padding-top:4px;margin-top:12px;}
.content_right_column input, .content_right_column select, .content_right_column textarea, .contact_right_column input, .contact_right_column select, .contact_right_column textarea{margin-left:150px;margin-top:12px;}
.content_right_column input, .content_right_column textarea, .contact_right_column input, .contact_right_column textarea{width:250px;}
.content_right_column textarea, .contact_right_column textarea{height:120px;}
.content_subsite_buttons{margin:20px 8px 0px 0px;border-top:1px solid #ccc;padding:16px 0px 0px 0px;}
.subsite_buttons_l{margin:10px 10px 0px 0px;float:left;width:149px;color:black;padding:55px 10px 0px 122px;font-size:11px;background-repeat:no-repeat;}
.subsite_buttons_l p, .subsite_buttons_r p{padding:0px;margin:0px;line-height:16px;}
.subsite_buttons_r{margin:10px 0px 0px 0px;float:left;width:149px;color:black;padding:55px 10px 0px 122px;font-size:11px;background-repeat:no-repeat;}
.product_../images{float:left;width:280px;padding:20px 0px 0px 0px;}
.product_text{float:left;width:280px;padding:18px 0px 0px 20px;color:black;}
.product_text p{padding:0px;margin:0px 5px 5px 0px;}
.product_text li{color:black;margin-bottom:4px;font-size:9px;line-height:16px;}
.product_text li .list{font-size:13px;}
.product_heading{font-weight:700;color:#ed1c24;}
.product_text td{padding:4px;vertical-align:top;margin:2px;}
.product_../images td{padding:6px;vertical-align:center;margin:2px;border-bottom:1px solid #ccc;}
.product_../images h2{color:#ed1c24;text-transform:uppercase;font-weight:700;padding:0px 0px 3px 3px;font-size:13px;height:15px;background-color:none;background-image:none;}
.product_text h2{background-color:#ed1c24;color:white;text-transform:uppercase;font-weight:700;padding:0px 0px 3px 3px;font-size:13px;height:15px;background-image:none;}
.subsite_home_buttons{margin:5px 0px 0px 15px;float:left;}
.subsite_home_buttons:hover{background-position:0px -100px;}
.subsite_home_buttons span{position:absolute;top:-999em;}
.footer1{width:970px;margin:0 auto;color:white;text-align:right;padding:3px 0px;font-size:13px;font-family: ff-meta-web-pro, Calibri, Arial, Helvetica, sans-serif; position: relative;}
.footer1_container{padding:0 0;background:black;width:100%;}
.footer2{width:970px;margin:0 auto;color:white;text-align:left;padding:5px 0px 15px 0px;font-size:11px;line-height:14px;font-family: ff-meta-web-pro, Calibri, Arial, Helvetica, sans-serif;}
.footer2_container{padding:0 0;background:#b1b3b6;width:100%;}
.footer_text_1{margin-left:35px;float:left;width:180px;}
.footer_text_2{margin-left:35px;float:left;width:180px;}
.footer_text_3{margin-left:35px;float:left;width:285px;text-align:right;padding-top:26px;}
#treadwell_footer{margin:5px 0px 10px 15px;float:left;width:86px;height:16px;background:url("../images/TW-footer-rollover.png") no-repeat 0 0;}
#treadwell_footer:hover{background-position:-2px -21px;}
#treadwell_footer span{position:absolute;top:-999em;}
#access_footer{margin:5px 0px 10px 15px;float:left;width:100px;height:15px; background:url("../images/access-systems-footer-rollover.png") no-repeat 0 0;}
#access_footer:hover{background-position:0px -20px;}
#access_footer span{position:absolute;top:-999em;}
#treadsafe_footer{margin:5px 0px 10px 15px;float:left;width:86px;height:16px;background:url("../images/treadsafe-footer-rollover.png") no-repeat 0 0;}
#treadsafe_footer:hover{background-position:0px -20px;}
#treadsafe_footer span{position:absolute;top:-999em;}
#wwm_footer{margin:5px 0px 10px 15px;float:left;width:54px;height:22px;background:url("../images/wwm-footer-rollover.png") no-repeat 0 0;}
#wwm_footer:hover{background-position:0px -24px;}
#wwm_footer span{position:absolute;top:-999em;}
#architex_footer{margin:5px 0px 10px 15px;float:left;width:68px;height:15px;background:url("../images/architex-footer-rollover.png") no-repeat 0 0;}
#architex_footer:hover{background-position:0px -20px;}
#architex_footer span{position:absolute;top:-999em;}
#ecoex_footer{margin:5px 0px 10px 15px;float:left;width:52px;height:15px;background:url("../images/ecoex-footer-rollover.png") no-repeat 0 0;}
#ecoex_footer:hover{background-position:0px -20px;}
#ecoex_footer span{position:absolute;top:-999em;}
#exduro_footer{margin:5px 0px 10px 15px;float:left;width:56px;height:15px;background:url("../images/exduro-footer-rollover.png") no-repeat 0 0;}
#exduro_footer:hover{background-position:0px -20px;}
#exduro_footer span{position:absolute;top:-999em;}
.fltrt{float:right;margin-left:8px;}
.fltlft{float:left;margin-right:8px;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
:-moz-any-link:focus{outline:none;}
.grey .accordion{background:#f2f2f4;overflow:hidden;}
.grey .accordion, .grey .accordion li{margin:0;padding:0;border:none;}
.grey .accordion a{padding:2px 10px 2px 30px;background:#f2f2f4;text-decoration:none;display:block;color:#838383;position:relative;}
.grey .accordion a.dcjq-parent{background:#f2f2f4;border-top:dotted #838383 1px;padding:6px 10px 10px 20px;}
.grey .accordion a.dcjq-parent:hover{background:#f2f2f4;border-top:dotted #838383 1px;padding:6px 10px 10px 20px;}
.grey .accordion a:hover{color:#ED1C24;}
.grey .accordion a:active{font-family:}
#socialmedia{
position: absolute;
top: -40px;
left: 20px;
background-color: red;
background-image: url(../images/facebook.png);
background-repeat: no-repeat; 
background-position: 190px 0;
width: 255px; 
height: 28px;
margin-left: 16px;
}
#socialmedia h4{
color:#FFF;
margin:4px 0 0 10px;
width:100px;
float: left;
text-decoration: none;
}
.videolink{display: block !important;background:#E9EAEB; border-left: 1px solid #EFEFEF; border-top:1px solid #EFEFEF;
border-bottom:2px solid #CCC; border-right:2px solid #CCC; padding: 5px 10px; font-weight: 700;}



/* Rakibul Added Css */
.inside_header_subsite { width:100% !important;}
.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
}
.nav {
    list-style: none;
     *zoom: 1;
	 margin:0; padding:0;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
	margin:0; padding:0; list-style-type:none;
}
.nav a {
    padding: 0 11px;
    color:#fff;
	font-size:14px;
	border-left:1px solid red;
}
.nav li:first-child a { border:none;}
.nav li:last-child a { padding-right:0;}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    /*border-top: 1px solid #104336;*/
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #1d7a62;
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c;
}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}
.newNav { float:right;}
.newNav .nav a span {color: #8e8e8e;}



@media(max-width:1024px) {
.container { width:100%;}
.inside_header_subsite { width:100%;}
.inside_header_subsite { height:400px; background-size:100% 100%;}
#top_menu { width:100%;}
#treadwell_home { margin-right:15px;}
.newNav { margin-right:15px;}
#header_logo { margin-left:0;}
.header { height:400px;}
#side_buttons { margin-left:0 !important; width:30% !important; float:left;}
#text { width:68%; float:right; margin:30px 0 0 0;}
#socialmedia {margin-left: 0; top: -28px;}
.footer1 { width:100%;}
.footer2 { width:100%; margin-bottom:0;}
.footer2 div { margin:0 auto; float:none !important;}
.footer2 p { text-align:center !important; width:100% !important;}
.header_text {margin: 32% 0 0 25px;}
.footer1 { text-align:center;}
.header img { height:auto; max-width:100%; background-size:100% 100%;}
.wrap { width:100%;}

}
@media(max-width:991px) {
.inside_header_subsite {height:370px;}
.header_text {margin: 32% 0 0 25px;}
.home_buttons { width:31% !important; background-size:100% 156px;}
.header { height: 368px;}
}
@media(max-width:900px) {
.inside_header_subsite {height:340px;}
.header_text {margin: 32% 0 0 25px;}
.home_buttons {width:100% !important; margin:10px 0 !important;}
#side_buttons a img { max-width:100%;}
#text { margin-top:20px;}
.header { height: 338px;}
}
@media(max-width:800px) {
.header_text {margin: 38% 0 0 25px;}
.header_text { margin: 35% 0 0 25px;}
}
@media(max-width:768px) {
 .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
.nav { width:250px; position:absolute; z-index:99999; background:#f3f3f3; right:0;}
.newNav { width:100%;}
.toggleMenu { margin-bottom:10px; background:#ed1c24;}
.nav li a { border:none; padding:5px 10px; text-align:left;}
.header_text {margin: 27% 0 0 25px;}
}
@media(max-width:700px) {
.footer2 div { width:100% !important; text-align:center;}
#treadwell_footer { width:100% !important; text-align:center !important; float:left !important; background-position:center top; transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration:0.5s; margin-left:0;}
#treadwell_footer:hover { background-position:center -21px;}
.footer2 a { float:none !important; display:inline-block !important;}
.footer2 { text-align:center;}
.footer1 { text-align:center;}
.fClass { display:none;}

}
@media(max-width:767px) {
.header_text {margin: 38% 0 0 25px;}
#access_footer {margin: 5px 7px 10px 7px;}
}
@media(max-width:640px) {
#side_buttons { width:100% !important; text-align:center; margin-top:10px;}
#text { margin-top:0; width:100%;}
#text h2 { font-size:16px; padding-top:0 !important;}
}
@media(max-width:570px) {
#header_logo {width: 200px;}
.nav { width:100%;}

.inside_header_subsite {height:300px;}
.header_text {margin: 45% 0 0 25px;}
.header { height: 298px;}
}
@media(max-width:480px) {
.inside_header_subsite {height:250px;}
.header_text {margin: 43% 0 0 25px; font-size:22px; line-height: 24px;}
#text p, .content p img { float:none !important; margin-bottom:15px; display:block;}
.header { height:248px;}
}
@media(max-width:400px) {
.header_text { margin-top:45%;}
}
@media(max-width:360px) {
}