/* itemNA CSS */
html, body{
height: 100%;
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background: #d1d1d1;
margin: 0;
}
.row {
margin: 0 auto;
max-width: 1000px;
width: 100%;
}
.row .row {
margin: 0 !important;
}
.column, .columns {
padding-left: 0;
padding-right: 0;
}
h2{
font-size: 20px;
color: #555353;
font-weight: bold;
}
p{
line-height: 22px;
font-size: 14px;
}
a {
color: #ef4035;
line-height: inherit;
text-decoration: none;
}
table{
border: none;
}
a:hover, a:focus {
color: #ef4035;
text-decoration: underline;
}
.main_container {
position: relative;
background-color: #fff;
min-height: 500px;
-webkit-box-shadow: 0px 0px 50px 25px rgba(255, 255, 255, .60);
-moz-box-shadow: 0px 0px 50px 25px rgba(255, 255, 255, .60);
box-shadow: 0px 0px 50px 25px rgba(255, 255, 255, .60);
}
.social_network table{
background: none !important;
border: none;
}
.social_network{
height: 70px;
padding: 32px 0 10px 15px;
}
.social_network td{
padding: 0 2px 0 0;
}
.mail a:link, .mail a:active, .mail a:visited{
background-image: url(../images/mail.jpg);
background-repeat: no-repeat;
display: block;
width: 26px;
height: 25px;
}
.mail a:hover{
background-image: url(../images/mail.jpg);
background-repeat: no-repeat;
background-position: 0 -25px;
}
.facebook a:link, .facebook a:active, .facebook a:visited{
background-image: url(../images/facebook.png);
background-repeat: no-repeat;
display: block;
width: 26px;
height: 25px;
}
.facebook a:hover{
background-image: url(../images/facebook.png);
background-repeat: no-repeat;
background-position: 0 -25px;
}
.linkedin a:link, .linkedin a:active, .linkedin a:visited{
background-image: url(../images/linkedin.jpg);
background-repeat: no-repeat;
display: block;
width: 26px;
height: 25px;
}
.linkedin a:hover{
background-image: url(../images/linkedin.jpg);
background-repeat: no-repeat;
background-position: 0 -25px;
}
.google a:link, .google a:active, .google a:visited{
background-image: url(../images/google.jpg);
background-repeat: no-repeat;
display: block;
width: 26px;
height: 25px;
}
.google a:hover{
background-image: url(../images/google.jpg);
background-repeat: no-repeat;
background-position: 0 -25px;
}
.blogger a:link, .blogger a:active, .blogger a:visited{
background-image: url(../images/blogger.jpg);
background-repeat: no-repeat;
display: block;
width: 26px;
height: 25px;
}
.blogger a:hover{
background-image: url(../images/blogger.jpg);
background-repeat: no-repeat;
background-position: 0 -25px;
}
.twitter a:link, .twitter a:active, .twitter a:visited{
background-image: url(../images/twitter.jpg);
background-repeat: no-repeat;
display: block;
width: 26px;
height: 25px;
}
.twitter a:hover{
background-image: url(../images/twitter.jpg);
background-repeat: no-repeat;
background-position: 0 -25px;
}
.youtube a:link, .youtube a:active, .youtube a:visited{
background-image: url(../images/youtube.jpg);
background-repeat: no-repeat;
display: block;
width: 26px;
height: 25px;
}
.youtube a:hover{
background-image: url(../images/youtube.jpg);
background-repeat: no-repeat;
background-position: 0 -25px;
}
.pinterest a:link, .pinterest a:active, .pinterest a:visited{
background-image: url(../images/pinterest.jpg);
background-repeat: no-repeat;
display: block;
width: 26px;
height: 25px;
}
.pinterest a:hover{
background-image: url(../images/pinterest.jpg);
background-repeat: no-repeat;
background-position: 0 -25px;
}
.slideshare a:link, .slideshare a:active, .slideshare a:visited{
background-image: url(../images/slideshare.jpg);
background-repeat: no-repeat;
display: block;
width: 26px;
height: 25px;
}
.slideshare a:hover{
background-image: url(../images/slideshare.jpg);
background-repeat: no-repeat;
background-position: 0 -25px;
}
.mail_LG a:link, .mail_LG a:active, .mail_LG a:visited{
background-image: url(../images/mail_LG.jpg);
background-repeat: no-repeat;
display: block;
width: 40px;
height: 38px;
margin: 15px 0 15px 0;
}
.mail_LG a:hover{
background-image: url(../images/mail_LG.jpg);
background-repeat: no-repeat;
background-position: 0 -38px;
}
.facebook_LG a:link, .facebook_LG a:active, .facebook_LG a:visited{
background-image: url(../images/facebook_LG.jpg);
background-repeat: no-repeat;
display: block;
width: 40px;
height: 38px;
margin: 15px 0 15px 0;
}
.facebook_LG a:hover{
background-image: url(../images/facebook_LG.jpg);
background-repeat: no-repeat;
background-position: 0 -38px;
}
.linkedin_LG a:link, .linkedin_LG a:active, .linkedin_LG a:visited{
background-image: url(../images/linkedin_LG.jpg);
background-repeat: no-repeat;
display: block;
width: 40px;
height: 38px;
margin: 15px 0 15px 0;
}
.linkedin_LG a:hover{
background-image: url(../images/linkedin_LG.jpg);
background-repeat: no-repeat;
background-position: 0 -38px;
}
.blogger_LG a:link, .blogger_LG a:active, .blogger_LG a:visited{
background-image: url(../images/blogger_LG.jpg);
background-repeat: no-repeat;
display: block;
width: 40px;
height: 38px;
margin: 15px 0 15px 0;
}
.blogger_LG a:hover{
background-image: url(../images/blogger_LG.jpg);
background-repeat: no-repeat;
background-position: 0 -38px;
}
.twitter_LG a:link, .twitter_LG a:active, .twitter_LG a:visited{
background-image: url(../images/twitter_LG.jpg);
background-repeat: no-repeat;
display: block;
width: 40px;
height: 38px;
margin: 15px 0 15px 0;
}
.twitter_LG a:hover{
background-image: url(../images/twitter_LG.jpg);
background-repeat: no-repeat;
background-position: 0 -38px;
}
.youtube_LG a:link, .youtube_LG a:active, .youtube_LG a:visited{
background-image: url(../images/youtube_LG.jpg);
background-repeat: no-repeat;
display: block;
width: 40px;
height: 38px;
margin: 15px 0 15px 0;
}
.youtube_LG a:hover{
background-image: url(../images/youtube_LG.jpg);
background-repeat: no-repeat;
background-position: 0 -38px;
}
.main_container2 {
position: relative;
background-color: #fff;
min-height: 500px;
border-top: solid 2px #f14134;
}
.banner_container{
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
background-position: top;
height: 216px;
width: 1000px;
}
.logo{
text-align: right;
}
.logo a img{
border: none;
}
.slideshow_container{
border-top: solid 1px #000000;
text-align: left;
}
.the_latest {
margin-right: 10px;
margin-top: 17px;
color: #525252;
font-size: 12px;
max-width: 239px;
}
.the_latest h2{
font-size: 16px;
text-transform: uppercase;
color: #ffffff;
font-weight: bold;
margin: 0 8px 0 8px;
padding: 9px 3px 5px 9px;
text-align: left;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
background: rgba(255,166,167,1);
background: -moz-linear-gradient(top, rgba(255,166,167,1) 0%, rgba(216,36,36,1) 39%, rgba(216,36,36,1) 54%, rgba(216,36,37,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,166,167,1)), color-stop(39%, rgba(216,36,36,1)), color-stop(54%, rgba(216,36,36,1)), color-stop(100%, rgba(216,36,37,1)));
background: -webkit-linear-gradient(top, rgba(255,166,167,1) 0%, rgba(216,36,36,1) 39%, rgba(216,36,36,1) 54%, rgba(216,36,37,1) 100%);
background: -o-linear-gradient(top, rgba(255,166,167,1) 0%, rgba(216,36,36,1) 39%, rgba(216,36,36,1) 54%, rgba(216,36,37,1) 100%);
background: -ms-linear-gradient(top, rgba(255,166,167,1) 0%, rgba(216,36,36,1) 39%, rgba(216,36,36,1) 54%, rgba(216,36,37,1) 100%);
background: linear-gradient(to bottom, rgba(255,166,167,1) 0%, rgba(216,36,36,1) 39%, rgba(216,36,36,1) 54%, rgba(216,36,37,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa6a7', endColorstr='#d82425', GradientType=0 );
}
.the_latest_content{
border-right: solid 1px #c9caca;
border-left: solid 1px #c9caca;
border-bottom: solid 2px #d7d7d7;
line-height: 1.6em;
padding: 5px 0 10px 10px;
background: #f5f5f5;
overflow-y: scroll;
margin: 0 8px 0 8px;
height: 223px;
scrollbar-base-color: #555354;
scrollbar-base-color: #555354;
scrollbar-3dlight-color: #555354;
scrollbar-highlight-color: #555354;
scrollbar-track-color: #EBEBEB;
scrollbar-arrow-color: black;
scrollbar-shadow-color: #555354;
scrollbar-dark-shadow-color: #555354;
-webkit-scrollbar-base-color: #555354;
-webkit-scrollbar-base-color: #555354;
-webkit-scrollbar-3dlight-color: #555354;
-webkit-scrollbar-highlight-color: #555354;
-webkit-scrollbar-track-color: #EBEBEB;
-webkit-scrollbar-arrow-color: black;
-webkit-scrollbar-shadow-color: #555354;
-webkit-scrollbar-dark-shadow-color: #555354;
}
.the_latest_content h3{
color: #ef4035;
font-size: 12px !important;
margin-bottom: 0;
margin-top: 5px;
font-weight: bold;
}
.the_latest_content h3 a:link, .the_latest_content h3 a:active, .the_latest_content h3 a:visited{
color: #ef4035;
text-decoration: none;
}
.the_latest_content h3 a:hover{
color: #ef4035;
text-decoration: none;
}
.the_latest_content img{
padding: 5px 0 0 0;
}
.catalog-tablet .catalog-left{
padding: 12px 0 6px 0;
}
.catalog-tablet .catalog-right{
padding: 6px 0 12px 0;
}
.catalog_link{
padding: 12px 0 0 0;
border: none;
}
.catalog_link a:link img{
border: none;
}
.system-history-img img{
width: 50%;
height: auto;
}
.home_carousel{
background-color: #f5f5f5;
padding: 5px 0 2px 0;
}
.tp-caption a:hover {
color: #555353;
}
.tp-simpleresponsive a {
text-decoration: underline;
}
.tp-caption a {
color: #555353;
text-shadow: none;
transition: all 0.2s ease-out 0s;
}
h3.applications_gallery{
color: #8a8989;
font-size: 24px;
padding: 0 0 0 5px;
margin-bottom: 15px;
font-weight: bold;
}
.click_thumbs{
padding: 5px 0 15px 5px;
}
.carousel_wrapper{
position: relative;
padding: 15px 0 15px 0;
background-color: #f5f5f5;
min-height: 188px;
}
.slider_caption{
position: absolute;
bottom: 4px;
left: 8px;
color: #a80d1f;
z-index: 1000;
font-weight: bold;
font-size: 12px;
text-align: left;
}
.slider_caption a:link, .slider_caption a:active, .slider_caption a:visited, .slider_caption a:hover{
text-decoration: none;
color: #ef4035;
}
.text_container{
padding: 0 0 0 0;
margin: 0 0 0 0;
color: #555353;
font-size: 14px;
position: relative;
}
.text_container a:link, .text_container a:active, .text_container a:visited {
color: #ef4035;
text-decoration: none;
}
.text_container a:hover{
color: #ef4035;
text-decoration: underline;
}
.text_container h3{
color: #555353;
font-size: 18px;
}
.text_container .home{
color: #555353;
font-size: 27px;
font-weight: 300;
margin: 6px 15% 12px 0;
border-bottom: solid 2px #ef4035;
padding: 0 0 6px 10px;
}
.text_container .product-header{
border-bottom: medium none;
color: #ef4035;
font-size: 27px;
font-weight: 300;
margin: 6px 50px 12px 0;
padding: 6px 0 0 10px;
line-height: normal !important;
}
.text_container h1 {
color: #555353;
font-size: 27px;
font-weight: 300;
margin: 12px 15% 12px 0;
border-bottom: solid 2px #ef4035;
padding: 0 0 6px 10px;
line-height: normal;
}
.text_container h1.subpage {
color: #555353;
font-size: 27px;
font-weight: 300;
margin: 12px 15% 12px 0;
border-bottom: solid 2px #ef4035;
padding: 0 0 6px 10px;
line-height: normal;
}
.main_content{
padding: 0 15px 0 10px;
}
.right_column{
margin: 15px 11px 0 11px;
}
.brochures-column h2{
font-size: 16px;
text-transform: uppercase;
color: #ffffff;
font-weight: bold;
margin: 0 8px 0 8px;
padding: 9px 3px 5px 9px;
text-align: left;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border: 0px solid #000000;
background: rgba(196,196,196,1);
background: -moz-linear-gradient(top, rgba(196,196,196,1) 0%, rgba(181,181,181,1) 0%, rgba(121,121,121,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(196,196,196,1)), color-stop(0%, rgba(181,181,181,1)), color-stop(100%, rgba(121,121,121,1)));
background: -webkit-linear-gradient(top, rgba(196,196,196,1) 0%, rgba(181,181,181,1) 0%, rgba(121,121,121,1) 100%);
background: -o-linear-gradient(top, rgba(196,196,196,1) 0%, rgba(181,181,181,1) 0%, rgba(121,121,121,1) 100%);
background: -ms-linear-gradient(top, rgba(196,196,196,1) 0%, rgba(181,181,181,1) 0%, rgba(121,121,121,1) 100%);
background: linear-gradient(to bottom, rgba(196,196,196,1) 0%, rgba(181,181,181,1) 0%, rgba(121,121,121,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#797979', GradientType=0 );
}
.brochures-column{
margin-right: 10px;
margin-top: 17px;
}
.brochure-divider-container{
margin: 0 8% 0 8%;
}
.brochure-divider{
border: solid 1px #575757;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
height: 3px;
margin: 12px 0 12px 0;
}
.brochures-column-content{
border-right: solid 1px #c9caca;
border-left: solid 1px #c9caca;
border-bottom: solid 1px #d7d7d7;
line-height: 1.3em;
padding: 15px 0 8px 0px;
margin: 0 8px 15px 8px;
color: #000;
background-color: #f5f5f5;
font-size: 11px;
}
.brochures-column-content p{
font-size: 11px;
padding-right: 8px;
margin-bottom: 0;
}
.brochures-column-content img{
border: none;
}
.contact-button{
padding: 0px 0 3px 0;
}
.salutation {
display: none !important;
}
.prod_container{
text-align: center;
margin: 0 1% 0 2%;
}
.prod_categories{
min-height: 35px;
font-size: 12px;
color: #525252;
margin: 9px 1% 25px 1%;
z-index: 1000;
text-align: left;
}
.logo-table .small-12{
padding: 10px 0 10px 0;
}
.products_table{
margin: 0 0 15px 8px;
}
.prod_categories h2{
font-size: 16px;
text-transform: uppercase;
color: #ffffff;
font-weight: 550;
margin: 0 8px 0 8px;
padding: 9px 0 5px 8px;
text-align: left;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border: 0px solid #000000;
background: rgba(196,196,196,1);
background: -moz-linear-gradient(top, rgba(196,196,196,1) 0%, rgba(181,181,181,1) 0%, rgba(121,121,121,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(196,196,196,1)), color-stop(0%, rgba(181,181,181,1)), color-stop(100%, rgba(121,121,121,1)));
background: -webkit-linear-gradient(top, rgba(196,196,196,1) 0%, rgba(181,181,181,1) 0%, rgba(121,121,121,1) 100%);
background: -o-linear-gradient(top, rgba(196,196,196,1) 0%, rgba(181,181,181,1) 0%, rgba(121,121,121,1) 100%);
background: -ms-linear-gradient(top, rgba(196,196,196,1) 0%, rgba(181,181,181,1) 0%, rgba(121,121,121,1) 100%);
background: linear-gradient(to bottom, rgba(196,196,196,1) 0%, rgba(181,181,181,1) 0%, rgba(121,121,121,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#797979', GradientType=0 );
}
.prod_categories h2 a:link, .prod_categories h2 a:active, .prod_categories h2 a:visited{
color: #ffffff;
text-decoration: none;
font-size: 16px;
font-weight: bold;
line-height: 1.3em;
}
.prod_categories h2 a:hover{
color: #c40808;
text-decoration: none;
}
.prod_categories_content{
border-right: solid 1px #c9caca;
border-left: solid 1px #c9caca;
border-bottom: solid 1px #d7d7d7;
line-height: 1.3em;
padding: 10px 8px 8px 8px;
margin: 0 8px 15px 8px;
color: #747373;
background-color: #f5f5f5;
}
.prod_categories_content a img{
border: none;
}
.prod_categories_content p{
margin: 0;
padding: 13px 0 10px 0;
}
.prod_categories_content ul{
margin: 0;
padding-left: 0;
}
.prod_categories_content ul li{
background-image: url(../images/list_bullet.jpg);
background-repeat: no-repeat;
background-position: 0 55%;
list-style: none;
padding: 0 0 0 13px;
margin: 0;
}
.prod_categories_content p a:link, .prod_categories_content p a:active, .prod_categories_content p a:visited{
color: #000000;
font-weight: bold;
font-size: 12px;
line-height: 1.3em;
}
.prod_categories_content p a:hover{
color: #000000;
font-weight: bold;
}
#viewport{
width: 175px; /* Defines the size of the visible part of the carousel
Attention : if you only want to see plain items in the viewport,
the width of the viewport should take into account of :
- the items width
- the right and left padding of items
- the number of items you want to see in the viewport
*/
overflow:hidden; /* Hides extra elements, those outside the viewport area */
/* Fix for IE */
position:absolute;
top: 15px;
left: 83px;
min-height: 200px;
}
#viewport ul{
position: relative; /* Enables positionning of elements inside viewport */
padding: 0; /* Resets default - User Agent - style */
margin: 0 0 0 2px;
}
#viewport li{
width: 158px; /* Defines the size of inner element */
height: 160px;
float: left; /* Places list items side by side*/
list-style: none; /* Resets default - User Agent - style */
/* Cosmetic */
margin: 0 25px 0 0;
padding: 0 0px 0 0;
text-align:center;
position: relative;
background-color: #ffffff;
border: solid 1px #bcbdbd;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
#viewport li a img{
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}
/* Cosmetic */
#simpleNext{
height: 22px;
width: 22px;
display: block;
position: absolute;
top: 65px;
right: 10px;
}
#simplePrevious{
height: 22px;
width: 22px;
display: block;
position: absolute;
top: 65px;
left: 10px;
}
#responsiveMenu102{
margin-top: 10px;
}
.responsiveMenuTheme1d.isDesktop{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-transform: uppercase;
}
#responsiveMenu102.responsiveMenuTheme1d.isDesktop > li.first{
width: auto;
}
.responsiveMenuTheme1d.isDesktop a:hover, .responsiveMenuTheme1d.isDesktop li.active > a, .responsiveMenuTheme1d.isDesktop li > span.separator:hover{
background: #d6d4d4;
}
.responsiveMenuTheme1d.isDesktop li a:hover span{
background: #d6d4d4;
}
.responsiveMenuTheme1d.isDesktop > li > a span.opener{
display: none;
}
.responsiveMenuTheme1d.isDesktop li a, .responsiveMenuTheme1d.isDesktop li span.separator, .responsiveMenuTheme1d.isDesktop li span.navHeader{
border: none;
}
.responsiveMenuTheme1d.isDesktop span.linker {
padding: 0;
}
.responsiveMenuTheme1d.isDesktop span.opener{
display: none;
}
.responsiveMenuTheme1d.isDesktop li a, .responsiveMenuTheme1d.isDesktop li span.separator, .responsiveMenuTheme1d.isDesktop li span.navHeader {
border: none;
}
.responsiveMenuTheme1d.isDesktop > li.parent > a{
padding: 8px .9em 3px .9em;
}
.responsiveMenuTheme1d.isDesktop > li > a{
padding: 8px .9em 3px .9em;
}
.responsiveMenuTheme1d.isDesktop li li span.linker{
text-align: left;
}
.responsiveMenuTheme1d.isDesktop li li {
}
.responsiveMenuTheme1d.isDesktop li li a{
text-align: left;
font-size: 12px;
background-color: #757677;
border-bottom: solid 1px #transparent;
}
.responsiveMenuTheme1d.isDesktop li li > a{
background-color: #757677;
color: #ffffff;
padding: 5px 10px 3px 10px;
border-top: none;
}
.responsiveMenuTheme1d.isDesktop li li a:link,.responsiveMenuTheme1d.isDesktop li li a:active, .responsiveMenuTheme1d.isDesktop li li a:visited{
background-color: #757677;
color: #ffffff;
text-align: left;
border-bottom: solid 1px #c5c5c5;
}
.responsiveMenuTheme1d.isDesktop li li a:hover{
background-color: #a8a8a8;
color: #ffffff;
text-align: left;
}
.responsiveMenuTheme1d.isDesktop li li > a span{
background-color: #757677;
color: #ffffff;
padding: 5px 10px 3px 10px;
}
.responsiveMenuTheme1m.isMobile{
font-family: arial;
font-size: 100%;
text-transform: uppercase;
}
.responsiveMenuTheme1d.isDesktop li li a:hover span{
background-color: #a8a8a8;
color: #ffffff;
text-align: left;
}
.responsiveMenuTheme1m.isMobile span.opener{
padding: 6px 0;
background-image: url("../images/down-bg.png");
}
.responsiveMenuTheme1m.isMobile > li.parent > a {
padding: 0 20px 0 20px;
}
.responsiveMenuTheme1m.isMobile > li > a{
padding: 0 20px 0 20px;
}
.responsiveMenuTheme1m.isMobile span.linker{
padding: 5px .9em;
}
.responsiveMenuTheme1d.isMobile li a:hover {
background: #dddddd;
}
.responsiveMenuTheme1d.isMobile li li a:link, .responsiveMenuTheme1d.isMobile li li a:active, .responsiveMenuTheme1d.isMobile li li a:visited{
background-color: #757677;
color: #ffffff;
text-align: center;
}
.responsiveMenuTheme1d.isMobile li li a:hover {
background-color: #a8a8a8;
color: #ffffff;
text-align: center;
}
.toggleMenu{
position: absolute;
top: -155px;
right: 15px;
background: transparent url(../images/toggle-icon.png);
background-repeat: no-repeat;
border-radius: none;
}
a:active.toggleMenu span, a:link.toggleMenu span, a:visited.toggleMenu span{
color: #7d7c7c;
text-decoration: none;
}
a:hover.toggleMenu span{
color: #ef4035;
}
.annimation_gallery{
padding: 0 10px 0 10px;
background-color: #f5f5f5;
margin: 0;
}
.annimation_gallery_youtube{
margin: 0 4px 15px 0;
}
.annimation_gallery h3{
color: #8a8989;
font-size: 24px;
padding: 0 0 0 5px;
margin: 15px 0 15px 0;
font-weight: bold;
}
.annimation_gallery_menu{
margin: 0 2px 0 0;
font-size: 12px;
}
.annimation_gallery_menu a:link, .annimation_gallery_menu a:active, .annimation_gallery_menu a:visited{
background-image: url(../images/video_bullet.png);
background-position: 0px 9px;
background-repeat: no-repeat;
display: block;
color: #ef4035;
text-decoration: none;
padding: 5px 1px 7px 12px;
}
.annimation_gallery_menu a:hover{
background-image: url(../images/video_bullet.png);
background-position: 3px 9px;
background-repeat: no-repeat;
text-decoration: underline;
padding: 5px 1px 7px 12px;
}
.annimation_gallery_menu a.gray_bg:link, .annimation_gallery_menu a.gray_bg:active, .annimation_gallery_menu a.gray_bg:visited{
display: block;
}
.brochures_table{
background-color: #b3b2b2;
margin: 0 0 0 0;
}
.brochures{
padding: 15px 0 0 0;
}
.brochures a:link, .brochures a:active, .brochures a:visited, .brochures a:hover{
color: #ffffff;
text-decoration: none;
}
.brochures h3{
background-color: #b3b2b2;
color: #ffffff;
font-size: 24px;
margin-bottom: 15px;
margin-top: 0;
padding: 0 18px 0 15px;
font-weight: bold;
}
.brochures h3 a:link, .brochures h3 a:active, .brochures h3 a:visited, .brochures h3 a:hover{
color: #ef4035;
text-decoration: none;
}
.brochure1{
color: #ffffff;
font-size: 12px;
border-bottom: solid 1px #d3d3d3;
min-height: 135px;
padding: 7px 18px 0 15px;
line-height: 1.3em;
}
.brochure1 p{
line-height: 1.3em;
font-size: 12px;
}
.product_text_container .brochure1 a:link, .product_text_container .brochure1 a:active, .product_text_container .brochure1 a:visited, .product_text_container .brochure1 a:hover{
color: #ffffff;
text-decoration: none;
}
.brochure1 h3{
color: #ef4035;
font-size: 18px;
margin-bottom: 10px;
}
.product_text_container .brochure1 h3 a:link, .product_text_container .brochure1 h3 a:active, .product_text_container .brochure1 h3 a:visited, .product_text_container .brochure1 h3 a:hover{
color: #ef4035;
text-decoration: none;
}
.product_text_container .carousel_wrapper{
position: relative;
padding: 15px 0 15px 0;
background-color: #f5f5f5;
min-height: 200px;
margin: 0 -4px 0 -10px;
}
.brochure1 img{
-moz-box-shadow: 5px 5px 5px #888888;
-webkit-box-shadow: 5px 5px 5px #888888;
box-shadow: 5px 5px 5px #888888;
border: none;
margin: 0 15px 0 0;
}
.brochure2{
color: #ffffff;
font-size: 12px;
border-bottom: none;
min-height: 130px;
padding: 16px 18px 15px 15px;
line-height: 1.5em;
}
.brochure2 p{
font-size: 12px;
}
.product_text_container .brochure2 a:link, .product_text_container .brochure2 a:active, .product_text_container .brochure2 a:visited, .product_text_container .brochure2 a:hover{
color: #ffffff;
text-decoration: none;
}
.brochure2 h3{
color: #ef4035;
font-size: 18px;
margin-bottom: 10px;
}
.product_text_container .brochure2 h3 a:link, .product_text_container .brochure2 h3 a:active, .product_text_container .brochure2 h3 a:visited, .product_text_container .brochure2 h3 a:hover {
color: #fff;
text-decoration: none;
}
.brochure2 img{
-moz-box-shadow: 5px 5px 5px #888888;
-webkit-box-shadow: 5px 5px 5px #888888;
box-shadow: 5px 5px 5px #888888;
border: none;
margin: 0 15px 0 0;
}
.video_links{
width: 332px;
font-size: 12px;
margin: 0 0 0 15px;
min-height: 300px;
}
.video_links a img{
float: left;
margin: 0 10px 0 15px;
}
.video_links a:link, .video_links a:active, .video_links a:visited{
width: 314px;
display: block;
height: 60px;
background-color: #ebebeb;
color: #000000;
padding: 15px 18px 15px 0;
text-decoration: none;
font-weight: 500;
}
.video_links a:hover{
background-color: #b3b2b2;
color: #ffffff;
text-decoration: none;
font-weight: 500;
}
.video_links a:link img, .video_links a:active img, .video_links a:visited img{
border: solid 1px #ebebeb;
}
.video_links a:hover img{
border: solid 1px #ce403b;
}
.start_project{
margin: 8px 1px 0 0;
}
.video_links .start_project a{
background-color: none;
border: none;
padding: 0;
}
.video_links .start_project a img{
border: none;
margin: 0;
}
/* Contact Form Styles */
.jicons-icons{
display: none;
}
.contact h3{
display: none;
}
.contact fieldset{
border: none;
}
.contact dd{
padding-bottom: 10px;
}
/* FOOTER */
.footer{
min-height: 80px;
background-color: #f5f5f5;
position: relative;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-top: solid 2px #f14134;
text-align: center;
}
.footer_text{
background: #ffffff;
color: #4b4a4a;
border-top: solid 2px #b1b1b1;
text-transform: uppercase;
text-align: center;
margin: 5px 0 0 0;
font-size: 100%;
padding: 7px 0 3px 0;
display: none;
}
.footer_text_mobile{
background: #ffffff;
color: #4b4a4a;
border-top: solid 2px #b1b1b1;
text-transform: uppercase;
text-align: center;
margin: 10px 0 0 0;
font-size: 100%;
padding: 7px 0 3px 0;
}
a.toll-free{
color: #4b4a4a;
text-decoration: none;
}
.footer_logo{
padding: 15px 0 0 0px;
}
.footer_logo img{
border: none;
text-align: center;
max-width: 133px;
}
.footer_menu1{
font-size: 90%;
text-transform: uppercase;
padding: 28px 0 0 0;
}
.footer_menu1 ul{
padding: 0 0 0 0;
margin: 0;
line-height: 1;
}
.footer_menu1 li{
list-style: none;
padding: 3px 8px 3px 8px;
}
.footer_menu1 li a:link, .footer_menu1 li a:active, .footer_menu1 li a:visited{
color: #7d7c7c;
text-decoration: none;
line-height: 1;
}
.footer_menu1 li a:hover{
color: #c40808;
text-decoration: none;
}
.rockwell_link{
}
.rockwell_link a img{
border: none;
text-align: center;
padding: 15px 0 0 0;
}
.copyright{
color: #7d7c7c;
font-size: 11px;
padding-top: 0;
text-align: right;
padding-right: 16px;
}
.chrono_credits{
display: none;
}
.google-maps {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.online-catalog {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.online-catalog iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.gbs3 label{
font-size: .99rem;
}
.first_column p{
margin-left: 10px;
margin-right: 20px;
}
.second_column{
/*display: none;*/
}
.second_column_mobile{
margin-bottom: 20px;
margin-left: 10px;
}
.second_column_mobile p{
margin-left: 0;
}
/* Secondary Styles */
.secondary_text_container{
padding: 0 0 0 0;
margin: 0 0 0 0;
color: #555353;
font-size: 14px;
position: relative;
border-top: solid 1px #000000;
}
.secondary_text_container a:link, .secondary_text_container a:active, .secondary_text_container a:visited{
color: #ef4035;
text-decoration: none;
}
.secondary_text_container a:hover{
color: #4b4a4a;
text-decoration: underline;
}
.secondary_text_container h1{
color: #555353;
font-size: 27px;
font-weight: 300;
margin: 6px 200px 12px 0;
border-bottom: solid 2px #ef4035;
padding: 0 0 6px 10px;
}
.secondary_main_content h4{
color: #555353 ;
font-size: 14px;
}
.secondary_main_content{
padding: 0 15px 0 10px;
}
/* Blog Styles */
.#eblog-wrapper a{
color: #e0dad4;
text-decoration: none;
}
h2.blog-title{
color: #000000;
font-size: 20px;
text-transform: uppercase;
}
h2.blog-title a:link, h2.blog-title a:active, h2.blog-title a:visited, h2.blog-title a:hover{
color: #000000;
font-size: 20px;
text-transform: uppercase;
}
.blog-text a:link, .blog-text a:active, .blog-text a:visited{
color: #ef4035;
text-decoration: none;
}
.blog-text a:hover{
color: #ef4035;
text-decoration: underline;
}
.blog-text {
line-height: 1.5em;
}
.blog-comments a:link, .blog-comments a:active, .blog-comments a:visited{
color: #737476;
text-decoration: underline;
}
.blog-comments a:hover{
color: #8b4809;
text-decoration: underline;
}
.eb-entry-meta {
font-size: 12px;
color: #2c2c2c !important;
margin: 0px 0 15px 0 !important;
}
.eb-entry-meta a:link, .eb-entry-meta a:active, .eb-entry-meta a:visited{
color: #2c2c2c;
text-decoration: underline;
}
.eb-entry-meta a:hover{
color: #ef4035;
text-decoration: underline;
}
.eb-post-meta {
font-size: 12px;
color: #2c2c2c !important;
margin: 0px 0 15px 0 !important;
}
.eb-post-meta a:link, .eb-poat-meta a:active, .eb-post-meta a:visited{
color: #2c2c2c;
text-decoration: underline;
}
.eb-post-meta a:hover{
color: #ef4035;
text-decoration: underline;
}
.blog-meta .in{
font-size: 12px;
color: #6c6c6c;
}
.blog-meta .in a:link, .blog-meta .in a:active, .blog-meta .in a:visited{
color: #2c2c2c;
text-decoration: underline;
}
.blog-meta .in a:hover{
color: #ef4035;
text-decoration: underline;
}
div#fd.eb .eb-post + .eb-post {
margin-top: 20px;
}
.eb .eb-post + .eb-post{
border-top: 1px solid #767676;
padding: 13px 0 13px 0;
}
.blog-content{
padding-bottom: 15px;
}
.eb-post-hits{
display: none !important;
}
.eb-mod .mod-post-title{
font-size: 14px;
}
.eb-mod .eb-mod-title a:link, .eb-mod .eb-mod-title a:active, .eb-mod .eb-mod-title a:visited{
text-decoration: none;
text-transform: none;
font-size: 14px;
color: #555354;
font-weight: normal;
}
.eb-mod .eb-mod-title a:hover{
color: #ef4035;;
text-decoration: underline;
font-weight: normal;
}
.mod_easyblogarchive{
margin-top: 15px;
}
.mod_easyblogarchive .collapsed{
margin: 5px 0 5px 0;
font-size: 14px;
color: #545253 !important;
padding: 0 0 0 0;
}
.mod_easyblogarchive a.collapsed:link, .mod_easyblogarchive a.collapsed:active, .mod_easyblogarchive a.collapsed:visited{
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
color: #545253 !important;
font-weight: normal;
padding: 3px 0 0 0;
}
.mod_easyblogarchive a.collapsed:hover{
color: #ef4035 !important;
text-decoration: underline !important;
font-weight: normal;
}
.mod_easyblogarchive .eb-mod-item-submenu a:link, .mod_easyblogarchive .eb-mod-item-submenu a:active, .mod_easyblogarchive .eb-mod-item-submenu a:visited{
text-decoration: none;
text-transform: none;
font-size: 14px;
color: #545253 !important;
font-weight: normal;
}
.mod_easyblogarchive .eb-mod-item-submenu a:hover{
color: #ef4035 !important;
text-decoration: underline;
font-weight: normal;
}
div#fd.eb .eb-mod-item + .eb-mod-item {
border-top: none;
margin-top: 10px;
padding-top: 10px;
}
.eb-share-buttons{
display: none;
}
div#fd a:hover, div#fd a:focus, div#fd a:active {
color: #ef4035;
}
#ezblog-body .blog-read .blog-title {
font-size: 27px;
font-weight: 300;
font-family: Arial, Helvetica, sans-serif;
}
.eb .eb-post-title, .eb .eb-post-title a {
text-decoration: none;
font-size: 27px;
font-family: Arial, Helvetica, sans-serif;
color: #2c2c2c;
font-weight: normal;
}
div#fd.eb.eb-mod .fa-chevron-right{
background: url("../images/blog_year.png") repeat scroll center top rgba(0, 0, 0, 0);
display: block;
height: 16px;
width: 19px;
margin: 0 5px 0 0;
}
div#fd .fa-chevron-right::before, div#fd.eb.eb-mod .fa-chevron-right::before {
content: none;
}
.eb h1, .eb h1 a{
font-size: 27px !important;
line-height: 1.25em !important;
text-transform: none !important;
color: #2c2c2c !important;
font-weight: normal !important;
}
#ezblog-body .blog-meta > .in {
background: none;
padding: 0 0 0 0;
color: #2c2c2c;
}
.eb .eb-entry-title {
border: 0 none;
clear: none;
font-weight: 700;
line-height: 1.2;
margin: 0 35px 0 0;
width: auto;
}
#eblog-wrapper .rip {
margin: 0;
padding: 0;
}
#eblog-dialog .mtm, #eblog-wrapper .mtm
{
margin-top: 0;
}
#ezblog-body .tab_button li.item-active a span, #ezblog-body .tab_button li.item-active a:hover span{
margin-left: 10px;
}
#ezblog-body .tab_button li a span{
padding: 2px 4px 2px 12px;
}
#ezblog-body .blog-option li.print a, #ezblog-body .blog-option li.pdf a, #ezblog-body .blog-option li.blog-email a, #ezblog-body .blog-option li.blog-report a{
padding-left: 28px;
}
#ezblog-body .blog-brief{
border: none;
}
.ezb-mod .mod-item + .mod-item{
border-top: solid 1px #757575;
}
.ezb-mod .mod-item + .mod-item{
margin: 0 10px 0 0 !important;
}
.ezb-mod .mod-item{
margin-right: 10px !important;
}
.right_column .blog h3{
text-transform: uppercase;
margin: 0 10px 0 0;
padding: 0 0 5px 0;
color: #545253;
font-weight: bold;
font-size: 16px;
border-bottom: 1px solid #757575;
}
.right_column .blog h1{
text-transform: uppercase;
margin: 0 10px 0 0;
padding: 0 0 5px 0;
color: #545253;
font-weight: normal;
}
.ezb-mod .mod-post-content, .ezb-mod .mod-post-meta, .ezb-mod .mod-post-rating{
margin: 0;
}
#ezblog-body .blog-read .blog-title{
font-size: 27px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 300;
}
#ezblog-body .blog-post{
padding: 0;
}
#eblog-dialog .pbl, #eblog-wrapper .pbl{
margin-bottom: 0px;
padding-bottom: 5px;
}
#ezblog-label {
border-bottom: none;
height: 0;
line-height: normal;
}
#eblog-wrapper .reset-ul > li{
padding: 5px 0 5px 0;
}
#eblog-wrapper .archive-list{
padding: 30px 0 0 0;
}
div#fd.eb .mod-item + .mod-item {
border-top: 1px solid #555354;
margin-top: 15px;
padding-top: 7px;
}
.eb-entry-article a:link, .eb-entry-article a:active, .eb-entry-article a:visited{
color: #ef4035 !important;
text-decoration: none;
}
.eb-entry-article a:hover{
color: #ef4035 !important;
text-decoration: underline !important;
}
.mod_easybloglatestblogs .eb-mod-title{
padding-top: 0 !important;
padding-bottom: 7px;
}
div#fd.eb .eb-mod-media-title {
font-weight: normal !important;
}
.archives{
padding: 25px 0 0 0;
}
.blog_content{
padding: 0 0 0 0;
}
.reset-ul{
margin-top: 25px;
}
.archive-list li a{
padding-left: 0;
}
#ezblog-body .archive-list li.micro-post {
background: none;
}
/*
iframe#blockrandom {
-moz-transform: scale(0.75, 0.75);
-webkit-transform: scale(0.75, 0.75);
-o-transform: scale(0.75, 0.75);
-ms-transform: scale(0.75, 0.75);
transform: scale(0.75, 0.75);
-moz-transform-origin: top left;
-webkit-transform-origin: top left;
-o-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
*/
.flex-video-think-safety {
height: 0;
margin-bottom: 1rem;
overflow: hidden;
padding-bottom: 77%;
padding-top: 1.5625rem;
position: relative;
}
.video-padding{
margin-top: 5px;
}
@media only screen and (min-width: 360px){
#viewport{
width: 175px; /* Defines the size of the visible part of the carousel
Attention : if you only want to see plain items in the viewport,
the width of the viewport should take into account of :
- the items width
- the right and left padding of items
- the number of items you want to see in the viewport
*/
left: 97px;
}
}
@media only screen and (min-width: 300px) and (max-width: 599px){
.slider_container h2{
visibility: hidden;
}
.slider_text{
display: none;
}
}
@media only screen and (min-width: 300px) and (max-width: 479px){
.left_col {
width: 125px !important;
}
.right_col input, .right_col select, .right_col textarea{
max-width: 150px !important;
}
}
@media only screen and (min-width: 600px) and (max-width: 767px){
.slider_container{
background: none;
color: #555353;
text-shadow: none;
font-weight: bold;
font-size: 12px;
line-height: normal;
font-family: Arial, Helvetica, sans-serif;
}
.slider_container h2{
font-size: 20px;
margin-top: 0;
font-weight: bold;
padding-top: 15px;
color: #555353 !important;
}
.slider_text{
display: none;
}
}
@media only screen and (min-width: 768px)and (max-width: 979px){
.slider_container{
background: none;
color: #555353;
text-shadow: none;
font-weight: bold;
font-size: 12px;
line-height: normal;
font-family: Arial, Helvetica, sans-serif;
}
.slider_container h2{
font-size: 25px;
margin-top: 0;
font-weight: bold;
padding-top: 15px;
}
.slider_text{
display: none;
}
}
@media only screen and (max-width: 979px){
.hide-slider{
display: none;
}
}
@media only screen and (min-width: 480px){
#viewport{
width: 350px; /* Defines the size of the visible part of the carousel
Attention : if you only want to see plain items in the viewport,
the width of the viewport should take into account of :
- the items width
- the right and left padding of items
- the number of items you want to see in the viewport
*/
left: 67px;
}
.system-history-img img{
width: 200px;
height: auto;
}
}
@media only screen and (min-width: 640px){
#viewport{
width: 550px; /* Defines the size of the visible part of the carousel
Attention : if you only want to see plain items in the viewport,
the width of the viewport should take into account of :
- the items width
- the right and left padding of items
- the number of items you want to see in the viewport
*/
left: 57px;
}
.flex-video-think-safety {
height: 0;
margin-bottom: 1rem;
overflow: hidden;
padding-bottom: 55.5%;
padding-top: 1.5625rem;
position: relative;
}
}
@media only screen and (min-width: 641px){
.catalog-tablet .catalog-left{
text-align: right;
padding: 12px 5px 12px 0;
}
.catalog-tablet .catalog-right{
text-align: left;
padding: 12px 0 12px 5px;
}
}
@media only screen and (min-width: 768px){
#viewport{
width: 550px; /* Defines the size of the visible part of the carousel
Attention : if you only want to see plain items in the viewport,
the width of the viewport should take into account of :
- the items width
- the right and left padding of items
- the number of items you want to see in the viewport
*/
left: 115px;
}
.fasteners1{
margin-right: 3px;
}
.fasteners2{
margin-left: 3px;
}
.brochure2{
min-height: 140px;
}
.prod_categories_content{
min-height: 200px;
}
.main_content{
display: block;
}
.right_column{
margin: 0px 11px 0 30px;
}
}
@media only screen and (min-width: 800px){
#viewport{
width: 730px; /* Defines the size of the visible part of the carousel
Attention : if you only want to see plain items in the viewport,
the width of the viewport should take into account of :
- the items width
- the right and left padding of items
- the number of items you want to see in the viewport
*/
left: 45px;
}
}
@media only screen and (min-width: 801px){
.responsiveMenuTheme2 li li a{
border-bottom: solid 1px #F5F5F5;
}
#responsiveMenu102{
padding: 0 0% 0 2%;
}
.brochures-column-content img{
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
.logo-table .small-12{
padding: 0px 0 0px 0;
}
.logo-table{
padding: 15px 0 15px 0;
}
.flex-video-think-safety {
height: 0;
margin-bottom: 1rem;
overflow: hidden;
padding-bottom: 50.5%;
padding-top: 1.5625rem;
position: relative;
}
}
@media only screen and (min-width: 900px){
#viewport{
width: 730px; /* Defines the size of the visible part of the carousel
Attention : if you only want to see plain items in the viewport,
the width of the viewport should take into account of :
- the items width
- the right and left padding of items
- the number of items you want to see in the viewport
*/
left: 100px;
}
}
@media only screen and (min-width: 980px){
.hide-mobile-banner{
display: none;
}
.prod_categories_content{
min-height: 100%;
}
.slider_container{
background: none;
color: #555353;
position: absolute;
top: 20px;
left: 0;
width: 260px;
text-shadow: none;
font-weight: bold;
font-size: 12px;
line-height: normal;
font-family: Arial, Helvetica, sans-serif;
}
.slider_text{
line-height: 1.75em;
}
.slider_container h2{
font-size: 30px;
margin-top: 0;
font-weight: bold;
color: #555353 !important;
line-height: normal !important;
}
.tp-leftarrow{
display: none;
}
.tp-rightarrow{
display: none;
}
.tp-bullets{
bottom: 20px;
right: 15px;
}
}
@media only screen and (max-width: 1023px){
.applications_gallery{
display: none;
}
.click_thumbs{
display: none;
}
.carousel_wrapper{
display: none;
}
}
@media only screen and (min-width: 1024px){
.second_column{
margin-right: 20px;
margin-top: 10px;
line-height: normal;
display: block;
}
.second_column_mobile{
/*display: none;*/
}
.logo{
text-align: right;
}
.top_menu{
padding: 0 0 0 0;
font-size: 12px;
height: 29px;
position: relative;
z-index: 1000;
margin: 4% 0 0 0;
text-align: center;
}
.top_menu ul{
padding: 0 0 0 0px;
margin: 0;
text-transform: uppercase;
height: 29px;
background: #f5f5f5;
position: relative;
}
.top_menu ul ul{
background: none;
}
.top_menu ul li{
list-style: none;
display: inline;
text-align: center;
}
.top_menu ul li ul li{
margin: 0 0 1px 0;
}
.top_menu li a:link, .top_menu li a:active, .top_menu li a:visited{
color: #7d7c7c;
text-transform: uppercase;
display: block;
vertical-align: middle;
text-decoration: none;
padding: 7px 9px 6px 9px;
margin: 0 2px 0 2px;
font-size: 12px;
text-align: center;
height: 29px;
}
.top_menu li ul li a:link, .top_menu li ul li a:active, .top_menu li ul li a:visited{
background-color: #757677;
color: #ffffff;
display: block;
float: left;
margin: 0 2px;
padding: 7px 9px 6px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
width: 160px;
z-index: 1000;
}
.top_menu li a:hover{
color: #7d7c7c;
background-color: #d6d4d4;
text-decoration: none;
display: block;
padding: 7px 9px 6px 9px;
margin: 0 2px 0 2px;
z-index: 1000;
height: 29px;
}
.top_menu li ul li a:hover {
background-color: #a8a8a8;
border-bottom: medium none;
color: #ffffff;
display: block;
margin: 0 2px;
padding: 7px 9px 6px;
text-align: left;
text-decoration: none;
width: 160px;
z-index: 1000;
}
#viewport{
width: 800px;
}
/* Superfish */
/*** ESSENTIAL STYLES ***/
.top_menu * {
list-style: none;
z-index: 99;
}
.top_menu .menu, .top_menu .menu * {
list-style: none;
z-index: 99;
}
.top_menu .menu {
}
.top_menu .menu {
z-index: 99;
}
.top_menu .menu ul {
position: absolute;
top: -999em;
width: 187px; /* left offset of submenus need to match (see below) */
z-index: 99;
margin: 0;
padding: 0;
}
.top_menu .menu ul li {
z-index: 1000;
margin: 0;
padding: 0;
width: 187px;
height: 100%;
}
.top_menu .menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.top_menu .top_menu .menu li {
float: left;
position: relative;
z-index: 1000;
}
.top_menu .menu li {
float: left;
position: relative;
}
.top_menu .menu a {
display: block;
position: relative;
z-index: 99;
}
.top_menu .menu li:hover ul,
.top_menu .menu li.sfHover ul {
left: 0;
top: 30px; /* match top ul list item height */
z-index: 99;
}
.top_menu ul.menu li:hover li ul,
.top_menu ul.menu li.sfHover li ul {
top: -999em;
z-index: 99;
}
.top_menu ul.menu li li:hover ul,
.top_menu ul.menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
z-index: 99;
}
.top_menu ul.menu li li:hover li ul,
.top_menu ul.menu li li.sfHover li ul {
top: -999em;
z-index: 99;
}
.top_menu ul.menu li li li:hover ul,
.top_menu ul.menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
z-index: 99;
}
.top_menu img
{
border:none;
}
#viewport{
width: 900px;
left: 52px;
}
.sf-sub-indicator {
display:none;
}
.footer_text{
font-size: 12px;
padding: 3px 0;
}
.footer_logo{
padding: 15px 0 0 25px;
}
.copyright{
padding-top: 15px;
}
.responsiveMenuTheme2 > li.parent > a{
padding: 5px 1.1em 5px 1.1em;
}
.responsiveMenuTheme2 > li > a{
padding: 5px 1.1em 5px 1.1em;
}
#responsiveMenu102{
padding: 0 0px 0 20px;
}
.prod_categories_content{
min-height: 240px;
}
.footer_text_mobile{
display:none;
}
.footer_text{
display: block;
}
}
@media only screen and (min-width: 1025px){
.footer .main-menu{
padding-left: 20px;
}
.footer_menu1 ul{
padding: 0 0 0 8px;
}
.footer_menu1 li{
padding: 0 8px 0 10px;
font-size: 11px;
}
.footer{
text-align: left;
}
}
@media only screen and (min-width: 1280px){
.eb-mod .mod-item + .mod-item{
margin: 0 35px 0 0 !important;
}
.eb-mod .mod-item{
margin-right: 35px !important;
}
.right_column .blog h3{
margin: 0 35px 0 0;
}
.right_column .blog h1{
margin: 0 35px 0 0;
}
.brochure1{
min-height: 165px;
}
.brochure2{
min-height: 165px;
}
.annimation_gallery{
padding: 0 0px 0 12px;
background-color: #f5f5f5;
margin: 0;
}
.social_network{
padding: 32px 0 10px 0;
}
.responsiveMenuTheme2 > li.parent > a{
padding: 5px 1.1em 5px 1.1em;
}
.responsiveMenuTheme2 > li > a{
padding: 5px 1.1em 5px 1.1em;
}
#responsiveMenu102{
padding: 0 0px 0 26px;
}
.rockwell_link a img {
padding: 9px 0 0;
}
.copyright {
padding-top: 55px;
}
}