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

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

	RESETS
	
***********************************************************/


/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-family:Arial,sans-serif;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.noscreen {left:-9999px; position:absolute;}

#container{width: 967px; margin: 15px auto; padding-left:15px;}

#header { position: relative; float:left; height:136px; width:967px;}

#content {}

html{
	height:100%;

}

/* BASE */
body {background-color:#F0F0EC;
font-family:Arial,sans-serif;
font-size:74%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:1.3em;
}
a {font-family: Verdana, Geneva, sans-serif; color: #0066CC;}
a:hover {color: #E20A16}




/* TYPOGRAPHY */


h2{
font-family:Arial,sans-serif;
font-size:1.2em;
margin:5px 0 10px 11px;
font-weight:bold;
}
h3{
font-family:Arial,sans-serif;
font-size:1.3em;
margin:0 0 5px 0;
border-bottom:solid #DCDCDC 1px;
width:95%;
 

}

h4{
font-family:Arial,sans-serif;
font-size:1.2em;
margin:20px 10px 5px 0;
border-bottom:solid #DCDCDC 1px;



}

h2 a{
	font-family:Arial,sans-serif;
margin:0;
text-decoration:none;
color:#333;
}


a.rss {
float:right;
background:transparent url(../images/rss.gif) no-repeat scroll right ;
color:#E26E00;
display:block;
font-family:Arial,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1.3em;
margin-top:-1px;
padding:2px 15px 1px 0pt;
text-decoration: none;
}
a.rss:hover{
	text-decoration: underline;
	}


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

	NAVIGATION
	
***********************************************************/

/* GLOBALHEADER */
#eroad_logo{position:relative; margin-top:46px; float:left}

#eroad_logomark{position:relative; float:right; margin-right:7px;}

#globalnav-nz { background-image: url(../images/global_nav_nz5.jpg); margin-top: 10px;  margin-bottom: 10px; padding: 0; height:35px;  background-repeat:no-repeat; float:left; width:960px; overflow:hidden}

#globalnav-nz li a { background-image: url(../images/global_nav_nz5.jpg); background-repeat: no-repeat;}
#globalnav-nz li { display: inline; white-space:nowrap }
#globalnav-nz li a { float: left; height: 0; padding-top: 35px; overflow: hidden; }

/* BUTTONS */
#globalnav-nz li#mnavHome a { background-position: 0 0; width: 116px; }
#globalnav-nz li#mnav1 a { background-position: -116px 0; width: 220px; }
#globalnav-nz li#mnav2 a { background-position: -336px 0; width: 185px; }
#globalnav-nz li#mnav3 a { background-position: -521px 0; width: 175px; }
#globalnav-nz li#mnav4 a { background-position: -696px 0; width: 146px; }
#globalnav-nz li#mnavFinal a { background-position: -843px 0; width: 114px; margin-left:1px}

/* OVER STATES */
#globalnav-nz li#mnavHome a:hover  { background-position: 0 -35px; }
#globalnav-nz li#mnav1 a:hover  { background-position: -116px -35px; }
#globalnav-nz li#mnav2 a:hover  { background-position: -336px -35px; }
#globalnav-nz li#mnav3 a:hover  { background-position: -521px -35px; }
#globalnav-nz li#mnav4 a:hover  { background-position: -696px -35px; }
#globalnav-nz li#mnavFinal a:hover  { background-position: -843px -35px; }

/* PRESSED STATES */
#globalnav-nz li#mnavHome a:active  { background-position: 0 -70px; }
#globalnav-nz li#mnav1 a:active  { background-position: -116px -70px; }
#globalnav-nz li#mnav2 a:active  { background-position: -336px -70px; }
#globalnav-nz li#mnav3 a:active { background-position: -521px -70px; }
#globalnav-nz li#mnav4 a:active { background-position: -696px -70px; }
#globalnav-nz li#mnavFinal a:active  { background-position: -843px -70px; }


/* CURRENT STATES */

#globalnav-nz li#mnav1.eroad-solution-nz a  { background-position: -116px -70px; }
#globalnav-nz li#mnav2.our-customers a  { background-position: -336px -70px; }
#globalnav-nz li#mnav3.join-eroad a { background-position: -521px -70px; }
#globalnav-nz li#mnav4.our-company a { background-position: -696px -70px; }

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






#globalnav-int { background-image: url(../images/global_nav_int5.jpg); margin-top: 10px; margin-bottom: 10px; padding: 0; height:35px; background-repeat:no-repeat; float:left; width:960px; overflow:hidden}
#globalnav-int li a { background-image: url(../images/global_nav_int5.jpg); background-repeat: no-repeat;}
#globalnav-int li { display: inline; }
#globalnav-int li a { float: left; height: 0; padding-top: 35px; overflow: hidden; }

/* BUTTONS */
#globalnav-int li#mnavHome a { background-position: 0 0; width: 157px; }
#globalnav-int li#mnav1 a { background-position: -157px 0; width: 269px; }
#globalnav-int li#mnav2 a { background-position: -426px 0; width: 226px; }
#globalnav-int li#mnav3 a { background-position: -652px 0; width: 191px; }
#globalnav-int li#mnavFinal a { background-position: -844px 0; width: 114px; margin-left:1px}

/* OVER STATES */
#globalnav-int li#mnavHome a:hover  { background-position: 0 -35px; }
#globalnav-int li#mnav1 a:hover  { background-position: -157px -35px; }
#globalnav-int li#mnav2 a:hover  { background-position: -426px -35px; }
#globalnav-int li#mnav3 a:hover  { background-position: -652px -35px; }
#globalnav-int li#mnavFinal a:hover  { background-position: -844px -35px; }

/* PRESSED STATES */
#globalnav-int li#mnavHome a:active  { background-position: 0 -70px; }
#globalnav-int li#mnav1 a:active  { background-position: -157px -70px; }
#globalnav-int li#mnav2 a:active  { background-position: -426px -70px; }
#globalnav-int li#mnav3 a:active { background-position: -652px -70px; }
#globalnav-int li#mnavFinal a:active  { background-position: -844px -70px; }


/* CURRENT STATES */

#globalnav-int li#mnav1.our-product a { background-position: -157px -70px; }
#globalnav-int li#mnav2.our-industry a  { background-position: -426px -70px; }
#globalnav-int li#mnav3.our-company a { background-position: -652px -70px; }



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




/* SUB MENU */
#sub_title {float:left; font-size:1.7em; line-height:1.4em; font-family: Arial, Helvetica, sans-serif; margin:0 0 0 10px}
#sub_title span {background: transparent url(../images/titlegradient.png) repeat-x; position: absolute;display: block;width: 300px ;height: 20px; margin-top:2px;}



/*SECOND LEVEL*/
#navsecond{
	font-size:13px;
	float:right;
	margin: -1px 12px 0 0;
	padding:0 0 0 0;
	height:28px;
	white-space:nowrap;
}


img.right{
	float:right;
	padding-left:8px;
}
/***********************************************************

	CONTENT BASICS
	
***********************************************************/

#content h3{
	font-weight:bold;
}
#Layout{
	float:left;
	margin:0;
padding:0;
width:100%;
}

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

	FEATURE BAR
	
***********************************************************/
div.contentpanel{float:left; display:block; width: 967px; margin:0 0 0 0; padding:0; background-image:url(../images/contentpanelbody.jpg); background-repeat:repeat-y; clear:both;}


div.contentpanel div.panelheader{float:left; width: 967px; height:6px; margin:0; background-image:url(../images/contentpanelheader.jpg); background-repeat:no-repeat;}
div.contentpanel div.panelfooter{float:left; display:block; width: 967px; height:13px; margin:0; padding:0; background-image:url(../images/contentpanelfooter.jpg); background-repeat:no-repeat;}
div.contentpanel div.main{float:left; position:relative; width: 967px; padding:3px 10px 5px 15px;}


div.contentpanelSub{background-image:url(../images/contentpanelbodySub.jpg);}
div.contentpanelSub div.panelheader{background-image:url(../images/contentpanelheaderSub.jpg);}
div.contentpanelSub div.panelfooter{background-image:url(../images/contentpanelfooterSub.jpg);}

#feature_bar {float:left; display:block; width: 967px; height:187px; margin-left:10px; background-image:url(../images/feature_box.jpg);}


	#content ul {
		margin-left:28px;
	

	}
		#content ol {
			list-style:decimal;
		margin-left:28px;
	

	}
	#maincontent{
		float:left;
	}
	#content p{
		margin-bottom:15px;
	}
	#content ul li{
	list-style-image: url(../images/bullet_red.gif);
	line-height:1.4em;
	margin-bottom:5px;
	padding-left:3px;
	
		}
	
	/* CUSTOM LAYOUT */
	
	div.MainColWide{
		line-height:1.6em;
		margin:10px 30px 0 10px;
		float:left;
		overflow:hidden;
	}
	div.MainColWide h1{
		font-family:Arial,sans-serif;
		font-weight:bold;
		padding-bottom:12px;
	}
	div.MainCol{
	line-height:1.6em;
		width:540px;
		float:left;
		margin:10px  0 0 10px ;
		overflow:hidden;
	}
	div.RightCol{
		position:relative;
		line-height:1.6em;
		width:360px;
		float:right;
		margin:10px 30px 0 0;
		overflow:hidden;
	}
	div.contentpanelSub div.MainColWide{
		width:670px;
		margin:10px 20px 0 8px;
	}
	div.contentpanelSub div.MainCol{
		width:640px;
		margin:10px 10px 0 25px;
	}
	div.contentpanelSub div.RightCol{
	float:right;
		width:644px;
		margin:10px 30px 0 0;
	}
	div.welcometext{
		font-size:1.2em;
		line-height:1.6em;
	}
	div.welcometext h4{
		border-bottom:none;
	}
	div.dividerLeft{
		position:relative;
		width:50%;
		float:left;
		height:400px;
	}

	div.dividerRight{
		font-size:1em;
		line-height:1.3em;
		margin-top:0;
		width:45%;
		height:350px;
		float:right;
		padding-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		background: transparent url(../images/latestnewsBG.jpg) no-repeat;
	}
	div.dividerRight h4, div.dividerLeft h4{
			margin-top:0;
	}	


ul#secondlevelnav{
	margin-top:5px;
}

ul#secondlevelnav li{ display: inline; 
	padding:5px 15px 5px 0;
	

}

ul#secondlevelnav li.current, ul#secondlevelnav li.section {
	height:25px;

		background-position:100% -1px;
		background-repeat:no-repeat;
		padding:5px 15px 5px 0;
		}


div#navsecond a{
	color:#333;
	text-decoration:none;
	padding:5px 0 5px 15px;
}

div#navsecond a.current, div#navsecond a.section{
		height:25px;

		background-position:0% -1px;
		background-repeat:no-repeat;
		color: #E20A16;
			padding:5px 0 5px 15px;
		
}
div#navsecond a:hover{
	color: #E20A16;
	text-decoration:underline;
}


#chooserintro{
	width: 967px; margin: 2px auto;
	padding-left:2px
}
.largeph{
	display:block;
	padding:5px 1px 2px 22px;
	font-size:1.3em;
	background: transparent url(../images/phoneicon.jpg) no-repeat;
}

#Sidebar{
	line-height:1.3em;	
	width:247px;
	float:left;
}

ul#MenuLeft{
	font-family: Arial, Helvetica, sans-serif;
	margin-top:10px;
	min-height:200px;
	width:250px;
	padding-bottom:40px;
	margin-left:-17px;
	list-style:none;
}
ul#MenuLeft li{
	list-style:none;
	list-style-image:none;
	margin-left:0;
}
ul#MenuLeft a{
	line-height:1.1em;
	display:block;
	padding:10px 5px 10px 20px;
	color:#333;
	text-decoration:none;
		font-family: Arial, Helvetica, sans-serif;
}
ul#MenuLeft a:hover{
	text-decoration:underline;
	color: #E20A16;
		
}
ul#MenuLeft a.current{
	border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;
	background-color:#FFF;
	color: #E20A16;
}

ul#MenuLeft a span{
	padding-left:5px;
	
}

div#ContactCol{
		width:320px;
	float:left;
		margin-top:8px;
}


div#geosmartmapCol{
	width:580px;
	float:right;
		margin-top:8px;
	margin-right:30px;
}

		table.dealers {
			width:590px;
}
	table.dealers tr{
background-image:url(../images/bgs/dealertable.jpg);
padding-left:9px;
}
	table.dealers td{
background-image:url(../images/bgs/dealertable.jpg);
padding-left:9px;
}


#countries{
		float:right; 
}
#nav {
	margin:0; 
	padding:0; 
	list-style:none;
}	
	
	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
	#nav li {
		float:left; 
		display:block; 
		width:180px; 

		position:relative;
		z-index:500; 
		margin:0 1px;
	}

    #nav li #language_selector {float:right; height:35px; line-height:35px; font-size:11px; margin-right:10px; margin-top:42px;}

		/* submenu, it's hidden by default */
		#nav ul {
					background:#ccc; 
			position:absolute; 
			right:0;
			top:0;
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			font-size:.9em;
			width:180px; 
			float:left;
			text-align:center;
			border-top:1px solid #fff;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			background: #666 url(../images/bg_hover.gif) 1% 1%;
			display:block;  
			height:15px;
			padding: 3px 5px 6px 5px; 
			color:#000;
			text-decoration:none;
		}
		
		#nav ul a:hover {
			background: #666 url(../images/bg_hover.gif) 100% 100%;
			text-decoration:underline;
			background-color:#666;
		}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}

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

	NEWS BAR
	
***********************************************************/
#news_bar {float:left; display:block; height:42px; margin-left:10px; margin-top:13px; background-image:url(../images/news_box.jpg);}
#news_title {line-height:35px;  display:block; float:left;}
#news_title a {padding: 12px 20px; font-family: Verdana, Geneva, sans-serif; color: #333; font-weight:bold; text-decoration:none; font-size:0.7em;}
#news_title a:hover {color: #666}
#news_text {line-height:35px;  display:block; float:left;}
#news_text a {padding: 12px 0px; font-family: Verdana, Geneva, sans-serif; color: #333; text-decoration:none; font-size:0.7em;}
#news_text:hover a {color: #FF9E00}

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

	FEATURES PAGE
	
***********************************************************/


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

	SITE MAP
	
***********************************************************/
/* SITE MAP */
#site_map {float:left; display:block; width:961px; margin-top:8px; background-image:url(../images/site_map.jpg); background-repeat:no-repeat;
border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc;}
#map_column {width:185px; margin-top:10px; float:left; margin-bottom:15px;}
#map_column .column_head {font-weight:bold; }

#site_map a {font:Arial, Helvetica, sans-serif; font-size: 12px; color: #97917F; line-height: 20px;}
#site_map a:link {text-decoration: none;}
#site_map a:visited { text-decoration: none; color: #97917F;}
#site_map a:hover {text-decoration: none; color: #333;}
#site_map a:active {text-decoration: none; color: #97917F; font-family: Verdana, Geneva, sans-serif;}

#site_map ul li{
	margin-left:0;
list-style:none;
list-style-image:none;
}
#site_map ul {
	margin-left:0;
list-style:none;
}

#pagefooter {width: 961px; float:left;  position: relative; padding:25px 5px 15px 5px; text-align:center;font:Arial, Helvetica, sans-serif; font-size: 12px; color: #97917F; line-height: 20px;}
#pagefooter a {color: #97917F; text-decoration: none;}
#pagefooter  a:hover {text-decoration: underline; color: #333;}


/* News stuff */
#NewsList {

	padding:0;
	margin-left:0;
}
ul#NewsList{
margin:0;	
}
ul#NewsList li {
	list-style:none;
	list-style-image:none;
	margin: 0;
	list-style-type: none;
}
#NewsList li.newsDateTitle span {
	color:#666;
	line-height:2em;
}
#NewsList li.newsDateTitle a {
	font-size:1.1em;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	padding-left:20px;
	background:url(../images/icons/news-file.gif) no-repeat left top;
}
	#NewsList li.newsDateTitle a:hover {
		color: #AF0710;
	}
	
#NewsList li.newsSummary {
	margin-bottom:20px;
}
#NewsList li.newsSummary span {
	font-size:1.1em;
	line-height:1.5em;
	color:#333;
}
#NewsList li.newsSummary a.readMoreLink {
	color:#0083C8;
	text-decoration:none;
}
	#NewsList li.newsSummary a.readMoreLink:hover {
		border-bottom:1px dotted #0083C8;
	}
div.newsDetails{
	padding-bottom:20px;
}




	#newslink{
		font-size:.9em;
		padding-right:6px;
		padding-top:6px;
		float:right;
	}



/* News stuff */
ul#HomeNewsList {
			height:330px;
				overflow-y:auto;
		overflow-x:hidden;
	padding:0;
	margin:35px 0 0 0;
}

ul#HomeNewsList li {
	list-style:none;
	list-style-image:none;
	margin: 0 0 10px 0;
	list-style-type: none;
}
#HomeNewsList span.title  {
		font-family:Arial, Helvetica, sans-serif;
		color:#333333;
font-weight:bold;
	line-height:1em;
}
#HomeNewsList li a {
	display:block;
	padding:0 4px 4px 4px;
	color:#666;
	text-decoration:none;
	padding-left:20px;
	background:url(../images/icons/news-file.gif) no-repeat left top;
}
#HomeNewsList li a:hover {
		color:#000;
		background-color:#F4F4F4;
	}
	
#HomeNewsList li.newsSummary {
	margin-bottom:20px;
}
#HomeNewsList li.newsSummary span {
	font-size:1.1em;
	line-height:1.2em;
	color:#333;
}
#HomeNewsList li.newsSummary a.readMoreLink {
	color:#0083C8;
	text-decoration:none;
}
	#HomeNewsList li.newsSummary a.readMoreLink:hover {
		border-bottom:1px dotted #0083C8;
	}
	
	#nzhomelogos{
		position:absolute;
		bottom:0;
		left:0;
	}
div.newsDetails{
	padding-bottom:20px;
}

#siteTiles{
text-align:center;	
}
#siteTiles a{
	margin:0 47px 0 47px;
	float:left;
	display:block;
	padding:5px;
	border:solid 1px #FFFFFF;
	background-color:#FFF;
}

#siteTiles a:hover{
	border:solid 1px #dcdcdc;
}







/******************************* Section page styles ****************************************/

	#sectionDescHolder{
		clear:both;
		float:left;
	padding:10px 5px 20px 10px;
	margin-top:20px;
	margin-left:1px;
		background-repeat:no-repeat;
	
	
	
	}
#sectionDescHolder div.odd{
	clear:both;
	}
	
div.sectionDescription{
	float:left;
	border:0px solid #c1c5ce;
    margin:10px 10px 5px 1px;
	width:450px;
	}

	
	div.sectionDescription h3{
	font-size:1.1em;
	color:#666666;
	font-weight: normal;
	
	}
	div.sectionDescription h3 a, div.sectionDescription h3 a:visited{
	color:#666666;
	background-image: url(../images/icons/arrow_red_bullet.png);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration: none;
	padding-left:0;
	
	
	}
	div.sectionDescription h3 a:hover{

	color:#FF9900;

	}
         
 a[href$=".pdf"], .typography a[href$=".PDF"],  a.pdf {
background:transparent url(../images/icons/page_white_acrobat.png) no-repeat scroll left center;
padding:2px 2px 2px 20px;
}



/*************************Dealer styles *****************************/
	div.contentpanelSub div.DealersMainCol{
		width:640px;
		height:880px;
		margin:10px 10px 0 12px;
	}
div.dealercontact{
	float:left;
	width:250px;
	height:500px;
	overflow:visible;
}
div#dealercontactmap{
	position:absolute;
	right:50px;
	top:10px;
	width:400px;
	height:400px;
	border:1px solid #c1c5ce;
	margin-bottom:20px;
	
}

div#dealeroverviewmap{
	position:absolute;
	right:45px;
	top:6px;
	width:685px;
	height:640px;
	
}

div#dealeroverviewcontent{
		position:absolute;
	right:45px;
	top:650px;
	width:685px;
	height:250px;
	overflow:auto;
}
      .info-window {
          width: 200px;
          font-size: 90%;
      }
/**************************Slider styes *****************************/




#slider{
	clear:left;
	position:relative;
	float:left;
	width:967px;
	height:284;
	margin-bottom:10px;
}
div.nz-home{
		clear:both;
		height:320px;
	width:967px;
	display:block;
	background-repeat:no-repeat;
	margin-bottom:1px;

}



div.home-2, div.international-home{
	height:284px;
	width:967px;
	display:block;
	background-repeat:no-repeat;
	background-image:url(../images/corpInt1-alt.jpg);
}

div.home{
	height:284px;
	width:967px;
	display:block;
	background-repeat:no-repeat;
	background-image:url(../images/corpInternational-truck.jpg);

}



#flashcontent_eflholder{
	height:500px;
	width:300px;
}
#flashcontent_efl{
	position:absolute;
	bottom:5px;
	right:20px;
}



/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 958px;
	height:290px;
	background-color:#070707;
	/* custom decorations */
	border:1px solid #ccc;
	background:url(../images/Slidebg.jpg) repeat-x;
}



div#browsewrapper{
	
	position:absolute;
	bottom:26px;
	right:20px;
	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:right;
	margin:10px 0px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	




/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
}

/* single scrollable item */
.scrollable img {
	float:left;

}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


#slide0{
	background:url(../images/slideshow/scrollingWindow0-truck.jpg) repeat-x;	
}
#slide1{
	background:url(../images/slideshow/scrollingWindow1.jpg) repeat-x;	
}
#slide2{
	background:url(../images/slideshow/scrollingWindow2.jpg) repeat-x;	
}
#slide3{
	background:url(../images/slideshow/scrollingWindow3.jpg) repeat-x;	
}
#slide4{
	background:url(../images/slideshow/scrollingWindow4.jpg) repeat-x;	
}
#slide5{
	background:url(../images/slideshow/scrollingWindow5.jpg) repeat-x;	
}
#slide6{
	background:url(../images/slideshow/scrollingWindow6.jpg) repeat-x;	
}

#slide8{
	background:url(../images/slideshow/scrollingWindow8.jpg) repeat-x;	
}

/* position and dimensions of the navigator */
.navi {
	position:absolute;
	text-align:right;
	bottom:0;
	right:0;
	width:200px;
	height:20px;
}

div#downloadsevenreasons{
	margin-top:10px;
	
}

/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}




@media print {
	#header{
		float: none !important;
			overflow: visible;
		height:80px;
		width:100%;
	}
	#eroad_logo{position:relative; margin-top:45px; margin-left:10px; float:left}

	#eroad_logomark{position:relative; float:right; margin-right:7px;}
	#slider, #header ul, #navsecond, #Sidebar{
		display:none;
	}
	div#Layout h2#sub_title span{
		display:none;
	}
	#container, #maincontent, #content, div#Layout, div.main, div.MainColWide{
	
		border: 0;
		overflow: visible;
		display:block;
		page-break-inside:auto;
		padding: 0;
		width: 100%; margin: 0;
		float: none !important;
		position:relative;
		height:auto;
		color: black;
		background: transparent none;

	}
}