html { overflow: -moz-scrollbars-vertical; height: 100%;}
body { background:#5C9482 url(/img/bg_body.jpg) repeat-x left top; text-align: center; padding: 0; margin: 0; height: 100%; }

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

h1 {color: #F6FF92; font-size: 20px; font-weight: normal; text-transform: uppercase; font-family: arial, tahoma, verdana;
	margin: 0 5px 5px 10px; padding: 1px 0 2px 0; background:url(/img/bg_h3_line.gif) repeat-x left bottom;}

h2 {color: #F6FF92; font-size: 20px; font-weight: normal; font-family: arial, tahoma, verdana; margin: 0; padding: 0;}

p {color: #ffffff; font-size: 14px; font-family: arial, tahoma, verdana; margin: 0px 0 0px 0; padding: 0; line-height:1.2; }

a {color: #FFD988; text-decoration: underline; }
a:hover { text-decoration:none; }

img, div { behavior: url(iepngfix.htc); }

.ta_justify {text-align: justify;}
.ta_left {text-align: left;}
.ta_right {text-align: right;}
.ta_center {text-align: center;}

div.clear {
    border: 0;
    clear: both;
    display: block;
    float: none;
    margin: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
	font-size:1px;
     } 

.fotol {float: left;}
.fotol img { margin: 20px 15px 10px 0;}

#main { width: 984px; margin: 20px auto; }

#main .header { width: 984px; height:233px; margin: 0; padding:0; text-align:left;
	background:url(/img/bg_header.png) no-repeat left top; z-index:100; }
#main .header_container { position:relative; width: 984px; height:233px; margin: 0; padding:0;}

#main .logo { position:absolute; margin: 74px 0 0 165px; width:790px; z-index: 999;}
#main .logo a { display:block; margin: 0; z-index: 999;}


#main .left_side_empty { width: 44px; height:467px; float:left; margin: 0; padding:0;}

#main .content { width: 940px; height:431px; margin: 0; padding:0; float:left;}

#main .left_side { background: url(/img/bg_left.png) no-repeat right top; }
#main .left_side { width: 642px; height:431px; margin: 0; padding:0; float:left;}

#main .left_side_container { height:431px; margin: 0; padding:0 0 0 14px;}

#main .main_flash { height:331px; margin: 0px 0 9px 0;}

#main .calculate_img { margin: 0; float:left;}
#main .customer_img { margin: 0; float:right;}


#main .right_side { width: 290px; height:431px; margin: 0; padding:0 0 0 8px; float:left;
	background: url(/img/bg_right.png) no-repeat left top; }

#main .right_side_container { margin: 0; text-align:left;}


#main .video_container { height:280px; width:276px; margin: 0 0 8px 0; padding:0; text-align:center;
	background:url(/img/bg_video.png) no-repeat left top;}
#main .video_container h2 { padding: 7px 0 4px 0; margin:0; text-align:center;}

#main .big_video_container { margin: 0 auto; padding:0; height: 155px; width: 260px; text-align:left;}
#main .big_video { position:absolute; margin: -10px 0 0 -10px; padding:0; height: 175px; width: 280px; background:none;}
#main .small_videos { margin: 5px auto; width: 260px; padding:0;}

#main .left_side_container_step {background:url(/img/bg_calculator_steps.png) no-repeat right top;}
#main .left_side_container_step { height:419px; padding: 0; margin:0 0 0 16px; text-align:left; line-height:30px;}

#main .step { width: 520px; margin:20px 0 10px 62px; padding:0; }
#main .step th { height: 50px; vertical-align:top;}
#main .step td { font-size:18px; line-height:28px; color: #ffffff; font-family: arial, tahoma, verdana; vertical-align:top}
#main .step label { cursor:pointer;}

#main .results_none { display:none;}
#main .results_block { display:block; text-align: left;}
#main .container_results_img { display:block; position:absolute; z-index:10;}
#main .left_side_container_results { height:419px; padding: 0 0 0 16px; margin:0; text-align:left;}

#main .result_block { height:255px; padding: 0; margin:5px 25px 0 0; text-align:center; overflow: auto;}
#main .result { width: 500px; padding: 0; margin:10px 0 0 100px;}
#main .result th { width: 180px; padding: 0; margin:0; font-size:18px; color: #ffffff; font-weight:normal;
	font-family: arial, tahoma, verdana; vertical-align:top; text-align:right; text-transform:uppercase; }
#main .result td {padding: 0 0 0 40px; margin:0;font-size:14px; color: #ffffff; text-indent:0;
	font-family: arial, tahoma, verdana; vertical-align: middle; text-align:left; }


#main .your_result {padding: 10px 0 5px 0; margin:0; font-size:25px; line-height:1; color: #F0FF00;
	font-family: arial, tahoma, verdana; text-align:center; }
#main .calculate_again {padding: 0; margin:0; font-size:16px; color: #ffffff; font-family: arial, tahoma, verdana; text-align:center;}
#main .calculate_again a { font-size:12px; color: #ffffff; font-family: arial, tahoma, verdana; text-decoration:underline;}
#main .calculate_again a:hover { text-decoration:none;}

#main .text_zone {background: url(/img/bg_text_zone.png) no-repeat left top;}
#main .text_zone { padding: 10px 0 9px 0; margin:0 0 9px 0; text-align:left;}

#main .text_block { height:310px; padding: 0; margin: 0px 20px 0px 0; text-align:left; overflow:auto;}

#main .text { padding: 0 30px 0 20px; margin:0; text-align:left;}

#main .print { position:absolute !important; z-index:999; padding:0; margin:5px 0 0 560px; color: #ffffff;}
#main .print a { font-size:12px; color: #ffffff; font-family: arial, tahoma, verdana; text-decoration:underline;}
#main .print a:hover { text-decoration:none;}

#main .actual_tonnage { position:absolute !important; z-index:999; padding:0; margin:30px 0 0 260px;
	font-size:14px; color: #ffffff; font-family:Arial, Helvetica, sans-serif;}
#main .actual_tonnage span {font-size:18px;}


#main .copyright { float:left; width: 215px; margin:0; padding: 10px 0; text-align:left;
	color: #154234; font-size: 11px; font-family: tahoma, arial, verdana;}

#main .bottom_menu { float:right; margin:0; padding: 7px 0; text-align:right; line-height: 20px;
	color: #154234; font-size: 11px; font-family: arial, tahoma, verdana;}
#main .line { padding: 0 5px;height:1px; }
#main .bottom_menu a {color: #ffffff; text-decoration:none; font-size: 11px; font-family: arial, tahoma, verdana;
	padding: 0 4px;}
#main .bottom_menu a:hover {color: #000000; text-decoration:none;}

#main .tip { position:absolute !important; width:166px; height:90px; line-height:1.3; margin:200px 0 0 400px; padding:0;
	color: #ffffff; font-size:11px; font-family:Arial, Helvetica, sans-serif; background:url(/img/bg_tip.png) no-repeat left top;}
#main .tip div { margin:0; padding: 15px;}


/*-------------------- Top Menu ------------------------*/

#main .top_menu_container {
	position:absolute;
	margin: 195px 0 0 170px;
	width: 810px;
	height: 24px;
	background:url(/preview/img/bg_top_menu.jpg) no-repeat left bottom;
	z-index: 999;
}

#top_menu {margin:0; padding:0; height:24px; list-style:none;}

#top_menu li { float:left; margin:0; padding:0; height:24px; list-style:none;}

#top_menu li a { display:block; margin:0; padding:0; height:24px;}

#top_menu a.nav1 { width: 57px; background:url(/img/nav1_home.gif) no-repeat left top;}
#top_menu a.nav2 { width: 177px; background: url(/img/nav2_emission.gif) no-repeat left top;}
#top_menu a.nav3 { width: 110px; background: url(/img/nav3_rebate.gif) no-repeat left top;}
#top_menu a.nav4 { width: 56px; background: url(/img/nav4_faq.gif) no-repeat left top;}
#top_menu a.nav5 { width: 93px; background: url(/img/nav5_contact_us.gif) no-repeat left top;}
#top_menu a.nav6 { width: 115px; background: url(/img/nav6_full_fuel.png) no-repeat left top;}

#top_menu a:hover { background-position: left bottom;}

#top_menu a.nav1_act { width: 57px; background:url(/img/nav1_home_act.gif) no-repeat left top;}
#top_menu a.nav2_act { width: 177px; background: url(/img/nav2_emission_act.gif) no-repeat left top;}
#top_menu a.nav3_act { width: 110px; background: url(/img/nav3_rebate_act.gif) no-repeat left top;}
#top_menu a.nav4_act { width: 56px; background: url(/img/nav4_faq_act.gif) no-repeat left top;}
#top_menu a.nav5_act { width: 93px; background: url(/img/nav5_contact_us_act.gif) no-repeat left top;}
#top_menu a.nav6_act { width: 115px; background: url(/img/nav6_full_fuel_act.gif) no-repeat left top;}

#fuel-prices { background: transparent url('/img/fuel_comp.png') no-repeat left top; height:131px; width:276px;*margin-left:-14px;}
#fuel-prices-inner { padding:40px 0px 0px 95px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF;}

.val {font-size:15px; vertical-align:top; padding:0 0 0 25px;}
.key {font-size:15px; vertical-align:top; }


#screen{
	width:260px;
	position:relative;
	margin: 15px auto 0 auto;
}

	#screen a{
		text-indent:-9999px;
		width: 26px;
		height:60px;
		outline:none;
		display:block;
	}
	#screen a.prev:hover, #screen a.next:hover{
		background-position:0 -60px;
	}
	#screen a.prev{
		float:left;
		background: url('../img/sv_previous.png') no-repeat 0 0;
	}
	#screen a.next{
		float:left;
		background: url('../img/sv_next.png') no-repeat 0 0;
	}

#slideshow{
	overflow:hidden;
	width:194px;
	margin:0 7px;
	float:left;
}

	#slideshow ul{
		width:3900px;
		padding:0;
		margin:0;
	}

		#slideshow li{
			list-style:none;
			float:left;
			margin:0 7px 0 0;
			cursor:pointer;
		}