/********** BODY **********/



* {

	margin: 0;

}

html, body {

	height: 100%;

}

.wrapper {

	min-height: 100%;

	height: auto !important;

	height: 100%;

	margin: 0 auto -350px;

}

body {

	background: #fff;

	font-family: 'Open Sans', sans-serif;

	color: #828282;

	font-size: 13px;

	background: url(../images/background-repeat.png) repeat-x left top;

	line-height: 18px;

}

.topnav{
	color: #828282;
	background: url(../images/background-repeat.png) repeat-x left top;
	
}

.container {
	
	width: 960px;

	margin: auto;

}

/********** TYPOGRAPHY **********/



h1, h2, h3, h4, h5, h6, p.title {

	font-family: 'Open Sans', sans-serif;

	font-weight: 700;

}

h1, p.title {

	color: #49a842;

	font-size: 20px;

}

p.title {

	margin-bottom: 5px;

}

h2 {

	color: #49a842;

	font-size: 20px;

}

h3 {

	color: #49a842;

	font-size: 14px;

	margin-bottom: 20px;

}

h4 {

	color: #49a842;

	font-size: 14px;

	margin-bottom: 0px;

}

h5 {

	color: #49a842;

	font-size: 14px;

	margin-bottom: 10px;

}

h6 {

}

.alternateHTags{
	color:#756e6e;
}



::-moz-selection {

 background: #49a842;

 color:#fff;

}

::selection {

	background: #49a842;

	color: #fff;

}

a:link, a:active, a:visited {

	color: #49a842;

	text-decoration: none;

}

a:hover {

	color: #49a842;

	text-decoration: none;

	-webkit-transition: color .2s ease-in;

	-moz-transition: color .2s ease-in;

	-o-transition: color .2s ease-in;

	transition: color .2s ease-in;

}

/********** HEADER **********/



.header {

	width: 960px;

	float: left;

	margin: 30px 0;

	position: relative;

}

a.logo {

	display: block;

	text-indent: -9999px;

	width: 198px;

	height: 71px;

	background: url(../images/logo.png) no-repeat left top;

	float: left;

}

/********** NAVIGATION **********/



.navigation {

	float: right;

	width: 471px;

	height: 71px;

}

ul.nav-links {

	float: right;

	width: 728px;

	height: 71px;

	margin-top: 14px;

}

ul.nav-links li {

	float: left;

	line-height: 71px;

	margin-left: 38px;

	font-size: 15px;

}

ul.nav-links li a {

	display: block;

	color: #fff;

	text-decoration: none;

	font-weight: bold;

	height: 71px;

}

ul.nav-links li a.active {

	color: #49a842;

}

ul.nav-links li a:hover {

	color: #49a842;

	-webkit-transition: color .3s ease-in;

	-moz-transition: color .3s ease-in;

	-o-transition: color .3s ease-in;

	-ms-transition: color .3s ease-in;

	transition: color .3s ease-in;

}

.contact-details {

	position: absolute;

	top: 0px;

	right: 0px;

}

/********** SLIDER **********/

.flex-caption {

	position: absolute;

	top: 30px;

	left: 276px;

	width: 645px;

	height: 320px;

}

.news-caption {

	left: 330px;

	width: 600px;

}

.flex-caption p.slide-title {

	color: #49a842;

	font-size: 36px;

	font-weight: 700;

	float: left;

	width: 645px;

	border-bottom: solid 1px #d5d5d5;

	line-height: 62px;

}

.flex-caption p.product-intro {

	font-size: 20px;

	color: #828282;

	line-height: 24px;

}

.flex-caption p.product-desc {

	font-size: 14px;

	color: #828282;

	line-height: 20px;

}

a.slider-btn {

	display: block;

	background: #49a841;

	border: solid 1px #42983a;

	color: #fff;

	float: right;

	padding: 10px 30px 10px 20px;

	text-decoration: none;

	position: relative;

	color: #fff;

}

a.slider-btn span {

	width: 5px;

	height: 9px;

	display: block;

	position: absolute;

	top: 15px;

	right: 14px;

	background: url(../images/white-arrow.png) no-repeat left top;

}

a.slider-btn:hover {

	background-color: #414141;

	color: #fff;

	-webkit-transition: background-color .3s ease-in;

	-moz-transition: background-color .3s ease-in;

	-o-transition: background-color .3s ease-in;

	-ms-transition: background-color .3s ease-in;

	transition: background-color .3s ease-in;

}

.slider {

	width: 960px;

	background: #fff;

	float: left;

	-webkit-box-shadow: 1px 2px 8px rgba(0,1,1,.35);

	-moz-box-shadow: 1px 2px 8px rgba(0,1,1,.35);

	box-shadow: 1px 2px 8px rgba(0,1,1,.35);

	position: relative;

	;

}

.dibbers-background {

	width: 709px;

	height: 40px;

	background: url(../images/dibbers-background.png) no-repeat left top;

	position: absolute;

	;

	bottom: 0px;

	left: 0px;

	z-index: 99;

}

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {

	outline: none;

}

.slides, .flex-control-nav, .flex-direction-nav {

	margin: 0;

	padding: 0;

	list-style: none;

}

.flex-control-nav {

	z-index: 100;

}

.flexslider {

	margin: 0;

	padding: 0;

}

.flexslider .slides > li {

	display: none;

	-webkit-backface-visibility: hidden;

	position: relative;

}

.flexslider .slides img {

	width: 100%;

	display: block;

}

.flex-pauseplay span {

	text-transform: capitalize;

}

.slides:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

html[xmlns] .slides {

	display: block;

}

* html .slides {

	height: 1%;

}

.no-js .slides > li:first-child {

	display: block;

}

.flexslider {

	margin: 0 0 0;

	position: relative;

	zoom: 1;

}

.flex-viewport {

	max-height: 2000px;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	transition: all 1s ease;

}

.loading .flex-viewport {

	max-height: 300px;

}

.flexslider .slides {

	zoom: 1;

}

.carousel li {

	margin-right: 5px

}

/* Direction Nav */



.flex-direction-nav {

 *height: 0;

}

.flex-direction-nav a {

	width: 33px;

	height: 68px;

	margin: -20px 0 0;

	display: block;

	background: url(../images/slider-direction.png) no-repeat 0 0;

	position: absolute;

	top: 50%;

	z-index: 10;

	cursor: pointer;

	text-indent: -9999px;

	opacity: 0;

	-webkit-transition: all .3s ease;

}

.flex-direction-nav .flex-next {

	background-position: 100% 0;

	right: -36px;

}

.flex-direction-nav .flex-prev {

	left: -36px;

}

.flexslider:hover .flex-next {

	opacity: 0.8;

	right: 0px;

}

.flexslider:hover .flex-prev {

	opacity: 0.8;

	left: 0px;

}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {

	opacity: 1;

}

.flex-direction-nav .flex-disabled {

	opacity: .3!important;

	filter: alpha(opacity=30);

	cursor: default;

}

.flex-control-nav {

	/*width: 100%;*/



	position: absolute;

	bottom: 8px;

	left: 10px;

	text-align: center;

}

.flex-control-nav li {

	margin: 0 6px;

	display: inline-block;

	zoom: 1;

 *display: inline;

}

.flex-control-paging li a {

	width: 11px;

	height: 11px;

	display: block;

	background: #fff;

	cursor: pointer;

	text-indent: -9999px;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	-o-border-radius: 20px;

	border-radius: 20px;

	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);

}

.flex-control-paging li a:hover {

	background: #30712b;

}

.flex-control-paging li a.flex-active {

	background: #30712b;

	cursor: default;

}

.flex-control-thumbs {

	margin: 5px 0 0;

	position: static;

	overflow: hidden;

}

.flex-control-thumbs li {

	width: 25%;

	float: left;

	margin: 0;

}

.flex-control-thumbs img {

	width: 100%;

	display: block;

	opacity: .7;

	cursor: pointer;

}

.flex-control-thumbs img:hover {

	opacity: 1;

}

.flex-control-thumbs .flex-active {

	opacity: 1;

	cursor: default;

}

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

.flex-direction-nav .flex-prev {

	opacity: 1;

	left: 0;

}

.flex-direction-nav .flex-next {

	opacity: 1;

	right: 0;

}

}

/********** CONTENT **********/



.inner-container {

	float: left;

	width: 100%;

	margin-top: 30px;

	line-height: 18px;

}

.product-container {

	float: left;
	background-color: #fff;
	-webkit-box-shadow: 1px 2px 5px rgba(0,1,1,.28);
	-moz-box-shadow: 1px 2px 5px rgba(0,1,1,.28);
	box-shadow: 1px 2px 5px rgba(0,1,1,.28);
	text-align: center;
	width: 33%;
	display: inline-block;
	margin-bottom:15px;
	vertical-align: top;
	overflow-y: auto;
	padding: 10px;

}

.products-inner {

	width: 299px;
	height: 550px;

}

.products-inner a {

	width: 260px!important;

}

.product-container h4 {

	padding: 20px 0 15px 0;

}

.product-container h4 span {

	color: #828282;

	font-size: 14px;

	line-height: 24px;

}

.product-container a {

	text-decoration: none;

	display: block;

	width: 289px;

	height: 100%;

	padding: 5px;

}

.product-container a:hover h4 {

	color: #828282;

	-webkit-transition: color .3s ease-in;

	-moz-transition: color .3s ease-in;

	-o-transition: color .3s ease-in;

	-ms-transition: color .3s ease-in;

	transition: color .3s ease-in;

}

.product-container.middle {

	margin: 0 31px;

}

.no-margin {

	margin-top: 10px;

}

ul.products-list {

	float: left;

	width: 269px;

	padding: 0 0 5px 10px;

}

ul.products-list li {

	text-align: left;

	background: url(../images/green-arrow.png) no-repeat left 11px;

	border-top: 1px solid #cfcfcf;

	padding-left: 5px;

}

ul.products-list li:first-child {

	border-top: 0px solid #cfcfcf;

}

ul.products-list li a {

	display: block;

	color: #828282;

}

ul.products-list li a:hover {

	color: #49a842;

}

.left-content {

	float: left;

	width: 570px;

	line-height: 20px;

}

.right-content {

	float: right;

	width: 330px;

}

.tabProduct {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
  }
  
  /* Style the buttons that are used to open the tab content */
  .tabProduct button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
  }
  
  /* Change background color of buttons on hover */
  .tabProduct button:hover {
	background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tabProduct button.active {
	background-color: #49a842;
	color: white;
  }
  
  /* Style the tab content */
  .tabcontentProduct {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
  }

ul.news-feed {

	float: left;

	width: 330px;

}

ul.news-feed li {

	float: left;

}

ul.news-feed li a {

	width: 300px;

	display: block;

	text-decoration: none;

	color: #969696;

	border-left: 6px solid #808080;

	padding-left: 20px;

}

ul.news-feed li a:hover {

	color: #49a841;

}

span.feed-date {

	width: 330px;

	float: left;

}

span.feed-date {

	font-size: 12px;

	margin-bottom: 5px;

}

ul.news-gallery {

	float: left;

	width: 100%;

	list-style: none;

	margin-top: 10px;

}

ul.news-gallery li {

	float: left;

	width: 25%;

	background: #efefef;

	margin-top: 10px;

}

ul.news-gallery li a {

	padding: 10px;

	display: block;

	width: 100%;

	height: 100%;

}

/********** CLIENT SLIDER STYLES **********/



.clients {

	float: left;

	width: 960px;

}

/********** FOOTER STYLES **********/



.footer {

	float: left;

	width: 100%;

	background-color: #2c2c2c;

	margin-top: 30px;

	height: 480px;

	clear: both;

}

.push {

	height: 350px;

	clear: both;

}

.pushBody {

	height: 130px;

	clear: both;

}

.footer-box {

	float: left;

	width: 293px;

	margin-top: 30px;

}

.footer-middle {

	padding: 0 40px;

	margin: 30px 40px 0px 40px;

	width: 294px;

	height: 275px;

	border-right: solid 1px #3d3d3d;

	border-left: solid 1px #3d3d3d;

}

.footer-events{
	height: 280px;
	
	
}



.large-2 {
	
	overflow-y: scroll;
	
}
  
.force-overflow {
	min-height: 450px;
}
  
.large-2::-webkit-scrollbar-track {
	border: 1px solid #333333;
	padding: 2px 0;
	background-color: #333333;
}
  
.large-2::-webkit-scrollbar {
	width: 10px;
}
  
.large-2::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #737272;
	border: 1px solid #000;
}

ul.footer-links {

	float: left;

	width: 293px;

}

ul.footer-links li {

	float: left;

	border-top: 1px solid #3e3e3e;

	margin-top: 10px;

	padding-top: 10px;

}

ul.footer-links li:first-child {

	border-top: 0px solid #3e3e3e;

	margin-top: 10px;

	padding-top: 0px;

}

ul.footer-links li a {

	width: 278px;

	color: #828282;

	display: block;

	text-decoration: none;

	background: url(../images/white-arrow.png) no-repeat left 5px;

	padding-left: 15px;

}

ul.footer-links li a:hover {

	color: #fff;

}

span.phone {

	background: url(../images/phone-icon.png) no-repeat left 4px;

	padding-left: 20px;

	float: left;

}

span.fax {

	background: url(../images/fax-icon.png) no-repeat left 4px;

	padding-left: 20px;

	margin-bottom: 20px;

	float: left;

}

.map {

	background: url(../images/map-bg.jpg) no-repeat left top;

	height: 190px;

}

.map p {

	margin-top: 90px;

}

.footer-copyright {

	float: left;

	width: 100%;

	height: 45px;

	background: #212121;

}

.footer-copyright p {

	line-height: 45px;

	margin-bottom: 0;

}

.footer-font {
	color: #ccc;
}


p.design380 {

	background: url(../images/design380.png) no-repeat right 4px;

	padding-right: 80px;

}

p.design380 a {

	display: block;

	color: #828282;

	text-decoration: none;

}

p.design380 a:hover {

	color: #fff;

}

.newsletter {

	float: left;

	margin-top: 10px;

	width: 212px;

}

.newsletter legend {

	color: #fff;

	color: #49a842;

	font-size: 14px;

	margin-bottom: 0px;

	margin-bottom: 10px;

	font-weight: 700;

}

.newsletter input {

	height: 30px;

	width: 150px;

	background-color: #fff;

	-webkit-box-shadow: inset 1px 1px 5px rgba(0,1,1,.75);

	-moz-box-shadow: inset 1px 1px 5px rgba(0,1,1,.75);

	box-shadow: inset 1px 1px 5px rgba(0,1,1,.75);

	border: solid 1px #212121;

	padding: 0 5px;

	float: left;

}

.newsletter input[type="submit"] {

	display: block;

	background: #49a841;

	color: #fff;

	float: right;

	text-align: center;

	color: #fff;

	cursor: pointer;

	width: 50px;

	height: 32px;

	float: right;

	-webkit-box-shadow: 0px;

	-moz-box-shadow: 0px;

	box-shadow: 0px;

}

.events {

	float: left;

	margin-top: 10px;

	margin-right: 5%;

}

.events img {

	height: auto;

	width: 320px;

	margin-bottom: 20px;

}

/********** INNER PAGE STYLES **********/



.inner-page {

	float: left;

	width: 100%;

	background-color: #fff;

	padding: 40px 0 0 0;

}

.inner-page h2.pattern, .inner-page h1.pattern {

	background: url(../images/header-pattern.png) repeat-x left center;

	display: block;

	float: left;

	width: 100%;

}

.inner-page h2.pattern span, .inner-page h1.pattern span {

	background-color: #fff;

	padding-right: 10px;

}

.columnone, .columntwo, .columnthree, .columnfour {

	text-align: justify;

	width: 450px;

	float: left;

}

.columnone, .columnthree {

	margin-right: 60px;

}

p.date {

	background: url(../images/calender-icon.png) no-repeat left center;

	padding-left: 20px;

	font-size: 14px;

	font-weight: bold;

	color: #4a4a4a;

}

.twocolumn-left, .twocolumn-right {

	float: left;

	width: 430px;

}

.twocolumn-left {

}

.twocolumn-right {

	margin-left: 100px;

}

ul.memberships {

	float: left;

	width: 100%;

}

ul.memberships li {

	float: left;

	margin-bottom: 20px;

}

ul.memberships li a p span {

	color: #828282;

}

ul.memberships li img {

	float: left;

	margin-right: 20px;

}

ul.memberships li a {

	display: block;

	width: 430px;

	color: #4a4a4a;

}

ul.memberships li a:hover {

	color: #49a842;

}

.inner-products {

	text-align: justify;

}

.inner-products img {

	margin: 5px 0!important;

}

a.datasheet {

	display: block;

	padding: 15px 15px 15px 45px;

	background: #49a842;

	float: right;

	color: #fff;

	position: relative;

	font-weight: bold;

	margin-top: 20px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

a.datasheet span {

	background: url(../images/pdf-icon.png) no-repeat left top;

	position: absolute;

	top: 7px;

	left: 5px;

	width: 30px;

	height: 32px;

}

a.datasheet:hover {

	background: #ccc;

}

.products img {

	float: left;

	margin: 0 30px 0px 0;

}

.product-highlights {

	width: 330px;

	padding: 10px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	background-color: #e8e8e8;

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

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

	box-shadow: 2px 3px 3px rgba(0,1,1,.2);

	float: left;

	margin-top: 10px;

}

.product-highlights h3 {

	color: #4a4a4a;

	font-size: 14px;

}

ul.highlights-list {

	float: left;

	width: 330px;

}

ul.highlights-list li {

	float: left;

	width: 310px;

	padding-left: 20px;

	background: url(../images/green-arrow.png) no-repeat left 15px;

	padding-top: 10px;

	margin-top: 10px;

	border-top: 1px solid #d5d5d5;

}

ul.highlights-list li:first-child {

	padding-top: 0px;

	margin-top: 0px;

	border-top: 0px solid #d5d5d5;

	background: url(../images/green-arrow.png) no-repeat left 6px;

}

/********** TABS STYLES **********/



ul.tabs {

	padding: 7px 0;

	font-size: 0;

	margin: 0;

	list-style-type: none;

	float: left;

	text-align: left;

}

ul.tabs li {

	display: inline;

	margin: 0;

	margin-right: 5px;

	float: left;

	padding: 0 16px 0 15px;

	border-left: 1px solid #CCC;

}

ul.tabs li:first-child {

	padding: 0 0px 0 0px;

	border-left: 0px solid #CCC;

}

ul.tabs li a {

	font-size: 14px;

	text-decoration: none;

	position: relative;

	z-index: 1;

	color: #4a4a4a;

	outline: none;

	display: block;

	float: left;

	font-weight: bold;

	line-height: 16px;

	padding: 0 16px 0 35px;

}

ul.tabs li a:hover {

	color: #49a842;

}

a.person-icon {

	background: url(../images/person-icon.png) no-repeat left center;

}

ul.tabs li a span {

	color: #858585;

	font-size: 11px;

}

ul.tabs li.selected a {

	color: #49a842;

}

div.tabcontent {

	display: block;

}

div.tabcontents {

	padding-top: 20px;

	float: left;

	width: 960px;

	margin-bottom: 20px;

}

.left-column {

	float: left;

	width: 350px;

}

.right-column {

	float: right;

	width: 580px;

}

/********** CONTACT STYLES **********/



.contact-form {

	float: left;

	width: 650px;

}

.sign-up-form label {

	float: left;

	width: 90px;

	text-align: right;

	margin-right: 20px;

	line-height: 28px;

}

.sign-up-form fieldset {

	padding: 20px;

	border: 1px solid #e5e5e5;

}

.sign-up-form legend {

	padding: 0 10px;

	width: auto;

	border: 1px solid #e5e5e5;

	margin-bottom: 0;

}

.contact-sidebar {

	float: left;

	width: 280px;

	margin-left: 30px;

}

.sidebar-box {

	width: 260px;

	background: #f4f4f4;

	padding: 10px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin-bottom: 20px;

}

.sidebar-box address {

	margin-bottom: 0;

}

.sidebar-box h2 {

	margin-bottom: 0;

	margin-top: 0;

}

/********** LATEST NEWS **********/

ul.news-listing {

	width: 100%;

	float: left;

	list-style: none;

	margin-top: 20px;

}

ul.news-listing li {

	float: left;

	width: 100%;

	background-color: #fff;

	-webkit-box-shadow: 1px 2px 5px rgba(0,1,1,.28);

	-moz-box-shadow: 1px 2px 5px rgba(0,1,1,.28);

	box-shadow: 1px 2px 5px rgba(0,1,1,.28);	

	padding: 20px;

	position: relative;

	border:solid 1px #efefef;

	margin-top: 20px;	

}

ul.news-listing li:first-child {

	margin-top: 0;

}

ul.news-listing li:hover {

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	border:solid 1px #efefef;	

}

ul.news-listing li a.article-link {

	position: absolute;

	top: 0px;

	left: 0;

	width: 100%;

	height: 100%;

	text-indent: -9999px;

}

ul.news-listing li a {

	border-radius: 0px;

	padding: 6px 12px;

}

ul.news-listing li img {

	float: left;

	width: 287px;

	height: 185px;

}

ul.news-listing li p.news-meta {

	color: #bababa;

	font-size: 11px;

	margin: 0;

	float: left;

	width: 100%;

	margin-bottom: 15px;

}

ul.news-listing li h3 {

	margin-bottom: 0;

	float: left;

	width: 100%;

}

.news-listing-thumb {

	float: left;

	width: 287px;

	margin-right: 20px;

}

.news-listing-desc {

	float: left;

	width: 611px;

}

.careers-list {

	width: 100%;

}

.careers-list ul {

	margin-top: -20px;

	margin-bottom: 20px;

	float: left;

	width: 100%;

	padding-left: 10px;

}

.careers-list ul li {

	float: left;

	width: 100%;

	background-color: #fff;

	-webkit-box-shadow: none!important;

	-moz-box-shadow: none!important;

	box-shadow: none!important;	

	padding: 0px 0px 0px 10px!important;

	position: relative;

	border:none!important;

	margin-top: 0px;	

	background: url(../images/green-arrow.png) no-repeat left 7px;	

}

.float-L {

	float: left!important;

}

* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.pagination {

	margin-top: 30px;

}

img.img-left {

	float: left;

	margin-right: 20px;

	margin-bottom: 15px;

}

img.img-right {

	float: right;

	margin-left: 20px;

	margin-bottom: 15px;

}

/********** MISC STYLES **********/

.clear {

	clear: both;

}

.float-L {

	float: left;

}

.float-R {

	float: right;

}

a.btn {

	display: block;

	background: #49a841;

	border: solid 1px #42983a;

	color: #fff;

	float: right;

	padding: 10px 30px 10px 20px;

	text-decoration: none;

	position: relative;

	color: #fff;

}

a.btn span {

	width: 5px;

	height: 9px;

	display: block;

	position: absolute;

	top: 16px;

	right: 14px;

	background: url(../images/white-arrow.png) no-repeat left top;

}

a.btn:hover {

	background-color: #414141;

	color: #fff;

	-webkit-transition: background-color .3s ease-in;

	-moz-transition: background-color .3s ease-in;

	-o-transition: background-color .3s ease-in;

	-ms-transition: background-color .3s ease-in;

	transition: background-color .3s ease-in;

}



.ulTiles{
	width:100%;
	list-style:none;
	padding:0;
	text-align:left;
	overflow:auto;
}

.liTiles{
	width: 33%;
	display: inline-block;
	margin-bottom:15px;
	vertical-align: top;
}

.liTileSpan{
	display:block;
	padding: 0;
	width:80%;
}

.liTilesForLogos{
	width: 14%;
	display: inline-block;
	margin-bottom:15px;
	vertical-align: middle;
}





/********** IE FIXES **********/



.ie7 .flex-direction-nav .flex-next, .ie8 .flex-direction-nav .flex-next {

	display: none;

	right: 0px;

}

.ie7 .flex-direction-nav .flex-prev, .ie8 .flex-direction-nav .flex-prev {

	left: 0px;

	display: none;

}

.ie7 .flexslider:hover .flex-next, .ie8 .flexslider:hover .flex-next {

	right: 20px;

	display: block;

}

.ie7 .flexslider:hover .flex-prev, .ie8 .flexslider:hover .flex-prev {

	left: 20px;

	display: block;

}

.ie8 .product-container, .ie7 .product-container {

	background-color: #f2f2f2;

	border: solid 1px #ececec;

}

.ie8 .product-container.middle, .ie7 .product-container.middle {

	margin: 0 27px;

}

.hidden-ul {
	
	display: none;
	opacity: 0;
	visibility: hidden;
	
}

.expand-below-li:hover ul{
	display: block;
	opacity: 1;
	visibility: visible;
	
}

dd {
	display: list-item;
	list-style-type: disc;
	margin-left: 25px;
}

/********** Shadowbox **********/



#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {

	font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-weight: 200;

	color: #fff;

}

#sb-container {

	position: fixed;

	margin: 0;

	padding: 0;

	top: 0;

	left: 0;

	z-index: 999;

	text-align: left;

	visibility: hidden;

	display: none;

}

#sb-overlay {

	position: relative;

	height: 100%;

	width: 100%;

}

#sb-wrapper {

	position: absolute;

	visibility: hidden;

	width: 100px;

}

#sb-wrapper-inner {

	position: relative;

	border: 1px solid #303030;

	overflow: hidden;

	height: 100px;

}

#sb-body {

	position: relative;

	height: 100%;

}

#sb-body-inner {

	position: absolute;

	height: 100%;

	width: 100%;

}

#sb-player.html {

	height: 100%;

	overflow: auto;

}

#sb-body img {

	border: none;

}

#sb-loading {

	position: relative;

	height: 100%;

}

#sb-loading-inner {

	position: absolute;

	font-size: 14px;

	line-height: 24px;

	height: 24px;

	top: 50%;

	margin-top: -12px;

	width: 100%;

	text-align: center;

}

#sb-loading-inner span {

	background: url(../images/lightbox/loading.gif) no-repeat;

	padding-left: 34px;

	display: inline-block;

}

#sb-body, #sb-loading {

	background-color: #060606;

}

#sb-title, #sb-info {

	position: relative;

	margin: 0;

	padding: 0;

	overflow: hidden;

}

#sb-title, #sb-title-inner {

	height: 26px;

	line-height: 26px;

}

#sb-title-inner {

	font-size: 16px;

}

#sb-info, #sb-info-inner {

	height: 20px;

	line-height: 20px;

}

#sb-info-inner {

	font-size: 12px;

}

#sb-nav {

	float: right;

	height: 16px;

	padding: 2px 0;

	width: 45%;

}

#sb-nav a {

	display: block;

	float: right;

	height: 16px;

	width: 16px;

	margin-left: 3px;

	cursor: pointer;

	background-repeat: no-repeat;

}

#sb-nav-close {

	background-image: url(../images/lightbox/close.png);

}

#sb-nav-next {

	background-image: url(../images/lightbox/next.png);

}

#sb-nav-previous {

	background-image: url(../images/lightbox/previous.png);

}

#sb-nav-play {

	background-image: url(../images/lightbox/play.png);

}

#sb-nav-pause {

	background-image: url(../images/lightbox/pause.png);

}

#sb-counter {

	float: left;

	width: 45%;

}

#sb-counter a {

	padding: 0 4px 0 0;

	text-decoration: none;

	cursor: pointer;

	color: #fff;

}

#sb-counter a.sb-counter-current {

	text-decoration: underline;

}

div.sb-message {

	font-size: 12px;

	padding: 10px;

	text-align: center;

}

div.sb-message a:link, div.sb-message a:visited {

	color: #fff;

	text-decoration: underline;

}



/********** MEDIA QUERIES STYLES **********/







/* Tablet Portrait size to standard 960 (devices and browsers) */



@media only screen and (min-width: 768px) and (max-width: 959px) {

button, input[type="submit"], input[type="reset"], select {

	-webkit-appearance: none;

}

.flex-direction-nav .flex-next {

	right: 0px;

}

.flex-direction-nav .flex-prev {

	left: 0px;

}

}







/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */



@media only screen and (min-width: 480px) and (max-width: 767px) {

button, input[type="submit"], input[type="reset"], select {

	-webkit-appearance: none;

}

.flex-direction-nav .flex-next {

	right: 0px;

}

.flex-direction-nav .flex-prev {

	left: 0px;

}

}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */



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

button, input[type="submit"], input[type="reset"], select {

	-webkit-appearance: none;

}

.flex-direction-nav .flex-next {

	right: 0px;

}

.flex-direction-nav .flex-prev {

	left: 0px;

}

}