/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
html>body #siteWrapper
{
	height: auto;
} /*for mozilla as IE treats height as min-height anyway*/

body, div, table, td, tr, p, h1, h2, h3, img, a {
	margin: 0;
	padding: 0;
	}

body {
	background: #fff;
	height:100% !important;
	background: transparent top center repeat-y url(../images/site_bg.png);
	}

#siteWrapper {
	position:relative;
	width: 800px;
	min-height: 100% !important;
	margin: 0 auto;
	padding: 0;
	background: #5389C5 !important;
	z-index:1;
	}
	
* html #siteWrapper {
	height:100% !important;
	}
		
	#headWrapper {
		display: block;
		width: 800px;
		height: 114px;
		top: 0;
		left: 0;
		z-index: 20;
		border-bottom: 1px solid #FFF;
		}
	
		#logo {
			width: 344px;
			height: 50px;
			position: relative;
			float:left;
			margin-left:27px;
			z-index: 30;
			}

		* html #logo {
			margin-left:15px;
			}		

		
/*********** HOME PAGE STYLES *******************/

	div#midTopWrapper {
		position: relative;
		clear: both;
		float: left;
		width: 800px;
		height: 280px;
		z-index: 1;
		}

div.topImage {
	position: relative;
	clear: both;
	width: 800px;
	height: 280px;
	left: 0 !important;
	margin-bottom: -80px !important;
	display: block;
	}
	
	#download_button {
		position:absolute;
		top:20px;
		right:30px !important;
		}
		
	#safety_button {
		position: absolute;
		top: 110px;
		right: 30px;
		}
		
	#subscribe_button {
		position: absolute;
		top: 60px;
		right: 30px !important;
		}
		
#midBottomWrapper {
	position: relative;
	clear: both;
	float: left;
	width: 800px;
	margin-top: -38px;
	z-index: 1;
	}
		
		#prodHighliteWrapper {
			position: relative;
			float: left;
			left: 41px !important;
			width: 377px;
			z-index:100;
			font-size:10px;
			}
				#prodHighliteTitle {
					width: 377px;
					height: 38px;
					display: block;
					background: transparent top left no-repeat url(../images/prod_highlite_top.png);
					}
				 	* html #prodHighliteTitle {
						background: transparent top left no-repeat url(../images/prod_highlite_top_ie.png);
						}
						
				#prodHighliteBody {
					width: 377px;
					background: transparent top left repeat-y url(../images/prod_highlite_bg.png);
					}
					* html #prodHighliteBody {
						background: transparent top left repeat-y url(../images/prod_highlite_bg_ie.png);
						}
						
					.prodHighliteOutput {
						position: relative;
						width: 330px;
						display: block;
						padding: 9px 20px 5px 11px;
						margin-left: 8px;
						}
						
						.no_line {
							height: 72px;
							}

.bottomLine {
	clear: both;
	margin-left: 8px;
	border-bottom: #B2B2B2 1px solid;
	width: 360px;
	height: 5px;
}
.listLineLeft {
	clear: both;
	margin-left: 20px;
	border-bottom: #cccccc 1px solid;
	width: 335px;
	height: 5px;
}

.listLineRight {
	clear: both;
	margin-left: 5px;
	border-bottom: #cccccc 1px solid;
	width: 335px;
	height: 5px;
}
						
						.prodHighliteIMG {
							float: left;
							margin-right:5px;
							}
							
				#prodHighliteBottom {
					width: 377px;
					height: 9px;
					background: transparent top left no-repeat url(../images/prod_highlite_bottom.png);
					}
					* html #prodHighliteBottom {
						background: transparent top left no-repeat url(../images/prod_highlite_bottom_ie.png);
						}
						
		#prodAppWrapper {
			position: relative;
			float:right;
			right: 21px !important;
			width: 351px;
			height: 266px;
			display: inline !important;
			}
				#prodAppTitle {
					width: 351px;
					height: 38px;
					background: transparent top left no-repeat url(../images/prod_app_title.png);
					display:block;
					}
					* html #prodAppTitle {
						background: transparent top left no-repeat url(../images/prod_app_title_ie.png);
						}
						
				#prodAppBackground {
					position:relative;
					top: 0;
					left: 0;
					width: 351px;	
					height: 227px;
					background: transparent top left no-repeat url(../images/prodapplications_bg.png);
					}
					* html #prodAppBackground {
						background: transparent top left no-repeat url(../images/prodapplications_bg_ie.png);
						}
						
				#container {
					position: relative;
					margin: 0; padding: 0;
					left: 37px;
					width: 280px;
					z-index: 10;
					}
					* html #container ul {
						zmargin-left: 37px;
						}

				.focus {
					position:relative;
					margin: 0; padding: 0;
					z-index: 10;
					height: 53px;
					}

				.focus li {
					padding: 0;
					border: 0;
					display: block;
					float: left;
					position: relative;
					width: 53px; height: 53px;
					margin-bottom: -2px;
					margin-right: 3px;
					}
				
				.focus li a {
					position: relative;
					float:left;
					width: 53px; height: 53px;
					z-index: 5000 !important;
					background-color:transparent;
					background-position:top left;
					background-repeat:no-repeat;
					}
					
				.focus a:hover, .focus a.active, .focus .tabs-selected a {
						background-position:bottom left !important;
						}
						
					.wine	{
						background-image: url(../images/focus_grapes.png) !important;
						}

					.transport {
						background-image: url(../images/focus_fish.png);
						}
						
					.other {
						background-image: url(../images/focus_arrow.png);
						}
						
					.medical {
						background-image: url(../images/focus_medical.png);
						}
						
					.gas {
						background-image: url(../images/focus_gas.png);
						}
						
			.focusApplication {
				position:absolute;
				width: 301px;
				height: 145px;
				background: transparent top left url(../images/focus_wine_bg.png);
				left: 7px;
				z-index:0;
				margin-top: -2px;
				padding: 17px 17px 0 19px;
				display: block;
			}
			
			#focusApplication1 {
				visibility: visible;
			}

			#focusApplication2 {
				visibility: hidden;
			}

			#focusApplication3 {
				visibility: hidden;
			}

			#focusApplication4 {
				visibility: hidden;
			}

			#focusApplication5 {
				visibility: hidden;
			}
				
			#subcribeNewsWrapper {
				position: relative;
				float:right;
				right: 21px !important;
				top: 10px;
				width: 350px;
				display: inline !important;
				}
					
				#subscribeNewsTitle {
					width: 350px;
					height: 33px;
					background: transparent top left no-repeat url(../images/subscribe_newsletter_title.png);
					}
					* html #subscribeNewsTitle {
						background: transparent top left no-repeat url(../images/subscribe_newsletter_title_ie.png);
						}
						
				#subscribeNewsContent {
					width: 310px;
					height: 150px;
					background: transparent top left repeat-y url(../images/subscribe_newsletter_redbg.png);
					padding: 8px 20px 0 20px;
					}
					* html #subscribeNewsContent {
						height: 125px !important;
						background: transparent top left repeat-y url(../images/subscribe_newsletter_redbg_ie.png);
						}
						
						.subscribeNews {
							width: 177px;
							zheight:15px !important;
							padding: 1px 0 1px 3px;
							font-size:11px;
							color:#666;
							float: right !important;
							}
				* select {
					width: 185px !important;
					zheight: 18px !important;
					font-size:11px;
					color: #666666;
					padding: 0 0 0 3px;
					float:right;
					}
				
					
			.subscribeNewsSubmit {
				position: absolute;
				bottom: 0;
				clear: both;
				left: 23px;
				}		
									
				#subscribeNewsBottom {
					width: 350px;
					height: 7px;
					background: transparent top left no-repeat url(../images/subscribe_newsletter_bottom.png);
					}
					* html #subscribeNewsBottom {
						background: transparent top left no-repeat url(../images/subscribe_newsletter_bottom_ie.png);
						}
	
	#bottomContentWrapper {
		position: relative;
		top: 10px;
		left: 44px;
		float: left;
		clear: both !important;
		display:block;
		width: 739px;
		height: 195px;
		background: transparent top left no-repeat url(../images/bottom_content_bg.jpg);
		}
		
			#bottomContent {
				padding: 22px 0 0 20px;
				width: 500px;
				}
							
						
/**************************************************************************************************************************/


/*************** PRODUCTRANGE / APPLICATIONS STYLES ***********************************************************************/
		
.topPic {	
	top: -30px !important;
	left:0;
	z-index: 0;
	width: 800px;
	height: 170px;
	clear: both !important;
	position: relative;
	margin-bottom:-30px;
	}
		
#productrangeTitle {
	position: relative;
	top: -60px; 
	left:65px;
	margin: 0;
	width: 137px; 
	height: 30px;
	}
	
#pageHeader {
	position: relative;
	margin: 0; padding: 0;
	width: 735px; 
	height: 36px;
	}

#ProductrangeWrapper {
	position: relative;
	top: -36px !important;
	left: 34px;
	clear: both !important;
	display:block;
	width: 735px;
	}
		
	#ProductrangeTopper {
		position: relative;
		top: 0;
		left:0;
		width: 735px;
		height: 7px;
		background: transparent top left no-repeat url(../images/productrange_topper.gif);
		display: block;
		}

	#ProductrangeBody {
		position: relative;
		width: 735px;
		display:block !important;
		background:transparent top left repeat-y url(../images/productrange_bodybg.gif);
		overflow: auto;
		padding-bottom: 15px;
		}
		
			.leftHeader {
				position: relative;
				clear: both;
				left: 20px;
				top:10px;
				}
				
			.rightHeader {
				position: relative;
				top:10px;
				left: 310px;
				display: inline;
				}
				
			.hline {
				position: relative;
				padding-left:18px;
				clear: both !important;
				display: block;
				width: 696px;
				height: 1px;
				padding-top: 10px;
				}
		
			#ContentLeft {
				position:relative;
				float:left;
				width: 360px;
				display:block;
				}	
				
			#ContentRight {
				position: relative;
				float: right;
				width: 360px;
				display: inline;
				display: block;
				padding-right: 5px;
				}
				
				.Output_Left {
					position: relative;
					width: 329px;
					display: block;
					padding: 9px 0 5px 16px;
					}
						
				.Output_Right {
					position: relative;
					width: 330px;
					padding: 9px 0 5px 0;
					}
			
			img.greyline {
				position: relative;
				float: right;
				display: block;
				}
		
	#ProductrangeBottom {
		position: relative;
		width: 735px;
		height: 27px;
		background: transparent top left no-repeat url(../images/productrange_bottom.gif);
		}	
		
/*********************************************************************************************************************/	

/*************** PRODUCTRANGE / APPLICATIONS DETAIL STYLES ***********************************************************/	

#detailLeft {
	position: relative;
	float: left;
	padding: 7px 0 0 20px;
	width: 145px;
	height: 100%;
	display: block;
	}
	
#detailMiddle {
		position: relative;
		float: right;
		width: 530px;
		padding: 7px 20px 0 0;
		display:inline !important;
	}
		
		.first_p {
			width: 320px;
			}
			
		.buttonLinks {
			float: left;
			display: block;
			margin: 7px 4px 0 0;
			}

	#detailRight {
		position: relative;
		float:right;
		padding: 7px 0 10px 10px;
		width: 190px;
		height: auto;	
		display: block;
		}
		#detailLinksTopper {
			height: 6px;
			margin: 0 !important;
			padding: 0 !important;
			}
		#detailLinksBody {
			width: 190px;
			background: transparent top left repeat-y url(../images/detail_links_bg.png);
			margin-bottom: 0 !important;
			padding-bottom: 0 !important;
			display: block;
			}
		#detailLinksBottom {
			width: 190px;
			height: 5px;
			margin: 0 !important;
			padding: 0 !important;
			}
			
	.backButton {
		position: relative;
		clear: both !important;
		margin-top: 20px;
		float: right !important;
		padding-right: 45px;
		display: block;
		}

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

/*************** GENERAL STYLES **********************************8***************************************************/	

#topSpace {
	position: relative;
	left:0;
	z-index: 0;
	width: 800px;
	height: 133px;
	clear: both !important;
	position: relative;
	}
		
.toTop {
	position: relative;
	float: right;
	margin: 10px 35px 0 0;
	zdisplay: block;
	width: 656px;
	height: 30px;
	}
	
#wideContent {
	position: relative;
	padding: 17px 0 0 20px;
	width: 680px;
	height: 100%;
	display: block;	
	}

* html #wideContent {
	padding: 16px 0 0 20px;
	margin: 0;
	}

.rightTopImage	{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	}	
	
.contactForm {
	width: 190px;
	height:15px !important;
	padding: 1px 0 1px 3px;
	font-size:11px;
	color:#666;
	float: right !important;
	}	
	
.contactSubmit {
	float: right;
	}
	
.viewMap {
	float: right;
	padding-right:30px;
	padding-top: 10px;
	}
	
.map {
	position: relative;
	width: 617px;
	height: 475px;
	margin: 0 auto !important;
	}
	
.contactDetails {
	margin-top: 20px;
	line-height: 1.5em;
	}
	
* textarea {
	width: 193px !important;
	height: 70px;
	}	
	
* html textarea {
	width: 190px !important;
	}	

/*********************************************************************************************************************/	
#clearBottom {
	clear: both;
	height: 38px;
	width: 800px;
	display: block;
}/*needed to make room for footer*/
		
#siteFooter {
	background-color: #5389C5 !important;
	position: relative;
	width: 800px;
	height: 38px;
	margin-top: -38px !important;
	margin: 0 auto;
	z-index: 100;
	}

/* Footer Links
----------------------------------------------------------------------- */
	#footerLinks {
		color:#000;
		}
	
	#footerLinks a {
		color:#000;
		text-decoration:underline;
		}
	

	#footerLinks a:hover {
		color:#FFF;
		text-decoration:none;
		}


	#footerLinks {
		margin: 0 auto;
		width: 450px;
		}

	#footerLinks td {
		text-align: left;
		
		}
		
	#footerLinks td.topRow {
		padding: 0 5px 0 0px !important;
		color:#000 !important;
		}
		
	#footerLinks td.botRow {
		padding-top: 5px;
		}
	
/*************GENERIC STYLING******************/
.marginT {
	margin-top:10px !important;
	}
	
.marginR {
	margin-right:10px !important;
	}
	
.marginL {
	margin-left:16px !important;
	}
	
.marginB {
	margin-bottom:10px;
	}
	
.paddingB {
	padding-bottom:3px;
	}
	
.paddR {
	padding-right: 10px;
	}
	
.paddL {
	padding-left: 20px;
	}
	
.NoMargin {
	margin: 0 !important;
	}
	
div.inline {
	display: inline !important;
	}

.floatR {
	float: right;
	}
	
.floatL {
	float:left;
	}	
	
.noMarg {
	margin: 0 !important;
	}
	
.noPad {
	padding: 0 !important;
	}
	
* html .noMarg {
	margin: 0 0 -2px 0 !important;
	}