@charset "UTF-8";
/* Main body content */
body {
background-color: #242222;
margin:0px;
color: #FFF;
font-family:Arial, Helvetica, sans-serif;
}


a img{
    border: 0px;
}
h2{ font-size:18px; font-weight:lighter;
padding:0px;
margin:0px;
}
p {
padding:0px;
margin-top:0px;
word-break: break-word 
}


/* Main Page Content */
#maincontainer{
height:100%; width:100%;
}

/* Products Page Content */
#products_container{
height:450px; width:450px; float:left; z-index:-10;
}
#products_images{
height:400px; width:400px; float:left; z-index:-10; background:#F60;
}

#product_title{
height:40px; width:400px; float:left; z-index:-10; padding-top:10px;
}
/* all products */

#allproducts{
height:900px; width:900px; float:left; z-index:-10;
}
#productsq1{
height:190px; width:190px; float:left; z-index:-10; background-color:#F60;
	}
#products_holder{ margin-left:70px; margin-top:70px;
	}
#productsq1 #small_product_title{
	width:190px; padding-top:5px; height:30px; position:absolute; margin-top:190px;
	opacity:0;
filter:alpha(opacity=0);
	}
/* new products */

#newproducts{
height:900px; width:900px; float:left; z-index:-10;
}
#productsq2{
height:265px; width:265px; float:left; z-index:-10; background-color:#F60;
}
#productsq2 #small_product_title{
	width:265px; padding-top:5px; height:30px; position:absolute; margin-top:265px;
	opacity:0;
filter:alpha(opacity=0);
	}

/* new products */

#flexproducts{
height:900px; width:900px; float:left; z-index:-10;
}
#productsq3{
height:415px; width:415px; float:left; z-index:-10; background-color:#F60;
}
#productsq3 #small_product_title{
	width:415px; padding-top:5px; height:30px; position:absolute; margin-top:415px;
	opacity:0;
filter:alpha(opacity=0);
	}
/* Body Content */
#mainbody{  position:relative;
width:950px;
}

/* breadcrums*/

#breadcrums{
height:15px; width:275px; padding:5px; float:left; font-size:12px; color:#CCC; margin-bottom:35px; margin-right:615px; z-index:-999999;}
#breadcrums a:link {
	color: #FFF;
	text-decoration:none;
}
#breadcrums a:visited {
	color: #FFF;
	text-decoration:none;
}
#breadcrums a:hover {
	color: #0CF;
	text-decoration:none;
}
#breadcrums a:active {
	color: #FFF;
	text-decoration:none;
}
/* slideshow*/

#slideshow_1{ position:relative;
height:315px; width:450px; float:left; z-index:-10;
}
#slideshow_1 .dmablock{
	position: absolute;
	bottom: -13px;
	left: 1px;
	padding: 0px;
}

.awardholder{ float: left; width:200px; height: 140px;}
.awards{width:400px;}

.dmablock{
	float:right; margin-top:-90px;
	right: 0px;
	padding: 0px;
	width:200px;

}
#slideshow_2{
height:315px; width:450px; float:left; z-index:-10; margin-left:50px;
}
/* pagetext*/
#pagetext{
width:890px; padding:5px; float:left; font-size:14px; margin-top:35px;
}
/* banner Content */

#banner{
height:115px; width:950px;
}
#banner #logo{
height:115px; width:200px; float:left; background-image:url(../images/logo.jpg);
}

#banner #logo-mobile{
height:63px; width:150px; float:left; background-image:url(../images/logo-mobile.jpg); margin-left:10px; margin-top:-10px; background-size:cover;
}
#banner #menu{
height:115px; width:700px; float:left;
}

.mobile_menu_button{ height:54px; width:54px; float:right; padding:5px;}
.mobile_menu_button .bt_bar{ margin:5px; width:46px; height:7px; background-color:#fff; float:left;}

#arrow{
	height:10px; width:10px; float:left; margin-top:8px;
	opacity:0;
filter:alpha(opacity=0); /* For IE8 and earlier */
background-image: url(../images/menu_arrow.gif);
	}
#menu_option{ float:left; padding:5px; padding-left:14px; padding-right:14px; padding-top:1px; padding-bottom:1px;
	}
	#menu_option_on{ float:left; padding:5px; padding-left:14px; padding-right:14px; color:#FFF; padding-top:1px; padding-bottom:1px;
	}

.pushmenu { /*this is the nav*/
  background: #444;
  text-align: left;
  width: 300px;
  height: 100%;
  top: 0;
  z-index: 1000;
  position: fixed;
}

.pushmenu h3 {
  color: #f1f1f1;
  font-size: 1.3em;
  font-weight: 400;
  padding: 15px 25px;
  margin: 0;
  background: #333;
  height: 16px;

}

.links {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 25%;
  width: 50%;
}

.links li { margin-top: 10px; }

.links li a {
  position: relative;
  display: block; /* drops the nav vertically*/
  color: #f1f1f1;
  font-size: 1.0em;
  font-weight: 400;
  text-decoration: none;
  padding: 5px;
  font-family:Arial, Helvetica, sans-serif;
}
.sublink{ padding-left:20px; font-size:14px; margin-top:5px;}
/*
.links li a:after {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  bottom: -5px;
  width: 0;
  height: 2px;
  background-color: #f1f1f1;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.links li a:hover:after { width: 70%; }

*/


.links li a:active { color: #dbdbdb; }

.pushmenu-left { left: -300px; }

.pushmenu-left.pushmenu-open { left: 0; }

/*
.pushmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
  z-index:-999999;

}


*/




.pushmenu-push-toright { left: 300px;}

/*Transition*/
.pushmenu, .pushmenu-push {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#nav_list {
  background: url(images/icon_nav.png) no-repeat left top;
  cursor: pointer;
  height: 27px;
  width: 33px;
  text-indent: -99999em;
}

nav-list.active { background-position: -331px top; }

.buttonset {
  background: #00A287;
  height: 16px;
  padding: 10px 20px 20px;
}

section.content {
  padding: 10px 20px;
}

 #button_content_bu{ float:left; background-image:url(../images/button_divider.jpg); background-repeat:no-repeat; background-position:right;

}

#button_content{ float:left; background-repeat:no-repeat; background-position:right; border-right: 1px solid  #989898;

}

#button_content_end{ float:left;
}

#menu_container{width:800px;}
#menubar{ position:absolute; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#FFF; font-weight:normal; background-color:#242222; height:25px; margin-top:60px; margin-left:0px; z-index:9999999; }
#menubar a:link {
	color: #ccc;
}
#menubar a:visited {
	color: #ccc;
}
#menubar a:hover {
	color: #FFF;
}
#menubar a:active {
	color: #ccc;
}
#submenu{ background-color:#000; background-repeat:repeat-x; position:absolute; margin-top:10px; -moz-border-radius: 15px;
border-radius: 4px; display:none; padding:5px; border:  4px solid  #000; font-size:12px; z-index:999999;}
#submenu_options{ padding:5px; min-width:100px; color: #6CF; text-transform:none; font-weight:normal; font-size:16px;}
#submenu_options a:link {
	color: #ccc;
	text-decoration:none;
}
#submenu_options a:visited {
	color: #ccc;
	text-decoration:none;
}
#submenu_options a:hover {
	color: #0CF;
	font-style:italic;
	text-decoration: none;
	z-index:110;
}
#submenu_options a:active {
	color: #ccc;
	text-decoration:none;
}


#menu_pointer{height:10px; width:10px; margin-top:-16px; position:absolute; background-image: url(../images/submenu_arrow.gif); left:50px; }


/* footer Content */

#footer{
height:125px; width:950px; float:left; font-size:10px; padding:5px; margin-top:35px;
}

#copywrite{

	border-top: 1px solid  #ccc; padding-top:10px; margin-top:30px;
	}
#copywrite a:link {
	color: #0CF;
	text-decoration:none;
}
#copywrite a:visited {
	color: #0CF;
	text-decoration:none;
}
#copywrite a:hover {
	color: #0CF;
	text-decoration:none;
}
#copywrite a:active {
	color: #0CF;
	text-decoration:none;
}

#slideholder{position:relative;}
#loadingDiv{
	position: absolute;
	width: 449px;
	height: 170px;
	left: 0;
	top: 0;
	margin: auto;
	z-index: 500;
	padding-top: 145px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000;
}
#loadingDiv2{
	position: absolute;
	width: 449px;
	height: 188px;
	left: 0;
	top: -1px;
	margin: auto;
	z-index: 500;
	padding-top: 145px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000;
}

@-webkit-keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }
        @keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }

.blink {
   text-decoration:blink;

  -webkit-animation-name:blinker;
          animation-name:blinker;
  -webkit-animation-iteration-count:infinite;
          animation-iteration-count:infinite;
  -webkit-animation-timing-function:cubic-bezier(1.0,0,0,1.0);
          animation-timing-function:cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration:1s;
          animation-duration:1s;
}


.fadein { position:relative; width:449px; height:333px; filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;}
.fadein2 { position:relative; width:449px; height:333px; filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;}
.fadein img { position:absolute; left:0; top:0; }
.fadein2 img { position:absolute; left:0; top:0; }
#slideholder{ position:relative;}
.caption{cursor: pointer; cursor: hand; position:absolute; margin-top:auto;height:315px; width:450px;  color:#FFF; font-family:Arial, Helvetica, sans-serif; z-index:99; filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;}
.caption span{position: absolute; bottom: 0;
   left: 0; padding:10px;}
	.caption2{cursor: pointer; cursor: hand; position:absolute; margin-top:auto;height:315px; width:450px;  color:#FFF; font-family:Arial, Helvetica, sans-serif; z-index:99; filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;}
	.caption2 span{position: absolute; bottom: 0;
   left: 0; padding:10px;}

.caption_bg{
	position: absolute;
	width: 449px;
	height: 315px;
	color: #FFF;
	z-index: 98;
	background-color: #000;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.caption_bg2{ position:absolute; width:449px; height:333px; color:#FFF; z-index:98; background-color:#000; filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;}
#title_bar_small{float:left; padding:10px; padding-left:0px; width:190px; margin-bottom:10px; font-size:12px; color:#CCC;}
#title_bar_small a:link {
	color: #ccc;
}
#title_bar_small a:visited {
	color: #ccc;
}
#title_bar_small a:hover {
	color: #FFF;
}
#title_bar_small a:active {
	color: #ccc;
}


#title_bar_small2{float:left; padding:10px; padding-left:0px; width:190px; margin-bottom:10px; margin-left:50px; font-size:12px; color:#CCC;}
#title_bar_small2 a:link {
	color: #ccc;
}
#title_bar_small2 a:visited {
	color: #ccc;
}
#title_bar_small2 a:hover {
	color: #FFF;
}
#title_bar_small2 a:active {
	color: #ccc;
}





#title_bar{ float:left; padding:10px; padding-left:0px; width:439px; margin-bottom:10px; height:20px; font-size:12px; color:#CCC;}
#title_bar a:link {
	color: #ccc;
}
#title_bar a:visited {
	color: #ccc;
}
#title_bar a:hover {
	color: #FFF;
}
#title_bar a:active {
	color: #ccc;
}
#title_bar2{ float:left; padding:10px; padding-left:0px; margin-left:50px; width:439px; margin-bottom:10px; height:20px; font-size:12px; color:#CCC;}
#title_bar2 a:link {
	color: #ccc;
}
#title_bar2 a:visited {
	color: #ccc;
}
#title_bar2 a:hover {
	color: #FFF;
}
#title_bar2 a:active {
	color: #ccc;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#application_text_r{float:left; padding:10px; padding-left:0px; width:440px; margin-bottom:10px; margin-left:50px; height:175px; font-weight:lighter; font-size:14px;}

#application_text_r a:link {
	color: #FFF;
	text-decoration:none;
}
#application_text_r a:visited {
	color: #FFF;
	text-decoration:none;
}
#application_text_r a:hover {
	color: #0CF;
	text-decoration:none;
}
#application_text_r:active {
	color: #FFF;
	text-decoration:none;
}
#application_text{float:left; padding:10px; padding-left:0px; width:440px; margin-bottom:10px; height:175px; font-weight:lighter; font-size:14px; padding-top:0px;}

#application_text a:link {
	color: #FFF;
	text-decoration:none;
}
#application_text a:visited {
	color: #FFF;
	text-decoration:none;
}
#application_text a:hover {
	color: #0CF;
	text-decoration:none;
}
#application_text:active {
	color: #FFF;
	text-decoration:none;
}

#thumb_holder_left{ float:left; width:200px; height:140px;}
#thumb_holder_right{ float:left; width:200px; height:140px; margin-left:50px;}
.text_content{ font-weight:normal; line-height:150%; color:#999999; font-weight:lighter;}


.text_content a:link {
	color: #FFF;
	text-decoration:none;
}
.text_content a:visited {
	color: #FFF;
	text-decoration:none;
}
.text_content a:hover {
	color: #0CF;
	text-decoration:none;
}
.text_content:active {
	color: #FFF;
	text-decoration:none;
}



.text_content_company{ font-weight:normal; line-height:100%; color:#999999; font-size:14px;}
.text_content_product{ font-weight:normal; color:#CCC; font-size:14px; font-weight:lighter;}

.text_content_product a:link {
	color: #FFF;
	text-decoration:none;
}
.text_content_product a:visited {
	color: #FFF;
	text-decoration:none;
}
.text_content_product a:hover {
	color: #0CF;
	text-decoration:none;
}
.text_content_product:active {
	color: #FFF;
	text-decoration:none;
}
.newsevents_left{float:left; height:8px; width:52%; padding:2px; padding-bottom:15px;}
.newsevents_right{float:left; height:8px; width:38%; padding:2px; padding-bottom:15px;}
.newsevents_text_container{ font-size:12px; font-weight:lighter; color:#999;}
.newsevents_text_container_on{ font-size:12px; font-weight:lighter; color:#fff;}

.downloads_left{float:left; height:10px; padding:5px; min-width:125px;}
.downloads_text_container{ font-size:14px; font-weight:lighter; color:#999;}
.downloads_text_container_on{ font-size:14px; font-weight:lighter; color:#fff;}



#dlleft{ float:left; width:40%;}
#dlright{ float:left; width:55%; height:100%; padding-top:5px; font-size:14px; color:#CCC;}
#dlright a:link {
	color: #FFF;
	text-decoration:none;
}
#dlright a:visited {
	color: #FFF;
	text-decoration:none;
}
#dlright a:hover {
	color: #0CF;
	text-decoration:none;
}
#dlright:active {
	color: #FFF;
	text-decoration:none;
}
.contact_text{ float:left; width:250px;}
.contact_text a:link {
	color: #FFF;
	text-decoration:none;
}
.contact_text a:visited {
	color: #FFF;
	text-decoration:none;
}
.contact_text a:hover {
	color: #0CF;
	text-decoration:none;
}
.contact_text:active {
	color: #FFF;
	text-decoration:none;
}
.zoom {
            cursor: pointer;
        }
        img.zoom {

        }
#mainbody .map{position:absolute; width:450px; height:315px; z-index: 1; left:5px; top:50px; font-size:12px;}
.smalltext{ font-size:12px;}

.app-scroll{
	width:90%; height:290px; padding-right:10px; overflow:scroll;

 overflow-y: scroll;
    overflow-x: hidden;
	overflow: auto;
	visibility:!important;

}


/* Let's get this party started */
.app-scroll::-webkit-scrollbar {
    width: 5px;
}


/* Track */
.app-scroll::-webkit-scrollbar-track {
    background: #ccc;
  border: 0px none #ffffff;
  border-radius: 50px;
}

/* Handle */
.app-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background:#505050;

}
.app-scroll::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4);
}

.app-scroll::-webkit-scrollbar-button {
  width: 18px;
  height: 18px;
}




/* Let's get this party started */
.download-scroll::-webkit-scrollbar {
    width: 5px;
}


/* Track */
.download-scroll::-webkit-scrollbar-track {
    background: #ccc;
  border: 0px none #ffffff;
  border-radius: 50px;
}

/* Handle */
.download-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background:#505050;

}
.download-scroll::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4);
}

.download-scroll::-webkit-scrollbar-button {
  width: 18px;
  height: 18px;
}

.socialbar{ height:50px; width:100%;}
.socialbutton{ height:50px; width:50px; margin-right:50px; float:left;}
.socialbutton_right{ height:50px; width:50px; float:left;}

.file-display{ height:55px; min-width:500px;}
.ext-icon{ position:inherit; margin-bottom:-30px;}
.pd-name{ float:left; padding-left:5px; margin-left:25px;}

/* Add these styles for the floating white box */
.floating-box {
    width: 0;
    height: 0;
    max-width: 1050px;
    position: absolute;
    z-index: 999999; /* Ensure it's on top */
    transition: all 0.2s ease;
    overflow: hidden;
}


/* Add this media query to your CSS */
@media (max-width: 768px) {
    .floating-box {
        display: none;
    }
}

.product-box-left,
.product-box-right {
    transition: opacity 0.2s ease;
}

.blur {
    filter: blur(2px); /* Adjust the blur intensity as needed */
    transition: filter 0.2s ease; /* Ensure smooth transition for the blur effect */
}