@charset "utf-8";
/* CSS Document */

/*resets*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { list-style:square; }
q:before, q:after { content:''; }
/*end of reset*/


body {background:#FFFFFF;}

hr {
border: 0;
color: #CCC;
background-color:#CCC;
height: 1px;
margin:5px 0;
padding:0;
display:block;
float:left;
width: 100%;
}

img {
	border:0;
	margin:0;
	padding:0;}

.left {float:left;}

.right {float:right;}

.no-border {border:none;}

.icon {vertical-align:bottom;
	margin-right:5px;}

h1 {font-family: Verdana;
	font-size: 16px;
	color: #000000;
	padding:0;
	margin:0;
	font-weight:bold;}

h2 {color:#0C3572;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	padding:0;
	margin:0;
	font-weight:normal;}
	
h3 {color:#0C3572;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	padding:0;
	margin:0;
	font-weight:normal;}


h4 {
	color:#0C3572;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:0;
	margin:0;
	font-weight:normal;}

p {	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	font-style: normal;
	padding:0;
	font-weight: normal;
	font-variant: normal;
	color: #333;
	margin:15px 0;}

a, a:visited {color:#09F;}
a:hover {color:#009;}

/* ******************

/* //////////////////////////////////////////////////////  SUB MENU IN HEADER //////////////////////////////////////////////////////////// */
#submenu {
	width:600px;
	height:27px;
	padding:13px 0 0 5px;
	margin-top:60px;
	float:right;}

#submenu ul {
	margin-right:15px;}

#submenu a {
	color:#FFF;
	text-decoration:underline;}

#submenu a:hover {
	color:#CCC;}

#submenu li {
	list-style:none;
	float:right;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	border-right:#FFF solid 1px;
	padding:0 10px;}

#submenu li.last {
	padding:0 0 0 10px;
	border:none;}
/* //////////////////////////////////////////////////////  SUB MENU IN HEADER //////////////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////////////// CONTENT WRAPPING ////////////////////////////////////////////////////////// */
#content-shadow {
	width:980px;
	padding:8px 0 0 0;
	float:left;}

#content {
	width:980px;
	float:left;
	padding:0 10px 10px 10px;
	background-color:#FFF;}

.content-bottom {
	width:100%;
	height:12px;
	float:left;
}
/* ////////////////////////////////////////////////////////// CONTENT WRAPPING ////////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////// CONTENT STYLES ////////////////////////////////////////////////////////// */
#new-content {
	float:left;
	width:680px;
	padding:0;
	margin:0;}

#new-content h1 {
	color:#0C3572;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:28px;
	text-decoration:none;
	padding:0 0 20px 0;
	margin:0;
	font-weight:normal;}

#new-content h1.enquiry {
	color:#0C3572;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:28px;
	text-decoration:none;
	padding:0;
	margin:0;
	font-weight:normal;}

.product-content {
	width:100%;
	float:left;
	padding:0;
	margin:20px 0 0 0;
	/*border-bottom:#CCC solid 1px;*/}

.product-content-no-banner {
	width:100%;
	float:left;
	display:block;
	padding:0;
	margin:10px 0 10px 0;
	border-bottom:#CCC solid 1px;}

.application-content {
	width:100%;
	float:left;
	display:block;
	padding:20px 0;
	margin:20px 0 0 0;
	border-top:#CCC dotted 1px;}

.application-content ul {
	width:100%;
	float:left;
	padding:0;
	margin:0;}

.application-content li {
	list-style:none;
	width:142px;
	height:auto;
	margin:14px;
	padding:0;
	float:left;
}

.application-content li img {
	padding:0;
	float:left;
	margin:0 0 8px 0;
	border:none;}

.application-content li a {
	width:130px;
	display:block;
	text-align:center;
	text-decoration:none;
	padding:5px;
	border:#CCC solid 1px;}

.application-content li a:hover {
	border:#b9e0fc solid 1px;
	cursor:pointer;
	background-color:#ceebff;
	color:#09F;}


.application-content img {
	float:left;
	padding:5px;
	border:#CCC solid 1px;
	margin:0 20px 20px 0;}

.application-content h2 {
	height:45px;
	width:100%;
	float:left;
	display:block;}

.application-content p {
	float:right;
	padding:0 0 20px 0;
	margin:0;
	width:410px;}

.application-content p.recommended-product {
	float:right;
	border:#999 dashed 1px;
	padding:10px;
	margin:0;
	width:390px;}

.application-content p.recommended-product b {
	width:100%;
	display:block;}

.product-content-range {
	width:100%;
	float:left;
	padding:40px 0 0 0;
	margin:0;
	border-top:#CCC dotted 1px;}

.product-content-range-met {
	width:100%;
	float:left;
	padding:0 0 20px 0;
	margin:0;}

.product-content ul, .application-content ul {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;}

.product-content p,.product-content-range p,.product-content-range-met p {
	width:530px;}

.product-content h2, .product-content-range h2, .product-content-range-met h2, .application-content h2{
	color:#0C3572;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:23px;
	padding:0;
	margin:0;
	font-weight:normal;}

.product-content p a, #ticks a {
	text-decoration:underline;
	color:#09F;}

.product-content p a:hover, #ticks a:hover {
	color:#06F;}

#ticks {
	list-style-image:url(images/lists/greenTick.png);
	line-height:30px;
	font-weight:normal;
	margin:0;
	padding:0 0 0 25px;
	font-size:13px;}


.advertisement {color:#999; font-family:Arial, Helvetica, sans-serif; font-size:10px;}

#met-inst-box1 {
	width:210px;
	height:315px;
	float:left;
	background:url(new-images/met-inst-bkg.jpg) no-repeat top left;
	padding:0;
	margin:0 0 35px 0;}

#met-inst-box2 {
	width:210px;
	height:315px;
	background:url(new-images/met-inst-bkg.jpg) no-repeat top center;
	float:left;
	padding:0;
	margin:0 17px 35px 17px;}

#met-inst-box3 {
	width:210px;
	height:315px;
	background:url(new-images/met-inst-bkg.jpg) no-repeat top right;
	float:left;
	padding:0;
	margin:0 0 35px 0;}

#met-inst-box1 p {
	font-size:11px;
	color:#666;}

#met-inst-box2 p {
	font-size:11px;
	color:#666;}

#met-inst-box3 p {
	font-size:11px;
	color:#666;}

#met-inst-box1 span {
	font-size:17px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0C3572;
	font-weight:200;}

#met-inst-box2 span {
	font-size:17px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0C3572;
	font-weight:200;}
	
#met-inst-box3 span {
	font-size:17px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0C3572;
	font-weight:200;}

#met-inst-box1 a {
	display:block;
	text-align:center;
	width:198px;
	border:#CCC solid 1px;
	padding:220px 5px 10px 5px;
	text-decoration:none;
	height:85px;
	background:url(new-images/meteorological-instruments-1.png) no-repeat center 10px;}

#met-inst-box2 a {
	display:block;
	text-align:center;
	width:198px;
	border:#CCC solid 1px;
	text-decoration:none;
	padding:220px 5px 10px 5px;
	height:85px;
	background:url(new-images/meteorological-instruments-2.png) no-repeat center 10px;}

#met-inst-box3 a {
	display:block;
	text-align:center;
	width:198px;
	border:#CCC solid 1px;
	text-decoration:none;
	padding:220px 5px 10px 5px;
	height:85px;
	background:url(new-images/meteorological-instruments-3.png) no-repeat center 10px;}

#met-inst-box1 a:hover {
	border:#09F solid 1px;}

#met-inst-box2 a:hover {
	border:#09F solid 1px;}

#met-inst-box3 a:hover {
	border:#09F solid 1px;}

/* //////////////////////////////////////////////////////// ENGINE CONTROLS STUFF ////////////////////////////////////////////////////////// */

.engine-banner {
	width:100%;
	height:248px;
	margin-bottom:5px;
	float:left;
	background-image:	url(images/engine-controls/ignition-banner.gif);}
	
.engine-applications-banner {
	width:100%;
	height:248px;
	margin-bottom:5px;
	float:left;
	background-image:	url(images/engine-controls/banner-pictures/applications_banner.gif);}
	
.met-banner {
	width:100%;
	height:248px;
	margin-bottom:5px;
	float:left;
	background-image:	url(new-images/eddy-covariance-banner.jpg);}
	
.engine-productBanner {
	width:100%;
	height:248px;
	float:left;
	background:url(images/engine-controls/banner.gif);
	}
	

.engine-productBannerSection {
	width:50%;
	height:auto;
	float:left;}

.engine-types {	
	width:678px;
	height:auto;
	float:left;
	background-image:url(images/engine-controls/engine-types-background.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#e3e3e3;
	border: solid 1px #dbdbdb;
	padding-top:10px;
	padding-bottom:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.engine-types h3 {
	font-size:25px;
	font-weight:normal;
	color:#797b7d;}

.engine-types p {
	font-size:14px;
	font-weight:normal;
	color:#797b7d;}	

.engine-types p a {
	text-decoration:none;
	color:#797b7d;}
	
.engine-types p a:hover{
	text-decoration:underline;}
	
.engine-types h3 a {
	text-decoration:none;
	color:#797b7d;}
	
.engine-types h3 a:hover {
	text-decoration:underline;}
	
.engine-types-section {
	width:46%;
	height:auto;
	padding:0 10px 0 10px;
	float:left;
	border-right: solid 1px #dbdbdb;}
	
.engine-types-section-NO-BORDER {
	width:48%;
	height:auto;
	padding-left:10px;
	float:left;}
	
a.view-more-btn {
	display:block;
	float:left;
	background:url(images/engine-controls/buttons/view-more-btn.png) no-repeat;
	height:24px;
	width:91px;
	margin:10px 0;
	padding-left:22px;
	padding-top:6px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; 	color:#111111;
	text-decoration:none;}

a.view-more-btn:hover {
	background:url(images/engine-controls/buttons/view-more-btn-OVER.png) no-repeat;
	color:#111111;}
	
.engine-productContainer {
	width:100%;
	height:auto;
	float:left;
	font-size:14px;
	border-bottom: solid 1px #dbdbdb;
	margin-bottom:20px;}
	
.engine-productContainer-NOBORDER {
	width:100%;
	height:auto;
	float:left;
	font-size:14px;
	margin-bottom:20px;}
	
.engine-productTitle {
	width:100%;
	height:auto;
	float:left;
	color:#036;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-bottom:15px;}
	
.engine-productTitle a {
	width:100%;
	height:auto;
	float:left;
	color:#036;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-bottom:15px;}

.engine-productPic {
	width:200px;
	height:auto;
	float:left;}

.engine-productContent {
	width:390px;
	height:auto;
	float:left;
	padding-left:20px;
	padding-bottom:10px;}
	
.engine-productContent p {
	color:#797b7d;
	width:100%;}
	
.engine-productContent ul {
	width:357px;
	display:block;
	height:auto;
	margin:5px 0 0 10px;
	float:left;
	padding:0 0 0 20px;
	list-style-position:outside;
	list-style-image:url(images/lists/greenTick.png);}
	
.engine-productContent li {
	padding:0 0 0 3px;
	color:#797b7d;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;}
	
.engine-productFeatures ul {
	width:580px;
	display:block;
	height:auto;
	margin:5px 0 0 10px;
	float:left;
	padding:0 0 0 20px;
	list-style-position:outside;
	list-style-image:url(images/lists/greenTick.png);}
	
.engine-productFeatures li {
	padding:0 0 0 3px;
	color:#797b7d;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin:0;}
	
.engine-appList {
	width:100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;}
	
.engine-appList a {
	text-decoration:none;
	color:#797b7d;}
	
.engine-appList a:hover {
	text-decoration:underline;}
	
.engine-appList ul {
	width:90%;
	display:block;
	height:auto;
	margin:5px 0 0 10px;
	float:left;
	padding:0 0 0 20px;
	list-style-position:outside;
	list-style-type:square;
	font-size:14px;}
	
.engine-productContent li {
	padding:0 0 0 3px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;}

	
/*a.big-button {
	display:block;	float:left;
	background:url(new-images/big-button.png) no-repeat;
	height:25px; width:167px;
	margin:20px 0; padding:8px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFF; text-decoration:none;}*/

/*a.big-button:hover {
	background:url(new-images/big-button-dark.png) no-repeat; color:#FFF;}*/
	
/* //////////////////////////////////////////////////////// END OF ENGINE CONTROLS STUFF ////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////// CONTENT STYLES ////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////// BREADCRUMBS ////////////////////////////////////////////////////////// */

#xhtml-breadcrumbs {
	width:100%;
	height:33px;}

#xhtml-breadcrumbs ul {
	display:block;
	width:100%;
	padding:0;
	margin:0;}

#xhtml-breadcrumbs li {
	list-style-image:url(new-images/right-arrow.gif);
	list-style-position:outside;
	margin:0 20px 0 0;
	float:left;
	padding:0}

#xhtml-breadcrumbs li.firstlink {
	list-style:none;
	padding:0;}

#xhtml-breadcrumbs li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#09F;
	padding:0;
	margin:0;
	font-size:11px;
	text-decoration:underline;}

#xhtml-breadcrumbs li a:hover {
	color:#06F;}
/* ////////////////////////////////////////////////////////// BREADCRUMBS ////////////////////////////////////////////////////////// */	


/* ///////////////////////////////////////////////////////// PRODUCT BANNER //////////////////////////////////////////////////////// */
#product-banner {
	height:370px;
	background:url(new-images/product-banner.jpg) no-repeat right 10px;
	width:100%;}
	
#product-banner2 {
	height:370px;
	background:url(images/engine-controls/banner.gif) no-repeat right 10px;
	width:100%;}

#product-range-banner {
	height:290px;
	background:url(new-images/product-banner.jpg) no-repeat right 10px;
	width:100%;}

#application-banner-wrapper {
	height:265px;
	width:100%;}

#product-range-banner p, #application-banner-wrapper p {
	color:#FFF;
	width:350px;
	padding-top:18px;}

#product-range-banner p a, #application-banner-wrapper p a {
	color:#FFF;
	text-decoration:underline;}

#product-range-banner p a:hover {
	color:#006;}

#product-banner h1, #product-range-banner h1, #application-banner-wrapper h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#FFF;
	font-weight:normal;
	padding:0;
	margin:0;}

#product-banner h3, #product-range-banner h3, #application-banner-wrapper h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#ABE1ED;
	font-weight:normal;
	padding:0;
	margin:0;}
	
#product-banner2 h1, #product-range-banner h1, #application-banner-wrapper h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#FFF;
	font-weight:normal;
	padding:0;
	margin:0;}

#product-banner2 h3, #product-range-banner h3, #application-banner-wrapper h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#ABE1ED;
	font-weight:normal;
	padding:0;
	margin:0;}
	
#product-banner-left {
	width:390px;
	height:360px;
	margin:10px 0 0 0;
	float:left;}

#product-range-banner-left {
	width:390px;
	height:245px;
	margin:10px 0 0 0;
	float:left;}

#application-banner {
	width:auto;
	height:245px;
	margin:10px 0 0 0;
	float:left;}

	
#product-info {
	width:355px;
	padding:15px 15px 15px 20px;
	height:217px;}

#application-product-info {
	width:auto;
	background:url(images/application-header-background.png);
	margin-top:10px;
	padding:10px 15px 15px 15px;
	height:auto;}

#product-info ul {
	padding:0;
	list-style-position:outside;
	list-style-image:url(new-images/white-tick.png); 
	margin:8px 0 0 20px;}

#product-info li {
	padding:3px 0 0 0;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;}

#product-banner-right {
	width:290px;
	height:370px;
	float:right;}

#product-range-banner-right {
	width:290px;
	height:260px;
	float:right;}
/* ///////////////////////////////////////////////////////// PRODUCT BANNER //////////////////////////////////////////////////////// */


/* ///////////////////////////////////////////////////// PRODUCT OPTIONS SECTION /////////////////////////////////////////////////// */
#product-options {
	width:345px;
	padding:10px;
	border:#CCC solid 1px;
	margin-top:20px;
	height:70px;}

#product-options p {
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;}

#product-options a {
	display:block;
	color:#666;
	padding-top:50px;
	}


#product-options-left {
	width:225px;
	float:left;
	height:70px;
	padding:0;}

#product-options-left-a {
	width:105px;
	background:url(new-images/paper_content_48.png) no-repeat top center;
	float:left;
	height:70px;
	padding:0;}
	
#product-options-left-a a:hover {
	color:#09F;
	background:#C5DAFE url(new-images/paper_content_48.png) no-repeat top center;}

#product-options-left-left {
	width:105px;
	background:url(new-images/paper_content_48.png) no-repeat top center;
	float:left;
	padding:0;
	height:70px;}

#product-options-left-left a:hover {
	color:#09F;
	background:#C5DAFE url(new-images/paper_content_48.png) no-repeat top center;}
	

#product-options-left-right {
	width:105px;
	float:right;
	background:url(new-images/tabs_48.png) no-repeat top center;
	padding:0;
	height:70px;}

#product-options-left-right a:hover {
	color:#09F;
	background:#C5DAFE url(new-images/tabs_48.png) no-repeat top center;}
	
#product-options-right {
	width:105px;
	background:url(new-images/comment_add_48.png) no-repeat top center;
	float:right;
	height:70px;
	padding:0;}

#product-options-right a:hover {
	color:#09F;
	background:#C5DAFE url(new-images/comment_add_48.png) no-repeat top center;}
/* ///////////////////////////////////////////////////// PRODUCT OPTIONS SECTION /////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////// PRODUCT RANGE SECTION /////////////////////////////////////////////////// */
.product-range {
	width:100%;
	height:170px;
	float:left;
	display:block;
	padding:15px 0 15px 0;
	border-top:#999 dotted 1px;}

.product-range h2, .product-range h2 a {
	color:#0C3572;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	padding:0;
	margin:0;
	font-weight:normal;}

.product-range h2 a:hover {
	color:#09F;}

.product-range:hover {
	background-color:#eee;}

.product-range-image {
	float:left;
	margin-top:15px;
	display:block;
	width:150px;
	height:130px;}

.product-range-text {
	float:right;
	margin-top:15px;
	width:530px;
	height:120px;}

.product-range-text a {
	color:#09F;
	text-decoration:underline;}

.product-range-text p {
	padding:0;
	margin:0;}

.product-range-text ul {
	padding:0;
	margin:0;}

.product-range-text li {
	list-style-image:url(new-images/right-arrow.gif);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:4px 0 0 0;
	list-style-position:inside;}
/* //////////////////////////////////////////////////////// PRODUCT RANGE SECTION /////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////// PRODUCT RANGE LINKS SECTION ///////////////////////////////////////////////// */
.range-links-wrapper {
	width:330px;
	display:block;
	padding:0;
	margin:20px 0 0 0;}

.range-links-box {
	width:326px;
	padding:2px;
	border:#CCC solid 1px;
	height:100px;
	margin-bottom:35px;
	float:left;}

.range-links-box-internal {
	width:100%;
	padding:0;
	margin:0;
	height:100px;}

.range-links-box-internal a {
	width:100%;
	display:inline;
	height:100px;}

.range-links-box-internal h4 {
	background:url(new-images/blue-gradient.gif) repeat-x top left;
	margin:0;
	height:30px;
	display:block;
}

.range-links-box-internal h4 a {
	display:block;
	color:#FFF;
	padding:5px 0 5px 9px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:317px;
	height:90px;}

.range-links-box-internal h4 a:hover {
	text-decoration:underline;
	color:#FFF;}

.range-links-other {
	width:100%;
	height:90px;
	float:left;}

.range-links-other img {
	float:left;}

.range-links-other-text {
	width:250px;
	float:right;
	color:#666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;}

.range-links-other-text a {
	display:block;
	margin-bottom:6px;
	font-weight:bold;
	color:#09F;
	text-decoration:underline;}

.range-links-other-text a:hover {
	color:#06F;}
/* //////////////////////////////////////////////////// PRODUCT RANGE LINKS SECTION ///////////////////////////////////////////////// */







/* ////////////////////////////////////////////////////// TECHNICAL SECTION ///////////////////////////////////////////////////////// */
#technical-section {
	width:100%;
	display:block;
	float:left;
	padding:0;
	margin:0;}

#technical-section h4 {
	background:url(new-images/blue-gradient.gif) repeat-x top left;
	color:#FFF;
	font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:3px 0 3px 10px;
	margin:0;
	display:block;}
	
#features-box {
	width:330px;
	padding:0;
	margin-top:20px;
	float:left;}

#literature-box {
	width:330px;
	margin-top:20px;
	float:right;}

#specifications-box {
	width:694px;
	margin-top:20px;
	padding:3px;
	clear:both;
	border:#CCC solid 1px;
	float:left;
	height:100px;
}

#other-products {
	width:100%;
	height:200px;
	margin-top:20px;
	float:left;
	clear:both;
	border:#CCC solid 1px;
	background:url(new-images/grey-gradient.gif) repeat-x top left;}
/* ////////////////////////////////////////////////////// TECHNICAL SECTION ///////////////////////////////////////////////////////// */


/* ///////////////////////////////////////////////////// SPECS TABBED SECTION /////////////////////////////////////////////////////// */
.specs {
	display:block;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	}

.spec {
	width:100%;
	display:block;
	float:left;
	padding:0 0 10px 0;
	margin:0;
	clear:both;}

.spec-header {
	width:100%;
	height:20px;
	color:#999;
	margin-bottom:5px;
	padding:10px 0 5px 0;
	border-bottom:#CCC solid 1px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	float:left;}

.spec-title {
	width:220px;
	color:#000;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;}
	
.spec-details {
	width:390px;
	color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;}

.caveat {
	width:100%;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:right;}

.literature {
	width:105px;
	background:url(new-images/paper_content_48.png) no-repeat center 10px;
	float:left;
	padding:0;
	height:100px;
	margin-right:15px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;}

.brochure {
	width:105px;
	background:url(new-images/brochure-icon.png) no-repeat center 10px;
	float:left;
	padding:0;
	height:100px;
	margin-right:15px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;}

.software {
	width:105px;
	background:url(new-images/cd_48.png) no-repeat center 10px;
	float:left;
	padding:0;
	height:100px;
	margin-right:15px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;}

.literature a, .brochure a, .software a {
	display:block;
	color:#666;
	border:#FFF solid 1px;
	padding:60px 0 10px 0;}

.literature a:hover {
	color:#09F;
	background:#C5DAFE url(new-images/paper_content_48.png) no-repeat center 9px;
	border:#7CCFF8 solid 1px;}

.brochure a:hover {
	color:#09F;
	background:#C5DAFE url(new-images/brochure-icon.png) no-repeat center 9px;
	border:#7CCFF8 solid 1px;}

.software a:hover {
	color:#09F;
	background:#C5DAFE url(new-images/cd_48.png) no-repeat center 9px;
	border:#7CCFF8 solid 1px;}
/* ///////////////////////////////////////////////////// SPECS TABBED SECTION /////////////////////////////////////////////////////// */


/* ///////////////////////////////////////////////////// SUPERSEDED PRODUCT ///////////////////////////////////////////////////////// */
#superseded-product {
	width:320px;
	padding:10px;
	margin-top:15px;
	height:120px;
	border:#09F dotted 2px;
	background-color:#FFF;}

#superseded-product p a {
	color:#09F;
	text-decoration:underline;}

#superseded-product p a:hover {
	color:#06F;}

#superseded-product p{
	margin:0;
	padding:0 0 10px 0;
	}
/* ///////////////////////////////////////////////////// SUPERSEDED PRODUCT ///////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////// SIDEBAR ///////////////////////////////////////////////////////////////// */
#xhtml-sidebar {
	width:240px;
	float:right;
	display:block;
	padding:0;
	margin:33px 0 0 0;
	height:10px;}

#xhtml-sidebar-photobox {
	width:230px;
	height:187px;
	margin-bottom:20px;
	padding:3px;
	border:#CCC solid 1px;}

#xhtml-sidebar-banner {
	width:238px;
	height:155px;
	margin-bottom:10px;
	padding:0;}

#xhtml-sidebar-banner a {
	width:238px;
	height:145px;
	display:block;}

#xhtml-sidebar-photobox h4 {
	background:url(new-images/blue-gradient.gif) repeat-x top left;
	padding:5px 0 5px 9px;
	margin:0;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	display:block;
}

#xhtml-sidebar-photobox ul {
	width:228px;
	float:left;
	padding:5px 1px 0 1px;
	margin:0;
	
	}

#xhtml-sidebar-photobox li{
	border:solid #CCC 1px;
	padding:4px 4px 0 4px;
	float:left;
	background-color:#FFF;
	display:inline;
	margin:4px;}

#xhtml-sidebar-photobox li:hover {
	background-color:#CCC;
	border:solid #999 1px;}
	
.xhtml-sidebar-box {
	width:230px;
	min-height:50px;
	margin-bottom:20px;
	float:left;
	padding:3px;
	border:#CCC solid 1px;}
	
.xhtml-sidebar-box h4 {
	background:url(new-images/blue-gradient.gif) repeat-x top left;
	padding:5px 0 5px 9px;
	margin:0;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	display:block;
}

.xhtml-sidebar-box ul {
	padding:10px;
	margin:0;}

.xhtml-sidebar-box li {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0C3572;
	padding:5px;
	font-weight:bold;
	list-style:none;}

.xhtml-sidebar-box li a {
	display:block;
	color:#0C3572;
	text-decoration:none;
	background:url(new-images/blue-tick.jpg) no-repeat right top;}

.xhtml-sidebar-box li a:hover {
	color:#09F;
	background:url(new-images/cyan-tick.jpg) no-repeat right top;}
/* //////////////////////////////////////////////////////// SIDEBAR ///////////////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////// SIDEBAR PHOTOBOX /////////////////////////////////////////////////////// */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }


#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background:url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* //////////////////////////////////////////////////////// SIDEBAR PHOTOBOX /////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////// BUTTONS ////////////////////////////////////////////////////////////// */
#enquiry-button-large {
	width:169px;
	height:34px;
	margin-top:12px;
	background:url(images/buttons/quoteBtn_large.png);}

#enquiry-button-large a {
	width:169px;
	display:block;
	/*color:#333;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;*/
	padding:0;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;*/
	height:34px;}

#enquiry-button-large a:hover {
	background:url(images/buttons/quoteBtn_large.png);
	background-position:bottom;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

.button-small2 {
	width:143px;
	height:29px;
	margin:25px 0 25px 0;
	background:url(images/buttons/quoteBtn_small.png);}
	
	.button-small2 a {
	width:143px;
	height:29px;
	display:block;}
	
.button-small2:hover {
	width:143px;
	height:29px;
	margin:25px 0 25px 0;
	background-position:bottom;}


/* ////////////////////////////////////////////////////////// BUTTONS ////////////////////////////////////////////////////////////// */

.distributor-wrapper {
	width:100%;
	height:auto;
	margin-bottom:25px;
	float:left;}

.distributor-wrapper h4 {
	width:100%;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	border-bottom:#CCC solid 1px;
	padding:4px 0 7px 0;
	margin-bottom:10px;
	font-weight:bold;
	color:#036;}
	
	.distributor-wrapper h4 img {
		margin-right:10px;
		margin-top:-3px;}

.distributor-wrapper h5 {
	width:600px;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0 0 0 10px;
	font-weight:bold;
	color:#036;}
	

.distributor-contact {
	width:590px;
	height:auto;
	float:left;
	border-bottom:#EEE solid 1px;
	margin:0 10px;}
	
	.distributor-wrapper ul {
		float:left;
		width:230px;
		height:auto;
		list-style:none;
		padding:0;
		margin:10px 0 10px 10px;}
		
#ecContactSection {
	width:50%;
	height:auto;
	float:left;}
	
#careersContainer {
	background-color:#e5e4e4;
	width:62%;
	height:auto;
	float:left;
	padding:10px;
	margin:0 0 40px 0;}
	
#careersJobs {
	width:95%;
	height:auto;
	float:left;
	background-color:#FFF;
	padding:10px;}
	
	#product-banner3 {
	height:238px;
	padding:10px 0 0 0;
	background:url(images/ignition-banner.gif) no-repeat;
	width:100%;}
	
#application-product-info3 {
	width:auto;
	background:url(images/application-header-background2.png);
	padding:10px 15px 15px 15px;
	height:auto;}
	
/* ////////////////////////////////////////////////////// MAIN HORIZONTAL MENU /////////////////////////////////////////////////////////// */

#navbar li.first {border-left:none; width:43px; position:relative; z-index:999;}
#navbar li.pro {width:190px; z-index:999;}
#navbar li.sup {width:190px; z-index:999;}
#navbar li.news {width:220px; z-index:999;}
#navbar li.abt {width:190px; z-index:999;}
#navbar li.con {width:181px; border-right:none; position:relative; z-index:999;}

#navbar > li > a:hover {
	background:#EFEFEF;
}

/* ///////////////////////////////////////////////////////// HOMEPAGE - BODY /////////////////////////////////////////////////////// */

/* New homepage Styles */

#home-body-section {width:100%;	height:auto; padding:40px 0 0 0; float:left; position:relative;	left:-10px;}
#home-body-section p a {text-decoration:none; font-weight:bold;}
#home-body-section p a:hover {color:#0099FF; text-decoration:underline;}
#home-body-section h2 a {color:#0C3572; text-decoration:none;}

ul.product-navbar {width:970px;}

#home-body-section .hp-boxes {border-bottom:solid 1px #dddddd; height:100%; float:left; padding-bottom:45px; margin-bottom:45px;}
/* 3 Coloumns /// #home-body-section .hp-boxes .hp-box {width:30%; margin-right:5%; float:left;} */
#home-body-section .hp-boxes .hp-box {width:22%; margin-right:4%; float:left;}
#home-body-section .hp-boxes .hp-box p {font-size:14px; line-height:20px;}
#home-body-section .hp-boxes .hp-box p a {font-size:12px;}
#home-body-section .hp-boxes .hp-box-last {margin-right:0;}
#home-body-section .hp-boxes .hp-box img {margin-bottom:25px; width:100%;}

#home-body-section .hp-left-col {width:65%; margin-right:5%; float:left;}
#home-body-section .hp-left-col .hp-banner-nav-box {width:274px; background:#f5f5f5; border:solid 1px #dddddd; float:left; position:relative; padding:10px;}
#home-body-section .hp-left-col .hp-box-last {margin-right:0; float:right;}
#home-body-section .hp-left-col .hp-banner-nav-box img {position:absolute; right:0; bottom:0;}
#home-body-section .hp-left-col .hp-banner-nav-box p {width:70%; margin-bottom:5px;}
#home-body-section .hp-left-col .hp-banner-nav-box h3 {color:#0C3572;}
#home-body-section .hp-left-col .hp-banner-nav-box h3 a {text-decoration:none; color:#0C3572;}
#home-body-section .hp-left-col .latest-news {margin-top:45px; clear:left;}

#home-body-section .hp-right-col {width:30%; float:left; background:#f5f5f5; padding:20px 0 10px 0;}
#home-body-section .hp-right-col h3 {padding:0 0 15px 15px;}

#home-body-section .hp-events-row {clear:both; height:100%; width:100%; float:left; margin-top:20px;}
#home-body-section .hp-events-row h2 {margin-bottom:35px;}
#home-body-section .hp-events-row .hp-events-box {float:left; width:175px; margin-right:25px; padding:0;}
#home-body-section .hp-events-row .hp-events-box-last {margin-right:0;}
/* Change bg image here to match the 1st hero image in index.html mark up */
	#homepage-hero {position:relative; left:-10px; height:320px; margin: 15px 0 20px; background:url('/images/index/hp-hero-solar-brochure.jpg?v=2') 0 0 no-repeat;}

#homepage-hero h1, #homepage-hero h2 {text-indent:100%; white-space:nowrap; overflow:hidden; position:absolute;}
	#homepage-hero h2.hero1-text {text-indent:0; top:0; margin:40px 0 0 80px; font-size:45px; color:#00adee; font-weight:bold;}
		#homepage-hero h3.hero1-subtext {position:absolute; top:0; margin:107px 0 0 80px; color:#666; font-size:21px; width:420px; font-weight:normal;}
	#homepage-hero h2.hero2-text {text-indent:0; top:0px; margin:40px 0 0 80px; font-size:40px; font-weight:bold;}
	#homepage-hero h2.hero3-text {text-indent:0; top:0px; margin:70px 0 0 80px; font-size:28px; color:#253746;}
		#homepage-hero h3.hero3-subtext {position:absolute; top:0px; margin:140px 0 0 80px; color:#FFFFFF; font-size:21px; width:420px; font-weight:normal;}

p#careers-banner {background:#f5f5f5; color:#000000; margin:0; position:relative; left:-10px; padding:1px 0 1px 10px;}
p#careers-banner a {color:#000000; text-decoration:none;}
p#careers-banner a:hover {text-decoration:underline;}

/* ///////////////////////////////////// JQuery Flexslider ///////////////////////////////////// */

/* Browser Resets
*********************************/
.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;}

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

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; 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; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
.flexslider h1, .flexslider p {text-indent:-10000px; position:absolute;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); /* -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; */ }

/* arrows in fixed position */
.flex-direction-nav .flex-prev { background:url('/images/index/arrow-left.png') 0 0 no-repeat; left:10px; width:47px; height:47px; text-indent:-10000px; opacity: 0.7;}
.flex-direction-nav .flex-next { background:url('/images/index/arrow-right.png') 0 0 no-repeat; right:10px; width:47px; height:47px; text-indent:-10000px; opacity: 0.7;}
/* arrows bounce in 
.flex-direction-nav .flex-prev { background:url('/images/index/arrow-left.png') 0 0 no-repeat; left: -50px; width:47px; height:47px; text-indent:-10000px;}
.flex-direction-nav .flex-next { background:url('/images/index/arrow-right.png') 0 0 no-repeat; right: -50px; width:47px; height:47px; text-indent:-10000px;}
*/

.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:30px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:21px; height:21px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background:#00acee; 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: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* ///////////////////////////////////// JQuery Accordion ///////////////////////////////////// */

#accordion * { margin:0; padding:0; } /* a simple reset */
.accordion-head, #accordion h2 { padding-bottom:15px; }
.accordion-content ul {margin:10px 0 5px 15px !important;}
#accordion li.accordion-category {list-style:none; padding:0 0 6px 0; position:relative; overflow:hidden;}
.accordion-content {display:none;}
a.accordion-head {display:block; background:url('/images/index/industries-sprite.png') 0 0 no-repeat; background-color:#202020; height:25px; font-family:verdana, arial, helvetica, sans-serif; font-size:12px; line-height:18px; font-style:normal; color:#FFFFFF; font-weight:bold; text-decoration:none; padding:10px 0 3px 57px !important;}
.accordion-content li {font-family:verdana, arial, helvetica, sans-serif; font-size:12px; line-height:22px; font-style:normal; color:#333333; list-style:none; background:url('/images/index/bullet.png') 0 8px no-repeat; padding-left:18px !important;}
.accordion-content li a {text-decoration:none; color:#333333;}
.accordion-content li a:hover {text-decoration:underline; color:#333333;}

li.accordion-category .government-icon {background-position:0 -25px;}
li.accordion-category .power-icon {background-position:0 -81px;}
li.accordion-category .transport-icon {background-position:0 -140px;}
li.accordion-category .industrial-icon {background-position:0 -200px;}
li.accordion-category .security-icon {background-position:0 -258px;}
li.accordion-category .marine-icon {background-position:0 -314px;}
li.accordion-category .operational-icon {background-position:0 -375px;}
li.accordion-category .scientific-icon {background-position:0 -433px;}

/* ///////////////////////////////////// Wordpress news feed ///////////////////////////////////// */

.hp-left-col .latest-news .events .wp-post-image {float:right; max-width:150px; height:100%; margin-right:20px;}
.hp-left-col .latest-news .events #blog-home-content {}
.hp-left-col .latest-news h2 {margin-bottom:30px;}
.hp-left-col .latest-news .events .blog-home-post {border-bottom:solid 1px #dddddd; margin-bottom:30px; padding-bottom:15px;}
.hp-left-col .latest-news .events .blog-home-post h2 {margin-bottom:10px; color:#333333;}
.hp-left-col .latest-news .events .blog-home-post h2 a {color:#333333 !important; margin:25px 0 0 0;}
.hp-left-col .latest-news .events .blog-home-post .blog-home-meta, .hp-left-col .latest-news .events .blog-home-post .blog-home-meta ul.post-categories li {font-family:verdana, arial, helvetica, sans-serif; font-size:11px; line-height:14px; font-style:normal; color:#333333; display:inline;}
.hp-left-col .latest-news .events .blog-home-post .blog-home-meta ul.post-categories {display:inline;}
.hp-left-col .latest-news .events .blog-home-post .blog-home-excerpt {clear:left;}