/*html{overflow:hidden;}
body{overflow:hidden; height:100%; width:100%; padding:0px; margin:0px; color:#171d26; background-color:#1c232d; font-family:Arial,Georgia; font-size:12px;}*/
html{height:100%; width:100%; padding:0px; margin:0px}
body{height:100%; width:100%; padding:0px; margin:0px; color:#171d26; background-color:#1c232d; font-family:Helvetica, Arial, sans-serif; font-size:12px;}
.full-screen-background-image{z-index:-999; min-height:100%; min-width:1024px; width:100%; height:auto; position:absolute; top:0; left:0;display:none;}
body.contentpage {
    background: url("../graphics/design/internal_bg.jpg");
    background-size: cover;
}
#topredline{width: 100%; text-align:center; height:4px; overflow:hidden; position:relative; background-color:#ef3e42}

img{border:none;}
a{color:#ff4b50}

#mainshell {width: 960px; margin: auto; text-align:left;  }
#header{position:relative; height:91px; z-index:100}

.toplogo{position:absolute; left:0px; top:0px;}
.topnavbg{position:absolute; left:228px; top:0px;}
.topnav{position:absolute; left:237px; top:10px; }

.topnavtabs{margin-right:8px; float:left; margin-top: 4px;margin-left: 9px;}
.topnavtabs a{text-decoration:none; font-family:'ProximaNovaBold'; font-size:12px; color:#ef3e42;padding:1px 4px; background: url("../graphics/design/bg.black.A50.png"); background:rgba(0,0,0,.5);} 
.topnavtabs a:hover {
        color: #FFF;
}
    .callus{
        float:left;
        width: 38%;
        margin-left: 3px;
    }
       .callus .number,.callus .number a {
            font-family: 'ProximaNovaBold';
            font-size: 27px;
            color: inherit;
            color: #444;
            float: left;
            text-decoration: none;
        }
       .callus .label {
        font-family: 'ProximaNovaRegular';
        color: inherit;
        font-size: 15px;
        margin-top: 6px;
        text-transform: uppercase;
        color: #333;
        float: left;
        margin-right: 8px;
        display: none;
        }
.topnavuserinfo{position:absolute; text-align:right; width: 60px; height: 15px; overflow: hidden; left:662px; top:14px; font-family:'ProximaNovaBold'; font-size:12px; color:#ffffff}
.topnavlogindivider{font-family:'ProximaNovaRegular'; font-size:12px; position:absolute; left:725px; color:#ef3e42; top:14px;}
.loginlogoutlink{font-family:'ProximaNovaRegular'; font-size:12px; position:absolute; left:732px; color:#ef3e42; top:15px;}
.loginlogoutlink a{font-family:'ProximaNovaRegular'; font-size:12px; color:#ffffff; text-decoration:none;}
#login-btn {
    position: absolute;
    width: auto;
    height: auto;
    right: 237px;
    top: 6px;
    color: #FFF;
    font-size: 1.5em;
    z-index: 99;
    display: block;
}
#header #login-btn a {
    color: #FFF;
    white-space: nowrap;
    font-size: 12px;
    text-decoration: none;
    font-family: 'ProximaNovaBold';
    text-transform: uppercase;
    padding: 4px 6px;
    display: block;
    }
    #header #login-btn a:hover {
        background: rgba(255,255,255,.2);
    }
        #header #login-btn a span {
            margin-right: 5px;
            }
            #header #login-btn a i {
                font-size: 1.5em;
            }
            #header #login-btn a i.fa {
               margin-left: 4px;
               position: relative;
               top: 2px;
            }
#subheader {
position: absolute;
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 946px;
bottom: 0px;
background: url(../graphics/design/bg.white.A70.png);
background: rgba(255,255,255,.7);
padding: 7px;
box-sizing: border-box;
}
.botnavbg{position:absolute; left:228px; top:38px;}
.botnavarrow{position:absolute; left:290px; top:85px; display:none}
.bottomnav{ position:absolute; left:228px; top:38px;}
.bottomnavtabs{margin-right:0px; float:left; background-image:none !important;}
.bottomnavtabs a{display: block; padding: 21px 10px 16px 19px; font-family:'ProximaNovaBold'; font-size:14px; color:#ffffff; text-decoration:none;}
    .bottomnavtabs a:hover {
        background: url(../graphics/design/bg.white.A20.png);
        background: rgba(255,255,255,.2);
    }
.botnaveuromap{position:absolute; top:51px; left:688px;}

.dropnav{width:260px; display:none; border-top:solid 4px #ef3e42; background-color:#e7e7e7; position:absolute; top:91px; left:0px;}

.dropmenugrayborder{border:solid 1px #c2c2c4}
.dropmenuitem{color:#999999; text-decoration:none; background-color:#e7e7e7; font-family:'ProximaNovaBold'; font-size:14px; padding:10px 15px 10px 15px; border-bottom:solid 1px #e7e7e7; border-top:solid 1px #e7e7e7; display:block}
.dropmenuitem:hover{color:#ef3e42; background-color:#ffffff; border-bottom:solid 1px #c2c2c2; border-top:solid 1px #c2c2c2}


.dropmenuitemproduct{color:#999999; background-color:#e7e7e7; text-decoration:none; font-family:'ProximaNovaBold'; font-size:14px; padding:10px 15px 10px 15px; border-bottom:solid 1px #e7e7e7; border-top:solid 1px #e7e7e7; border-right:solid 1px #c2c2c2; display:block}
.dropmenuitemproducteuro{color:#999999; background-color:#e7e7e7; text-decoration:none; font-family:'ProximaNovaBold'; font-size:14px; padding:10px 15px 10px 15px; border-bottom:solid 1px #e7e7e7; border-top:solid 1px #e7e7e7; border-left:solid 1px #c2c2c2; display:block}
/*.dropmenuitemproduct:hover{color:#ef3e42; background-color:#ffffff; border-top: solid 1px #c2c2c2;  border-bottom: solid 1px #c2c2c2;  border-right: solid 1px #ffffff}*/

.dropmenusubcatheader{ font-family:'ProximaNovaBold'; font-size:18px; color:#ef3e42; margin-left:25px; margin-top:15px; margin-bottom:15px;}

.dropmenuitemproductsubcat{color:#999999; background-color:#ffffff; background-repeat:no-repeat; background-image:url('../graphics/design/transparent_1x1.gif'); text-decoration:none; font-family:'ProximaNovaRegular'; font-size:14px; padding:5px 10px 5px 27px; display:block}
.dropmenuitemproductsubcat:hover{color:#808080; font-weight:bold; background-image:url('../graphics/design/drop_nav_prodcat_arrow.gif');}



.dropnaviframe{position:absolute; left:20px; top:0px; width:960px; height:62px; overflow: hidden;}
.dropnavitemwrapper{ margin-left:30px;}
.dropnavitemwrapper a{color:#ef3e42; font-weight:bold; font-size:13px; text-decoration:none;}
.searchbox{position:absolute; left:793px; top:12px; background-color:Transparent; width:120px; height:16px; padding:0px; margin:0px; border:none; font-family:georgia; font-style:italic; color:#ffffff; font-size:12px;}
.searchbackgroundimage{position:absolute; left:785px; top:8px;}
#header1_topnavsearchbtn{position:absolute; left:924px; top:12px;}
#header1_searchtxt,
#header1_topnavsearchbtn,
.searchbackgroundimage,
#header1_logindivider,
.loginlogoutlink {
    display: none;
}
.foremenu {
    height: 24px;
    border-bottom: 4px solid #AAA;
    padding: 14px 12px 8px;
    box-sizing: content-box;
}
    .foremenu a {
        text-decoration: none;
        font-family: 'ProximaNovaBold';
        font-size: 16px;
        color: #999;
    }
        .foremenu a:hover {
            color: #ef3e42;
        }
        .foremenu a i:first-of-type {
            margin-right: 4px;
        }
        .foremenu a i:last-of-type {
            margin-left: 4px;
        }
    .foremenu a.search {
        float: right;
        padding: 0;
    }
    .foremenu .title {
        display:inline-block;
        font-size: 18px;
        color: #666;
        font-family: 'ProximaNovaBold';
        text-transform: uppercase;
    }
.dropmenuitemproduct:first-of-type {
    border-top-width: 0 !important;
}

#hometop{ min-height:330px; z-index:0;position: relative;}
#homemiddle{position:relative; height:auto; z-index:0; margin-top:-27px}
.homeleftpromo{position: absolute; left: 0px; top: 0px;}
.homerighttoppromo{position: absolute; left: 596px; top: 0px;}
.homerightbottompromo{position: absolute; left: 596px; top: 154px;}
.homerotatorcopyblock{position:absolute; left:550px; line-height:18px; top:340px; font-size:13px; width:320px; font-family:'ProximaNovaRegular'; color:#ffffff;}
.homerotatortitle {
    font-family: "ProximaNovaBold";
    font-size: 20px;
    color: #FFF;
    background: url(../graphics/design/bg.black.A70.png);
    background: rgba(0,0,0,.7);
    padding: 7px 4px;
    text-transform: uppercase;
    margin: 0 -10px;
}
.homerotatorprojectlink{font-family:'ProximaNovaBold'; margin-top:10px; text-align:right; color:#ef3e42; font-size:16px;}
.homerotatorprojectlink a{text-decoration:none;}


#homemiddle .grid-home {
  position: relative;
  display: block;
  float: left;
  margin: 12px 10px 10px 0;
  width: 49%;
  height: 200px;
  border: 4px solid rgba(255,255,255,.85);
  background-color: #000;
  background-repeat: no-repeat;
  background-size: cover;
}
#homemiddle .grid-home.even {
  margin: 12px 0 10px 0 !important;
  float: right;
}
    #homemiddle .grid-home:hover {
        border: 4px solid #ef3e42;
        cursor: pointer;
    }
    /*#homemiddle .grid-home:nth-child(3n+2) {
        margin: 0px;
    }
    #homemiddle .grid-home:nth-child(1), 
    #homemiddle .grid-home:nth-child(2) {
        border-bottom: none;
    }  */ 
    #homemiddle .grid-home span.title {
        position: absolute;
        top:0;
        left: 0;
        padding: 2px 8px;
        background: url(../graphics/design/bg.black.A80.png);
        background: rgba(0,0,0,.8);
        text-transform: uppercase;
        color: #FFF;
        font-size: 24px;
        font-family: 'ProximaNovaBold';
    }
    #homemiddle .grid-home span.descr {
        position: absolute;
        top: 38px;
        left: 0px;
        background: url(../graphics/design/bg.white.A80.png);
        background: rgba(255,255,255,.8);
        color: #444;
        padding: 2px 8px;
        font-size: 11px;
        text-transform: uppercase;
        font-family: "ProximaNovaBold";
        line-height: 15px;
    }
    #homemiddle .grid-home.even span.title,
    #homemiddle .grid-home.even span.descr {
        left: auto;
        right:0;
    }
    #homemiddle .grid-home.hardware {        
        background-image: url(../graphics/design/homeboxes/grid-image-hardware.310px.jpg);
    }
    #homemiddle .grid-home.resources {        
        background-image: url(../graphics/design/homeboxes/grid-image-resources.310px.jpg);
    }
    #homemiddle .grid-home.history {        
        background-image: url(../graphics/design/homeboxes/grid-image-history2.480px.jpg);
    }
    #homemiddle .grid-home.blog {   
        margin: 0px;     
        background-image: url(../graphics/design/homeboxes/grid-image-blog.480px.png);
    }
    #homemiddle .grid-home.faq {        
        background-image: url(../graphics/design/homeboxes/grid-image-faq.310px.jpg);
    }
     #homemiddle .grid-home.news {        
        background-image: url(../graphics/design/homeboxes/grid-image-news.480px.png);
    }
      #homemiddle .grid-home.docindex {        
        background-image: url(../graphics/design/homeboxes/grid-image-docindex.479px.jpg);
    }
#homerotator.flexslider {
border: none;
background: none;
margin-top: -91px;
margin-bottom: 27px;
}

    #homerotator.flexslider .flex-control-nav {
        bottom: 55px;
    }
    #homerotator.flexslider .flex-control-paging .flex-active {
        background: rgba(255,255,255,.9);
    }
    #homerotator.flexslider .slides > li {
        position: relative;
        max-height: 520px;
        overflow: hidden;
    }
    #homerotator.flexslider .slides > li img {
        position: relative;
    }
    #homerotator.flexslider .flex-direction-nav a {
        width: 31px;
        height: 31px;
        color:transparent;
        text-shadow: none;
    }
    #homerotator.flexslider .flex-direction-nav .flex-prev {
        background: url(../graphics/design/homerotation/left-arrow.png);
    }
    #homerotator.flexslider .flex-direction-nav .flex-next {
        background: url(../graphics/design/homerotation/right-arrow.png);
    }
    .homerotatorcopyblock {
        position: absolute;
        left: 60%;
        line-height: 18px;
        bottom: 28.5%;
        font-size: 13px;
        width: 320px;
        font-family: 'ProximaNovaRegular';
        color: #ffffff;
        background: url(../graphics/design/bg.black.A35.png);
        background: rgba(0,0,0,.35);
        padding: 0px 10px 10px 10px;
        top: auto;
    }

#homecontact {
    background: #000;
    padding: 10px;
    color: #7F8592;
    margin: 0 0 15px;
    display: none;
}
    #homecontact .callus{
        float:left;
        width: 40%;
        margin-left: 10px;
    }
        #homecontact .callus .number {
             font-family: 'ProximaNovaBold';
            font-size: 36px;
            color: inherit;
        }
    .socialmedia {
        float:right;
        width: 60%;
    }
    .socialmedia .label {
        font-family: 'ProximaNovaRegular';
        color: inherit;
        font-size: 12px;
        text-transform: uppercase;
        float: right;
        margin-right: 10px;
        display:none;
    }
    .socialmedia .icon-bank {
           margin-top: 0px;
           float: right;
    }
      .socialmedia .icons {
        float:left;
        width: 32px;
        height: 32px;
        margin-right: 8px;
        background-repeat: no-repeat;
        cursor: pointer;
    }
         .socialmedia a.google {background-image: url(../graphics/design/social-icons/social_google-OFF.png); }
         .socialmedia a.google:hover {background-image: url(../graphics/design/social-icons/social_google-ON.png); }

         .socialmedia a.twitter {background-image: url(../graphics/design/social-icons/social_twitter-OFF.png); }
         .socialmedia a.twitter:hover {background-image: url(../graphics/design/social-icons/social_twitter-ON.png); }

         .socialmedia a.instagram {background-image: url(../graphics/design/social-icons/social_instagram-OFF.png); }
         .socialmedia a.instagram:hover {background-image: url(../graphics/design/social-icons/social_instagram-ON.png); }

         .socialmedia a.linkedin {background-image: url(../graphics/design/social-icons/social_linkedin-OFF.png); }
         .socialmedia a.linkedin:hover {background-image: url(../graphics/design/social-icons/social_linkedin-ON.png); }

         .socialmedia a.pinterest {background-image: url(../graphics/design/social-icons/social_pinterest-OFF.png); }
         .socialmedia a.pinterest:hover {background-image: url(../graphics/design/social-icons/social_pinterest-ON.png); }

         .socialmedia a.youtube {background-image: url(../graphics/design/social-icons/social_youtube-OFF.png); }
         .socialmedia a.youtube:hover {background-image: url(../graphics/design/social-icons/social_youtube-ON.png); }

         .socialmedia a.facebook {background-image: url(../graphics/design/social-icons/social_facebook-OFF.png); }
         .socialmedia a.facebook:hover {background-image: url(../graphics/design/social-icons/social_facebook-ON.png); }

/*generic template*/
#contentshell {margin-top:32px; width:960px;}
.product-detail #contentshell {
    background: #ededee;
}
#tablecolwrapper{}
#leftcol{width:634px; margin-right:15px; float: left;}
.rightcoldark{width:311px; font-family:'ProximaNovaRegular'; line-height:18px; color:#ffffff; font-size:14px; background-image:url('../graphics/design/rightbar_bg.png'); background-repeat:repeat-y; overflow:hidden;float:right;}
.rightcollight{width:269px; font-family:'ProximaNovaRegular'; line-height:18px; color:#000000; font-size:14px; background-color:#ebebeb; overflow:hidden; margin-bottom:23px;}
.contentpage .rightcollight {
    width: 35%;
    float: right;
    max-width: 269px;
}
.rightcolwrapper{padding:13px;}
.rightcolredheader{font-size:20px; line-height:20px; font-family:'ProximaNovaBold'; color:#ef3e42; margin-bottom:12px;}
.rightcolwhitesubhead{font-size:16px; line-height:16px; font-family:'ProximaNovaBold'; color:#ffffff; margin-bottom:4px;}
.rightcolblacksubhead{font-size:16px; line-height:16px; font-family:'ProximaNovaBold'; color:#000000; margin-bottom:4px;}
#rightcollight ul {margin-left:18px; padding:0px}
#rightcollight ul li {margin-bottom:12px;}
.dist-unit {
    margin-bottom: 30px;
}
.rightcoldark .rightcolwrapper > img {
    margin-bottom: 30px;
}
.pagetitle{font-size:45px; font-weight:normal; color:#ef3e42; font-family:'ProximaNovaBold'; line-height:45px; margin:0px 0px 13px 0px; padding:0px}
.bottomspacer{width:10px; height:75px; overflow:hidden;display:none;}
.pagecontent{color:#ffffff; font-family:'ProximaNovaRegular'; width:610px; margin-bottom:20px; font-size:16px;}

/*Sales Rep*/
.salesrepsearchradiohead{font-family:'ProximaNovaBold'; font-size:18px; color:#ffffff; margin-left:12px;}
.salesrepsearchradiospacer{width:30px; height:10px; overflow:hidden;}
.salesrepsearchwrapper{position:relative; width:610px;}
.salesrepradiowrapper{position:relative; height:37px;}
.salesreparchbutton{cursor:pointer}
.salesrepresbutton{cursor:pointer}
.salesrepcountrybgwrapper{position:relative; height:37px; width:612px; background-color:#ebebeb}
.salesrepcountryddl{background-color:#ebebeb; border:none; color:#ef3e42; font-family:arial; font-size:18px; width:594px; position:absolute; top:7px; left:10px;}

.salesrepusbgwrapper{position:relative; height:105px; width:610px; margin-top:20px;}
.salesrepstatebgwrapper{ position:absolute; top:0px; left:0px; height:37px; width:270px; background-color:#ebebeb;}
.salesrepstateddl{background-color:#ebebeb; border:none; color:#ef3e42; font-family:arial; font-size:18px; width:254px; position:absolute; top:7px; left:10px;}

.salesrepzipbgwrapper{ position:absolute; top:0px; left:341px; height:37px; width:270px; background-color:#ebebeb;}
.salesrepziptxt{background-color:#ebebeb; border:none; color:#ef3e42; font-family:arial; font-size:18px; width:200px; position:absolute; top:7px; left:350px;}
#zipgobtn{ position:absolute; top:80px; left:341px;}

.salesrepprovincebgwrapper{position:relative; height:37px; width:612px; background-color:#ebebeb; margin-top:20px;}
.salesrepprovinceddl{background-color:#ebebeb; border:none; color:#ef3e42; font-family:arial; font-size:18px; width:594px; position:absolute; top:7px; left:10px;}
.salesrepinfoboxwrapper{width:293px;min-height:272px; border:solid 1px #ffffff; margin-right:12px; margin-top:24px; background-color:#ffffff;float:left;}
.salesrepsearchwrapper > table > tbody > tr:last-child {border-bottom:24px solid;border-color:transparent}
.salesrepinfoheaderwrapper{background-color:#ebebeb; padding:13px;}
.salesrepinfoheadername{color:#ef3e42; font-size:20px; font-family:'ProximaNovaBold';}
.salesrepinfoheadercompany{font-size:16px; font-family:'ProximaNovaRegular';}
.salesrepinfocontent{padding:13px;}
.distributorinfocontent{padding:13px; min-height:198px}
.salesrepinfophonefax{font-family:Georgia; color:#818181; font-style:italic; font-size:14px; margin-top:5px;}
.salesrepinfocontentaddress{font-family:Georgia; font-size:16px; margin-bottom:5px;}
.repsearchnoresults{color:#ffffff; font-family:'ProximaNovaBold'; font-size:16px; margin-top:10px;}


/*internal template*/
.intpagewrapper{background-color:#ffffff; width:100%;}
.intpagecontent{ font-size:14px; line-height:24px; width: 100%;float: none;}
.contentpage .intpagecontent{width: 67%; float: left;}
    .contentpage .intpagecontent.searchresults {
        width: auto;
        float: none;
        margin: 0 22px;
    }
.grid .intpagecontent {
    width: 100%;
    float: none;
}

    .intpagecontent > img:first-of-type {
        width: auto;
        height: auto;
        clear: both;
        display: block;
        margin-bottom: 30px;
        float: none !important;
        margin: 0 0 30px 0 !important;
    }
    .intpagecontent .productcopysubhead:first-of-type {
        font-size: 1.5em;
    }
.intcontentwrapper{ width:100%; overflow:hidden;}
.intcontentwrapperfull{ width:100%; overflow:hidden;}
.intcontentpadding{padding: 0px 20px 35px 20px;}
.intpagetopboxcopy{font-family:'ProximaNovaSemiboldDemibold'; font-size:16px; width:500px;}
.intpagetopboxwrapper{width:960px; background-color:#edeeef; margin-bottom:33px;}
.intpagetopboxpadding{padding:36px 10px 40px 40px;}
.intpagetopboxcopywrapper{width:614px;}
.rightcolpromoboxwrapper{float: right;width: 35%;max-width: 269px;}
.rightcolpromoboxwrapper img {width: 100%;}
.backtotop {
    display: block;
    width:auto;
    height: 35px;
}
.backtotop {
    display: block;
    width: auto;
    height: 35px;
    clear: both;
}
a.backtotop img.intpagebacktotop {
    float: right !important;
    margin-right: 18px;
    width: auto !important;
}

.intcol1, .intcol2 {
    float: left;
    width: 50%;
    margin-bottom: 40px;
}
.login .intpagecontent {
    float: none;
    width: auto;
}
.loginintro {
    margin-bottom: 30px;
}
div[class^="intcol"] b.title {
    font-size: 16px;
    font-family: 'ProximaNovaBold';
    display: block;
}
.intcol2 > a{
    display:block;
}
.login .intcol1 input[type="text"], .login .intcol1 input[type="password"] {
    border: 2px solid #BBB !important;
    padding: 5px;
    width: 200px;
    margin: 4px 8px;
}
.login .submitbtn, 
#submittablewrapper .submitbtn {
    background: #ef3e42;
    padding: 6px 15px;
    clear: both;
    margin: 15px 0px;
    border: none;
    color: #FFF;
    font-size: 14px;
}
/* grid layout */
.grid ul {
    padding: 0;
}
.grid ul li{
    display: block; 
    float: left;
     background-color:#ffffff; 
     position:relative; 
     overflow:hidden; 
     margin-right:19px; 
     margin-bottom:23px; 
     border-bottom: 3px solid #ef3e42; 
     font-family: 'ProximaNovaBold';
     font-size: 18px;
}
    .grid ul li a {
        width: 145px;
        height: 135px;
        display: block;
        padding: 18px 14px;
        color: #171d26;
        text-decoration: none;
        position:relative;
    }
        .grid ul li a:hover {
            color: transparent;
        }
        /* Resources */
        .grid ul li a.grid-productinfo{background-image:url(/graphics/design/grid/ProductInfo-gray.png);}
        .grid ul li a.grid-productinfo:hover {background-image:url(/graphics/design/grid/ProductInfo.png);}

        .grid ul li a.grid-catalogs{background-image:url(/graphics/design/grid/Catalog-gray.png);}
        .grid ul li a.grid-catalogs:hover {background-image:url(/graphics/design/grid/Catalog.png);}

        .grid ul li a.grid-catalogs-int{background-image:url(/graphics/design/grid/Catalog-gray.png);}
        .grid ul li a.grid-catalogs-int:hover {background-image:url(/graphics/design/grid/Catalog.png);}

        .grid ul li a.grid-warranties{background-image:url(/graphics/design/grid/WarrantiesCare-gray.png);}
        .grid ul li a.grid-warranties:hover {background-image:url(/graphics/design/grid/WarrantiesCare.png);}

        .grid ul li a.grid-continuing-ed{background-image:url(/graphics/design/grid/ContEd-gray.png);}
        .grid ul li a.grid-continuing-ed:hover {background-image:url(/graphics/design/grid/ContEd.png);}

        /* Design */
        .grid ul li a.grid-specwriting{background-image:url(/graphics/design/grid/SpecInfo-gray.png);}
        .grid ul li a.grid-specwriting:hover {background-image:url(/graphics/design/grid/SpecInfo.png);}

        .grid ul li a.grid-BIM{background-image:url(/graphics/design/grid/BIM-gray.png);}
        .grid ul li a.grid-BIM:hover {background-image:url(/graphics/design/grid/BIM.png);}

        .grid ul li a.grid-manuspec{background-image:url(/graphics/design/grid/ManuSpec-gray.png);}
        .grid ul li a.grid-manuspec:hover {background-image:url(/graphics/design/grid/ManuSpec.png);}

        .grid ul li a.grid-specdata{background-image:url(/graphics/design/grid/SpecData-gray.png);}
        .grid ul li a.grid-specdata:hover {background-image:url(/graphics/design/grid/SpecData.png);}

        /* Projects */
        .grid ul li a.grid-burj{background-image:url(/graphics/design/grid/Burj-gray.png);}
        .grid ul li a.grid-burj:hover {background-image:url(/graphics/design/grid/Burj.png);}

        .grid ul li a.grid-centene{background-image:url(/graphics/design/grid/centene-gray.png);}
        .grid ul li a.grid-centene:hover {background-image:url(/graphics/design/grid/centene.png);}

        .grid ul li a.grid-centerdesign{background-image:url(/graphics/design/grid/CenterDesign-gray.png);}
        .grid ul li a.grid-centerdesign:hover {background-image:url(/graphics/design/grid/CenterDesign.png);}

        .grid ul li a.grid-crashpad{background-image:url(/graphics/design/grid/CrashPad-gray.png);}
        .grid ul li a.grid-crashpad:hover {background-image:url(/graphics/design/grid/CrashPad.png);}

        .grid ul li a.grid-lewis{background-image:url(/graphics/design/grid/LewisCounty-gray.png);}
        .grid ul li a.grid-lewis:hover {background-image:url(/graphics/design/grid/LewisCounty.png);}

        .grid ul li a.grid-taipei{background-image:url(/graphics/design/grid/Taipei-gray.png);}
        .grid ul li a.grid-taipei:hover {background-image:url(/graphics/design/grid/Taipei.png);}

        .grid ul li a.grid-washington{background-image:url(/graphics/design/grid/Washington-gray.png);}
        .grid ul li a.grid-washington:hover {background-image:url(/graphics/design/grid/Washington.png);}

        .grid ul li a.grid-zambrano{background-image:url(/graphics/design/grid/Centro-gray.png);}
        .grid ul li a.grid-zambrano:hover {background-image:url(/graphics/design/grid/Centro.png);}

        .grid ul li a.grid-torres{background-image:url(/graphics/design/grid/Torres-gray.png);}
        .grid ul li a.grid-torres:hover {background-image:url(/graphics/design/grid/Torres.png);}


    .grid ul li:hover {
        
    }
.grid-layout .intpagetopboxcopy {
    color: #FFF;
    margin-bottom: 60px;
    width: auto;
}
.proddetailbreadcrumbwrapper {
    /*background: #FFF;*/
}
.proddetailbreadcrumb{font-size:12px; padding:7px 0px 4px 0px; font-family:'ProximaNovaRegular'; color: #ebebeb;}
.proddetailbreadcrumbselected{font-family:'ProximaNovaSemiboldDemibold'; color: #ef3e42;}
.grid-layout .proddetailbreadcrumb a{text-decoration:none; color:#ebebeb;}
    .proddetailbreadcrumb a:hover {
        text-decoration: underline;
        color: #ef3e42;
    }
.proddetailbreadcrumbactive{color:#ef3e42;}
.proddetailbreadcrumb .fa-chevron-right {
margin: 0 7px;
font-size: .9em;
color: #BBB;
}

/*product categories*/
.prodcatbox{width:173px; background-color:#ffffff; height:173px; position:relative; overflow:hidden; margin-right:19px; margin-bottom:23px; float: left;}
.prodcatredline{position:absolute; top:170px; left:0px; width:173px; height:3px; background-color:#ef3e42;}
.prodcatimage{position:absolute; top:0px; left:0px;}
.prodcatbox > a > .prodcatimage {
    opacity: 0.4;
}

.prodcatname{position:absolute; top:18px; left:14px; font-family:'ProximaNovaBold'; font-size:18px; width:145px; height:140px; overflow:hidden;}
.prodcatname a{font-weight:bold; font-size:22px; color:#171d26; text-decoration:none;}
.prodcatredarrow{position:absolute; top:122px; left:122px; display:none;}
.prodcatmenu{width:370px; background-color:#ffffff; border-bottom:solid 3px #ef3e42; position:absolute; left:25px; top:0px;z-index: 100;}
.prodcatmenuhead{padding:10px 5px 8px 17px; font-family:'ProximaNovaBold'; font-size:20px; color:#ef3e42}
.prodcatmenuitemwrapper{width:370px; border-top:solid 1px #3a3c41;}
.prodcatmenuitem{font-size:16px; font-family:'ProximaNovaRegular'; }
.prodcatmenuitem a{display: block; color:#10141b; text-decoration:none; padding:10px 5px 10px 16px;}
    .prodcatmenuitem a:hover {
        background: #3a3c41; color: #ffffff;
    }
.prodcatmenuitemextended{font-size:14px; font-style:italic;}
.prodcatfooterspacer{height:150px;}

/*product listing*/
.prodlistbox{width:210px; height:317px; background-image:url('../graphics/design/productlisting/productbox_background.gif'); background-repeat:no-repeat; position:relative; overflow:hidden; margin-right:14px; margin-bottom:18px; float: left;}
    .prodlistbox a {display:block;width:210px;height:317px; text-decoration: none;}
        .prodlistbox a:hover {border-bottom: 3px solid #FFF;
        }
        .prodlistbox a img[class^='prodlistreddetails'] {display:none;}
        .prodlistbox a:hover img[class^='prodlistreddetails'] {display:block;}
        .prodlistbox a:hover img[class^='prodlistimage'] {opacity:.4;}
    .prodlistbox .mimictd {
        width: 208px;
        height: 160px;
        max-height: 160px;
        padding: 10px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
        .prodlistbox .mimictd img {
            width: auto;
        }
.prodlisttable{position:absolute; top:10px; left:10px; width:190px; height:162px;}
.prodlistimage{max-width:180px; max-height:152px;width:auto;height: auto;}
.prodlistreddetails{position:absolute; top:77px; left:64px;}
.prodlistname{position:absolute; top:175px; width:184px; font-size:16px;line-height:16px; font-family:'ProximaNovaBold'; color:#ef3e42; text-align:right; left:12px;}
.prodlistattributes{position:absolute; top:209px; left:12px; width:184px; font-family:'ProximaNovaRegular'; font-size:12px; color: gray;}
.prodlistcat{position:absolute; top:280px; left:12px; width:184px; font-family:Georgia; font-style:italic; font-size:13px; color:#ffffff;}
.prodlistleftmenu{width:27%; margin-right:19px; background-image:url('../graphics/design/productlisting/leftmenu_bg.png'); float: left;}
.prodlistleftmenuhead{padding:10px 5px 8px 17px; font-family:'ProximaNovaBold'; font-size:20px; color:#ef3e42}
.prodlistleftmenuitemwrapper{width:100%; border-top:solid 1px #3a3c41;}
.prodlistleftmenuitem{font-size:16px; font-family:'ProximaNovaRegular'; }
.prodlistleftmenuitem a{display: block; color:#ffffff; text-decoration:none; padding:10px 5px 10px 16px;}
.prodlisthead{font-size:22px; font-family:'ProximaNovaBold'; color:#ffffff; margin:0px 0px 20px 0px; padding:0px; clear:both;}

.prodlistrightbody {
    float:right;
    width: 70%;
}
    .prodlistrightbody table,
    .prodlistrightbody tbody,
    .prodlistrightbody tr,
    .prodlistrightbody td {
        display: block;
    }
    .prodlistrightbody tr,
    .prodlistrightbody td {
        float: left;
    }
/*product details*/
#proddetailbottom {
    background: #FFF;
}
#proddetailswrapper{width:960px; background-color:#ffffff;}
.proddetailbreadcrumb{font-size:12px; padding:7px 0px 4px 18px; font-family:'ProximaNovaRegular'}
.proddetailbreadcrumbselected{font-family:'ProximaNovaSemiboldDemibold'}
.proddetailbreadcrumb a{text-decoration:none; color:#090b12}
.proddetailbreadcrumbactive{color:#ef3e42}
#proddetailstop{position:relative;}
.proddetailnamebgwrapper{position:relative; width:30%;height:66px;float: left;background: url("../graphics/design/productdetail/prodname_bg.gif");background-repeat: repeat-x;}
.proddetailnamebg{position:absolute; left:0px; top:0px;}
.proddetailname{position:absolute; left:14px; top:4px; height:50px; width:290px;  color:#ffffff;}
.proddetailname h1{font-size:26px; font-weight:normal; margin:0px; padding:0px; line-height:30px; font-family:'ProximaNovaBold';}

.productdetailstoptable{background-color:#ededee; width:100%;}

.productdetailstoptable,
.productdetailstoptable tbody,
.productdetailstoptable tr,
.productdetailstoptable td {
    display: block;
}
.proddetailattributes{font-size:16px; font-family:'ProximaNovaBold'; margin-top:19px; margin-left:18px;float:left;clear:left;}
.proddetailcat{font-size:14px; font-family:'ProximaNovaRegular'; margin-top:10px; margin-left:18px; margin-bottom:15px; float:left; clear:left;}
.proddetailcopy{width:60%; margin-top:18px; font-family:'ProximaNovaRegular'; font-size:14px; float: right;}
.proddetailcopy ul{margin:5px 5px 0px 15px; padding:0px;}
.proddetailcopy ul li{margin-bottom:5px;}
.productcopysubhead{font-size:16px; font-family:'ProximaNovaBold';}

.proddetailtoplist{font-size:12px; margin-left:15px; margin-top:8px; padding-left:0px;}
.proddetailsheetjobwrapper{height:42px; width:940px; position:relative; padding-bottom:15px;}
.proddetailsheetjobwrapper {
height: 50px;
width: 100%;
position: relative;
padding: 0 15px 0 0;
box-sizing: border-box;
clear: both;
}
.proddetailcreatesheet{font-family:'ProximaNovaRegular'; position:absolute; left:685px; top:16px}
.proddetailcreatesheetimg{position:absolute; left:761px; top:15px; display:none;}

.proddetailcreatesheetiframe{position:absolute; left:761px; top:15px; width:16px; height:16px; overflow:hidden; display:block;}

.proddetailcreatejob{font-family:'ProximaNovaRegular'; position:absolute; left:805px; top:16px}
.proddetailcreatejobimg{position:absolute; left:905px; top:15px}
.proddetailbutton {
    position: relative;
    float: right;
    padding: 8px 12px;
    background: #FFF;
    border: 1px solid #BBB;
    margin-left: 20px;
    font-size: 13px;
    text-decoration: none;
}
    .proddetailbutton:hover {
        color: #666;
    }
.proddetailbutton img {
    position: relative;
    top: 3px;
    margin-left: 4px;
}
.proddetailnavwrapper{position:relative; height:32px; border-bottom:solid 1px #ededee; width:100%;margin-bottom: 18px;}
.proddetailnav{ float:left;}
.proddetailnavtabs{float:left; }
.proddetailnavtabs a{display: block; padding: 9px 18px 9px 18px; font-family:'ProximaNovaBold'; font-size:16px; color:#171d26; text-decoration:none;}
.proddetailimage{position:relative; width:34%; min-height:20%; text-align:center; margin-top:30px; margin-bottom:10px;float:left;padding: 10px;}
.proddetailimg{max-width:100%;}
.proddetailthumbs{width:30%; margin: 10px 0 10px 30px;float:left;clear:left;}
    a.productthumbfancy {
        width: 60px;
        height: 60px;
        max-width: 60px;
        display: block;
        border: 1px solid #DDD;
        padding: 6px;
        margin: 0 6px 6px 0;
        float: left;
    }
        a.productthumbfancy:hover {
            border: 1px solid #ef3e42;
        }
        a.productthumbfancy img {
            max-width: 100%;
        }
.proddetailleftarrow{position:absolute; left:-21px; top:60px;}
.proddetailrightarrow{position:absolute; left:939px; top:60px;}
.proddetailspecwrapper{width:60%; font-family:'ProximaNovaRegular'; margin-top:47px; overflow:hidden; float: right;}
.proddetailspecbox{display:none; padding:0px 0px 20px 0px;}
.proddetailfiletables{border-width: 0 0 0 1px; border-spacing: 0; border-collapse: collapse; border-color: #000000; border-style:dotted;}
.proddetailfiletables td{margin: 0; padding: 5px; border-width: 0 1px 0 0; background-color: #ffffff; border-color: #000000; border-style: dotted;}
.proddetailfiletables .tablehead{font-weight:bold; margin: 0; padding: 5px; border-bottom:solid 1px #ededee; border-right:dotted 1px #000000; background-color: #ededee;}    
    
.productdetailtbl{border-width: 0 0 0 1px; border-spacing: 0; border-collapse: collapse; border-color: #000000; border-style:dotted;}
.productdetailtbl td{margin: 0; padding: 5px; border-width: 0 1px 0 0; background-color: #ffffff; border-color: #000000; border-style: dotted;}
.productdetailtbl .tablehead{font-weight:bold; margin: 0; padding: 5px; border-bottom:solid 1px #ededee; border-right:dotted 1px #000000; background-color: #ededee;}

.proddetailvideolist {
    width:97%;
    border: none;
}
    .proddetailvideolist tr,
    .proddetailvideolist td {
        border: none;
    }
    .proddetailvideolist iframe {
        border: none;
    }
.proddetailfooter{width:100%; height:151px; position:relative; background-image:url('../graphics/design/productdetail/prodfooter_bg.png'); color:#ffffff;overflow: hidden;}
.scrollerprodfooterwrapper{margin:0 66px;overflow:hidden;}
#scrollerprodfooter {
    visibility: visible;
    overflow: hidden;
    position: relative;
    z-index: 2;
    left: 0px;
    width: auto;
}
    #scrollerprodfooter ul li[id^="footerproditem"] {
       list-style-type: none;
         float: left;
        width: 274px;
        height: 142px;
    }
.proddetailleftarrowbottom{position:absolute; left:20px; top:55px}
.proddetailrightarrowbottom{position:absolute; right:20px; top:55px}
.proddetailcarouselwrapper{width:230px; height:127px; margin-left:22px; margin-right:22px; margin-top:15px;}
.proddetailcarouselline{margin-top:5px; margin-bottom:9px;}
.proddetailcarouselname{font-size:18px; font-family:'ProximaNovaBold';}
.proddetailcarouselname a{color:#ffffff; text-decoration:none;}
.proddetailcarouselname a:hover{color: #ef3e42; text-decoration:none;}
.proddetailcarouselimage{margin-right:20px; max-width:80px; max-height:80px;}
.proddetailcarouselattributes{font-size:14px; font-family:'ProximaNovaBold';}
.proddetailcarouselcategory{margin-top:5px; font-size:12px; font-family:'ProximaNovaRegular';}
.proddetailsymboltable{width:960px;clear:both;}

/*prodsearch*/
.prodsearchresultsshell{position:absolute; left:26px; top:120px;}
.prodsearchresultswrapper{font-family:'ProximaNovaRegular'; color:#ffffff; width:568px; background-color:#090b12}
.prodsearchresultsprodnum{font-family:'ProximaNovaBold'; font-size:18px}
.prodsearchresultsprodnum a{color:#ffffff; text-decoration:none}
.prodsearchresultsprodcat{font-family:Georgia; font-size:14px; font-style:italic;}
.prodsearchresultsprodsubcat{font-family:'ProximaNovaRegular'; font-size:16px;}
.prodsearchresultsprodsubcat a{color:#ffffff; text-decoration:none}
.prodsearchresultsproddetails{margin-top:8px; font-family:Georgia; font-size:14px; font-style:italic;}
.prodsearchresultsproddetails a{color:#ef3e42; text-decoration:none;}

.prodsearchprodnumwrapper{position:relative; height:178px; width:960px; z-index:1}
.prodsearchprodnumgraybg{position:absolute; top:0px; left:0px; width:960px; height:62px; background-color:#ebebeb}
.prodsearchprodnumicon{position:absolute; top:22px; left:27px;}
.prodsearchprodnumcopy{position:absolute; top:23px; left:55px; font-size:18px; color:#ef3e42; font-family:'ProximaNovaBold';}
.prodsearchprodnumwhitebg{position:absolute; top:62px; left:0px; width:960px; height:83px; background-color:#ffffff}
.prodsearchprodnumsearchbg{position:absolute; top:83px; left:26px; width:568px; height:37px; background-color:#2a2e34}
.prodsearchnumtextbox{position:absolute; top:93px; left:36px; width:300px; font-family:Georgia; font-style:italic; font-size:16px; background-color:#2a2e34; padding:0px; margin:0px; color:#ffffff; border:none;}

.prodsearchprodcatwrapper{position:relative; height:237px; width:960px; z-index:0}
.prodsearchprodcatgraybg{position:absolute; top:0px; left:0px; width:960px; height:62px; background-color:#ebebeb}
.prodsearchprodcaticon{position:absolute; top:24px; left:27px;}
.prodsearchprodcatcopy{position:absolute; top:23px; left:55px; font-size:18px; color:#ef3e42; font-family:'ProximaNovaBold';}
.prodsearchprodcatwhitebg{position:absolute; top:62px; left:0px; width:960px; height:175px; background-color:#ffffff;}
.prodsearchprodcatsearchbg{position:absolute; top:83px; left:26px; width:431px; height:37px; background-color:#2a2e34;}
.prodsearchcatddl{background-color:#2a2e34; border:none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; color:#ffffff; font-style:italic; font-family:Georgia; font-size:16px; width:410px; position:absolute; top:92px; left:36px;}
.prodsearchcatresults{font-family:"ProximaNovaRegular"; font-size:14px;}
.prodsearchcompresults{font-family:"ProximaNovaRegular"; font-size:14px;}


.prodsearchprodsubcatsearchbg{position:absolute; top:133px; left:26px; width:431px; height:37px; background-color:#2a2e34}
.prodsearchsubcatddl{background-color:#2a2e34; border:none; color:#ffffff; font-style:italic; font-family:Georgia; font-size:16px; width:410px; position:absolute; top:142px; left:36px;}
.prodsearchprodcompicon{position:absolute; top:24px; left:514px;}
.prodsearchprodcompcopy{position:absolute; top:23px; left:540px; font-size:18px; color:#ef3e42; font-family:'ProximaNovaBold';}
.prodsearchprodsubcompcatsearchbg{position:absolute; top:83px; left:512px; width:431px; height:37px; background-color:#2a2e34}
.prodsearchcatcompddl{background-color:#2a2e34; border:none; color:#ffffff; font-style:italic; font-family:Georgia; font-size:16px; width:410px; position:absolute; top:92px; left:522px;}
.prodsearchprodsubcompcompsearchbg{position:absolute; top:133px; left:512px; width:431px; height:37px; background-color:#2a2e34}
.prodsearchcompcompddl{background-color:#2a2e34; border:none; color:#ffffff; font-style:italic; font-family:Georgia; font-size:16px; width:410px; position:absolute; top:142px; left:522px;}
.prodsearchprodsubpartcompsearchbg{position:absolute; top:183px; left:512px; width:431px; height:37px; background-color:#2a2e34}
.prodsearchpartcompddl{background-color:#2a2e34; border:none; color:#ffffff; font-style:italic; font-family:Georgia; font-size:16px; width:410px; position:absolute; top:192px; left:522px;}

/* tabs for search results*/
#searchforlbl {
    font-weight: normal;
    color: #6A6D77;
    font-style: italic;
}
ul.etabs {
list-style-type: none;
border-bottom: 6px solid #6A6D77;
height: 36px;
padding: 0;
}
ul.etabs li.tab {
float: left;
padding: 8px 14px 4px;
background: #DDDEDF;
color: #6A6D77;
margin-right: 6px;
font-family: "ProximaNovaBold", sans-serif;
font-size: 16px;
}
    ul.etabs li.tab:hover {
        background: #A6ACB2; 
    }
    ul.etabs li.tab a {
        text-decoration: none;
        color: #6A6D77;
    }
    ul.etabs li.tab.active {
        background: #6A6D77;
        color: #FFF;
    }
    ul.etabs li.tab.active a{
        color: #FFF;
        cursor: inherit;
    }
.tabs-content #prodsearch a,
.tabs-content #docsearch a,
.tabs-content #pagesearch a {
    display: block;
    margin-bottom: 20px;
    text-decoration: none;
    padding: 8px;
}
.tabs-content #docsearch a {
    background: #F5f5f5;
    padding: 4px;
    margin-bottom: 8px;
}
.tabs-content #prodsearch a:hover {
    background: #f5f5f5;
    cursor: pointer;
}
    .tabs-content #prodsearch a:active {
    background: #eee;
    }
    .tabs-content #prodsearch a .sr-image {
        width: 80px;
        height: 80px;
        float: left;
        margin-right: 10px;
        overflow: hidden;
    }
.tabs-content #prodsearch a .sr-image img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto !important;
    display: block;
    overflow: hidden;
}
.tabs-content a .sr-titleblock {
    float: none;
    margin-left: 90px;
    background: #E3E5EB;
    margin-bottom: 5px;
    position: relative;
}
.tabs-content a:hover div.sr-titleblock {
    margin-right: 4em;
}
.tabs-content #prodsearch a:hover .sr-titleblock:after {
    font-family: "FontAwesome";
    content: "\f054";
    color: #ef3e42;
    font-size: 3.5em;
    position: absolute;
    right: -1em;
    top: .2em;
}
    .tabs-content a .sr-titleblock .sr-prodnum {
        background: #000;
        color: #FFF;
        margin-right: 8px;
        display: inline-block;
        padding: 4px 8px;
    }
    .tabs-content #prodsearch a:hover .sr-prodnum {
        background: #ef3e42;
    }
    .tabs-content a .sr-title {
        display: inline-block;
        margin-right: 90px;
        font-size: 14px;
        color: #333;
        text-decoration: none;
        font-family: "ProximaNovaBold", sans-serif;
    }
    .tabs-content #prodsearch a .sr-title {
        font-size: 17px;
    }
    .tabs-content #docsearch a .sr-title:before {
            font-family: "FontAwesome";
            content: "\f1c1";
            color: #666;
            font-size: 1.2em;
            margin-right: 10px;
            position: relative;
            margin-top: 1px;
            top: 2px;
            display: inline-block;
            margin-left: .2em;
    }
    .tabs-content #docsearch a:hover .sr-title:before {
        color: #ef3e42;
    }
    .tabs-content a .sr-category {
        color:#999;
        font-style: italic;
        font-size: 12px;
    }
.tabs-content a .sr-subtitle {
    font-size: 13px;
    color: #666;
}
.tabs-content #docsearch a .sr-subtitle {
    margin-left: 2.4em;
}
/*contact*/
.contacttables{margin-left:20px; background-color:White}
.contactforminput{position:absolute; left:10px; top:10px; padding:0px; margin:0px; background-color:#2a2e34; border:none; font-size:16px; font-family:Georgia; font-style:italic; color:#ffffff}
.contactforminputbox{ height:37px; margin-right:14px; margin-top:14px; background-color: #2a2e34; position:relative;}
#submitbtn {
        background: #ef3e42;
        padding: 4px 8px;
        clear: both;
        margin: 15px 10px 10px 20px;
    }
/*my hager signup*/
#submittablewrapper{margin-left:400px; margin-top:20px;}

/*search results*/
.searchiframe{ width:800px; height:500px; overflow: hidden;}

/*footer*/
#footer{position:relative; height:auto;background: #FFF;clear:both;}
.footerredline{width:100%; position:relative; left:0px; top:0px; margin-bottom: 20px;}
#footerlinks{position:absolute; left:13px; top:44px;}
.footeritemhead{margin-bottom:7px; font-family:'ProximaNovaBold'; font-size:14px;}
.footeritemhead a{color:#555; text-decoration:none;}

.footeritem{margin-bottom:10px;}
.footeritem a{color:#999; text-decoration:none; font-size:12.5px; font-family:'ProximaNovaRegular';}
    .footeritem a:hover {
        color:#ef3e42;
    }
.footerspacer{width:50px; overflow:hidden;}
#footergrayline{position:relative; width:100%; height:0px; background-color:#404040; overflow:hidden; clear: both;}
.footercopyright {
position: relative;
font-size: 12px;
font-family: 'ProximaNovaRegular';
color: #cccccc;
padding: 10px;
background: #7D848E;
display: block;
/* border: 1px solid #333; */
margin-bottom: 10px;
}
.footer-menu {
    display: block;
    float: left;
    margin: 0 15px 20px;
    width: 16%;
}

.ScrollerItem a{color:#999999; font-weight:bold; font-size:14px; font-family:'ProximaNovaBold'; text-decoration:none;}
.ScrollerItem a:hover{color:#ef3e42}
.ScrollerOuterWrapper{width:960px; height:62px; background-image: url('../graphics/design/drop_nav_bg.gif'); background-repeat:repeat-x; position:absolute; top:0px; left:0px;}
.ScrollerWrapper{position: absolute; left: 40px; top: 4px;}
.ScrollerTable{width:174px; height:58px;}
.ScrollerSpacer{}
.ScrollerTextTD{width:145px; text-align: center;}
.ScrollerImageTD{width:29px;}
#navprevarrow{position:absolute; left:20px; top:30px;}
#navnextarrow{position:absolute; left:933px; top:30px;}

/*myjobsiframe*/
.jobiframebox{margin:10px;}
#myjobslinks a{color:#000000; text-decoration:none; font-weight:bold;}


.eurolineheader{font-weight:bold; color:#ef3e42}

.clearfix {
    clear: both;
    height: 0;
}
.pushy {
    display: none;
}
@media (min-width: 641px) {
    #searchTextMobile {
        /*display: none;*/
    }
}   
@media (min-width: 769px) {
    #search-btn {
        /*display: none;*/
    }
}

    #header #search-btn {
        position: absolute;
        width: 30px;
        height: 30px;
        right: 12px;
        top: 9px;
        color: #CCC;
        font-size: 1.4em;
        z-index: 100;
        cursor: pointer;
    }
    .search-dropdown {
        position: absolute;
        top: 0px;
        right: 17px;
        width: 200px;
        background: #000;
        background: transparent;
        padding: 0;
        z-index: 99;
        }
    .search-dropdown .arrow-up {
        position: relative;
        top: -10px;
        float:right;
	    width: 0; 
	    height: 0; 
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;	
	    border-bottom: 10px solid rgba(255,255,255,.5);
        display: none;
    }
    #searchTextMobile{
        font-size: 1.1em;
        color: #666;
        background: #FFF;
        width: 100%;
        padding: 6px;
        border: 2px solid #999;
        display: block;
        box-sizing: border-box;
        border-radius: 4px;
        }
/* Documentation Index */
.searchresults h3 {
    font-family: "proximanovabold";
    color: #888;
    font-size: 1.4em;
    margin-bottom: 20px;
}
.search-big {
    position: relative;
    margin-top: 50px;
}
    .search-big input {
        padding: 9px 8px;
        font-family: "ProximaNovaRegular";
        font-size: 1em;
        border: 2px solid #C2C4CB;
        border-radius: 4px;
        width: 100%;
        font-weight: normal;
    }
        .search-big .fa {
            position: absolute;
            top: 11px;
            right: 12px;
            font-family: "FontAwesome";
            content: "\f002";
            font-size: 1.4em;
            color: #C2C4CB;
        }
    .search-big input[type="submit"] {
          background: transparent;
          border: none;
          display: block;
          width: 40px;
          color:transparent;
          position: absolute;
        top: 2px;
        right: 2px;
    }
        .search-big input[type="submit"]:hover {
            background: rgba(227,229,235,.7);
        }
    .search-big .searchglass:before {
        font-family: "FontAwesome";
        content: "\f002";
        font-size: 1.4em;
        color: #C2C4CB;
        position: absolute;
        top: 7px;
        right: 12px;
    }
        .search-big input[type="submit"]:after {
            position: absolute;
            top: 11px;
            right: 12px;
            font-family: "FontAwesome";
            content: "\f002";
            font-size: 1.4em;
            color: #C2C4CB;
        }
/*Category accordion */
.categoryAccordion {
    margin: 0;
}    
.categoryAccordion.panel-group .panel {
    border-radius: 0;
    margin-top: 2px;
    border: none;

}

.categoryAccordion.panel-group .panel .panel-heading {
    background-color: #E3E5EB;
    padding: 10px 15px 10px 8px;
    border-radius: 0;
}

.categoryAccordion.panel-group .panel .panel-heading h4 {
    font-size: 1.1em;
    font-family: "ProximanovaBold";
}
    .categoryAccordion.panel-group .panel .panel-heading h4 a {
        text-decoration: none;
    }
.categoryAccordion.panel-group .panel .panel-heading h4 a:before {
    font-family: "FontAwesome";
    content: "\f054";
    color: #999;
    font-size: .8em;
    margin-right: 4px;
}
    .categoryAccordion.panel-group .panel .panel-heading h4 a[aria-expanded="true"]:before {
        content:"\f078"
    }
.categoryAccordion.panel-group .panel .panel-body {
    padding: 0;
}
/*Subcategory accordion */


.categoryAccordion.panel-group .subCategoryAccordion {
    padding: 2px 0 0 0;
    border: 1px solid #DDD;
    border-left: 4px solid #CCC;
    border-top: none;
    margin-bottom: 0px;

}

.categoryAccordion.panel-group .subCategoryAccordion .panel {
    margin-top: -2px;
    border-left: none;
    border-right: none;
}
   
    .categoryAccordion.panel-group .subCategoryAccordion .panel .panel-heading {
        background: #F2F2F2;
        padding-left: 20px;
    }
        .categoryAccordion.panel-group .subCategoryAccordion .panel .panel-heading h4 {
            font-size: 1em;
            font-family: "ProximanovaBold";
            margin: 0;
        }

        .categoryAccordion.panel-group .subCategoryAccordion .panel .panel-heading h4:before {
            content: none;
        }

    .categoryAccordion.panel-group .subCategoryAccordion .panel .panel-body {
        background: #FFF;
    }

    /* Products acccordion */
    .subCategoryAccordion .panel .panel-body .productsAccordion{
        background: #FFF;
        margin-bottom: 0px;
    }
        .subCategoryAccordion .panel .panel-body .productsAccordion .panel {
            margin-top: 0;
        }
        .subCategoryAccordion .panel .panel-body .productsAccordion .panel .panel-heading {
            background: #FFF;
            padding-left: 41px;
        }
        .subCategoryAccordion .panel .panel-body .productsAccordion .panel .panel-heading h4 {
            font-size: .9em;
            font-family: "ProximanovaRegular";
        }
        .subCategoryAccordion .panel .panel-body .productsAccordion .panel .panel-body {
             padding-left: 25px;
             font-family: "ProximanovaRegular";
             padding-top: 15px;
        }
.sectionsAccordion {
    margin-bottom: 4px !important;
}
        .sectionsAccordion > .panel > .panel-heading {
          padding: 6px 15px 6px 39px !important;
        }
        /* Products documentation groups and lists */
        .documentation-group {
            margin-bottom: 20px;
        }
            .documentation-group .header {
                border-bottom: 1px solid #999;
                padding: 0;
                line-height: 0em;
                margin-bottom: 10px;
            }
            .documentation-group .header h4 {
                text-transform: uppercase;
                font-size: .9em;
                font-weight: bold;
                font-family: "ProximanovaBold";
                color: #FFF;
                background: #555;
                display: inline-block;
                padding: 3px 4px 0;
                margin: 0;
            }
            .documentation-group table {
                margin-left:15px;
            }
                .documentation-group table td {
                    font-size: .9em;
                    padding: 4px;
                    color: #666;
                }
            .documentation-group table td:nth-of-type(1) {
                width: 130px;
            }
            .documentation-group table td:nth-of-type(2) {
                width: auto;
                padding-left: 10px;
            }
            .documentation-group iframe.youtube-frame {
                display: none;
                border: none;
                width: 640px;
                height: 360px;
            }
            .documentation-group a.youtube-thumb {
                position: relative;
                display: inline-block;
                cursor: pointer;
                  border: 5px solid #333;
            }
            .documentation-group a.youtube-thumb:before {
                  
                  font-size: 3.5em;
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  color: rgba(255,255,255,.75);
                  font-family: FontAwesome;
                  z-index: 100;
                  margin-top: -.25em;
                  margin-left: -.4em;
            }
                .documentation-group a.youtube-thumb:hover:before {
                    color: rgba(255,255,255,1);
                }
                .documentation-group a.youtube-thumb.ready:before {
                    content: "\f152";
                }
             .documentation-group a.youtube-thumb.playing:before {
                  content: "\f150";
            }
                .documentation-group a.youtube-thumb.playing:hover:before {
                    color: rgba(255,255,255,1);
                }

                .documentation-group a.youtube-thumb img {
                    max-width: 100%;
                    margin: 0 0 0 0 !important;
                }
            .documentation-group a.download {
                padding: 4px 6px;
            }
             .documentation-group a.download:before {
                margin-right: 5px;
                color: #666;
            }
             .documentation-group a.download:hover {
                color: #FFF;
                 background:#ef3e42;
                text-decoration: none;
            }
             .documentation-group a.download:active {
                color: #FFF;
                background:#333;
                text-decoration: none;
            }
            .documentation-group a.download:hover:before {
                color: #FFF;
            }
/*My Hager Menu*/
a.myhager-menu {
    display: block;   
}
    a.myhager-menu.createnew,
    a.myhager-menu.backmyhager {
        display:none;
    }
/*My Jobs*/
#jobactions {
    display: none;
}
table[id^="GridView"] {
    width: 100%;
}
table[id^="GridView"] table {
    width: 100%;
}
    table[id^="GridView"] table th {
        padding: 2px 6px;
    }
table[id^="GridView"] table td {
   text-align: right;
   padding: 2px 6px;
}
table[id^="GridView"] table td:nth-of-type(1) {
    width: 5%;
    text-align: left;
}
table[id^="GridView"] table td:nth-of-type(2) {
    width: 70%;
    text-align: left;
}

.joblist {
    width: 100%;
}
    .joblist td:nth-of-type(4) {
        text-align: right;
    }
/*Custom select*/
.selectLabel {
    display:inline-block;
    background: #ef3e42;
    color: #FFF;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 4px 8px;
}
.customSelect { 
display:inline-block;
background:url(/graphics/design/select-downarrow.png);
background-position: right;
background-repeat: no-repeat;
padding: 4px 8px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
background-color: #333;
min-width: 200px;
color: #DDD;
}

/* jobs forms */
#coverSheetForm {
    padding:10px;
}
#coverSheetForm input[disabled="disabled"] {
opacity: .4;
}
.overlay-form .submitbtn {
background: #ef3e42;
padding: 6px 15px;
clear: both;
margin: 15px 0px;
border: none;
color: #FFF;
font-size: 14px;
}
.overlay-form h2 {
font-size: 1.6em;
margin-left: 10px;
color: #555;
}
ul.jobsform {
    list-style-type: none;
    width: 27%;
    display: inline-block;
    margin: 0;
    padding: 10px;
    float: left;
    margin-right: 17px;
}
    ul.jobsform li {
        list-style-type: none;
    }
    
.jobsform label {
	display: inline-block;
	float: left;
	height: 1em;
	line-height: 1em;
	padding: 6px 0 0;
	width: 155px;
	font-size: 1em;
    font-weight: bold;
    color: #333;
	margin: 5px 0;
	clear: both;
}

.jobsform label small {
	font-size: 0.75em;
	color: #ccc;
}

.jobsform label.verify {
	padding: 0;
	margin: 2px 10px 2px 0;
	width: 145px;
	text-align: right;
}
.jobsform label.verify img {
	padding:1px;
	border:1px solid #cccccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.jobsform input, 
.jobsform textarea, 
.jobsform select {
	width: 100%;
	padding: 7px;
	color: #666;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin: 5px 0;
	font:1.2em  Arial, sans-serif;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	vertical-align: top;

	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;

	box-shadow: 0 0 5px rgba(81, 203, 238, 0);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}
.jobsform select {
	width: 100%;
	margin: 8px 0;
}
.jobsform input#verify {
	width: 55px;
}
.jobsform textarea {
	width: 100%;
}
.jobsform input:focus, .jobsform textarea:focus, .jobsform select:focus {
	border: 1px solid #ddd;
	background-color: #fff;
	color:#333;
	outline: none;
	position: relative;
	z-index: 5;

	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);

	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);

	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
.jobsform input.error, .jobsform textarea.error, .jobsform select.error {
	box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	border: 1px solid #faabab;
	background: #fef3f3
}
.jobsform input.submit {
	width: auto;
	cursor: pointer;
	position: relative;
	border: 1px solid #282828;
	color:#fff;
	padding: 6px 16px;
	text-decoration: none;
	font-size: 1.5em;

	background:#555;

	background:-webkit-gradient(
	    linear,
	    left bottom,
    	left top,
	    color-stop(0.12, rgb(60,60,60)),
	    color-stop(1, rgb(85,85,85))
	);
	background:-moz-linear-gradient(
	    center bottom,
	    rgb(60,60,60) 12%,
    	rgb(85,85,85) 100%
	);

	box-shadow: 0 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.jobsform input.submit:hover {
	background: #282828 !important;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}
.jobsform input.submit:active, .jobsform input.submit:focus {
	top: 1px;
}

.jobsform input[type="submit"][disabled] { background:#888; }
.jobsform fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 20px; }
.jobsform legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
.jobsform input[type="checkbox"] { width:20px; margin-top:11px; }
.jobsform span.required{ font-size: 13px; color: #ff0000; } 

.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}

.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}

.customSelectInner {
/* You can style the inner box too */
}

.jobsSelect {
    margin-bottom: 15px;
}
#submittablewrapper {
    margin:0;
}
ul.profileform {
    list-style-type: none;
    width: auto;
    display: block;
    margin: 0;
    padding: 10px;
    float: left;
    margin-right: 17px;
}
    ul.profileform li {
        list-style-type: none;
    }
    
.profileform label {
	display: inline-block;
	float: left;
	height: 1em;
	line-height: 1em;
	padding: 6px 0 0;
	width: 155px;
	font-size: 1em;
    font-weight: bold;
    color: #333;
	margin: 5px 0;
	clear: both;
}

.profileform label small {
	font-size: 0.75em;
	color: #ccc;
}

.profileform label.verify {
	padding: 0;
	margin: 2px 10px 2px 0;
	width: 145px;
	text-align: right;
}
.profileform label.verify img {
	padding:1px;
	border:1px solid #cccccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.profileform input, 
.profileform textarea, 
.profileform select {
	width: 100%;
	padding: 7px;
	color: #666;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin: 5px 0;
	font:1.2em  Arial, sans-serif;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	vertical-align: top;

	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;

	box-shadow: 0 0 5px rgba(81, 203, 238, 0);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}
.profileform select {
	width: 100%;
	margin: 8px 0;
}
.profileform input#verify {
	width: 55px;
}
.profileform textarea {
	width: 100%;
}
.profileform input:focus, .profileform textarea:focus, .profileform select:focus {
	border: 1px solid #ddd;
	background-color: #fff;
	color:#333;
	outline: none;
	position: relative;
	z-index: 5;

	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);

	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);

	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
.profileform input.error, .profileform textarea.error, .profileform select.error {
	box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5);
	border: 1px solid #faabab;
	background: #fef3f3
}
.profileform input.submit {
	width: auto;
	cursor: pointer;
	position: relative;
	border: 1px solid #282828;
	color:#fff;
	padding: 6px 16px;
	text-decoration: none;
	font-size: 1.5em;

	background:#555;

	background:-webkit-gradient(
	    linear,
	    left bottom,
    	left top,
	    color-stop(0.12, rgb(60,60,60)),
	    color-stop(1, rgb(85,85,85))
	);
	background:-moz-linear-gradient(
	    center bottom,
	    rgb(60,60,60) 12%,
    	rgb(85,85,85) 100%
	);

	box-shadow: 0 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.profileform input.submit:hover {
	background: #282828 !important;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}
.profileform input.submit:active, .profileform input.submit:focus {
	top: 1px;
}

.profileform input[type="submit"][disabled] { background:#888; }
.profileform fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 20px; }
.profileform legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
.profileform input[type="checkbox"] { width:20px; margin-top:11px; }
.profileform span.required{ font-size: 13px; color: #ff0000; }


.pricebook ul.profileform {
    float: none !important;

}
.pricebook .profileform input[type="radio"] {
    width: auto;
    vertical-align:baseline;
    margin-left: 5px;
}
    .pricebook .profileform input[type="radio"] + label {
        float: none !important;
        margin-left: 6px;
        width: auto;
        margin-right: 20px;
    }
@media(max-width:640px) {
    span.pricebook-intro{
        display: block;
    }
}

/*BlogEngine overrides*/
section.container {
    max-width: 980px;
}
section.container article.post img.full {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 10px;
}
section.container article.post img.third{
    width: 30% !important;
    height: auto !important;
}
section.container article.post img.half{
    width: 48% !important;
    height: auto !important;
}
    section.container article.post img.left {
        float: left;
        margin: 0 10px 10px 0;
    }
    section.container article.post img.right {
        float: right;
        margin: 010px 10px 10px;
    }
    section.container article.post img.border {
        border: 3px solid #000;
    }
span.caption {
    background: #000;
    font-size: 11px;
    color: #CCC;
    padding: 4px;
    box-sizing: border-box;
}
img.full + span.caption {
    width: 100%;
    display: block;
    margin-top: -9px;
    margin-bottom: 10px;
}
img.third.left + span.caption {
    width: 30%;
    display: block;
    margin-top: -9px;
    clear: left;
    float: left;   
    margin-bottom: 10px;
    margin-right: 10px;
}
img.third.right + span.caption {
    width: 30%;
    display: block;
    margin-top: -9px;
    clear: right;
    float: right;
    margin-bottom: 10px;
    margin-right: 10px;
}
img.half.left + span.caption {
    width: 48%;
    display: block;
    margin-top: -9px;
    clear: left;
    float: left;   
    margin-bottom: 10px;
    margin-right: 10px;
}
img.half.right + span.caption {
    width: 48%;
    display: block;
    margin-top: -9px;
    clear: right;
    float: right;
    margin-bottom: 10px;
    margin-right: 10px;
}
a.more {
    display: inline-block;
    background: #ff4b50;
    color: #FFF;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: bold;
    font-family: "ProximaNovaBold";
    margin: 10px 0 10px 10px;
    float: right;
}
.post {
    padding: 2% 4% 8%;
}
/*Disqus styling override*/
div#ctl00_cphBody_disqus_box {
    background: #FFF;
    padding: 30px;
}
div#ctl00_cphBody_disqus_box .post-message p {
    font-family: "Helvetica", "Arial", sans-serif;
}

/*Fancybox overrides*/
.myjobs .fancybox-inner {

}
.fancybox-close {
    position: absolute;
    top: 5px;
    right: 4px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 1004;
    background-image: none !important;
    font-family: FontAwesome;
    content: "\f00d";
    font-size: 2.3em;
    color: #666;
    background: rgba(0,0,0,.2);
    border-radius: 100%;
    text-align: center;
    line-height: 1.3em;
}
    .fancybox-close:before {
        content: "\f00d";
        font-family: FontAwesome;
        color: #666;
    }

/* Watermark */
.watermark {
    position: static;
    top: 0;
    right: 0;
    z-index: 99;
    color: #333;
    font-size: 1em;
    background: rgba(255,255,255,.75);
    width: 100%;
    padding: 7px 20px;
    border-top: 3px solid #333;
    font-family: ProximanovaBold;
}
.watermark span {
    background: #555;
    color: #FFF;
    text-transform: uppercase;
    padding: 4px 6px;
    font-size: 1.2em;
}
.watermark button {
    background: #09F;
    border: 1px solid #09F;
    font-size: 1.1em;
    position: relative;
    top: -1px;
    margin-left: 10px;
    color: #FFF;
    padding: 3px 8px;
}
img#intpagetopboximage {
    max-width: 100%;
}

/* == contest ==*/
#DisplayChosenStoriesPan {
   
}
#DisplayChosenStoriesPan p:nth-child(n + 3) {
    background: #b9dbfb;
    padding: 12px;
    border-radius: 11px;
    font-style: italic;
    line-height: 1.4em;
    color: #333;
    position: relative;
}
#DisplayChosenStoriesPan p:nth-child(n + 3):after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 78%;
	width: 0;
	height: 0;
	border: 32px solid transparent;
	border-top-color: #b9dbfb;
	border-bottom: 0;
	border-right: 0;
	margin-left: -16px;
	margin-bottom: -32px;
}
#DisplayChosenStoriesPan h3.submitter{
	text-align: center;
    margin-bottom: 35px;
    margin-left: 60%;
    margin-top: 40px;
    display: block;
}