/*
Theme Name: lightsource
Theme URI: http://wordpress.org/themes/lightsource
Author: the WordPress team
Author URI: http://wordpress.org/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:lightsource
*/


@charset "utf-8";

/*  New Basic Stuff by Stock
----------------------------------  */

.alignright {float:right; padding-left:5px;}
.alignleft {float:center; padding-right:5px;}


/*  BODY STRUCTURE
----------------------------------  */
body {font-family: 'Lato', sans-serif; font-size: 13px; color: #363636; background:#e3e3e3}
img{max-width:100%; height:auto}

/*  HEADER STRUCTURE
----------------------------------  */
.header-outer{background-color:#f4f4f4}
header{background:url(images/header_bg.jpg) no-repeat center top; background-size:cover; text-align:center; font-size: 16px; padding-top:10px; padding-bottom:10px;  height:auto; position:relative}
.logo{margin:7px auto}
.head_tagline{ font-style: italic; font-weight: 700; color: #177AB2;font-family: 'Arvo', serif}
.callus{font-size: 14px; color: #353f52; margin-top: 1px}
.callus a{color:inherit}
.lang_link{padding:10px; background-color:#FFF; display:table; margin:8px auto}
.field-icon-application-pdf{width:auto !important; height:auto !important;}
.pdf_link:after{content: url(/wp-content/uploads/2015/05/application-pdf.png) no-repeat;
    float: left;
  padding-right: 1px;}
  
 .filefield-file,.pdf_link {
	    float: left;
  width: 100%;

  }
  h2{color:#000 !important;}
  .red_light{display:none !important;}
  /***************************here contact form setting *******************/
  
  .foot_menu{margin:0;padding:0;}
.foot_menu li{list-style:none;width:auto; display:inline-block; vertical-align:middle; border-left: 1px solid #000; color:#3f3f3f; line-height:12px}
.foot_menu li:first-child{border-left:0}
.foot_menu li a{    font-size: 11px; padding: 0px 4px 0px 4px;}
.foot_menu li>last-child{border:none;}

.footers-zone-1 .size13 ,.footers-zone-2 .size13{width:auto;}
.footers-zone-1,.footers-zone-2{width:100%;}
.wpcf7-text,.wpcf7-email,.wpcf7-tel,.wpcf7-select,.wpcf7-textarea{background-color: #fff;
    padding: 6px 12px;
    width: 380px;
    color: #000;
    border: none;
    border: 1px solid #ccc;}
	
	.contact-form input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    background-color: #1679b0;
    color: #fff;
    padding: 10px 23px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
	}
	
	.mini-search-form input[type="text"]{      width: 190px;
    padding: 8px 5px 5px 24px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    vertical-align: middle;
    color: #bbb;
    border: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 7px 50%;
    background-image: url(images/icon-search.png);}
	
	.mini-search-form .form-submit{  background-color: #1679b0;
       background-color: #1679b0;
    color: #fff;
    padding: 5px 6px 6px 5px;
    font-size: 13px;
    border: none;
    /* border-radius: 95%; */
    vertical-align: middle;}
	
	.mini-search-form .form-item label{    margin-bottom: 2px;
    font-size: 12px;
    line-height: 14px;}
	
	.list-search-post{      padding-bottom: 25px;
    border-bottom: 2px dotted #ccc;
    padding-top: 25px;}
	
	.text-center{text-align:center}
	

/******************* 
    MeanMenu 2.0.7
 ******************/

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background:#187bb3;
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background:#187bb3;
	margin-top: 44px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 18px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}
  
  
  /**********************expand list **************************/
  
  .my_contact_form{    position: absolute;    top: 10%;    left: 30%;    background-color: #ccc;    width: 481px;}
  .my_form_inner_wrap{    padding: 4px 2px 9px 50px;
    margin: 0 auto;}
	.close_btn{    position: relative;
    right: 0px;
    left: 98%;
    background-color: #000;
    width: 26px;
    color: #fff;
    border-radius: 100%;
    height: 26px;
    text-align: center;
    line-height: 24px;
    top: -11px;
    opacity: 0.8;
	    cursor: pointer;    z-index: 99999;}
		
		.my_form_inner_wrap h1{margin:0 !important;padding:0 !important;width:100%; height:auto !important;}
		.addthis_button{     width: 122px !important;float: left; display: inline-block;
} 
		.addthis_button img{width: 200px !important;}
		.media>div{float:left;}
		
		.my_contact_form input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    background-color: #1679b0;
    color: #fff;
    padding: 10px 23px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
}
  
ul#expList{
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;
}
#expList p {
    margin:0;
    display:block;
}
#expList p:hover {
    background-color:#121212;
}
#expList > li {
    line-height:140%;
    text-indent:0px;
    background-position: 1px 8px;
	/*margin-bottom:5px*/
   
   
	
 
	
}
#expList > li > a{
  padding: 7px 10px 7px;
  display: block;
  font: bold 12px 'Open Sans', sans-serif;
  text-align: left;
  color: #000;}
#expList li.collapsed{position:relative}
#expList > li.collapsed > a{padding-left:35px}
#expList li.collapsed:before, #expList li.collapsed.expanded:before{  position: absolute;
  left: 10px;
  top: 0;
  content: "+";
  width: 100%;
  height: 31px;
  color: #fff;
  cursor: pointer;
    font-size: 21px;
  font-weight: 500;
  text-align: left;
  padding-top: 5px;
  box-sizing: border-box;}
#expList li.collapsed.expanded:before{content:"-";}

#expList li a{color:#000;}

.sub-menu{
  margin: 0 10px;
  list-style: none;
  border:none;
  border-top-width: 0;
  padding: 10px 10px 16px 10px;
  background: #fcf3d2;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fcf3d2 1%, #fefcef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fcf3d2), color-stop(100%,#fefcef));
  background: -webkit-linear-gradient(top, #fcf3d2 1%,#fefcef 100%);
  background: -o-linear-gradient(top, #fcf3d2 1%,#fefcef 100%);
  background: -ms-linear-gradient(top, #fcf3d2 1%,#fefcef 100%);
  background: linear-gradient(to bottom, #fcf3d2 1%,#fefcef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf3d2', endColorstr='#fefcef',GradientType=0 );
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
}


/***********************faq***************************/
.faq-item h2{    margin: 0 0 1px 0;
    padding-top: 0;
    position: relative;
    text-transform: none;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: 25px;
    letter-spacing: inherit;
    background-color: #f7f7f7;
    color: #1679b0 !important;margin-bottom: 1px !important; cursor:pointer;}
	
	.faq-content{display:none;}



/*******************end faq**************************/







#dropdown-distributors .distributors-select-mask {
    background-image: url(images/sign-dropdown-distributors-mask.png);
    background-repeat: no-repeat;
    height: 23px;
    width: 319px;
    display: block;
  
    top: 7px;
}
.distributor p{margin:0;padding:0;}
.distributor p strong{width:100%;float:left;}
.distributor br{display:none;}
#dropdown-distributors1 #States{    float: right;
    margin-right: 318px;
    width: 212px;
    height: 28px;
    font-size: 13px;
    background-color: #1679b0;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-left: 8px;    outline: none;}
#distributors-usa{border-right:2px solid #c5c5c5;}

.distributors-list td{vertical-align:top;margin-right:7px;}

.distributor{text-align:left;width:220px;padding:4px;}

#us-can .distributor-list{float:left;width:283px;margin-right:125px;}

#us-can .distributor-list img{float:left;margin-bottom:18px;}

#us-can .distributor-list .distributor-info{float:right;width:140px;margin-bottom:18px;}

#distributors-usa{background-repeat:no-repeat;float:left;width:690px;margin-bottom:15px;}

#distributors-usa h2{padding-left:25px;}

#distributors-canada{background-image:url(/sites/all/themes/light-sources/images/sign-distributors-map-canada.gif);background-repeat:repeat-x;float:left;margin-bottom:15px;width:276px;}

#distributors-canada h2{padding-left:40px;}

#distributors-canada .distributors-list{margin-left:40px;}

#dropdown-distributors{float:right;width:319px;margin-right:33px;margin-top:10px;}

#us-can .distributors-list{padding-left:25px;}

#us-can .distributors-list .distributor{float:left;width:145px;margin-right:25px;}

#dropdown-distributors select option{color:#FFFFFF;background-color:#035E95;}#dropdown-distributors select{width:319px;top:-15px;position:relative;opacity:0;cursor:pointer;border:none;}



#distributors-usa .distributors-list h4{text-transform:uppercase;}

#hoverNav{visibility:hidden;}

#main img.field-icon-application-pdf{border:none;margin-right:0px;display:none;}

#main .filefield-file  a{background-image:url(/sites/all/themes/light-sources/images/applicationpdf.png);padding-left:23px;height:20px;display:block;background-repeat:no-repeat;background-position:left top;}






#expList li ul li {
  /*margin-bottom: 8px; */
  background: url(img/golden-arrow.png) no-repeat left 6px;
  padding-left: 8px;
}

/* Collapsed state for list element 
#expList .collapsed {
    background-image: url(img/collapsed.png);
}

#expList .expanded {
    background-image: url(img/expanded.png);
}*/
#expList {
    clear: both;
}

#expList li.current_page_item>a{color:green !important}

 
 
  /**********************expand list **************************/ 
  
  

.list-style-white{text-align:left; list-style:none;}
.list-style-white li span{color: #ffffff;
  position: relative;
  left: -9px;}
.list-style-white li:before {
  content: "• ";
  color: #fff;
  position: relative;  left: -16px;
}

/*  MENU STRUCTURE
----------------------------------  */
.menu-outer{background-color:#93b9d0}
#menu{ background-color:#187bb3; min-height:41px}


/*  SLIDESHOW STRUCTURE
----------------------------------  */
.slideshow{background-color:#e3e3e3; padding:5px 0 15px}

/*  SIDEBAR
----------------------------------  */
.leftlogos div > div{text-align: center;margin:0;padding-top: 20px;padding-bottom: 20px;}
.leftlogos div > div+div{border-top:3px solid #f1f1f1}
.leftlogos img{max-width:90%}

/*  HOME MAIN
----------------------------------  */

/* BLUE BOX */
.bluebox{text-align: center}
.bluebox h1 {text-align:center}

/* BOTTOM BOX */
.bottombox{text-align: center; padding:15px}
.bottombox h2{ background:url(images/shadow_divider_top.jpg) no-repeat center bottom; padding-bottom:13px}

/* BOTTOM BOX >> LISTING */
.listbox{margin-top:20px; padding:2px 1px}
.listbox_title{background: #187bb3; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4N2JiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iIzA0MTYyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #187bb3 0%, #041620 96%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#187bb3), color-stop(96%,#041620)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #187bb3 0%,#041620 96%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #187bb3 0%,#041620 96%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #187bb3 0%,#041620 96%); /* IE10+ */
background: linear-gradient(to bottom,  #187bb3 0%,#041620 96%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#187bb3', endColorstr='#041620',GradientType=0 ); font-size: 14px;color: #FFF;text-align: center;padding-top: 5px; padding-bottom:10px; position:relative}
.listbox_txt{color: #000}
.listbox_txt ul {margin:0;padding:0;list-style-type: none}
.listbox_txt ul li {background-color: #E5E3E3;text-align: center;margin-top:3px;padding-top: 10px;padding-bottom: 10px}
.listbox_txt.lightgrey ul li{background-color: #f2f1f1}
.listbox_title:after{border-left: 18px solid transparent;border-right: 18px solid transparent; border-top: 10px solid #02080b; bottom: -10px;
content: "";left: 50%; margin-left: -18px; position: absolute}
.bottom-shadow{background:url(images/shadow_divider.jpg) no-repeat center bottom; padding-bottom:13px}

/*  INNER >> MAIN BODY
----------------------------------  */
.main-body{border-top: 1px solid #dadbdb; padding-top:15px; padding-bottom:15px; margin-left:15px; margin-right:15px; color:#3f3f3f; font:normal 12px/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif}


/*  INNER >> BANNER BOTTOM
----------------------------------  */
.page-information{   padding: 12px 15px 0px 10px;}
.page-information h1.section-title{color:#0076b3; text-transform:uppercase; font-size:18px}
 .page-information .breadcrumb{  padding: 11px 0px 0px 0px;}
.page-information .breadcrumb, .page-information .breadcrumb a{color: #3f3f3f;text-decoration: none; font-size:11px}
.page-information .breadcrumb a.home{background:url(images/corporate_home_icon.png) no-repeat left top; padding-left:16px}
.width-style3 {width:100%}


.textbox{  background-color: #4c80b8;
  color: #FFFFFF; padding:20px;}

/*   TEMPLATES
----------------------------------  */
.body-left{margin-left:15px; margin-right:15px}
.body-left-photo ul{margin:0px;padding:0px;}
.main-structure{ margin-top:20px;}

.my_list_page{  list-style-type: none;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  position: relative;
 
  left: 0px;
}
.my_list_page li{
	  margin: 0px;
  list-style: none;
  padding: 0px;
  border-bottom: 1px solid #d9dada;
  list-style-image: none;
}
.my_list_page li a{  display: block;
  background-color: #888888;
 /* border-bottom: 1px solid #d9dada;*/
  padding-left: 8px;
  padding-right: 20px;
  color: #fefefe;
  text-decoration: none;
  min-height: 31px;
  font-size: 14px;
  line-height: 31px;
}

.my_list_page li ul{
	  margin: 0px;
  padding: 0px;
  list-style: none;
}
.my_list_page li ul li{
	  padding-left: 5px;
	    margin: 0px;
  list-style: none;
  padding: 0px;
  list-style-image: none;
}

.my_list_page li ul li a{
	  background-color: #e6e6e6;
  color: #3f3f3f;
  font-size: 12px;
  font-weight: normal;
	}


/* FORM
----------------------------------  */
.contact-form input[type="text"], .contact-form input[type="email"]{max-width:90%}
 .contact-form select{min-width:180px}
.contact-form label{font-weight:bold}
.req{color:red}
.contact-form textarea{height:150px}




/*  HOME - FOOTER
----------------------------------  */
footer{padding:18px; text-align:center}
.bottominfo{font-size: 14px; color: #187bb3; padding-bottom: 15px; border-bottom:3px solid #187bb3}
.footermenu {font-size: 12px; color: #187BB3; margin-top: 15px; margin-bottom: 5px; text-transform: uppercase}
.footermenu a{color: #3c3e40}
.copyright{font-size: 12px; color: #9a9b9c}

/*  PAGE - FOOTER
----------------------------------  */
.associates{background-color:#f1f1f1; padding:8px 15px; font-size:0; text-indent:-99999px; text-align:center}
.associates a{background-image: url(images/sprites.png);background-repeat: no-repeat;height: 41px; display:inline-block; margin:0 15px; vertical-align:middle}

@media(max-width:900px){.associates a{float:left}}

.associates .footer-lightsources {width:87px; background-position: -104px 0px}
.associates .footer-lightsources:hover{background-position: -104px -41px}
.associates .footer-lcdlighting {width:94px;background-position: -223px 0px}
.associates .footer-lcdlighting:hover{background-position: -223px -41px}
.associates .footer-lcdlighting {width: 89px;background-position: -226px 0}
.associates .footer-lcdlighting:hover {background-position: -226px -41px}
.associates .footer-kulka {background-position: -357px 0px; width: 16px}
.associates .footer-kulka:hover {background-position: -357px -41px}
.associates .footer-voltarc {background-position: -376px 0;width: 85px}
.associates .footer-voltarc:hover {background-position: -376px -41px}
.associates .footer-masqnlite {background-position: -505px 0px;width: 118px}
.associates .footer-masqnlite:hover {background-position: -505px -41px}
.associates .footer-cerlux {background-position: -665px 0px;width: 118px}
.associates .footer-cerlux:hover {background-position: -665px -41px}
.associates .footer-lighttech {background-position: -814px 0px;width:68px}
.associates .footer-lighttech:hover {background-position: -814px -41px}

/*  PAGE - NAV FOOTER */
.footers-zone-1, .footers-zone-2{font-size:11px; text-transform:uppercase;width:100%;}
.footers-zone-2{margin-top:5px; margin-bottom:5px}
.footers-zone-1 a, .footers-zone-2 a{color:#3f3f3f}
.size13{font-size:13px}

/*  PAGE - FOOTER - 3 */

.footers-zone-3 > div{display:inline-block; vertical-align:middle}
.footers-zone-3{font-size: 11px;margin-top: 15px}
.footers-zone-3 a{color: #3f3f3f;text-decoration: none}
.footers-zone-3 a:hover{text-decoration: underline;}
.footers-zone-3-zone-1{font-size:0}
.footers-zone-3-zone-1 .facebook{background-image: url(images/sprites.png);background-repeat: no-repeat;background-position: 0px -135px;display: block;float: left;height: 16px;width: 16px;margin-right: 5px}
.footers-zone-3-zone-1 .linkedin {background-image: url(images/sprites.png);background-repeat: no-repeat;background-position: 0px -151px;display: block;float: left;margin-right: 5px;height: 16px;width: 16px}
.footers-zone-3-zone-1 .rss-feed{background:url(images/rss.jpg) no-repeat;display: block;float: left;height: 16px;width: 16px;margin-right: 5px;}
.footers-zone-3-zone-2{padding-left: 10px;}





















/*  TABLE STRUCTURE */
table{width:100%}

.table-row-gray,#main .table-row-gray,.table-col-gray,#main .table-col-gray,.table-row-col-gray,#main .table-row-col-gray,.table-row-gray-nb,#main .table-row-gray-nb,.table-col-gray-nb,#main .table-col-gray-nb,.table-row-col-gray-nb,#main .table-row-col-gray-nb{border-collapse:collapse;margin-top:8px;margin-bottom:8px;text-align:center;}.table-row-gray  p,#main .table-row-gray p,.table-col-gray p,#main .table-col-gray p,.table-row-col-gray p,#main .table-row-col-gray p,.table-row-gray-nb p,#main .table-row-gray-nb p,.table-col-gray-nb p,#main .table-col-gray-nb p,.table-row-col-gray-nb p,#main .table-row-col-gray-nb p{text-align:center;margin:0px;padding:0px;}.table-row-gray-nb,#main .table-row-gray-nb,.table-col-gray-nb,#main .table-col-gray-nb,.table-row-col-gray-nb,#main .table-row-col-gray-nb{border:1px solid #AAAAAA;}.table-row-gray-nb td,#main .table-row-gray-nb td,.table-row-gray-nb th,#main .table-row-gray-nb th,.table-col-gray-nb td,#main .table-col-gray-nb td,.table-col-gray-nb th,#main .table-col-gray-nb th,.table-row-col-gray-nb td,#main .table-row-col-gray-nb td,.table-row-col-gray-nb th,#main .table-row-col-gray-nb th{margin:3px;text-align:center;}#main .table-row-gray  tr:hover,#main .table-col-gray tr:hover,#main .table-row-col-gray tr:hover{background-color::#e1e1e1;}.table-row-gray td,#main .table-row-gray td,.table-row-gray th,#main .table-row-gray th,.table-col-gray td,#main .table-col-gray td,.table-col-gray th,#main .table-col-gray th,.table-row-col-gray td,#main .table-row-col-gray td,.table-row-col-gray th,#main .table-row-col-gray th{border:1px solid #AAAAAA;margin:3px;text-align:center;}.table-row-gray  tr:first-child,#main .table-row-gray  tr:first-child,.table-row-gray-nb  tr:first-child,#main .table-row-gray-nb  tr:first-child{background-color:#CCCCCC;font-weight:bold;}.table-col-gray  tr td:first-child,#main .table-col-gray tr td:first-child,.table-col-gray-nb  tr td:first-child,#main .table-col-gray-nb tr td:first-child{background-color:#CCCCCC;font-weight:bold;}.table-row-col-gray  tr:first-child,#main .table-row-col-gray  tr:first-child,.table-row-col-gray  th:first-child,#main .table-row-col-gray  th:first-child,.table-row-col-gray-nb  tr:first-child,#main .table-row-col-gray-nb  tr:first-child,.table-row-col-gray-nb  th:first-child,#main .table-row-col-gray-nb  th:first-child{background-color:#CCCCCC;font-weight:bold;}.table-row-col-gray   tr td:first-child,#main .table-row-col-gray  td:first-child,.table-row-col-gray   th td:first-child,#main .table-row-col-gray  th:first-child,.table-row-col-gray-nb   tr td:first-child,#main .table-row-col-gray-nb  td:first-child,.table-row-col-gray-nb   th td:first-child,#main .table-row-col-gray-nb  th:first-child{background-color:#CCCCCC;font-weight:bold;}


















/*  DAFAULT
----------------------------------  */

.borderT18-blue{border-top:18px solid #1578ae}
.icl_post_in_other_langs {margin-top: 0;padding-bottom: 15px;padding-left: 15px;}
.size17{font-size: 17px}
.size14 {font-size: 14px}
.white-box{background-color:#FFF}
.panel-grid-cell .widget-title{display:none}
.no-margin{margin-left:0!important; margin-right:0!important}
.no-padding{padding-left:0!important; padding-right:0!important}
.fullwidth{width:100%}
.alignleft{text-align:left}

@media(max-width:991px){ 
.menu-outer{display:none}
.flash-media{display:none}
}

@media(max-width:479px){ 
.main-body img{margin:0 auto 10px!important; display:block!important; float:none!important; text-align:center!important}
.main-body table{width:auto!important; float:none!important}
.main-body select, .main-body textarea{max-width:90%}

}

@media(max-width:660px){
.team-members table{width:100%!important}
.team-members td{ display:block; text-align:center; width:auto!important}


}


@media(max-width:767px){ 
/*  SIDEBAR
----------------------------------  */
.leftlogos{text-align:center}
.leftlogos .textwidget > div{display:inline-block; width:28%; vertical-align:middle; margin:5px; padding:0; border:none}

/*  PRINT
----------------------------------  */
.pdfprnt-top-right, .pdfprnt-bottom-right, .pdfprnt-top-bottom-right, .pdfprnt-right{display:none}

/*  MAIN BODY CENTER
----------------------------------  */
.main-body .vc_row .vc_col-sm-3 .wpb_single_image{ display: inline-block;
    float: left;
    margin-bottom: 10px;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    width: 32.33%;}
.main-body .vc_row .vc_col-sm-3:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}
.empty{display:none!important}


/*  Distributors
----------------------------------  */
#distributors-canada, #distributors-usa, .distributor{float:none!important; border:none; width:auto!important; text-align:center!important}
#dropdown-distributors1 #States{margin-right:0; float:none}
#distributors-usa h2{padding-left:0}
#distributors-canada .distributors-list{margin-left:0}

/*  MEDIA
----------------------------------  */
.media{margin-top:8px}
.media img{max-height:18px; margin-right:4px}
}

@media only screen and (min-width:768px) and (max-width:991px){
.outer-grid1.border-RB18{border-left:18px solid #F1F1F1}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
/*  HOME MAIN >> BOTTOM BOX >> LISTING
----------------------------------  */	
.bottombox .panel-grid-cell{}
}



@media only screen and (min-width: 768px){
	
/* HEADER STRUCTURE
----------------------------------  */
header{padding-left:15px; padding-right:15px}
.logo{float:left}
.head_tagline{float:right; margin-top:10px}
.hdr-corner{border-top:1px solid #ccc; padding-top:5px}

/* BOTTOM BOX */
.bottombox{padding:25px}

/*  HOME MAIN
----------------------------------  */

/* BLUE BOX */
.bluebox{text-align:left}


/*   TEMPLATES
----------------------------------  */
.body-left{float:left; width:20%; margin-left:0; margin-right:0}
.body-cover{}
.width-style1{float:right; width:80%;}
.body-cover .body-middle{width:70%; float:left}
.body-right{width:30%; float:right; padding-right:15px}
.both-sidebar{padding-right:24%}
.width-style2{float:right; width:72%;}
.body-left-photo{width:26%; float:left}


/*  INNER >> BANNER BOTTOM
----------------------------------  */
.page-information h1.section-title{float:left}
.body-top-right{  float: left;  width: 100%;   padding: 5px 11px 11px 0px;}
.pdfprnt-top-right{ display:none !important;}
  
  .body-top-right .media img{  width: 20px;  margin: 0px 0px 0px 6px;}
.body-top-right .media{float:right;}

.page-information .breadcrumb, .page-information .media{display:inline-block; vertical-align:middle;}
.page-information .breadcrumb{margin-right:75px}

/*  OTHERS */
.border-LR18{border-left:18px solid #F1F1F1; border-right:18px solid #F1F1F1}
.border-RB18{border-bottom:18px solid #F1F1F1; border-right:18px solid #F1F1F1}
.border-R18{border-left:18px solid #F1F1F1}



/*  FOOTER
----------------------------------  */
.footer-layout1{float: right;width: 690px; text-align:right}

  .footers-zone-1, .footers-zone-2{text-align:left;}
.foot_menu{float:left;}
.foot_menu li{float:left;}
.footers-zone-1 .size13 ,.footers-zone-2 .size13{float:left;}
.footers-zone-1,.footers-zone-2{float:left;}
.footers-zone-3{text-align:left}
}

@media only screen and (min-width:992px){

.wrap{max-width:1001px; margin-left:auto; margin-right:auto}


/* HEADER STRUCTURE
----------------------------------  */
header{}
.hidein-desk{display:none}
.head_tagline{float:left; margin-top:10px; margin-left:50px}
.hdr-corner{border-top:none; padding-top:0; float:right; text-align:left}
.lang_link{position:absolute; right:0; bottom:-7px}


/*  MENU STRUCTURE
----------------------------------  */
#menu ul{list-style: none;margin:0;padding: 0px}
#menu {}
#menu ul li{text-align: left;float:left; position:relative}
#menu ul ul{display: none;clear:left;width:100%}
#menu ul li:hover ul{display: block;clear:left;width:150px;position:absolute;}
#menu ul li ul{clear:left;margin-left:0}
#menu ul ul{position: absolute;z-index: 500;padding: 0px;width:100%}
#menu ul ul ul{top: 0;left: 100%;}
#menu a{display: block;color: #FFF;text-decoration: none;text-align: left;font-size: 14px;padding-top: 12px;padding-right: 6px;padding-bottom: 0px;text-transform: uppercase;padding-left: 6px}
#menu a:hover{color: #bfd7e5;cursor: pointer}
#menu ul li.current-menu-item a{color: #bfd7e5}
#menu ul li.current-menu-item a:hover{color: #bfd7e5}
#menu ul li ul li a {padding: 4px;height: auto;background-color: #187bb3;font-weight: normal;color: #FFF;width:150px;clear:left;font-size: 12px;text-align: left;background-image:none}
#menu ul li.current-menu-item ul li a{padding: 4px;height: auto;background-color: #187bb3;font-weight: normal;color: #FFF;width:150px;clear:left;font-size: 12px;text-align: left;background-image:none}
#menu ul li.current-menu-item ul li a:hover {color: #bfd7e5;width:150px;clear:left;background-color:#187bb3;background-image:none}
#menu ul li ul li a:hover {color: #bfd7e5;width:150px;clear:left;background-color:#187bb3;background-image:none}
#menu ul li ul li.current-menu-item a {color: #bfd7e5;background-image:none;width:150px;clear:left;background-color:#187bb3}
#menu ul li ul li.current-menu-item a:hover {color: #bfd7e5;background-image:none;width:150px;clear:left;background-color:#187bb3}
#menu ul li ul li{float:left;clear:left;height:auto;background-image:none;padding-right:0px;}
}

@media(max-width:767px) {
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-x: scroll;
	overflow-y: hidden;
	border: 1px solid #ddd;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch
}
.table-responsive:before{/*content:"Scroll Right to see more >>"; line-height:30px; padding-left:5px*/}
.table-responsive .table{margin-top:0!important}
.table-responsive>.table {
	margin-bottom: 0
}
.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
	white-space: nowrap
}
.table-responsive>.table-bordered {
	border: 0
}
.table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child {
	border-left: 0
}
.table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child {
	border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>td {
	border-bottom: 0
}
.responsive-mode td{display:block; border:none}
.responsive-mode tr{border-bottom:1px solid #aaa}

.main-body img{margin:10px auto!important; display:block!important; float:none!important; text-align:center!important}
.main-body .vc_row .product-col .wpb_single_image{margin:0 auto!important; display:block!important; float:none!important; text-align:center!important; width:auto!important}
.main-body .product-col .wpb_text_column{text-align:center!important; margin-bottom:15px!important}
.main-body .product-col .wpb_text_column p{margin-top:0!important}
}


.my_list_page .page-item-5317{display:none;}

/* Lights CSS */
.lighten ul{    border-bottom: 17px solid #fff;
    padding-bottom: 23px !important;}
.lighten ul, .lighten ul li{margin:0; padding:0; list-style:none; }
.lighten ul li{display:inline-block; vertical-align:top}
.lighten ul li a{height:61px; width:251px; display:block; color:orange; text-indent:-99999px }
.lighten ul li a:hover{ }

/**** LIGHT 1 ***/
.lighten ul li#light1 a{background:url(images/TriLight-Series.png) no-repeat left top}
.lighten ul li#light1 a:hover, .lighten ul li#light1.light1-active a{background-position:left -61px}

/**** LIGHT 2 ***/
.lighten ul li#light2 a{background:url(images/TriLight-Series.png) no-repeat -258px top}
.lighten ul li#light2 a:hover, .lighten ul li#light2.light2-active a{background-position:-258px -61px}

/**** LIGHT 3 ***/
.lighten ul li#light3 a{background:url(images/TriLight-Series.png) no-repeat -514px top}
.lighten ul li#light3 a:hover, .lighten ul li#light3.light3-active a{background-position:-514px -61px}


/**** LIGHT 4 ***/
.lighten ul li#light4 a{background:url(images/Accent-Series.png) no-repeat left top}
.lighten ul li#light4 a:hover, .lighten ul li#light4.light4-active a{background-position:left -122px}

/**** LIGHT 5 ***/
.lighten ul li#light5 a{background:url(images/Accent-Series.png) no-repeat -258px top}
.lighten ul li#light5 a:hover, .lighten ul li#light5.light5-active a{background-position:-258px -122px}

/**** LIGHT 6 ***/
.lighten ul li#light6 a{background:url(images/Accent-Series.png) no-repeat -513px top}
.lighten ul li#light6 a:hover, .lighten ul li#light6.light6-active a{background-position:-513px -122px}

/**** LIGHT 7 ***/
.lighten ul li#light7 a{background:url(images/Accent-Series.png) no-repeat left -60px}
.lighten ul li#light7 a:hover, .lighten ul li#light7.light7-active a{background-position:left -182px}

/**** LIGHT 8 ***/
.lighten ul li#light8 a{background:url(images/Accent-Series.png) no-repeat -258px -61px}
.lighten ul li#light8 a:hover, .lighten ul li#light8.light8-active a{background-position:-258px -182px}

/**** LIGHT 9 ***/
.lighten ul li#light9 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat 1px -1px}
.lighten ul li#light9 a:hover, .lighten ul li#light9.light9-active a{background-position:left -601px}

/**** LIGHT 10 ***/
.lighten ul li#light10 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat -258px -1px}
.lighten ul li#light10 a:hover, .lighten ul li#light10.light10-active a{background-position:-259px -601px}

/**** LIGHT 11 ***/
.lighten ul li#light11 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat -515px -1px}
.lighten ul li#light11 a:hover, .lighten ul li#light11.light11-active a{background-position:-516px -601px}


/**** LIGHT 12 ***/
.lighten ul li#light12 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat 1px -77px}
.lighten ul li#light12 a:hover, .lighten ul li#light12.light12-active a{background-position:left -677px}

/**** LIGHT 13 ***/
.lighten ul li#light13 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat -258px -77px}
.lighten ul li#light13 a:hover, .lighten ul li#light13.light13-active a{background-position:-259px -677px}


/**** LIGHT 14 ***/
.lighten ul li#light14 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat -513px -77px}
.lighten ul li#light14 a:hover, .lighten ul li#light14.light14-active a{background-position:-514px -677px}


/**** LIGHT 15 ***/
.lighten ul li#light15 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat 1px -151px}
.lighten ul li#light15 a:hover, .lighten ul li#light15.light15-active a{background-position:left -751px}

/**** LIGHT 16 ***/
.lighten ul li#light16 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat -258px -151px}
.lighten ul li#light16 a:hover, .lighten ul li#light16.light16-active a{background-position:-259px -751px}

/**** LIGHT 17 ***/
.lighten ul li#light17 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat -518px -151px}
.lighten ul li#light17 a:hover, .lighten ul li#light17.light17-active a{background-position:-519px -751px}


/**** LIGHT 18 ***/
.lighten ul li#light18 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat 1px -226px}
.lighten ul li#light18 a:hover, .lighten ul li#light18.light18-active a{background-position:left -826px}

/**** LIGHT 19 ***/
.lighten ul li#light19 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat -258px -226px}
.lighten ul li#light19 a:hover, .lighten ul li#light19.light19-active a{background-position:-259px -826px}

/**** LIGHT 20 ***/
.lighten ul li#light20 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat -513px -226px}
.lighten ul li#light20 a:hover, .lighten ul li#light20.light20-active a{background-position:-514px -826px}


/**** LIGHT 21 ***/
.lighten ul li#light21 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat 1px -301px}
.lighten ul li#light21 a:hover, .lighten ul li#light21.light21-active a{background-position:left -901px}

/**** LIGHT 22 ***/
.lighten ul li#light22 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat -255px -301px}
.lighten ul li#light22 a:hover, .lighten ul li#light22.light22-active a{background-position:-256px -901px}

/**** LIGHT 23 ***/
.lighten ul li#light23 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat -513px -301px}
.lighten ul li#light23 a:hover, .lighten ul li#light23.light23-active a{background-position:-514px -901px}



/**** LIGHT 24 ***/
.lighten ul li#light24 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat 1px -376px}
.lighten ul li#light24 a:hover, .lighten ul li#light24.light24-active a{background-position:left -976px}

/**** LIGHT 25 ***/
.lighten ul li#light25 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat -258px -376px}
.lighten ul li#light25 a:hover, .lighten ul li#light25.light25-active a{background-position:-259px -976px}

/**** LIGHT 26 ***/
.lighten ul li#light26 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat -511px -376px}
.lighten ul li#light26 a:hover, .lighten ul li#light26.light26-active a{background-position:-512px -976px}



/**** LIGHT 27 ***/
.lighten ul li#light27 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat 1px -451px}
.lighten ul li#light27 a:hover, .lighten ul li#light27.light27-active a{background-position:left -1051px}

/**** LIGHT 28 ***/
.lighten ul li#light28 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat -258px -451px}
.lighten ul li#light28 a:hover, .lighten ul li#light28.light28-active a{background-position:-259px -1051px}

/**** LIGHT 29 ***/
.lighten ul li#light29 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat -511px -451px}
.lighten ul li#light29 a:hover, .lighten ul li#light29.light29-active a{background-position:-512px -1051px}



/**** LIGHT 30 ***/
.lighten ul li#light30 a{background:url(images/Traditional-Coated-Tubing-Signature-Series.png) no-repeat 1px -526px}
.lighten ul li#light30 a:hover, .lighten ul li#light30.light30-active a{background-position:left -1126px}







/**** LIGHT 31 ***/
.lighten ul li#light31 a{background:url(images/Tru-Color-Series.png) no-repeat left -1px}
.lighten ul li#light31 a:hover, .lighten ul li#light31.light31-active a{background-position:left -146px}

/**** LIGHT 32 ***/
.lighten ul li#light32 a{background:url(images/Tru-Color-Series.png) no-repeat -255px -1px}
.lighten ul li#light32 a:hover, .lighten ul li#light32.light32-active a{background-position:-255px -146px}

/**** LIGHT 33 ***/
.lighten ul li#light33 a{background:url(images/Tru-Color-Series.png) no-repeat -511px -1px}
.lighten ul li#light33 a:hover, .lighten ul li#light33.light33-active a{background-position:-511px -146px}



/**** LIGHT 34 ***/
.lighten ul li#light34 a{background:url(images/Tru-Color-Series.png) no-repeat 1px -77px}
.lighten ul li#light34 a:hover, .lighten ul li#light34.light34-active a{background-position:1px -222px}

/**** LIGHT 35 ***/
.lighten ul li#light35 a{background:url(images/Tru-Color-Series.png) no-repeat -258px -76px}
.lighten ul li#light35 a:hover, .lighten ul li#light35.light35-active a{background-position:-258px -221px}

.product_template img{    float: left;
    width: 172px;
    height: auto;
    padding: 10px;}

.product_template p{    float: left;
    width: 64%}