@import 'reset.less';
@import 'grid.less';

//////////
// GRID //
//////////

// Specify the number of columns and set column and gutter widths
@columns: 16;
@column-width: 50;
@gutter-width: 10;

// Remove the definition below for a pixel-based layout
@total-width: 100%;
@radius: 7px;
@radius2: 4px;
@branding-color:#298fc6;




/* ==|== primary styles =====================================================
   Author: www.griddesign.co.uk
   ========================================================================== */

body {
		color: #666;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
		font-family: Arial, Helvetica, sans-serif;
		font-size:62.5%;
		line-height:1.5;
		margin: 0;
		padding: 0;
		background:url(../img/main-bg.jpg) no-repeat center 0;
}

#outer-wrapper {
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

a, a:link {
	text-decoration:none;
	color:@branding-color;
}

a:visited {
	color:#298fc6;
}

a:hover {
	text-decoration:underline;
}

h1 {
	font-weight:normal;
	letter-spacing:-1px;
	font-size: 2.4em; /* 24px */ line-height: 1.5em; /* 36px */ margin-top: 0.75em; margin-bottom: 0em; color:#222; font-weight:bold;
}

h2 {
	font-size: 1.8em; /* 18px */ line-height: 1em; /* 18px */ margin-top: 1em; margin-bottom: 0em; color:@branding-color; font-weight:bold;
	font-weight:normal;
}

h3 {
  font-size: 1.6em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0em; color:#222; font-weight:bold;
}

h4 {
  font-size: 1.4em; /* 14px */ line-height: 1.2857em; /* 18px */ margin-top: 1.2857em; margin-bottom: 0em; color:#6db266; font-weight:bold;
}

h5 {
  font-size: 1.2em; /* 12px */ line-height: 1.5em; /* 18px */ margin-top: 1.5em; margin-bottom: 0em; color:#222; font-weight:bold;
}

h6 {
  font-size: 1.1em; /* 12px */ line-height: 1.5em; /* 18px */ margin-top: 1.5em; margin-bottom: 0em; color:#222; font-weight:bold;
}

h1,h2,h3,h4,h5,h6,ul,ol,p {
  margin-bottom:18px;
}

hr {
		border-top:0;
		border-bottom:1px dotted #ccc;
		height:1px;
}



.highlighted {
 color:#6db266;
 font-weight:bold;
 letter-spacing:1px;
}

ul{
	margin:0 0 1em 0em;
	padding:0;
	list-style:none;
}

ul li {
  font-size:1.2em;
	padding:0 0 0 0em;
	list-style-position:outside;
}

p {
  font-size:1.2em;
	margin:0 0 1.5em 0;
}

a.button {
  font-size:1.2em;
	background-color:#2384b9;
	padding:5px 10px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .33);
	color:#fff;
	display:inline-block;
	text-decoration:none!Important;
	-moz-border-radius: @radius2; /* Firefox */
  -webkit-border-radius: @radius2; /* Safari, Chrome */
	-o-border-radius:  @radius2;
  border-radius: @radius2; /* CSS3 */
	background-color: #2384b9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3fb9f9), to(#2384b9));
  background-image: -webkit-linear-gradient(top, #3fb9f9, #2384b9);
  background-image: -moz-linear-gradient(top, #3fb9f9, #2384b9);
  background-image: -ms-linear-gradient(top, #3fb9f9, #2384b9);
  background-image: -o-linear-gradient(top, #3fb9f9, #2384b9);
  background-image: linear-gradient(top, #3fb9f9, #2384b9);	
	border:1px solid #eee;
	clear:both;
}

a.button:hover {
	background-color:#2384b9;
	background-image:none;
	text-decoration:none!Important;
}

a.read-more {
  font-size:1.2em;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

img.float-left { margin-right:10px; }

/*--------------------------------------------------*/

header{
  .column(16);
	overflow:visible;
	position:relative;
	z-index:9000;
}


.distributors-area-wrapper { position:absolute; top:132px; right:10px; height:32px; width:200px; z-index:9998; }
.distributors-area-wrapper table { width:100%; }
.distributors-area-wrapper table td { padding:7px; text-align:center;  }
.distributors-area-wrapper table td a { font-size:12px; }
.distributors-area-wrapper a.distributors-area-button { background:url(../img/distributors-area-button.png) no-repeat 0 0;width:154px;height:32px;display:block;text-indent:-9999px;z-index:100;float:right; }

.logo{
	margin:0!Important;
}

.logo a{
	.column(4);
	margin:0!Important;
	float:left;
}

.logo a img{
	max-width:100%;
	padding:20px 20px 12px 50px;
}

.logo figcaption {
	.column(12);
	margin:0!Important;
  float:left;
}

.logo figcaption h1 {
  font-weight:normal;
	padding:28px 150px 0 0px!Important;
	text-align:right;
}

.logo figcaption h1, footer .branding h1{
  font-size:3em;
	margin-bottom:0;
	padding-left:15px;
	padding-top:.5em;
	padding-bottom:0;
	margin-left:-2px;
	color:#fff;
	letter-spacing:0;
	font-weight:normal;
}

.logo figcaption h2, footer .branding h2{
  font-size:1.4em;
	letter-spacing:0;
	color:#fff;
	margin-top:-2px;
	padding-bottom:2em;
	padding-left:15px;
}

header hgroup {
  display:none;
}

.short-links { font-size:12px; text-shadow:none; color:#fff; position:absolute; top:20px; right:70px; }
.short-links a {color:#85d1f1;}



/*-----------------------------------------------*/

nav{
	clear:both;
	float:left;
	width:100%;
	position:relative;
	z-index:9900;
}

.ie7 nav {z-index:9999;}

nav ul{
	margin:0!Important;
	padding:0!Important;
}

nav ul li {
  float:left;
	margin:0 1px 0 0!Important;
	background-image:none;
	padding:0;
}

.ie7 nav{
	z-index:9999!Important;
}

nav ul li a{
	display:block;
	padding:10px 18px;
	font-size:14px;
	text-decoration:none;
	color:#0a83ba;
}

nav > ul > li > a {
	height:25px; 
}

nav ul li a:hover{
	color:#6db266;
	text-decoration:none;
}

nav ul li.selected > a{
	color:#333;
}

/*-----------------------------------------------*/

ul#topnav li .sub {
	position: absolute;	
	top: 46px; left: 0;
	float: left;
	-moz-border-radius: @radius2; /* Firefox */
  -webkit-border-radius: @radius2; /* Safari, Chrome */
	-o-border-radius:  @radius2;
  border-radius: @radius2; /* CSS3 */
	display: none;
	z-index:99999;
/*	background:url(../img/menu-bg.jpg) no-repeat 0 0;
*/	background:#f4f4f4;
	padding:0px;
}

.ie7 ul#topnav li .sub {
	z-index:1!Important;
}

ul#topnav li .row {clear: both; float: left; width: 100%;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 20px 0 0 15px!Important;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	border-bottom:1px dotted #d1d1d1;
}

ul#topnav .sub ul li h2{
	font-size:21px;
	color:#5b4b22!Important;
	margin-top:0;
	padding-top:0;
}

ul#topnav .sub ul li h3{
	font-size:16px;
	color:#5b4b22!Important;
}

ul#topnav .sub ul li p{
	font-size:13px;
	color:#5b4b22!Important;
}

ul#topnav .sub ul li:last-child {
	border-bottom:none;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 10px 5px 10px 15px;
	display: block;
	text-decoration: none;
	color: #0a83ba;
	text-transform:capitalize;
	background-color:transparent;
}


ul#topnav .sub ul li a:hover {color: #fff; background-color:#01ADE8; text-shadow:#018ebe -1px -1px;}

ul#topnav .sub ul li a.selected { color:#000; }

ul#topnav ul li.selected .sub ul li a {
	text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
	color:#0a83ba;
}

.selected .sub ul li a:hover {
	text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}


/* Creozon Menu @version 1.0.1 */
ul.nav { position:relative; z-index:99999;  }
ul.nav > li { }
ul.nav li,
ul.nav ul { display:block; }
ul.nav > li,
ul.nav > li > a { display:block; float:left; }
ul.nav > li > div { float:left; position:absolute; top:45px; border-top:1px solid #fff; left:0px; z-index:9999; display:none; padding:10px; background:#f4f4f4; -moz-border-radius: @radius2; /* Firefox */-webkit-border-radius: @radius2; /* Safari, Chrome */-o-border-radius:  @radius2;border-radius: @radius2; min-width:555px; padding-bottom:60px; }
ul.nav > li > div > ul { float:left; padding:10px !Important; width:257px;  }
ul.nav > li > div > ul.white { background:#fff; -moz-border-radius: @radius2; /* Firefox */-webkit-border-radius: @radius2; /* Safari, Chrome */-o-border-radius:  @radius2;border-radius: @radius2; }
ul.nav > li > div > ul.white a { }
ul.nav > li > div > ul.normal {}
ul.nav > li > div > ul.normal li.group > a {  }
ul.nav > li > div > ul li { clear:both; float:none; }
ul.nav > li > div > ul:hover { }
ul.nav > li > div a:hover,
ul.nav > li > div > ul > li.group > a:hover {  color:#fff; background-color:#01ADE8; text-shadow:#018ebe -1px -1px; }
ul.nav > li > div > ul > li.group > a { background:url(../img/hdash.png) bottom left repeat-x; color:#6c6c6c; font-weight:bold; }
ul.nav > li > div .nav-contact-box { position:absolute; left:0px; bottom:0px; width:100%; }
ul.nav > li > div .nav-contact-box span { color:#fff; display:block; background-color:#085C89;text-shadow:none;padding:13px; -moz-border-radius: @radius2; /* Firefox */-webkit-border-radius: @radius2; /* Safari, Chrome */-o-border-radius:  @radius2;border-radius: @radius2; /* CSS3 */ }
ul.nav > li > div .nav-contact-box a  {display:inline; margin:0;color:#D2EE5D;text-shadow: 0 1px 0 #000000;background-color:none; }
ul.nav > li > div .nav-contact-box a:hover { color:#D2EE5D; background:none;text-decoration:underline; }

ul.nav > li > div > ul li div.carousel { width:256px !important; height:220px !Important; overflow:hidden; background:#fff; margin-top:10px; }
ul.nav > li > div > ul li div.carousel ul,
ul.nav > li > div > ul li div.carousel ul li { display:block; width:250px !Important; height:220px !Important; text-align:center; }
ul.nav > li > div > ul li div.carousel ul li img { margin:0px auto; }
ul.nav > li > div > ul li div.carousel ul li > div { padding:10px; }
ul.nav > li > div > ul li div.carousel ul li > div h3 a { display:block; padding:0px !important; margin:0px !important; text-shadow:none; font-weight:normal; }
ul.nav > li > div > ul li div.carousel ul li > div h3 a:hover { background:none;  color:#6c6c6c; }

.carousel-control { position:relative;  z-index:9999;  padding:10px 0px 5px 0px; }
.carousel-control a { display:block; padding:0px; margin:0px; width:14px; height:12px; float:left; margin-right:1px; background:url(../theme/bg_control_nav.png) 0px 0px no-repeat; }
.carousel-control a.active,
.carousel-control a:hover { background:none !important; background-color:none !important; background:url(../theme/bg_control_nav.png) 0px -26px no-repeat !important;  }

/*-----------------------------------------------*/



.featured-box{
	margin:20px!Important;
	-moz-border-radius: @radius2; /* Firefox */
  -webkit-border-radius: @radius2; /* Safari, Chrome */
	-o-border-radius:  @radius2;
  border-radius: @radius2; /* CSS3 */
	padding:0px;
	}

.featured-box li{
	padding:0 10px 20px 20px;
	width:220px!Important;
	border-bottom:0!Important;
}

/*--------------------------------------------------*/

.breadcrumb {
  clear:left;
	float:left;
	padding:28px 0 18px 10px;
	font-size:1.1em;
	.column(10);
	margin:0;
}

.breadcrumb a{
	padding:0 5px;
}

.breadcrumb span{
	padding:0 0 0 5px;
}

/*--------------------------------------------------*/

.search-field { float:right; padding:10px 0 0 0;}

.ie7 .search-field {  margin:0!Important; .column(6);  }
.ie8 .search-field {  margin:0!Important; .column(6);  }


.search-field ul { overflow:visible; float:right;}
.search-field ul li { float:left;}
.search-field ul li .itext { box-shadow:none!Important; border-radius:0; border-bottom-left-radius:4px; border-top-left-radius:4px; border:1px solid #ccc; color:#666;  }
.search-field ul li .ibutton {border-radius:0; padding:0 10px; height:27px; line-height:7px; border-bottom-right-radius:4px; border-top-right-radius:4px; border:none; }
.ie9 .search-field ul li .ibutton {height:26px!Important;}
.ie7 .search-field ul li .ibutton {line-height:27px; float:left;}


/*--------------------------------------------------*/

#content-wrapper {

}

.main-column {
	.column(12);
	float:right;
	div.box-wrapper {
		.row(12);

		div.nested-box-wrapper-medium {
			.column(4,12);
			padding:0;
			overflow:hidden;
		}
		
		div.nested-box-wrapper-large{
			.column(8,12);
			padding:0;
			overflow:hidden;
		}
		
		div.nested-box-wrapper-small {
			.column(3,12);
			padding:0;
			overflow:hidden;
		}
		
	}
	
}

/*-----------------------------------------------*/

.flexslider {
.column(12);
}

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider ul li {padding:0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1; margin:0 0 10px 0;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flexslider .slides > li img {  -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;  }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none;  zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a { width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(../theme/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; }
.flex-direction-nav li .next { right: 5px; background:url(../theme/next.png) 0 0 no-repeat; }
.flex-direction-nav li .next:hover { background:url(../theme/next.over.png) 0 0 no-repeat; }
.flex-direction-nav li .prev { left:5px; background:url(../theme/prev.png) 0 0 no-repeat }
.flex-direction-nav li .prev:hover { background:url(../theme/prev.over.png) 0 0 no-repeat; }
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: left; left:13px;}
.flex-control-nav li {margin: 0 0 0 7px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../theme/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/*-----------------------------------------------*/

.sidebar {
	.column(4);
}

/*-----------------------------------------------*/

.box {
	margin:0 0 10px 0;
	padding:15px 15px 15px 15px;
	overflow:hidden;
	-moz-border-radius: @radius; /* Firefox */
  -webkit-border-radius: @radius; /* Safari, Chrome */
  border-radius: @radius; /* CSS3 */
}

.box figure{
	margin:9px 0;
}

.box figure img{
	max-width:100%;
}

.box h2 {
	margin-top:0;
}

.box h3 {
	margin-top:0;
}

.box-description{
	text-align:center;
}

.box-description a{
	font-size:1.2em;
	padding-bottom:9px;
	display:block;
}

/*-----------------------------------------------*/

.product-brochure-box {
 padding:0;
}

.product-brochure-box a{
 padding:0;
 background:none;
}

.product-brochure-box a img{
  max-width:100%;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
	-o-border-radius:  5px;
  border-radius: 5px; /* CSS3 */
}

/*-----------------------------------------------*/

.navigation-box{
	padding-bottom:0;
	margin:-15px 0 0 0;
}

.navigation-box h2 {
	background:@branding-color;
	margin:0 -15px 10px -15px;
	padding:10px 15px;
	color:#fff;
	text-shadow:none;
	-moz-border-radius: @radius2; /* Firefox */
  -webkit-border-radius: @radius2; /* Safari, Chrome */
	-o-border-radius:  @radius2;
  border-radius: @radius2; /* CSS3 */
}

.navigation-box h2 a, 
.navigation-box h2 a:hover { color:#fff; text-decoration:none; }

.navigation-box ul{
  background:none;
}

.navigation-box ul li{
  background:none;
	padding:0 0 9px 0;
	margin:0 0 9px 0;
	border-bottom:1px dotted #999;
}

.navigation-box ul li:last-child{
	border-bottom:none;
}

.navigation-box ul li.selected > a{
	color:#222;
}

.navigation-box ul li ul{
  background:none;
	padding:9px 0 9px 0;
	margin:0 0 0 0;
	border-bottom:none;
}

.navigation-box ul li ul li{
  background:none;
	padding:0 0 0 15px;
	margin:0 0 0 0;
	border-bottom:none;
	font-size:12px;
}

.navigation-box ul li ul li a{
	color:#51a649!Important;
}

.navigation-box ul li ul li.selected > a{
	color:#298fc6!Important;
}

.navigation-box ul li ul li.selected{
	background:url(../img/selected-arrow.png) no-repeat 0 3px;
}

/*-----------------------------------------------*/

.sales-enquiry-box {
	background-color: #6db266;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#83bd7d), to(#6db266));
  background-image: -webkit-linear-gradient(top, #83bd7d, #6db266);
  background-image: -moz-linear-gradient(top, #83bd7d, #6db266);
  background-image: -ms-linear-gradient(top, #83bd7d, #6db266);
  background-image: -o-linear-gradient(top, #83bd7d, #6db266);
  background-image: linear-gradient(top, #83bd7d, #6db266);	
}

.form-box.product-enquiry-form {
	background-color: #6db266;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#83bd7d), to(#6db266));
  background-image: -webkit-linear-gradient(top, #83bd7d, #6db266);
  background-image: -moz-linear-gradient(top, #83bd7d, #6db266);
  background-image: -ms-linear-gradient(top, #83bd7d, #6db266);
  background-image: -o-linear-gradient(top, #83bd7d, #6db266);
  background-image: linear-gradient(top, #83bd7d, #6db266);	
}

.form-box.product-enquiry-form h2{
	color:#fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

.form-box.product-enquiry-form h2 span{
	font-size:14px;
}

.form-box.product-enquiry-form label{
	color:#fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

.sales-enquiry-box h2, .sales-enquiry-box h2 a, .sales-enquiry-box h3, .sales-enquiry-box p{
	color:#fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

.sales-enquiry-box h2 a:hover { text-decoration:none; }

.sales-enquiry-box h3, .sales-enquiry-box p{
	margin-bottom:0;
}

.sales-enquiry-box p{
	padding-right:15px;
}

/*-----------------------------------------------*/

.product-support-box {
	background-color: #085b87;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a71a7), to(#085b87));
  background-image: -webkit-linear-gradient(top, #0a71a7, #085b87);
  background-image: -moz-linear-gradient(top, #0a71a7, #085b87);
  background-image: -ms-linear-gradient(top, #0a71a7, #085b87);
  background-image: -o-linear-gradient(top, #0a71a7, #085b87);
  background-image: linear-gradient(top, #0a71a7, #085b87);	
}

.product-support-box h2, 
.product-support-box h2 a, 
.product-support-box h3, 
.product-support-box p{
	color:#fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

.product-support-box h2 a:hover { text-decoration:none; }

.product-support-box h3, .product-support-box p{
	margin-bottom:0;
}

.product-support-box p{
	padding-right:15px;
}


.product-banner {
	width:710xp;
	height:234px;
	-moz-border-radius: @radius; /* Firefox */
  -webkit-border-radius: @radius; /* Safari, Chrome */
	-o-border-radius:  @radius;
  border-radius: @radius; /* CSS3 */
	overflow:hidden;
	position:relative;
	margin:0 0 18px 0;
}

.banner-branding {
	position:absolute;
	height:100px;
	padding:12px 36px 0 36px;
	bottom:22px;
	background:url(../img/banner-branding-bg.png) repeat 0 0;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
}

.banner-branding h1, .banner-branding h2{
	text-shadow:none;
	color:#fff;
	margin:0!Important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
}

.banner-branding h1{
	margin:0 0 6px 0!Important;
	font-size:36px;
}
/*-----------------------------------------------*/

.news-box {
	padding-bottom:0;
}

.news-box h2, 
.news-box h2 a {
	color:#222;
}

.news-box h2 a:hover { text-decoration:none; }

.news-box h3{
	margin-bottom:9px;
	font-size:1.4em;
	line-height:18px;
}

.news-box h3 a{
	text-decoration:none;
	font-weight:normal;
}

.news-box p{
	margin-bottom:0;
}

.news-box div {
  clear:both;
	overflow:hidden;
	border-bottom:1px dotted #999;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

.news-box div:last-child{
	border-bottom:0;
}

.news-box div + div{
  margin-top:0;
}


/*-----------------------------------------------*/

.looking-for-a-product-box{
	background-color: #F4F4F4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#c7c7c7));
  background-image: -webkit-linear-gradient(top, #f4f4f4, #c7c7c7);
  background-image: -moz-linear-gradient(top, #f4f4f4, #c7c7c7);
  background-image: -ms-linear-gradient(top, #f4f4f4, #c7c7c7);
  background-image: -o-linear-gradient(top, #f4f4f4, #c7c7c7);
  background-image: linear-gradient(top, #f4f4f4, #c7c7c7);	
} 

.looking-for-a-product-box h2, 
.looking-for-a-product-box h2 a,
.looking-for-a-product-box h2 a:hover {
  color:#222; 
  text-decoration:none;
} 

.looking-for-a-product-box .iselect {
	width:100%!Important;
}

.iselect { min-width:200px; }

/*-----------------------------------------------*/

.newsletter-box {
	background-color: #F4F4F4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#c7c7c7));
  background-image: -webkit-linear-gradient(top, #f4f4f4, #c7c7c7);
  background-image: -moz-linear-gradient(top, #f4f4f4, #c7c7c7);
  background-image: -ms-linear-gradient(top, #f4f4f4, #c7c7c7);
  background-image: -o-linear-gradient(top, #f4f4f4, #c7c7c7);
  background-image: linear-gradient(top, #f4f4f4, #c7c7c7);	
}

.newsletter-box h2, 
.newsletter-box h2 a {
	font-size:1.4em;
	color:#666;
	letter-spacing:0;
}

.newsletter-box h2 a:hover { text-decoration:none; }
.newsletter-box .itext {
	width:94%!Important;
}

.newsletter-box a.button {
	border:1px solid #999;
}

/*-----------------------------------------------*/

.nested-box-wrapper-medium .product-box {
	height:330px;
}

.product-box {
  border:1px solid #ccc;
	position:relative;
}

.product-box .button {
	position:absolute;
	bottom:20px;
	right:20px;
}

.product-box h3{
	font-size:1.4em;
	line-height:18px;
	position:absolute;
}

.product-box h3 a{
	font-weight:normal;
}

.product-box a.button {
  margin-bottom:0!Important;
}

.product-box .image-container {
text-align:center;
	margin-top:36px;
	margin-bottom:9px!Important;
}

.product-box .image-container img {
	max-width:100%;
}

.product-box .image-container img { margin:0px auto; }

/*-----------------------------------------------*/


.introduction-box {
	background-color: #0a83ba;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0c9ada), to(#0a83ba));
  background-image: -webkit-linear-gradient(top, #0c9ada, #0a83ba);
  background-image: -moz-linear-gradient(top, #0c9ada, #0a83ba);
  background-image: -ms-linear-gradient(top, #0c9ada, #0a83ba);
  background-image: -o-linear-gradient(top, #0c9ada, #0a83ba);
  background-image: linear-gradient(top, #0c9ada, #0a83ba);
	color:#fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
	padding:15px!Important;
}

.introduction-box h1{
	color:#fff;
	margin-top:0;
}

.introduction-box h1 span{
	font-size:16px;
	font-weight:normal;
	letter-spacing:0;
}

.introduction-box h3{
	color:#fff!Important;
}


.introduction-box a.button {
  float:right;
}



/*-----------------------------------------------*/

.newsletter-box .iform ul { margin:20px 0 0 0;
}



.form-box {
	margin-left:-15px;
	background-color: #F4F4F4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#c7c7c7));
  background-image: -webkit-linear-gradient(top, #f4f4f4, #c7c7c7);
  background-image: -moz-linear-gradient(top, #f4f4f4, #c7c7c7);
  background-image: -ms-linear-gradient(top, #f4f4f4, #c7c7c7);
  background-image: -o-linear-gradient(top, #f4f4f4, #c7c7c7);
  background-image: linear-gradient(top, #f4f4f4, #c7c7c7);	
	overflow:hidden;
}



.iform { width:100%; margin:10px auto 0 auto;}
.iform ul { margin:0; padding:0; list-style:none; }
.iform ul ul { overflow:auto}

.iform li { background:none; padding:0 0 15px 0; background-image:none; list-style-image:none!Important; list-style-type:none!Important; text-indent:0!Important;}

.copy .iform ul li { background:none; }

.iform label { 
 width:100%; display:block; float:left; line-height:26px;
}

.iform label.ilabel { 
 width:auto; display:inline; float:none; line-height:26px; padding:0 5px
}

.iform .itext,.iform .itextarea,.iform .iselect,.iform .ibutton { 	
	width:268px;
	border:1px solid #999;
	-moz-border-radius: @radius2; /* Firefox */
  -webkit-border-radius: @radius2; /* Safari, Chrome */
	-o-border-radius:  @radius2;
  border-radius: @radius2; /* CSS3 */
	margin:0;
	padding:5px;
	background: #fff;
	background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
	background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

p.white { color:#fff; text-shadow:#618f5c 1px 1px; }

.iform input.error, 
.iform input.invalid { background:#fff url(../img/attention.png) 98% 3px no-repeat; }

.iform .itext:hover,.iform .itextarea:hover,.iform .iselect:hover,.iform .ibutton:hover,
.iform .itext:focus,.iform .itextarea:focus,.iform .iselect:focus,.iform .ibutton:focus{
border-color: #333;
background:#fff;
}

.iform .itextarea{ 
	height:100px; width: 250px;
}
.iform .ibutton {
  color:#fff;
	width:auto;
	background: #A2BD30;
	background-color: #2384b9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3fb9f9), to(#2384b9));
  background-image: -webkit-linear-gradient(top, #3fb9f9, #2384b9);
  background-image: -moz-linear-gradient(top, #3fb9f9, #2384b9);
  background-image: -ms-linear-gradient(top, #3fb9f9, #2384b9);
  background-image: -o-linear-gradient(top, #3fb9f9, #2384b9);
  background-image: linear-gradient(top, #3fb9f9, #2384b9);	
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	float:right;
	padding:10px 15px;
	height:37px;
	
	-moz-border-radius: @radius2; /* Firefox */
  -webkit-border-radius: @radius2; /* Safari, Chrome */
	-o-border-radius:  @radius2;
  border-radius: @radius2; /* CSS3 */
	text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
}
.iform .ibutton:hover,.iform .ibutton:focus { background:#2384b9;}
.iform li.iheader { display:block; font-size:18px; border-bottom:1px solid #000; padding:5px; text-indent:10px; margin:5px 0 15px }
.iform li.iseparator { display:block; text-indent:-9999px; height:10px; line-height:10px; border-bottom:1px solid #999;margin:5px 0 15px }

.iform .required { border-color:#F00; }

input[type=search] {
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}

.display-none {
	display:none!Important;
}

.unsubscribe-link {
  float:left;
}


/*------------------------------------------------*/

.section-title h2 {
 color:#222;
 margin-top:8px;
}

.copy {
	padding:0 0 0 15px;
	margin:0 0 10px 0;
	overflow:hidden;
}

.copy h1 {
	margin-top:0;
	max-width:590px;
}

.copy h2{
	max-width:590px;
}

.copy h3{
	max-width:590px;
	font-size: 1.4em; /* 14px */ line-height: 1.2857em; /* 18px */ margin-top: 1.2857em; margin-bottom: 0em; color:#6db266; font-weight:bold;
}
.copy h4{
	max-width:590px;
	font-size: 1.2em; /* 12px */ line-height: 1.5em; /* 18px */ margin-top: 1.5em; margin-bottom: 0em; color:#222; font-weight:bold;
	}
.copy h5{
	max-width:590px;
	font-size: 1.1em; /* 12px */ line-height: 1.5em; /* 18px */ margin-top: 1.5em; margin-bottom: 0em; color:#222; font-weight:bold;
}
.copy h6{
	max-width:590px;
}

.copy h1,.copy h2,.copy h3,.copy h4,.copy h5,.copy h6,.copy p,.copy ul{
	margin-bottom:18px;
}

.copy p{
	max-width:590px;
}

.copy ul {
	max-width:590px;
	margin:0 0 1.8em 0;
	
	
}

.copy ul li { display:block; background:url(../img/dot.png) 0px 6px no-repeat;  padding:0px 0px 5px 10px; }

.ie7 .copy ul li {

}

.copy a {
	text-decoration:underline;
}

.copy .button {
	margin:9px 0;
	padding:5px 15px;
}

.copy .button span{
  display:block;
}

.button.application-pdf span,
.button.pdf span {
	background:url(../img/pdf-icon.png) no-repeat right 1px;
	padding:0 30px 0 0;
}

.button.application-vnd-ms-excel span,
.button.application-vnd-openxmlformats-officedocument-wordprocessingml-document span,
.button.doc span{
	background:url(../img/docx-mac-icon.png) no-repeat right 1px;
	padding:0 30px 0 0;
}

.button.application-x-zip-compressed span,
.button.zip span{
	background:url(../img/zip-icon.png) no-repeat right 1px;
	padding:0 30px 0 0;
}

.button.swf span{
	background:url(../img/avi-icon.png) no-repeat right 1px;
	padding:0 30px 0 0;
}

.copy .image-container a{
	background:  url(../img/zoom.png) no-repeat left bottom;
	padding-bottom:27px;
	display:block;
}

.copy .image-container img{
	max-width:100%;
}

.copy .large-image-container{
	.column(16);
}

.copy .large-image-container a {
	background:  url(../img/zoom.png) no-repeat left bottom;
	padding-bottom:27px;
	margin-bottom:18px;
	display:block;
}

.copy .large-image-container img {
	max-width:100%;
}

.copy .image-container-small img{
	max-width:100%;
}

.copy .image-container{
  .column(5);
}


.copy .image-container-small{
  .column(4);
	padding:0;
}

.copy .image-container-small img{
	border:1px solid #ccc;
}

.copy .image-container.float-left, .copy .image-container-small.float-left{
	margin:0 18px 18px 0px;
	float:left;
	clear:left;
}

.copy .image-container.float-right, .copy .image-container-small.float-right{
	margin:0 0 18px 18px;
	float:right;
	clear:right;
}

.copy .image-slideshow { display:none; }

.copy figcaption {
	color:#222;
	font-size:1.1em;
	padding:10px 0 0 0;
	font-style:italic;
	font-weight:bold;
}

.copy figure img {
	max-width:100%;
}

.copy .form-box.box ul{
	max-width:100%!Important;
}

.copy .form-box.box li{
	max-width:100%!Important;
}

.form-box label{
	clear:both;
	width:30%;

	text-align:right;
	font-weight:bold;
	padding:0 9px 0 0;
	font-size:13px;
}

.form-box input{
	width:30%;
	display:block;
}

.form-box select{
	width:10%!Important;
}

.form-box textarea{
	width:58%!Important;
}

.form-box .iform ul ul{
	width:25%;
	float:left;
}

.form-box .iform ul ul li{
	overflow:hidden;
	position:relative;
}

.form-box .iform ul ul li input{
	width:20px!Important;
	position:absolute;
	top:7px;
	left:0;
	margin:0;
}

.ie8 .form-box .iform ul ul li input{
	top:4px;
}

.ie9 .form-box .iform ul ul li input{
	top:4px;
}

.form-box .iform ul ul li .ilabel{
	float:left;
	width:100%;
	margin-left:20px;
	text-align:left;
	font-weight:normal;
}

.form-box .iform .ibutton {
	margin:0 60px 0 0;
}

.form-box.login-form .iform .ibutton {
	margin:0 175px 0 0;
}

.header-section { 
	
	background-color: #e6e6e6;
 
	margin:18px 0 18px -15px;
	clear:both;
		-moz-border-radius: @radius; /* Firefox */
  -webkit-border-radius: @radius; /* Safari, Chrome */
	-o-border-radius:  @radius;
  border-radius: @radius; /* CSS3 */

}

.header-content { overflow:hidden; display:none; position:relative; }

.header-section h4 { display:block; padding:10px; max-width:700px; 
cursor:pointer;
	font-size:1.8em;
	font-weight:normal;
	color:#333;
	background:url(../img/expand.png) 98% 50% no-repeat;
}

.supporting-files-wrapper { padding-bottom:30px; }

.header-section h4.expand { background:url(../img/expand.png) 98% 50% no-repeat; }
.header-section h4.colapse { background:url(../img/colapse.png) 98% 50% no-repeat; }

.copy table { max-width:680px; padding:18px 0; margin:0 0 18px 0; }
.copy table tr th { border-bottom:1px dotted #666; padding:9px 0; font-size:1.2em; background-color: #F4F4F4; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#c7c7c7));background-image: -webkit-linear-gradient(top, #f4f4f4, #c7c7c7);background-image: -moz-linear-gradient(top, #f4f4f4, #c7c7c7);background-image: -ms-linear-gradient(top, #f4f4f4, #c7c7c7);background-image: -o-linear-gradient(top, #f4f4f4, #c7c7c7);background-image: linear-gradient(top, #f4f4f4, #c7c7c7); color:#666;text-shadow: 0 1px 0 rgba(255, 255, 255, 1); }
.copy table tr td { border-bottom:1px dotted #666; padding:9px 0;font-size:1.2em;}
.copy table tr td:first-child { padding-left:10px; }

.copy table.specification-table tr td{ color:#198abd; }
.copy table.specification-table tr td + td{ color:#666; }

.velocity-table tr th { padding:10px 18px!Important;font-weight:bold!Important;text-align:left;width:25%;text-shadow: 0 1px 0 rgba(0, 0, 0, 1);letter-spacing:1px; }
.velocity-table tr td { text-align:left;padding:10px 18px!Important;width:25%; }


.probe-container {
	overflow:hidden;
	border-bottom:1px dotted #ccc;
}

.probe-container img{
	padding-top:18px;
}


.clear-both {
	clear:both;
}

/*---------------------------------------------------------*/

.gallery-image{
	margin:0 0 10px 0;
}

.gallery-image img{
	max-width:100%;
	
	-moz-border-radius: @radius; /* Firefox */
  -webkit-border-radius: @radius; /* Safari, Chrome */
  border-radius: @radius; /* CSS3 */
}

/*---------------------------------------------------------*/

footer {
	padding:45px 0 18px 0;
  clear:both;
	.column(16);
}

footer ul{
	overflow:hidden;
	display:inline-block;
	padding:0;
	margin:0;
}

footer img { padding:0 0 18px 0;}


.links-on-right {
	clear:right;
	float:right;
	padding:0 0 9px 0;
	width:170px;
}

footer ul li {
  float:left;
	background:none;
	padding:0 7px 0 0px;
}

footer p {
  clear:both;
	float:left;
	margin:-68px 0 0 0;
}

.ie7 footer p {
	float:none;
}

footer ul li.current a { color:#595959; }

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Crossbrowser float clear */
.fix { position:relative; display:inline-block; }
.fix { zoom:1; display:block; }/* IE6 fix */
.fix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media screen and (max-width: 320px) , screen and (max-width: 480px) , screen and (max-width: 768px) {
  /* Style adjustments for viewports 480px and over go here */
	.logo a{.column(16); float:left;}
	.logo a img{max-width:100%;padding:10px 20px 10px 20px;}
	.logo figcaption {.column(16); margin:0; padding:0 10px 0 0;}
	.logo figcaption h1 { display:none;}
	.logo figcaption h2 { padding-bottom:0;}
  header hgroup {display:block; .column(16); padding:0 0 18px 15px;}
	header hgroup h2{font-size:16px; color:#5B4B22;}
	.featured-box, a.distributors-area-button { display:none; }
	nav ul li {.column(16); position:relative;z-index:1!Important; }
	ul#topnav li {z-index:9999!Important;}
	ul#topnav li .sub {position:relative; top:0; background-color:#B7DDF4; border-top:1px solid #999;
		-moz-border-radius: none!Important;
		-webkit-border-radius: none!Important;
		-o-border-radius: none!Important;
		border-radius: none!Important;
	}
	ul#topnav li .sub ul{ padding:0!Important; margin:0!Important;}
	ul#topnav li .sub ul li{padding-left:5px!Important; border-top:0;}
	ul#topnav .sub ul li a {color: #666!Important;  text-shadow: 0 1px 0 rgba(255, 255, 255, .6);}
	ul#topnav .sub ul li a:hover {color: #fff!Important; background-color:#01ADE8; text-shadow: 0 1px 0 rgba(0, 0, 0, .6);}
	.selected .sub ul li a {color:#fff!Important;text-shadow: 0 1px 0 rgba(255, 255, 255, .6);}
	.selected .sub ul li a:hover {color:#fff!Important;text-shadow: 0 1px 0 rgba(0, 0, 0, .4);}
	ul#topnav li .sub .featured-box {display:none;}
	ul#topnav li .sub .nav-contact-box {display:none;}
	nav li { border-bottom:1px solid #999; border-top:1px solid #fff;}
	.flexslider { display:none; }
	.sidebar { .column(16);}
	.main-column { .column(16); }
	.nested-box-wrapper{ display:none!Important;}
	.copy { .column(15);}
	.copy .image-container { .column(16); margin-bottom:18px;}
	.gallery-image { display:none;}
	.breadcrumb {.column(16);}
	.search-field { .column(16);}
	.search-field .itext{ width:240px;}
	.main-column {
		.column(16);
		float:left;
		div.box-wrapper {
			.row(16);
			div.nested-box-wrapper-medium {
				.column(8,16);
				padding:0;
				overflow:hidden;
		  }
		  div.nested-box-wrapper-large{
				.column(16,16);
				padding:0;
				margin:0 0 10px 0;
				overflow:hidden;
		  }	
	  	div.nested-box-wrapper-small {
				.column(8,16);
				padding:0;
				overflow:hidden;
		  }
	}
}
	.form-box label{
		.column(16);
		display:block;
		text-align:left;
	}
	.form-box select{
		width:97%!Important;
	}
	.form-box textarea{
		width:93%!Important;
	}
	.form-box .iform .itext{
		.column(15);
		display:block;
	}
	.form-box .iform .ibutton{
		.column(16);
		display:block;
	}
	footer p {
		margin:0;
	}
	.form-box .iform ul ul{
		width:50%;
		float:left;
	}
	footer img { padding:18px 0 18px 0;}
	.links-on-right {
		float:left;
		padding:0 0 9px 0;
	}

}



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

	.main-column {
		.column(16);
		float:left;
		div.box-wrapper {
			.row(16);
		
		  div.nested-box-wrapper-large{
				.column(16,16);
				padding:0;
				margin:0 0 10px 0;
				overflow:hidden;
		  }
			
			div.nested-box-wrapper-medium {
				.column(8,16);
				padding:0;
				overflow:hidden;
		  }
		
	  	div.nested-box-wrapper-small {
				.column(4,16);
				padding:0;
				overflow:hidden;
		  }
		
	}
}
		
}


@media only screen and (max-width: 1024px) {
	header { 		background:url(../img/main-bg.jpg) no-repeat center 0; }
	.short-links { display:none;}
	body { background:none; }
  .logo figcaption h1 { display:none;}
	.box-description { min-height:52px;}
	
	a.distributors-area-button {
	top:10px;
	right:0px;
	}
	
	.breadcrumb {
		.column(8); margin:0;
	}
	
	footer p { margin:0;}
		
}

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

	.main-column {
		.column(16);
		float:left;
		div.box-wrapper {
			.row(16);

			div.nested-box-wrapper-medium {
				.column(16,16);
				padding:0;
				overflow:hidden;
		  }
		
		  div.nested-box-wrapper-large{
				.column(16,16);
				padding:0;
				margin:0 0 10px 0;
				overflow:hidden;
		  }
		
	  	div.nested-box-wrapper-small {
				.column(8,16);
				padding:0;
				overflow:hidden;
		  }
		
	}
}
		
}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* Angel */
/* Paging */
.wrapper { position:relative; }

.core-paging { height:35px; padding:10px 0px 0px 0px;  }

.core-paging-options { background:url(../img/hdash.png) 0 0 repeat-x; padding:5px 0px 0px 0px; }


.core-paging a { float:left; display:block; width:25px; height:25px; line-height:25px; font-size:12px; text-align:center; background:#eee; -moz-border-radius: 5px; border-radius: 5px; color:#525252; }
.core-paging a span { display:block; }
.core-paging a:hover, a:active { outline:none;text-decoration:none;  }
.core-paging a.first-page {  }
.core-paging a.first-page:hover {  }
.core-paging a.last-page { }
.core-paging a.last-page:hover {  } 
.core-paging a.prev-page, 
.core-paging a.next-page { width:50px; }
.core-paging a.next-page {  text-align:center; }
.core-paging a.next-page span { } 
.core-paging a.prev-page { text-align:center; }
.core-paging a.prev-page span {  }
.core-paging a.prev-disabled {}
.core-paging a.prev-disabled span { background:none; }
.core-paging a.next-disabled { }
.core-paging a.next-disabled span { background:none; }
.core-paging span.pages { float:left; display:block; margin-right:1px; } 
.core-paging span.pages a { margin-left:1px; }
.core-paging a.prev-page:hover,
.core-paging a.next-page:hover,
.core-paging span.pages a:hover, 
.core-paging span.pages a.current {  background:#83bd7d; color:#fff; text-shadow:#699764 -1px -1px; text-decoration:none; }
.core-paging-options { clear:both;  }
.core-paging-options table td { padding:4px; }

.sort { position:absolute; top:0px; right:0px; width:325px; background:#efefef; padding:5px;  -moz-border-radius: @radius2; /* Firefox */-webkit-border-radius: @radius2; /* Safari, Chrome */-o-border-radius:  @radius2;border-radius: @radius2; /* CSS3 */ }
.sort table td { padding:4px; }
.sort table td a:hover,
.sort table td a.active { text-decoration:none; color:#000; text-decoration:underline;  }
.sort a.asc,
.sort a.desc { display:block; width:16px; height:16px; }
.sort a.desc { background:url(../img/asc.png) center center no-repeat; }
.sort a.asc { background:url(../img/desc.png) center center no-repeat; }

/*
 * jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	
.ui-autocomplete-loading { background:url(../img/loader.gif) 97% 4px no-repeat !important; }


/* workarounds */
* html .ui-autocomplete { width:1px;  } /* without this, the menu expands to 100% in IE6 */

.ui-menu { list-style:none; margin:0; display:block; float:left; background:#f4f4f4;  z-index:9999; }
.ui-menu .ui-menu { margin-top: -3px; padding:10px; }
.ui-menu .ui-menu-item { margin:0;padding: 0; zoom:1; float:left; clear:left; width:100%;}
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:5px; zoom:1; cursor:pointer; }
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; background:#01ade8; color:#fff; text-shadow:#0188b7 -1px -1px; }

.block-separator { height:20px; background:url(../img/hdash.png) center center repeat-x; }

.block-item-row {}
.block-item-row h3 { margin:0px; padding-bottom:5px; }
.block-item-row h3 a { text-decoration:none; }
.block-item-row .block-thumbnail { display:block; width:100px;  padding-right:10px; float:left;  }
.block-item-row .block-thumbnail img { }
.block-item-row .block-description { }
.block-item-row .block-result-description {}
.block-item-row .block-description .block-brief { font-size:12px; }
.block-item-row .block-date { font-weight:normal; padding-bottom:5px; color:#999999; font-size:11px; }
.block-item-row .block-description .read-more { display:block; margin-top:10px; }

.block-result-description-active { }


.filter { font-size:12px; background:#f7f7f7; padding:15px 20px 20px 20px; -moz-border-radius: 7px; /* Firefox */ -webkit-border-radius: 7px; /* Safari, Chrome */ border-radius: 7px; /* CSS3 */ background:url(../img/gradient.png) 0 0 repeat-x; }
.filter > strong { font-size:18px; font-weight:normal; display:block; margin-bottom:10px; }
.filter .column { width:200px; float:left; }
.filter .column a { display:block; text-decoration:none; }
.filter .column a:hover { text-decoration:underline; }

.faqs > h3 { cursor:pointer; }
.faqs > h3 span { display:block; cursor:pointer; background:url(../img/expand-2.png) center left no-repeat; padding-left:30px; }
.faqs > div { display:none; }

p.search-result strong { color:#298fc6; }

a.result-link { display:block; margin-top:-15px; margin-bottom:10px; color:#51a649; }

/* Image preview */
.preview { position:absolute; display:none; width:100px; height:100px; background:url(../img/pixel.png) top left no-repeat; padding:5px 5px 5px 14px; }
.preview > div { background:url(../img/preview.gif) center center no-repeat; width:100%; height:100%; }
.preview > div img {  }

.expand-all, 
.go-top { position:fixed; display:block; bottom:50px; right:-98px; width:98px; height:42px; background:url(../img/gotop.png) 0 0 no-repeat; cursor:pointer; }
.expand-all { bottom:95px; right:-15px; background:url(../img/expandall.png) 0 0 no-repeat }

img.application-image { -moz-border-radius: @radius2; /* Firefox */-webkit-border-radius: @radius2; /* Safari, Chrome */-o-border-radius:  @radius2;border-radius: @radius2; /* CSS3 */  }

.footer-logos { float:right; text-align:right; }
.footer-logos p { padding:0px; margin:0px; }
.footer-logos p img { float:right; }