html{ height:100%; margin-bottom:1px}
body{margin:0;padding:0}
p{ margin-top:10px; margin-bottom:15px; clear:left}
h1,h2,h3,h4,h5,h6{padding-bottom:0px;margin:8px 0}
fieldset{border:0;padding:5px 0}
body.f-smaller{font-size:10px}
body.f-default{font-size:12px}
body.f-larger{font-size:15px}
h1,h2,h3,h4{font-family:Helvetica,Arial,sans-serif}
h1{font-size:160%}
h2{font-size:140%}
h3{ font-size:125%}
h4{font-size: 110%}
h5{font-size:100%}
.small,.modifydate,.createdate,div.mosimage_caption{font-size:95%}
#nav a,#tabmenu a,#nav-main a,#nav-sub a,.moduletable h3,.module h3,.module-hilite1 h3,.module-hilite2 h3,.module-hilite3 h3,.module-hilite4 h3,#vert-menu a,a.mainlevel,a.sublevel,.componentheading{font-size:92%;font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:bold}
.componentheading{ margin-bottom:15px}
td.componentheading{padding-bottom:15px}
body{line-height:125%;font-family:Lucida Grande,Helvetica,Arial,sans-serif}
.contentheading{font-family:Helvetica,Arial,sans-serif;font-size:140%;font-weight:bold}
a:link,{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:underline}
#access span{background-repeat:no-repeat}
#access a{text-decoration:none}
#access #buttons{float:right}
#access .button{display:block;float:right;width:38px;height:18px;margin-left:1px;background-repeat:no-repeat;cursor:pointer}
#page-bg{height:100%;padding:0;margin-bottom:1px}
div#wrapper, .container{
  position: relative;
  width: 1170px;
  margin: 0 auto;
  color: #222;
  font-size: 12px;
  font-weight: 300;
  font-family: Lucida Grande,Helvetica,Arial,sans-serif;
  

}
#mainbody #header{width:100%;position:relative;height:142px}
#mainbody #header{background:url(../assets/logo-tabs.jpg) 0 0 no-repeat}
.suckerfish #mainbody #header{height:151px}
#header #access{position:relative;float:right;top: 45px;width:150px;padding-right:40px;height:21px;border:0}
#header #tabmenu{position:absolute;right:30px;top: 3px;width:400px;height: 30px}
#header #nav-main ul{padding-top: 82px}
#header #logo{position:absolute;left: 35px;top: 38px;/*width:750px;*/height:45px}
#header #search{position:relative;float:right;left:55px;top:75px;width:230px;height:32px;padding-right:50px;clear:both}
#header #nav-main{height:74px;padding-top:42px;/*margin-right:23px;margin-left: 40px*/}
#header #nav-main.splitmenu2{height:116px;padding:0;margin-right:23px;margin-left: 40px}
#header #nav-sub{/*margin-right:23px;*/margin-left: 40px}
.border-pad{margin-left:0px;margin-right:0px;padding:0 0px}
.border-bottom{padding-bottom:0px}
#content-bg{margin-left:0px;margin-right:0px}
#showcase{padding:0px 7px 0 7px}
.usermodule{float:left}
.usermodule2{float:right}
#fakecolumn2{}
#fakecolumn1.sc_0{border-left:0}
#fakecolumn1.sc_0 #fakecolumn2{margin-left:0;background:none}
/*div#middlecolumn .padding{padding:0px 8px 10px 5px}*/
div#leftcolumn{float:left;width:195px;margin-left:-195px;padding-top:10px;position:relative}
div#leftcolumn2{float:left;width:230px;margin-left:0px;padding-top:10px;position:relative}
div#align-padding{margin-left:0px;margin-right:-3px}
div#inset{padding:1px}

div#componentcolumn{width: 70%; float: left;}
div#componentcolumn.sc_0{margin-right:0}
#footer{padding:7px 0px 5px 0px}
#bottom{margin-bottom:20px}
#bottom .shad-1{}
#bottom .shad-2{height:74px}
#bottom .rocket{}
div.moduletable{margin-bottom:15px}
div.moduletable-flush{margin:0;padding:0}
div.module,div.module-hilite1,div.module-hilite2,div.module-hilite3,div.module-hilite4{margin-bottom:10px}
div.moduletable h3,div.module h3,div.module-hilite1 h3,div.module-hilite2 h3,div.module-hilite3 h3,div.module-hilite4 h3{margin:10px 0;padding:0 0 1px 0;line-height:100%;height:auto}
div#showcase div.moduletable,div#footer div.moduletable{padding:10px 5px;margin:0}
#showcase div.moduletable h3{margin:0 0 10px 0}
#leftcolumn div.moduletable{padding:0 10px 20px 10px}
div.module h3,div.module-hilite4 h3,div.module-hilite1 h3{margin:0 0 10px 0}
div.module-hilite2 h3{margin:0 0 10px 0}
div.module-hilite3 h3,#footer div.moduletable h3{margin:0 0 10px 0}
div.module div div div,div.module-hilite1 div div div,div.module-hilite2 div div div,div.module-hilite3 div div div,div.module-hilite4 div div div{padding:15px 15px}
div.module-hilite1,#componentcolumn div.module{padding-bottom:5px}
div.module-hilite1 div,#componentcolumn div.module div{background:none}
div.module div div div div,#rightcolumn div.module div div div div,div.module-hilite1 div div div div,div.module-hilite2 div div div div,div.module-hilite3 div div div div,div.module-hilite4 div div div div{padding:0;    background: none;}
.module div div div {
    padding: 15px 15px;
}
#tabmenu ul{list-style:none;margin:0;padding:0;float: right}
#tabmenu li{float:left;margin:0;padding:0}
#tabmenu a{float: left;margin:0;height:28px;line-height:34px;padding:0 20px}
#tabmenu li{background-repeat: no-repeat;background-position:100% 0}
#tabmenu li a{background-repeat:no-repeat;background-position: -2px 0}
#tabmenu li.index-1 a{background-position:0 0}
#search form{margin:0;padding:0}
#search .search{float:left;margin-top:5px;margin-left:10px}
#search input.inputbox{width:130px;padding-left:5px}
span.searchtitle{display:block;float:left;height:33px;line-height:33px}
ul{list-style:none;padding:0;padding-left:10px}
ul li{margin:5px 0;padding-left:5px}
#componentcolumn ul li{list-style-type:square;list-style-position:inside;margin:4px 0px 4px 0px}
div.moduletable ul li{margin:5px 0;padding-left:20px}
ul.arrow{}ul.arrow li{padding-bottom:10px;padding-left:40px}
ul.check li{padding-bottom:10px;padding-left:40px}
ul.big li{padding-bottom:10px;padding-left:55px}
span.alert{display:block;margin: 10px;padding:10px 10px 10px 45px}
span.info{display:block;margin: 10px;padding:10px 10px 10px 45px}
span.star{display:block;margin: 10px;padding:10px 10px 10px 45px}
span.note{display:block;margin: 10px;padding:10px 10px 10px 45px}
span.download{display:block;margin: 10px;padding:10px 10px 10px 45px}
span.quote{display:block;font-style:italic}
div.author{text-align:right;font-weight:bold}
blockquote{margin: 10px;padding:10px 10px 5px 45px}
blockquote p{padding-right:35px}
pre{margin:10px;padding:10px 10px 10px 40px;font-family:"courier new",helvetica,"times new roman",serif;font-size:1.1em}
.left_image{float:left;margin-right:10px}
.right_image{float:right;margin-left:10px}
img.album.left{margin-right:5px}
img.alubm.right{margin-right:5px}
div.style{float:left;margin-left:10px;width:175px;text-align:center;margin-top:20px}
.style .album{border:0}
#rocket{display:block;border:0;width:146px;margin:0 auto;height:49px}
.vert_spacing{margin:15px 0}
.hide{display:none}form{border:0;margin:0;padding:0}
table.blog span.article_seperator{display:block;height:20px}
table.pollstableborder td{text-align:left;padding:2px 0}
input#mod_search_searchword{width:130px}
a:link.nounder,a:visited.nounder,a:hover.nounder{text-decoration:none;border:0}
.contentheading{padding:10px 0;margin-top:10px;margin-bottom:10px;line-height:100%}
#showcase .contentheading{padding-top:0}
td.buttonheading{ vertical-align:middle}
td.buttonheading img{margin-right:5px}
table.contentpaneopen,table.contentpane{ border-collapse:collapse; padding:0; margin:0; width:100%}
div.contentpane,div.contentpaneopen{width:100%}
.clr{clear:both}
div.mosimage{ margin:5px}
a.readon{display:block;float:left;padding-left:0px;padding-top:0px;margin-top:0px;line-height:14px;height:16px}
.modifydate{height:20px;vertical-align:bottom}
.createdate{height:20px;vertical-align:top;vertical-align:top;padding-bottom:5px;padding-top:0px}
table.contenttoc{ margin:5px; padding:5px}
table.contenttoc td{ padding:0 5px}
span.pathway{ color:#300;display:block;height:22px;line-height:22px;vertical-align:middle;margin-top:2px;margin-bottom:15px; margin-left:15px}
span.pathway a{color:#00C;text-decoration:none;font-size:100%;font-weight:normal;height:16px;line-height:16px;margin-bottom:15px;margin-top:0px;text-transform:none;vertical-align:middle;padding:-1pt 0px 0px 0px}
span.pathway a:hover{color:#00C;text-decoration:underline;font-size:100%;font-weight:normal;height:16px;line-height:16px;margin-bottom:15px;margin-top:0px;text-transform:none;vertical-align:middle;padding:0pt 0pt 0pt 0px}
span.pathway img{border:0;width:10px;margin:0 0px 0 0px}
div#pathway{margin-bottom:10px;padding-left:8px}
a.mainlevel:link,a.mainlevel:visited{display:block;padding:0px 0 0px 0px;margin-bottom:5px}
a.mainlevel:hover{background-position:100% -40px;text-decoration:none}
a.mainlevel#active_menu,a.sublevel#active_menu{background-position:100% -20px}
a.sublevel:link,a.sublevel:visited{text-decoration:underline}
a.sublevel:hover{text-decoration:none}
table.adminform textarea{ width:auto}
.sectiontableheader{font-weight:bold;padding:4px}
.sectiontableentry1,.sectiontableentry2{padding:4px}
.pollstableborder .sectiontableentry1,.pollstableborder .sectiontableentry2{border:0;background:none}
.noclear{clear:none;margin-bottom:15px;margin-top:10px}
.colorpathway{display:block;background-color:#CCD7E8;line-height:22px}
#colorsidenav{padding:10px;display:block;background-color:#CCD7E8;min-height:5px;/*width:90%;*/list-style-type:none;margin-bottom: 5px;}
div#top_colorsidenav{padding:10px;display:block;background-color:#CCD7E8;min-height:5px;/*width:90%;*/list-style-type:none;margin-bottom: 10px;margin-top: 10px;}
.moduletableproduct h3,{font-size:92%;font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:bold}
div.moduletableproduct{display:block;border:#999;border-width:1px;border-style:solid;margin-bottom:15px}
div#footer div.moduletableproduct{min-height:165px;padding:0px 0px 0px 0px;margin:0px 10px 0px 0px}
div.moduletableproduct h3,{border-bottom-style:solid;border-bottom-color:#999;border-bottom-width:1px; color:#FFF;margin:0px 0px;line-height:120%;height:auto}
div.moduletableproduct ul li{margin:5px 0;padding-left:20px}
#footer div.moduletableproduct h3{ border-bottom-style:solid;border-bottom-color:#999;border-bottom-width:1px;background-color:#CCD7E8;padding:2px 0px 2px 5px;font-size:1em;color:#333;margin-top:0px;line-height:150%;height:auto}
#footer div.moduletableproduct img{border-right-color:#999;border-right-style:solid;border-right-width:1px}
div#footer div.moduletableproduct p{margin:0px 5px 0px 9px}
.contenttable{clear:both}
table.contenttable td{padding:2px 5px 2px 5px}
p.noclr{clear:none}
.moduletableproduct2 h3,{font-size:92%;font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:bold}
div.moduletableproduct2{float:right;display:block;border:#999;border-width:1px;border-style:solid;margin-bottom:15px}
div#footer div.moduletableproduct2{min-height:165px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px}
div.moduletableproduct2 h3,{border-bottom-style:solid;border-bottom-color:#999;border-bottom-width:1px; color:#FFF;margin:0px 0px;line-height:120%;height:auto}
div.moduletableproduct2 ul li{margin:5px 0;padding-left:20px}
#footer div.moduletableproduct2 h3{ border-bottom-style:solid;border-bottom-color:#999;border-bottom-width:1px;background-color:#CCD7E8;padding:2px 0px 2px 5px;font-size:1em;color:#333;margin-top:0px;line-height:150%;height:auto}
#footer div.moduletableproduct2 img{border-right-color:#999;border-right-style:solid;border-right-width:1px}
div#footer div.moduletableproduct2 p{margin:0px 5px 0px 9px}
div#company-info{display:none}
a img{border:none}
th.thblue{background-color:#010197;color:#fff;border-top:solid;border-top-width:1px;border-top-color:#999;border-right:solid;border-right-width:1px;border-right-color:#999;border-left:solid;border-left-width:1px;border-left-color:#999;text-align:left;padding:4px}
td.tdblue{border:1px solid #999;text-align:left;padding:4px}
table.tableblue{
  margin-bottom:10px;
  float:left;
}
td.tdblue img{border-right-color:#999;border-right-style:solid;border-right-width:1px}



/* MEDIA QUERIES*/
div#middlecolumn .padding {
    padding: 0px 8px 10px 5px;
}
.entry-header .entry-title{
  padding: 0px 5px 5px 5px;
      margin-top: 0;


}

/* Added CSS 2 april*/
 div#top_colorsidenav{

    display: none;

  }

.footer-responsive{
  
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  

  
}


.footer-responsive .footer-links{
  list-style: none;
 
  
  padding-top: 15px;
  margin: 0;
}


.footer-responsive .footer-links a{
  display:inline-block;
  text-decoration: none;
  
}

.afar-submenu ul{

    
display: none;


}
.afar-submenu .current_page_item>.children,.afar-submenu .current_page_ancestor>.children {

    
display:initial;


}
.mobile_menu #mob_list{


  font-size: 14px;
}



.news_seperator {
    display: block;
    height: 20px;
}
.news_post h2{


  font-size: 16px;
}

.faqs h3 {

color:#c64934;

}
.info_table h2{

padding: 10px 0;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 100%;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 140%;
    font-weight: bold;

}

#main_container{

  width: 1200px;
  margin:0 auto;

}


.Table{
  width:100%;
  margin-bottom: 10px;
  overflow: hidden;
}

.item, .Table div {
  position:relative;
  float: left;
 
  width:255px;
  
}

#item2{
  
  margin-left:15px;
 
  
 }
 .item p{
    
    text-align: left;
    
   
   
  
 }
 .item .cab{

 
  margin:0;
  background:#010197;
  color:#fff;
  font-weight: bold;
  text-align: left;

 }
 a #img1{

    width: 80px;
    height: 118px;
    float: left;
    margin-right: 5px;
    margin-left: 5px;

 }
a #img2{
 margin: 5px;
    width: 100px;
    height: 80px;
    float: left;
    }







.wpcf7 form p{

margin-left: 15px;

}
#askusForm tr td div>p{

  margin-left: 10px;

}
.wpcf7 form input.wpcf7-text{

padding: 0px;
width: 100%;
}
/*480*/


@media screen and (max-width: 480px) {
   #content-bg{margin-left:15px;margin-right:15px}

    #main_container{

      width: 100%;

    }

  div#componentcolumn, div#rightcolumn{

      float: none;
      width: 100%;

    }

    table.tableblue{

      float:none;
      width:100%;

    }

    

    .item{
    float:none;
    width:100%;
  }

  #item1{

    margin-bottom: 15px;
  }
  #item2{

    margin-left: 0px;   
    padding-bottom: 14px; 
  }
}   

/*481 -768*/

@media screen and (min-width: 469px) and (max-width: 775px) {
   #content-bg{margin-left:15px;margin-right:15px}

   #header #nav-sub{


        display: none;
      }

  #first_item {
    float:none;
    width:100%;
  }

  div#componentcolumn, div#rightcolumn{

  
    float: none;
    width: 100%;
  }

  
}   
 



}
/*768 -  960*/

@media screen and (max-width: 960px) {

  #content-bg{margin-left:15px;margin-right:15px}
  


  #first_item{
    float:none;
    width:100%;
  }

  div#componentcolumn, div#rightcolumn{

  
    float: none;
    width: 100%;
  }

#mainbody #header {

      background: url(../assets/logo-tabs.jpg) 0 0 no-repeat;
      background-size: 100% 100%;
    
    }


} 

@media screen and (min-width: 776px){
  div#rightcolumn {
    float: left;
    width: 27.5%;
    padding: 0px 0px 0 0;
    
}
.menu_open{
  display: none;
}
div#componentcolumn {
    width: 72.5%;
    float: left;
}

.info_table{


}
.info_table .row_uno{
    width: 100%;
    float: left;
    margin-left: 10px;

}
.info_table .row_uno div{

    width: 50%;
    float: left;
    
}

.info_table .row_dos{
    width: 100%;
    float: left;
  margin-left: 10px;
}
.info_table .row_dos div{

    width: 50%;
    float: left;
}
#componentcolumn .Table .item {
    margin: 0 auto 15px 10px;
    display: block;
    float: left;
}

}
.row_uno div.contactEmail{width: 100%}
.row_uno span.sp_info,.row_dos span.sp_info{margin-left: 10px;}


@media screen and (max-width: 774px){
  tr.modelNumbers h5 {
    font-size: 2vw;
}
  .colorpathway{

margin-top: 10px; */
    
  }
#colorsidenav{

  display: none;
}
div#top_colorsidenav{

  display: block;
}

 
  .mobile_menu #mob_list li{
        padding: 10px 0px 10px 0px;
    }
#mainbody {


  background: none;
}

#componentcolumn .Table .item {
    margin: 0 auto 15px;
    display: block;
    float: none;
}

.footer-responsive{
    
  }

  
  .footer-responsive .footer-links{
    font-size: 14px;
        padding-top: 0px;
     font-weight: bold;
  }

  .footer-responsive .footer-links a{
    line-height: 1.8;
  }

}
@media screen and (min-width: 768px)and (max-width: 774px){


.footer-responsive .footer-links{
    font-size: 14px;
        padding-top: 15px;
     font-weight: bold;
  }

}
@media screen and (min-width: 524px)and (max-width: 583px){

tr.modelNumbers h5 {
    font-size: 1.8vw;
}

}


}