/*

Vidiwave Fuel Technology main stylesheet

version 1.1

Created: 2015


*/


/* --- basic resets --- */

	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}

	body {
		line-height:1;
	}

	article,aside,details,figcaption,figure,
	footer,header,hgroup,menu,nav,section { 
		display:block;
	}

	blockquote, q {
		quotes:none;
	}

	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}

	a {
		margin:0;
		padding:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
		text-decoration: none;
	}

	table {
		border-collapse:collapse;
		border-spacing:0;
	}

	input, select {
		vertical-align:middle;
	}
	
/* --- end basic resets --- */








/* --- fonts & headings --- */

	h1 {
		font-family: "myriad-pro",sans-serif;
		font-size: 32px;
		color: #565656;
		text-align: center;
		font-weight: 400;
	}
	
	h2 {
		font-family: "myriad-pro",sans-serif;
		font-size: 23px;
		color: #8d8c8c;
		text-align: center;		
		font-weight: 300;
	}
	
	h3 {
		font-family: "myriad-pro",sans-serif;
		font-size: 20px;
		color: #8d8c8c;
		font-weight: 300;
	}
	
	h4 {
		font-family: "myriad-pro",sans-serif;
		font-size: 17px;
		color: #8d8c8c;
		font-weight: 300;
	}
	
	h5 {
		font-family: "myriad-pro",sans-serif;
		font-size: 15px;
		color: #8d8c8c;
		font-weight: 100;
	}
	
	.d_grey {
		color: #565656;
	}
		
	#total_fleet_save_gbp {
		font-weight: bold;	
	}
	
	
	#fuelSavingPre, #fuelCost, #fuelSavingsSingle, #fuelSavingsFleet, #fuelSaving, #additiveCost, .currencySymbol {
		font-weight: bold;
		font-size: 13px;	
	}
	
	#inner_page ul {
	    display: block;
	    list-style-type: disc;
	    margin-top: 1em;
	    margin-bottom: 1 em;
	    margin-left: 0;
	    margin-right: 0;
	    padding-left: 40px;
	} 
	
	#inner_page ul ul {
	    list-style-type: circle;
	} 	
	
	#inner_page ol {
		list-style-type: decimal;
	    display: block;
	    margin-top: 1em;
	    margin-bottom: 1 em;
	    margin-left: 0;
	    margin-right: 0;
	    padding-left: 40px;
	} 		
	
	p, .text, #inner_page li {
		line-height: 1.5;
		margin: 5px 0 5px 0;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 12px;
		color: #666;
	}
	
	footer h4 {
		font-weight: 100;
		color: #fff;
		margin-bottom: 15px;
	}
	
	
	
	footer p, footer a, footer li, footer label {
		line-height: 1.5;
		margin: 5px 0 5px 0;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 11px;
		color: #fff;
	}	
	
	label, td {
		line-height: 1.5;
		margin: 5px 0 5px 0;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 12px;
		color: #666;			
	}
	
	.mc_table th {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 12px;
		color: #333;
		padding-bottom: 20px;				
	}
	
	#fc_table input[type=radio] {
		width: 20px;
		padding: 0;
		margin: -4px 45px 0 10px;
	}
	
	.mc_table tr td + td, .mc_table tr td + td + td, .mc_table tr td + td + td + td, .mc_table tr td + td + td + td + td, .mc_table tr td + td + td + td + td + td, .mc_table tr td + td + td + td + td + td + td {
		text-align: center;			
	}	
	
	.read_more_tb tr:nth-child(odd), .fuel_calc_results tr:nth-child(even) 	{ 
		background-color:#eee;
	}
	
	.read_more_tb td {
		font-weight: bold;
		padding: 5px;
		border-right: 1px solid #fff;
	}

	th, input[type=number] {
		line-height: 1.5;
		margin: 5px 0 5px 0;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 14px;
		color: #333;			
	}	
	
	td {
		vertical-align: middle;
	}
	
	footer a:hover {
		color: #9fd213;
	}
	
	.product_range_info_right li {
		line-height: 1.3 !important;
		margin: 0px 0 0px -20px !important;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 12px !important;
		color: #666;
	}	
	
	.brand {
		color: #9fd213;
	}
	
	.moreButton {
		z-index: 9999;
		-moz-box-shadow: 0px 1px 2px -50px #d9fbbe;
		-webkit-box-shadow: 0px 1px 2px -50px #d9fbbe;
		box-shadow: 0px 1px 2px -50px #d9fbbe;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9fd213), color-stop(1, #a5cc52));
		background:-moz-linear-gradient(top, #9fd213 5%, #a5cc52 100%);
		background:-webkit-linear-gradient(top, #9fd213 5%, #a5cc52 100%);
		background:-o-linear-gradient(top, #9fd213 5%, #a5cc52 100%);
		background:-ms-linear-gradient(top, #9fd213 5%, #a5cc52 100%);
		background:linear-gradient(to bottom, #9fd213 5%, #a5cc52 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fd213', endColorstr='#a5cc52',GradientType=0);
		background-color:#9fd213;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:1px solid #83c41a;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family:Verdana;
		font-size:13px;
		padding:3px 7px;
		text-decoration:none;
		text-shadow:-1px -1px 0px #86ae47;
	}
	.moreButton:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #9fd213));
		background:-moz-linear-gradient(top, #a5cc52 5%, #9fd213 100%);
		background:-webkit-linear-gradient(top, #a5cc52 5%, #9fd213 100%);
		background:-o-linear-gradient(top, #a5cc52 5%, #9fd213 100%);
		background:-ms-linear-gradient(top, #a5cc52 5%, #9fd213 100%);
		background:linear-gradient(to bottom, #a5cc52 5%, #9fd213 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#9fd213',GradientType=0);
		background-color:#a5cc52;
	}
	.moreButton:active {
		position:relative;
		top:1px;
	}
	
	.align-left {
		text-align: left;
	}
	
	.align-right {
		text-align: right;
	}	
	
	.float-right {
		float: right;
		position: relative;	
	}
	
	.float-left {
		float: left;
		position: relative;	
	}	

	.roi_text {
		padding: 5px;
		text-align: center;
		position: relative;
		float: left;
		margin: auto auto;
		font-family: "myriad-pro",sans-serif;
		font-size: 17px;
		color: #8d8c8c;
	}	

	.smalltext {
		font-size: 12px;
	}
	
	.formtext {
		font-size: 18px;
	}	

	.med_txt {
		font-size: 20px;
	}

	.m_txt {
		padding-left: 70px;
		font-size: 20px;
	}
	
	.xlarge {
		font-weight: bold;
		font-size: 50px;
	}
	
	.bold {
		font-weight: bold;	
	}
	
	.center {
		text-align: center;	
	}
	
	.justify {
		text-align: justify;
	}
	
	sub {
	    vertical-align: sub;
	    font-size: smaller;
	    color: #9fd213;
	}	
	
	
	.product_range_info_right sub, .product_range_info_left sub {
	    vertical-align: sub;
	    font-size: smaller;
	    color: #666;
	}
	
	.bluey {
		color: #3399ff;
	}
		
	
	
/* --- fonts & headings --- */	





/* --- main navigation --- */

	#nav_left_edge {
		width: 15px;
		height: 35px;
		position: relative;
		float: left;
		background: url('images/nav_left_edge.png') no-repeat;
	}
	
	#nav_buttons {
		width: 980px;
		height: 35px;
		position: relative;
		float: left;	
	}
	
	#nav_bg {
		width: 926px;
		height: 35px;
		position: relative;
		float: left;
		background: url('images/nav_bg.png') repeat-x;		
	}	
	
	#nav_right_edge {
		width: 15px;
		height: 35px;
		position: relative;
		float: left;
		background: url('images/nav_right_edge.png') no-repeat;
	}	

	#menu ul {
		display: inline;
		float: left;
		list-style: none;
		position: relative;
	}

	#menu li {
		width: 110px;
		padding-top: 4px;
		height: 31px;
		display: inline;
		position: relative;
		float: left;
		text-align: center;
		background: url('images/nav_bg.png') repeat-x;
	}
	
	#menu li a { 
		padding-top: 8px;
		height: 27px;
		display: block; 
	}
	
	#menu li:hover {
		padding-top: 4px;
		height: 31px;
		display: inline;
		position: relative;
		float: left;
		text-align: center;
		background: url('images/nav_bg_hover.png') repeat-x;
	}
	
	.menu_item {
		font-family: "myriad-pro", sans-serif;
		font-size: 14px;
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	}


/* --- end main navigation --- */






/* --- page structure --- */

	#container {
		width: 990px;
		height: 100%;
		position: relative;	
		overflow: auto;
		margin: 0 auto;
	}
	
	header {
		width 980px;
		height: 120px;
		position: relative;	
	}
	
	#head_content {
		width: 980px;
		height: 120px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	
	#logo {
		margin: 20px 0 0 0;
		width: 300px;
		height: 80px;
		position: relative;
		float: left;
	}
	
	#head_contact {
		margin: 60px 15px 0 0;
		width: auto;
		height: auto;
		position: relative;
		float: right;
		text-align: right;
	}
	
	nav {
		margin-top: 25px;
		width: 980px;
		height: 39px;
		position: relative;	
		background: url('../images/nav_bg.png');
	}
	
	#nav_content {
		width: 980px;
		height: 39px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		background: #fff; 
	}
	
	#inner_page {
		padding: 5px;
		height: auto;
		width: 980px;
		position: relative;	
		float: left;
		overflow: auto;
	}
	
	.content_wrap {
		margin: 30px 0 35px 0;
		width: 960px;
		height: auto;
		position: relative;
		float: left;
	}	
	
	.content_pane {
		margin: 0px 0 0px 0;
		width: 960px;
		height: auto;
		position: relative;
		float: left;
	}	
	
	.content_copy {
		margin: 0px 0 0px 0;
		width: 625px;
		height: auto;
		position: relative;
		float: left;
	}
	
	.content_img {
		padding-top: 10px;
		margin: 0px 0 0px 0;
		width: 300px;
		height: auto;
		position: relative;
		float: right;
	}				
	
	.page_heading {
		padding: 40px 0 30px 0;
		width: 980px;
		position: relative;	
		float: left;
		text-align: center;
	}		
							
	
	footer {
		margin-top: 20px;
		padding-bottom: 20px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		margin-left: auto;
		margin-right: auto;
		width: 1000px;
		height: 100%;
		overflow: auto;
		position: relative;	
		-webkit-border-radius: 3px 3px 0px 0px;
		-moz-border-radius: 3px 3px 0px 0px;
		-o-border-radius: 3px 3px 0px 0px;
		border-radius: 3px 3px 0px 0px;
		-webkit-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);				
		background: url('images/foot_bg.png') repeat ;
		behavior: url(PIE.htc);
	}

	#foot_content {
		padding-top: 25px;
		width: 960px;
		height: auto;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	
	#foot_column_contact {
		margin-right: 20px;
		width: 200px;
		position: relative;
		float: left;
	}
	
	#foot_column_solutions {
		margin-right: 20px;
		width: 200px;
		position: relative;
		float: left;
	}
	
	#foot_column_products {
		width: 200px;
		position: relative;
		float: left;
	}
	
	#foot_column_news {
		width: 300px;
		position: relative;
		float: right;
	}
	
	#foot_copy {
		margin-top: 20px;
		padding-top: 10px;
		width: 960px;
		height: 30px;
		position: relative;
		float: left;
		border-top: 1px solid #9fd213;
	}	

	#foot_copy_text {
		width: 750px;
		height: 30px;
		position: relative;
		float: left;
	}

	#translate {
		height: 30px;
		position: relative;
		float: right;
	}	
	
	.foot_underline {
		margin: 0 0 20px 0;
		width: 100%;
		position: relative;
		float: left;
		border-top: 1px solid #9fd213;
	}
	
	#footer_ul {
		list-style: none;
		padding: 0;
		margin: 0;
		}
	
	.foot_link li a, #foot_copy a{
		color: #ccc;
	}
	
	.foot_link li a:hover, #foot_copy a:hover {
		color: #fff;
	}

	.newsletter {
		position: relative;
		float: left;
	margin: 0px 0 0px 0;
	 padding: 5px;
	 width: 175px;
	 text-align: center;
	 border: solid 1px #E5E5E5;
	font: 10px Verdana, Tahoma, sans-serif;
	color: #666;
	background: #FFFFFF url('../images/form_background.png') left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow:inset rgba(0,0,0, 0.3) 2px 2px 2px;
	-o-box-shadow:inset rgba(0,0,0, 0.3) 2px 2px 2px;
	-moz-box-shadow:inset rgba(0,0,0, 0.3) 2px 2px 2px;
	-webkit-box-shadow:inset rgba(0,0,0, 0.3) 2px 2px 2px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	behavior: url(PIE.htc);		
	 }	
	 
	 .nw_label_div {
	 	margin-bottom: 10px;
	 	}
	 
	.newsletter_button {
		position: relative;
		float: left;
	margin: 0px 0 0px 10px;
	 padding: 5px;
	 width: 100px;
	 text-align: center;
	 border: solid 1px #E5E5E5;
	font: 10px Verdana, Tahoma, sans-serif;
	color: #666;
	background: #ccc;
	box-shadow: rgba(0,0,0, 0.3) 2px 2px 2px;
	-o-box-shadow: rgba(0,0,0, 0.3) 2px 2px 2px;
	-moz-box-shadow: rgba(0,0,0, 0.3) 2px 2px 2px;
	-webkit-box-shadow: rgba(0,0,0, 0.3) 2px 2px 2px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	behavior: url(PIE.htc);		
	 }		




/* --- end page structure --- */








/* --- homepage styles --- */


	#slider {
		margin: 25px 0 10px 0;
		width: 980px;
		height: 450px;
		position: relative;	
		float: left;
	}	
	
	#slide {
		width: 950px;
		height: 400px;
		position: relative;
		float: left;
		background: #fff;
		border: 10px solid #eee;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);			
		behavior: url(PIE.htc);				
	}
	
	#slider_container {
		width: 970px;
		height: 420px;
		position: relative;
		float: left;	
	}	
	
	#slider_shadow {
		width: 640px;
		height: 420px;
		position: relative;
		float: left;
		border: medium none;
		-webkit-border-radius: 100% 100% 100% 100% / 20px 20px 20px 20px;
		-moz-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		-o-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		border-radius: 100% 100% 100% 100% /  33px 33px 33px 33px;
		-webkit-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2);
		behavior: url(PIE.htc);
	}			
	
	.section_heading {
		padding: 20px 0;
		width: 980px;
		position: relative;	
		float: left;
		text-align: center;
	}		
	
	#solution {
		margin-top: 25px;
		width: 980px;
		height: 320px;
		position: relative;	
		float: left;		
	}	
	
	.box_title_sm {
		margin-top: 5px;
		width: 100%;
		height: auto;
		position: relative;
		float: left;
		text-align: center;
	}
	
	.box_img_sm {
		margin-top: 5px;
		width: 100%;
		height: 100px;
		position: relative;
		float: left;
	}	
	
	.box_button_sm {
		text-align: center;
		margin-top: 5px;	
		width: 100%;
		height: 25px;
		position: relative;
		float: left;
	}	
	
	.box_title_md {
		margin-top: 5px;
		width: 100%;
		height: auto;
		position: relative;
		float: left;
		text-align: center;
	}
	
	.box_img_md {
		margin-top: 5px;
		width: 100%;
		height: 130px;
		position: relative;
		float: left;
	}	
	
	.box_button_md {
		text-align: center;
		margin-top: 5px;	
		width: 100%;
		height: 25px;
		position: relative;
		float: left;
	}
	
	.box_title_lg {
		margin-top: 5px;
		width: 100%;
		height: auto;
		position: relative;
		float: left;
		text-align: center;
	}
	
	.box_img_lg {
		margin-top: 5px;
		margin-bottom: 20px;
		width: 100%;
		height: 160px;
		position: relative;
		float: left;
	}	
	
	.box_button_lg {
		text-align: center;	
		margin-top: 5px;	
		width: 100%;
		height: 25px;
		position: relative;
		float: left;
	}			

	#box1_container {
		z-index: 69;
		margin-top: 30px;
		width: 177px;
		height: 210px;
		position: relative;	
		float: left;	
	}	
	
	#box1 {
		z-index: 69;
		padding: 5px;
		background: #fff;
		width: 157px;
		height: 180px;
		position: relative;	
		float: left;
		border-top: 10px solid #eee;
		border-bottom: 10px solid #eee;
		border-left: 10px solid #eee;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: -1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: -1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: -1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.2);		
		behavior: url(PIE.htc);				
	}	
	
	#box2_container {
		z-index: 79;
		margin-top: 15px;
		width: 197px;
		height: 240px;
		position: relative;	
		float: left;	
	}	
	
	#box2 {
		z-index: 79;
		padding: 5px;
		background: #fff;
		width: 177px;
		height: 210px;
		position: relative;	
		float: left;
		border-top: 10px solid #eee;
		border-bottom: 10px solid #eee;
		border-left: 10px solid #eee;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);		
		behavior: url(PIE.htc);				
	}	
	
	#box3_container {
		z-index: 99;
		width: 222px;
		height: 270px;
		position: relative;	
		float: left;	
	}	
	
	#box3 {
		z-index: 99;
		padding: 5px;
		background: #fff;
		width: 192px;
		height: 240px;
		position: relative;	
		float: left;
		border: 10px solid #eee;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);		
		behavior: url(PIE.htc);				
	}		
	
	#box4_container {
		z-index: 89;
		margin-top: 15px;
		width: 197px;
		height: 240px;
		position: relative;	
		float: left;	
	}	
	
	#box4 {
		z-index: 89;
		padding: 5px;
		background: #fff;
		width: 177px;
		height: 210px;
		position: relative;	
		float: left;
		border-top: 10px solid #eee;
		border-bottom: 10px solid #eee;
		border-right: 10px solid #eee;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);		
		behavior: url(PIE.htc);				
	}	
	
	#box5_container {
		z-index: 79;
		margin-top: 30px;
		width: 177px;
		height: 210px;
		position: relative;	
		float: left;	
	}	
	
	#box5 {
		z-index: 79;
		padding: 5px;
		background: #fff;
		width: 157px;
		height: 180px;
		position: relative;	
		float: left;
		border-top: 10px solid #eee;
		border-bottom: 10px solid #eee;
		border-right: 10px solid #eee;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);				
		behavior: url(PIE.htc);				
	}		
	
	.box_shadow_lge {
		z-index: -10;
		width: 170px;
		height: 270px;
		position: relative;
		float: left;
		border: medium none;
		-webkit-border-radius: 100% 100% 100% 100% / 20px 20px 20px 20px;
		-moz-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		-o-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		border-radius: 100% 100% 100% 100% /  33px 33px 33px 33px;
		-webkit-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2);
		behavior: url(PIE.htc);
	}
	
	.box_shadow_med {
		z-index: -10;
		width: 150px;
		height: 240px;
		position: relative;
		float: left;
		border: medium none;
		-webkit-border-radius: 100% 100% 100% 100% / 20px 20px 20px 20px;
		-moz-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		-o-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		border-radius: 100% 100% 100% 100% /  33px 33px 33px 33px;
		-webkit-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2);
		behavior: url(PIE.htc);
	}
	
	.box_shadow_sm {
		z-index: -10;
		width: 130px;
		height: 210px;
		position: relative;
		float: left;
		border: medium none;
		-webkit-border-radius: 100% 100% 100% 100% / 20px 20px 20px 20px;
		-moz-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		-o-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		border-radius: 100% 100% 100% 100% /  33px 33px 33px 33px;
		-webkit-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2);
		behavior: url(PIE.htc);
	}					
	
	#roi {
		width: 980px;
		height: 165px;
		position: relative;	
		float: left;
	}	

	.roi_math_box {
		padding-top: 17px;
		width: 55px;
		height: 55px;
		position: relative;
		float: left;	
		font-family: "myriad-pro",sans-serif;
		font-size: 60px;
		font-weight: bold;
		color: #9fd213;
		text-align: center;			
	}
	
	.roi_box {
		width: 138px;
		height: 83px;
		position: relative;
		float: left;
		background: #fff;
		border: 7px solid #eee;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);			
		behavior: url(PIE.htc);				
	}
	
	.roi_box_container {
		width: 150px;
		height: 95px;
		position: relative;
		float: left;	
	}	
	
	.roi_box_shadow {
		width: 100px;
		height: 95px;
		position: relative;
		float: left;
		border: medium none;
		-webkit-border-radius: 100% 100% 100% 100% / 20px 20px 20px 20px;
		-moz-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		-o-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		border-radius: 100% 100% 100% 100% /  33px 33px 33px 33px;
		-webkit-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2);
		behavior: url(PIE.htc);
	}		
	
	
	#service_text {
		margin-bottom: 30px;
		width: 980px;
		height: auto;
		position: relative;	
		float: left;
	}	
	
	.service_text_box {
		margin-right: 40px;
		width: 300px;
		height: auto;
		position: relative;	
		float: left;
	}
	
	.service_text_box_end {
		width: 300px;
		height: auto;
		float: left;		
		position: relative;	
	}	
	
	#products {
		width: 980px;
		height: 200px;
		position: relative;	
		float: left;
	}	
	
	.product_box:hover {
		background: #f8f8f8;	
	}
	
	.home_product_img {
		position: absolute;
		bottom: 0;
		left:5px;
		width: 126px;
		height: 100px;
	}
	
	.home_product_img_lge {
		position: absolute;
		bottom: 0;
		left:5px;
		width: 126px;
		height: 120px;
	}	
	
	.home_product_img_sml {
		position: absolute;
		bottom: 0;
		left:5px;
		width: 126px;
		height: 90px;
	}
	
	.product_box {
		padding: 5px;
		width: 126px;
		height: 136px;
		text-align: center;
		font-weight: normal;
		position: relative;
		float: left;
		background: #fff;
		border: 7px solid #eee;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);			
		behavior: url(PIE.htc);				
	}
	
	.product_box_container {
		margin-right: 15px;
		width: 150px;
		height: 160px;
		position: relative;
		float: left;	
	}	
	
	.product_box_container_end {
		width: 150px;
		height: 160px;
		position: relative;
		float: left;	
	}		
	
	.product_box_shadow {
		width: 100px;
		height: 160px;
		position: relative;
		float: left;
		border: medium none;
		-webkit-border-radius: 100% 100% 100% 100% / 20px 20px 20px 20px;
		-moz-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		-o-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		border-radius: 100% 100% 100% 100% /  33px 33px 33px 33px;
		-webkit-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2);
		behavior: url(PIE.htc);
	}		


/* --- end homepage styles --- */







/* --- product page specific  --- */

	.product_thumb:hover {
		background: #f8f8f8;	
	}

	.product_thumb_img {
		position: absolute;
		bottom: 0;
		left: 50%;	
	}
	
	.img_center {
		width: 136px;
		height: 105px;		
		position: relative;
		left: -50%;
	}
	
	.smaller_img {
		width: 106px;
		height: 80px;

	}

	.product_thumb {
		padding: 5px;
		width: 136px;
		height: 136px;
		position: relative;
		float: left;
		background: #fff;
		border: 7px solid #eee;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);	
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;					
		behavior: url(PIE.htc);				
	}
	
	.product_thumb_container {
		overflow: hidden;
		margin-right: 15px;
		width: 170px;
		height: 160px;
		position: relative;
		float: left;	
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;					
		behavior: url(PIE.htc);			
	}	
	
	.product_thumb_shadow {
		width: 110px;
		height: 160px;
		position: relative;
		float: left;
		border: medium none;
		-webkit-border-radius: 100% 100% 100% 100% / 20px 20px 20px 20px;
		-moz-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		-o-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		border-radius: 100% 100% 100% 100% /  33px 33px 33px 33px;
		-webkit-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2);
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;			
		behavior: url(PIE.htc);
	}	

	.active_container {
		width: 205px !important;
		height: 205px !important;
		background-color: #f0f0f0 !important;
	}
	
	.active_thumb {
		border: 7px solid #e8e7e7 !important;	
		width: 180px !important;
		height: 180px !important;
	}
	
	.active_shadow {
		width: 130px !important;
		height: 204px !important;
	}		
	
	.box_headings {
		text-align: center;	
	}
	
	#product_info_box {
		position: relative;
		float: left;
		height: 460px;
		margin: 30px 0 15px 0;
	}	
	
	.product_range_container {
		padding-left: 5px;
		width: 970px;
		height: auto;
		position: relative;
		float: left;	
	}		
	
	.product_range_shadow {
		width: 600px;
		height: auto;
		position: relative;
		float: left;
		border: medium none;
		-webkit-border-radius: 100% 100% 100% 100% / 20px 20px 20px 20px;
		-moz-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		-o-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		border-radius: 100% 100% 100% 100% /  33px 33px 33px 33px;
		-webkit-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2);
		behavior: url(PIE.htc);
	}		

	.product_range_info {
		margin: 0px 0 0px 0;
		width: 940px;
		height: auto;
		position: relative;
		float: left;
		overflow: auto;
		background: #fff;
		border: 10px solid #eee;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0px 1px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);			
		behavior: url(PIE.htc);	
		}


		#product_range_thumbs_wrap {
			margin: 0px 0 0px 0;
			width: 960px;
			height: 240px;
			position: relative;
			float: left;
		}
	
		#product_range_thumbs {
			padding-left: 5px;
			margin: 10px 0 0px 0;
			width: 960px;
			height: 230px;
			position: relative;
			float: left;
		}
		
		#thumb_expand {
			margin: 15px 0 15px 0;
			width: 960px;
			height: auto;
			position: relative;
			float: left;
			text-align: center;
		}	
		
		.product_box_heading {
			margin: 15px 0 15px 0;
			width: 960px;
			position: relative;
			float: left;
		}
		
		.product_range_info_top {
			margin: 15px 0px 0px 15px;
			width: 930px;
			height: auto;
			position: relative;
			float: left;
		}
		
		.product_range_info_bot {
			margin: 10px 0px 15px 15px;
			width: 930px;
			height: auto;
			position: relative;
			float: left;
		}
	
		.product_range_info_left {
			margin: 0px 0px 0px 0;
			width: 450px;
			height: auto;
			position: relative;
			float: left;
		}
		
		.product_range_info_right {
			padding-bottom: 80px;
			margin: 0px 0 0px 0;
			width: 390px;
			height: auto;
			position: relative;
			float: right;
		}
		
		.product_range_info_pdf {
			margin: 0px 0 0px 0;
			width: 390px;
			height: auto;
			position: absolute;
			left: 0;
			bottom: 0;
		}
		
		.product_range_infos_left {
			margin: 15px 0px 15px 15px;
			width: 515px;
			height: auto;
			position: relative;
			float: left;
		}
		
		.product_range_infos_right {
			margin: 15px 15px 15px 0;
			width: 390px;
			min-height: 300px;
			position: relative;
			float: right;
		}
		
		.pdf_box {
			margin: 0px 0 0px 0;
			width: 390px;
			height: 75px;
			position: relative;
			float: left;
			background: #eee;
			-webkit-border-radius: 4px 4px 4px 4px;
			-moz-border-radius: 4px 4px 4px 4px;
			-o-border-radius: 4px 4px 4px 4px;
			border-radius: 4px 4px 4px 4px;
		}
		
		.pdf_icon {
			margin: 10px 0 0 25px;
			width: 55px;
			height: 55px;
			position: relative;
			float: left;
		}
		
		.pdf_text{
			margin: 15px 0 0 20px;
			width: 200px;
			height: 50px;
			position: relative;
			float: left;
		}
		
		#show_product_divs {
			margin: 10px 0 10px 0px;
			width: 960px;
			position: relative;
			float: left;
			text-align: center;
		}
		
		.smaller_prod_img {
			height: 80px !important;
			width: 100px !important;	
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-ms-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;					
			behavior: url(PIE.htc);						
		}
	

	
/* --- end product page specific  --- */	









/* --- solutions page specific  --- */	


	.inner_page_section {
		margin: 0 0 40px 0;
		width: 960px;
		position: relative;
		float: left;
	}	

	#inner_page_intro {
		width: 550px;
		height: auto;
		position: relative;
		float: left;
	}	

	#inner_page_features {
		margin-right: 25px;
		width: 300px;
		height: auto;
		position: relative;
		float: left;
	}	
	
	#inner_page_features_host {
		width: 300px;
		height: auto;
		position: relative;
		float: right;
	}	

	#inner_page_features_right {
		width: 350px;
		height: auto;
		position: relative;
		float: right;
	}


/* --- solutions page specific  --- */	


.innovation { 
		display: none; 
	}

	.innovation_container {
		margin: 30px 0 0px 0;
		width: 960px;
		position: relative;
		float: left;
	}
	
	.innovation {
		margin: 0px 0 20px 0;
		width: 960px;
		position: relative;
		float: left;
	}
	
	.inno_date {
		padding: 15px;
		margin: 12px 0 0px 0;
		width: 50px;
		position: relative;
		float: left;
		background: #666;
		border: 4px solid #666;
	}	
	
	.inno_date_inner {
		margin: 17px 0 0px 20px;
		width: 2px;
		height: 40px;
		position: relative;
		float: left;
		background: #666;
		border: 4px solid #666;
	}		
	
	.inno_line_1 {
		margin: 40px 0 0px 0;
		width: 500px;
		position: relative;
		float: left;
		border-top: 4px solid #f58821;
	}
	
	
	.inno_line_2 {
		margin: 40px 0 0px 0;
		width: 260px;
		position: relative;
		float: left;
		border-top: 4px solid #666;
	}
		
	.inno_box {
		padding: 10px;
		margin: 0px 0 0 0;
		width: 250px;
		height: auto;
		position: relative;
		float: left;
		background: #fff;
		border: 4px solid #f58821;
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-o-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		behavior: url(PIE.htc);	
	}

	.green {
		color: #9ecc3d
	}





/* --- contact page specific  --- */

	#product_return_info {
		display: none;
		margin: 10px 0 20px 0px;
	}
	
	#po_no {
		display: none;
	}		

	#contact_wrap {
		margin: 30px 0 35px 0;
		width: 960px;
		height: auto;
		position: relative;
		float: left;
		line-height: 1.5;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 12px;
		color: #666;		
	}	
	
	#partner_form {
		display: none;
	}
	
	#contact_form {
		padding: 0px 0 0 0;
		width: 550px;
		height: auto;
		position: relative;
		float: left;
	}

	.type_enq {
		width: 450px;
		margin: 15px 0 15px 0;
		border-bottom: 1px dashed #ccc;
		}
	
	footer input, footer textarea, #contact_wrap input {
		margin: 0 0 10px 0;
		 padding: 12px;
		 border: solid 1px #E5E5E5;
		font: normal 12px Verdana, Tahoma, sans-serif;
		 width: 200px;
		 color: #666;
		background: #FFFFFF url('../images/form_background.png')left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
		background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
		background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
		box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
		-o-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;
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-o-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		behavior: url(PIE.htc);		
	 }
	 
	 
	#contact_wrap textarea {
		margin: 0 0 10px 0;
		 padding: 12px;
		 border: solid 1px #E5E5E5;
		font: normal 12px Verdana, Tahoma, sans-serif;
		 width: 400px;
		 color: #666;
		background: #FFFFFF url('../images/form_background.png')left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
		background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
		background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
		box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
		-o-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;
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-o-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;
		behavior: url(PIE.htc);		
	 }	 
 
	 
	.sub_button_brand {
	margin: 0 0 10px 0 !important;
	 padding: 12px;
	 border: solid 1px #fff !important;
	font: bold 12px Verdana, Tahoma, sans-serif;
	 width: 200px;
	 color: #fff !important;
	background: #9fd213 !important;
	box-shadow: #eee 0px 0px 3px;/*0.1 actually means 10 %*/
	-o-box-shadow: #eee 0px 0px 3px;
	-moz-box-shadow: #eee 0px 0px 3px;
	-webkit-box-shadow: #eee 0px 0px 3px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	behavior: url(PIE.htc);		
	 }	 
	 
	 .sub_button_brand:hover {
	 box-shadow:0 0 6px #666;
	-o-box-shadow:0 0 6px #666;
	-moz-box-shadow:0 0 6px #666;
	-webkit-box-shadow:0 0 6px #666;
	behavior: url(PIE.htc);		
	}
	
	 
	select {
	margin: 0 0 10px 0;
	 padding: 12px;
	 border: solid 1px #E5E5E5;
	font: normal 12px Verdana, Tahoma, sans-serif;
	 width: 225px;
	background: #FFFFFF url('../images/form_background.png')left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-o-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;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	behavior: url(PIE.htc);		
	 }

	input:hover, textarea:hover, select:hover, .cinema_link_1:hover, .cinema_link_1:focus, .cinema_link_2:hover, .cinema_link_2:focus, #start_innov:hover, #start_innov:focus,  .button:hover, .button:focus,
	input:focus, textarea:focus, select:focus, #contact_wrap input:hover, #contact_wrap input:focus, #contact_wrap input:active, #contact_wrap textarea:hover, #contact_wrap textarea:focus, #contact_wrap textarea:active { 
	box-shadow:0 0 8px #9fd213;
	-o-box-shadow:0 0 8px #9fd213;
	-moz-box-shadow:0 0 8px #9fd213;
	-webkit-box-shadow:0 0 8px #9fd213;
	behavior: url(PIE.htc);		
	}
	
	input[type=checkbox] { 
		width: 30px;
	}	 
	 
	textarea {
	 width: 400px;
	 max-width: 400px;
	 height: 150px;
	 line-height: 150%;
	 }

	label {
	 padding-left: 10px;
	 color: #999999;
	 }

	.submit input {
	 width: auto;
	 padding: 9px 15px;
	 background: #617798;
	 font-size: 14px;
	 color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	 }
	 
	#form-div {
	background-color:#F5F5F5;
	padding:15px;
	}
	
	#contact_info {
		width: 400px;
		height: auto;
		position: relative;
		float: right;
	}	
	
	.office_details {
		margin: 10px 0 10px 0;
		width: 400px;
		height: auto;
		position: relative;
		float: left;
		border-bottom: 1px solid #f0f0f0;
	}
	
	.office_details_bottom {
		margin: 10px 0 10px 0;
		width: 300px;
		height: auto;
		position: relative;
		float: left;
	}
	
	.contact_details_left {
		margin: 10px 0 10px 0;
		width: 150px;
		height: auto;
		position: relative;
		float: left;
	}
	
	.contact_details_right {
		margin: 10px 0 10px 0;
		width: 235px;
		height: auto;
		position: relative;
		float: right;
	}
	
	#contact_map {
		margin-top: 20px;
		width: 960px;
		height: 250px;
		position: relative;
		float: left;
	}	

/* --- end contact page specific  --- */










/* --- about page specific  --- */

	#fpc_history {
		display: none;
	}
	
	.cinema_video_inner {
		margin: 0 0 0px 130px;
		width: 700px;
		height: 469px;
		position: relative;
		float: left;
		background: url('images/tablet_cinema.png') no-repeat;
	}
	
	.inner_video {
		margin: 50px 0 0px 65px;
		width: 570px;
		height: 355px;
		position: relative;
		float: left;
	}	
	
	.innovation { 
		display: none; 
	}

	.innovation_container {
		margin: 30px 0 0px 0;
		width: 960px;
		position: relative;
		float: left;
	}
	
	.innovation {
		margin: 0px 0 20px 0;
		width: 960px;
		position: relative;
		float: left;
	}
	
	.inno_date {
		padding: 15px;
		margin: 12px 0 0px 0;
		width: 50px;
		position: relative;
		float: left;
		background: #666;
		border: 4px solid #666;
	}	
	
	.inno_date_inner {
		margin: 17px 0 0px 20px;
		width: 2px;
		height: 40px;
		position: relative;
		float: left;
		background: #666;
		border: 4px solid #666;
	}		
	
	.inno_line_1 {
		margin: 40px 0 0px 0;
		width: 500px;
		position: relative;
		float: left;
		border-top: 4px solid #9fd213;
	}
	
	
	.inno_line_2 {
		margin: 40px 0 0px 0;
		width: 260px;
		position: relative;
		float: left;
		border-top: 4px solid #666;
	}
		
	.inno_box {
		padding: 10px;
		margin: 0px 0 0 0;
		width: 250px;
		height: auto;
		position: relative;
		float: left;
		background: #fff;
		border: 4px solid #9fd213;
		-webkit-border-radius: 0px 15px 0px 15px;
		-moz-border-radius: 0px 15px 0px 15px;
		-o-border-radius: 0px 15px 0px 15px;
		border-radius: 0px 15px 0px 15px;
		behavior: url(PIE.htc);	
	}
	
	
	.orange_border {
	 border: 2px solid #9fd213;	
	 }
	 
		.button_orange {
	margin: 20px auto;
	 padding: 20px;
	 width: 200px;
	 text-align: center;
	 border: solid 1px #fff;
	font: bold 13px Verdana, Tahoma, sans-serif;
	color: #fff;
	background: #9fd213;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 1px 1px 3px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 3px -5px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 1px 1px 3px -5px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);		
	behavior: url(PIE.htc);		
	 }	
	 
	.button_orange:hover {
	 padding: 20px;
	 width: 200px;
	 text-align: center;
	 border: solid 1px #E5E5E5;
	font: bold 13px Verdana, Tahoma, sans-serif;
	color: #fff;
	background: #9fd213;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	-o-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;	
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	behavior: url(PIE.htc);		
	 }	 
		
	
	
/* --- about page specific  --- */	







/* --- roi calculator  --- */	

	#roi_calc_buttons
		position: relative;
		float: left;
		height: auto;
		width: 960px;
	}

	.roi_calc_btns_shadow {
		z-index: -10;
		width: 175px;
		height: 200px;
		position: relative;
		float: left;
		border: medium none;
		-webkit-border-radius: 100% 100% 100% 100% / 20px 20px 20px 20px;
		-moz-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		-o-border-radius: 100% 100% 100% 100% / 33px 33px 33px 33px;
		border-radius: 100% 100% 100% 100% /  33px 33px 33px 33px;
		-webkit-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 8px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2);
		behavior: url(PIE.htc);
	}

	.roi_calc_btns_container {
		z-index: 69;
		margin-top: 30px;
		margin-right: 50px;
		width: 250px;
		height: 200px;
		position: relative;	
		float: left;	
	}	
	
	#roi_freight_button {
		z-index: 69;
		padding: 5px;
		background: #fff;
		width: 280px;
		height: 180px;
		position: relative;	
		float: left;
		border: 10px solid #eee;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: -1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: -1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: -1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.2);		
		behavior: url(PIE.htc);				
	}
	
	#roi_passenger_button {
		z-index: 69;
		padding: 5px;
		background: #fff;
		width: 280px;
		height: 180px;
		position: relative;	
		float: left;
		border: 10px solid #eee;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-o-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		-webkit-box-shadow: -1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: -1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		-o-box-shadow: -1px 1px 3px -5px rgba(0, 0, 0, 0.2);
		box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.2);		
		behavior: url(PIE.htc);				
	}	







/* --- fuel calculator  --- */	


.gbp_table, .euro_table, .dollar_table, .fleet_gbp_table, .fleet_euro_table, .fleet_dollar_table, #email_details_table, .bunkered_results {
	display: none;
}

.bunkered_results {	
	margin-bottom: 30px;
}

#email_details_table {
	margin-top: 30px;	
}

.fleet_gbp_table, .fleet_euro_table, .fleet_dollar_table {
	margin-top: 20px;
}

.tb_wrap_full {
	margin-bottom: 50px;
	position: relative;
	float: left;
	width: 100%;
}

.fc_table_wrap {
	padding: 25px;
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	border: 10px solid #eee;
	-o-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;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	behavior: url(PIE.htc);		
}
	
#fc_table, .fuel_calc_results {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
}	
.fuel_calc_results {
	position: relative;
	float: left;
}	


.mc_table_wrap {
	padding: 10px;
	position: relative;
	margin-left: auto;
	margin-right: auto;		
}

.mc_table {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
}	

.mc_table tr {
	height: 30px;
}

.mc_table tr:nth-child(odd), .fuel_calc_results tr:nth-child(even) 	{ 
	background-color:#eee;
	}
	
.no_bg {
	background-color: #fff !important;
}
	
#fc_table input {
	background: #FFFFFF url('../images/form_background.png')left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	border: 2px solid #9fd213;
	-o-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;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	behavior: url(PIE.htc);				
}

.mc_table input {
	width: 80px;
	background: #FFFFFF url('../images/form_background.png')left top repeat-x;/*Mimic Background Property in Internet Explorer since IE 6,7,8 does not support CSS3*/
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*0.1 actually means 10 %*/
	border: 2px solid #9fd213;
	-o-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;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	behavior: url(PIE.htc);				
}

#fuelcalc .smalltext {
	font-size: 10px;
}
#fuelcalc .disclaimerText {
font-family: Verdana, Geneva, sans-serif;
font-size: 8px;
color: #A7E1BF;
position:absolute;
left:20px;
top:725px;
width: 730px;
}
#fuelcalc {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
width: 840px;
background-attachment: scroll;
background-image: url(images/calculator-back.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 765px;
padding: 0px;
}
#fuelcalcEmail .smalltext {
font-size: 10px;
width: 130px;
}
#fuelcalcEmail .phoneNumber {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
}
#fuelcalcEmail .disclaimerText {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
position:absolute;
left:120px;
top: 500px;
width: 530px;
}
#fuelcalcEmail .disclaimerTextFull {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
position:absolute;
left:20px;
top:692px;
width: 730px;
}
#fuelcalcEmail .sentText {
font-family: Verdana, Geneva, sans-serif;
font-size: 22px;
}
#fuelcalcEmail {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
width: 840px;
background-attachment: scroll;
background-image: url(images/calculator-back-short.png);
background-repeat: no-repeat;
background-position: left top;
height: 875px;
padding: 0px;
}
#padcalc {
margin-top: 0px;
margin-left: 30px;
margin-right: 90px;
padding-top: 80px;
}
#fuelcalc .greenRow {
background-color: #A7E1BF;
}
#fuelcalc .bluesaving {
background-color: #C6EDFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#fuelcalc input {
width: 200px;
height: 22px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
padding-top: 0px;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
font-weight: 400;
}
#fuelcalc tr { line-height: 14px; } 

.top_marg {
	padding-top: 30px;
}

table { border-collapse: separate; }

.totalRow td:first-child { 
	border-top: 2px solid #9fd213;
	border-left: 2px solid #9fd213;
	border-bottom: 2px solid #9fd213;
	
	-webkit-border-top-left-radius: 4px; 
	-moz-border-top-left-radius: 4px; 
	-o-border-top-left-radius: 4px; 
	border-top-left-radius: 4px; 
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	behavior: url(PIE.htc);		
}

.totalRow td{ 
	padding: 15px 0;
	border-top: 2px solid #9fd213;
	border-bottom: 2px solid #9fd213;
		
}

.totalRow td:last-child { 
	border-top: 2px solid #9fd213;
	border-right: 2px solid #9fd213;
	border-bottom: 2px solid #9fd213;
	
	-webkit-border-top-right-radius: 4px; 
	-moz-border-top-right-radius: 4px; 
	-o-border-top-right-radius: 4px; 
	border-top-right-radius: 4px; 
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	behavior: url(PIE.htc);		
}


.totalRow {
	color: #333;
	position: relative;
}

.totalRow_top td:first-child { 
	border-top: 2px solid #9fd213;
	border-left: 2px solid #9fd213;
	
	-webkit-border-top-left-radius: 4px; 
	-moz-border-top-left-radius: 4px; 
	-o-border-top-left-radius: 4px; 
	border-top-left-radius: 4px; 
	behavior: url(PIE.htc);		
}

.totalRow_top td{ 
		text-align: left;
	padding: 5px 0;
	border-top: 2px solid #9fd213;
		
	font-weight: bold;
	font-size: 15px;	
}

.totalRow_top td:last-child { 
	border-top: 2px solid #9fd213;
	border-right: 2px solid #9fd213;
	
	-webkit-border-top-right-radius: 4px; 
	-moz-border-top-right-radius: 4px; 
	-o-border-top-right-radius: 4px; 
	border-top-right-radius: 4px; 
	behavior: url(PIE.htc);		
}


.totalRow_top {
	color: #333;
	position: relative;
}

.totalRow_mid td:first-child { 
	border-left: 2px solid #9fd213;
	
}

.totalRow_mid td{ 
		text-align: left;
	padding: 5px 0;	
		
	font-weight: bold;
	font-size: 15px;	
}

.totalRow_mid td:last-child { 
	border-right: 2px solid #9fd213;
		
}


.totalRow_mid {
	color: #333;
	position: relative;
}

.totalRow_bot td:first-child { 
	border-left: 2px solid #9fd213;
	border-bottom: 2px solid #9fd213;
	
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	behavior: url(PIE.htc);		
}

.totalRow_bot td{ 
	text-align: left;
padding: 5px 0;
	border-bottom: 2px solid #9fd213;
		
	font-weight: bold;
	font-size: 15px;	
}

.totalRow_bot td:last-child { 
	border-right: 2px solid #9fd213;
	border-bottom: 2px solid #9fd213;
	
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	behavior: url(PIE.htc);		
}


.totalRow_bot {
	color: #333;
	position: relative;
}

.totalcol-top { 
	
	border-top: 2px solid #9fd213;
	border-left: 2px solid #9fd213;
	border-right: 2px solid #9fd213;
	
	-webkit-border-top-left-radius: 4px; 
	-moz-border-top-left-radius: 4px; 
	-o-border-top-left-radius: 4px; 
	border-top-left-radius: 4px; 
	-webkit-border-top-right-radius: 4px; 
	-moz-border-top-right-radius: 4px; 
	-o-border-top-right-radius: 4px; 
	border-top-right-radius: 4px; 
	behavior: url(PIE.htc);		
}

.totalcol-mid { 
	border-left: 2px solid #9fd213;
	border-right: 2px solid #9fd213;
	
}

.totalcol-bot { 
	border-right: 2px solid #9fd213;
	border-left: 2px solid #9fd213;
	border-bottom: 2px solid #9fd213;
	
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	behavior: url(PIE.htc);		
}

	.calc_button_brand {
	margin: 0 0 10px 0 !important;
	 padding: 12px;
	 border: solid 1px #fff !important;
	font: bold 12px Verdana, Tahoma, sans-serif;
	 width: 200px;
	 color: #fff !important;
	background: #9fd213 !important;
	box-shadow: #eee 0px 0px 3px;/*0.1 actually means 10 %*/
	-o-box-shadow: #eee 0px 0px 3px;
	-moz-box-shadow: #eee 0px 0px 3px;
	-webkit-box-shadow: #eee 0px 0px 3px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-o-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	behavior: url(PIE.htc);		
	 }	 
	 
	 .calc_button_brand:hover {
	 box-shadow:0 0 6px #666;
	-o-box-shadow:0 0 6px #666;
	-moz-box-shadow:0 0 6px #666;
	-webkit-box-shadow:0 0 6px #666;
	behavior: url(PIE.htc);		
	}	


 	#calc_results_block {
 		border-top: 1px dashed #9fd213;
 		display: none;
 		position: relative;
 		margin-top: 40px;	
 		padding-top: 25px;	
 	}


/* --- fuel calculator end  --- */	








/* --- inner page styles --- */	

	
	.img_marg_lg {
		margin-top: 150px;
		float: right;
	}
	
	.img_marg_sm {
		float: right;
		margin-top: 75px;
	}	
	
	.img_marg_top {
		margin-top: 150px;
		float: right;
	}		
	
	.img_box {
		width: 284px;
		height: 197px;
		text-align: center;
		font-weight: normal;
		position: relative;
		float: left;
	
	}	
	
	
	
	.mid_align_left {
		padding: 90px 50px 0 70px;
		position: relative;
		float: left;
		width: 110px;
	}
	
	.mid_align_right {
		padding: 50px 50px 0 95px;
		position: relative;
		float: left;
		width: 110px;
	}	
	
	.mid_align_mid {
		margin-left: 50px;
		position: relative;
		float: left;
		width: 357px;
	}	
	

	
/* --- inner page styles end --- */