/*RESET*/

html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font-family:Arial;
	font-size:11pt;
        color: #646464;
}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	color: #000;
	margin-bottom: 1em;
	line-height: 1.1em;
	}
	
h1  { font-size: 2em; }
h2	{ font-size: 2em; }
h3	{ color:#f26840; font-size:12pt;}
h4	{ font-size: 1.4em; font-weight: bold; }
h5 	{ font-size: 1.1em; font-weight: bold; }
	


/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
        font-family: inherit;
}

.clear { line-height: 0; font-size: 0; clear:both; margin:0; padding:0; height: 1px; }

a img { border:none; outline: none; text-decoration: none; }
a:visited img { border:none; outline: none; }
a:hover img { border:none; outline: none; text-decoration:underline; }


a { border:none; outline: none; text-decoration: none; color:#646464;}
a:visited { border:none; outline: none;  color:#646464;}
a:hover { border:none; outline: none;color:#f26840; }

a.underlined { border:none; outline: none; text-decoration: underline; color:#646464;}
a.undlined:visited { border:none; outline: none;  color:#646464;}
a.underlined:hover { border:none; outline: none;color:#f26840; }

p { padding: 0px; margin: 0px; }

body{
	background-repeat:repeat-x;
	background-color:#d5d5d5;
}

#logo-link {
	position: absolute;
	left: 76px;
	top: 20px;
	width: 220px;
	height: 52px;
	background-color: transparent;
}

.main{
	float:left;
	padding:0px 0px 0 80px;
	width:935px;
	background-image:url(img/bodyBG.jpg); 
	background-repeat:repeat-y;
}


.top{
	position: relative;
	float:left;
	padding:20px 80px 0 80px;
	width:855px;
	height:105px;
	background-image:url(img/headBG.jpg);
	background-repeat:repeat-y;
}

.whole{
	margin:auto;
	width:1025px;
	height:100%;
}

.mainNav{
	margin-top:1px;
	float:left;
	color:#646464;
	width: 850px;
}


.navSmall{
	list-style:none;
	font-size:8pt;
	text-align: right;
	margin: 0px auto; 
	vertical-align: middle;
}


.navSmall li{
	display:inline;
	margin:0px;
	padding-left:5px;
}
.navSmallremote{
	list-style:none;
	font-size:8pt;
	margin:0px;
	padding:0px 0 0 0px;
	float: right;
}

.navSmallremote li{
	float:left;
	margin:0px;
	padding-left:5px;
}

.nav{
	list-style:none;
	font-size:12px;
}

.nav li{
	float:left;
	padding:0 5px 0 5px;
}

.searchBox{
	background-image:url(img/search.jpg);
	background-repeat:no-repeat;
	height:17px;
	width:205px;
	padding:3px 10px 5px 10px;
}

.searchBox input{
	border:none;
	height:15px;
	width:180px;
	background:#fbfbfb;
}

.langDrop{
	color:#2177b0;
	height:19px;
	font-size:8pt;
	width:100px;
	float: right;
	margin-left: 5px;
	vertical-align: middle;
}

.leftbarList{
	font-size:10px; 
	list-style:none; 
	margin:0px; 
	padding:5px 0 5px 0; 
		/*width:200px; */
} 

.leftbarList li{
padding:3px 0 3px 0;

}

.leftbarList li a#selected{
	color: #f26840;
}

/* Rick's edits START */

.leftbarsubList{
	font-size:10px; 
	list-style:none; 
	margin:0px; 
	padding:5px 0 0 10px; 
} 

.leftbarsubList li{
	padding-bottom: 3px;
}

.leftbarsubList li a:hover{
	color: #f26840;
}

.leftbarsubList li a#selected{
	color: #f26840;
}

/* Rick's edits END */
	
.pdfBox{
	background-image:url(img/pdfBox.jpg);
	background-repeat: no-repeat;
	padding:22px 15px 15px 25px;
	height:137px;
	width:157px;
	font-size:8pt;
}

.pdfbox a{
	text-decoration: none;
}


.leftbar{
	float:left;

}

.copyBody{
	float:left;
	padding-left:10px;
	padding-right:20px;
}

.rightbar{
	float:left;
	width:200px;
}

.copy{
float:left;
font-size:12px;
line-height:17px;
}

.copy ul {
	padding: 0px;
	margin: 5px 0px 10px 15px;
}

.copy li {
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.copy p{
	padding:7px 0 7px 0;
}

.copyTopNav{
	width:430px;
	font-size:9pt;
	padding-bottom:20px;
}

.copyTopNav a:link {
	color:#323232;
	text-decoration:none;

}

.headline{
	color:#f26840;
	font-size:16pt;
	line-height:1.2;
}

.subtitle{
	color:#f26840;
	font-size:12pt;
}

.homeevents{
	color:#f26840;
	font-size:10pt;
}

.dates{
	color:#f26840;
	font-size:10pt;
}

.helpbox{
	background-image:url(img/helpBoxLarge.jpg);
	padding: 25px 15px 5px 25px;
	background-repeat:no-repeat;

	height:230px;
	width:157px;
	font-size:8pt;
	line-height:17px;
}

.helpbox a{
	text-decoration:none;
}

.relatebox{
	background-image:url(img/helpBox.jpg);
	padding: 28px 25px 15px 25px;
	height:118px;
	width:157px;
	font-size:8pt;
	line-height:15px;
}

.relatebox a{
	text-decoration:underline;
}

.casebox{
	background-repeat:no-repeat;
	padding: 130px 20px 15px 20px;
	height:90px;
	width:161px;
	font-size:8pt;
}

.hylectricDemo{
	background-image:url(img/hylectric_teaser.jpg);
	background-repeat: no-repeat;
	padding: 185px 15px 0px 15px;
	height:90px;
	width:159px;
	font-size:8pt;
	text-align:center;
}

.contactbox a{
	text-decoration:none;
}

.contactbox{
	background-image:url(img/contactBoxLarge1.jpg);
	padding:20px 15px 2px 25px;
	background-repeat: no-repeat;
	height:137px;
	width:157px;
	font-size:8pt;
	line-height:17px;
	
}

.footer{
	font-size:8pt;
	text-align:center;
	float:left;
	padding:0px;
	width:1024px;
	background-image:url(img/bodyBGFoot.jpg);
	background-repeat:repeat-y;
	line-height:17px;


}

.newsList{
	list-style:none;
	width:150px;
	margin:0px;
	padding:0px;
	font-size:11px;
}

.newsList li{
	padding:7px 0 7px 0;
	margin:0px;
}

.newsList a {
	color:#646464;
	text-decoration:underline;
}

.crumbOn{
	color:#f26840;
	text-decoration:none;
}

.location_legend{
	padding: 20px 0 10px 0;
	border-top: #eaeaea 1px solid;
	vertical-align: middle;
}

/* TABLES - GENERAL  
------------------- */

.highlightbox { 
	border-collapse: collapse;
	border: black 1px solid; 
	}

table { 
	border-spacing: 0;
   font-family:inherit;
	padding-bottom: 1em;
	}
	
th, td { padding: 2px 4px; }
td.feature {padding: 0px}
td.right_border, th.right_border { border-right: 1px solid #e8e8e8; }
td.left_border, th.left_border { border-left: 1px solid #e8e8e8; }
td.bottom_border { border-bottom: 1px solid #e8e8e8; text-align:left; }

/* table li { margin-left: 1.2em; } */

caption { 
	text-align: center; 
	font-weight: normal;
	font-size: 1.2em;
	padding: 4px;
	}

table.fullLength { margin: 0; }


/* TABLES - NozzleTable TABLE 
----------------------------- */

table.nozzleTable {
	border-collapse: collapse;
	border-top: #e8e8e8 1px solid;
	font-size: .9em;
	}
	
.nozzleTable th {
	border-bottom: #e8e8e8 1px solid;
	border-left: #e8e8e8 1px solid;
	}
	
.nozzleTable th { 
	background-color: #e8e8e8; 
	font-weight: bold; 
	font-size: 1em;
	}


table.nozzleTablePronto {
	border-collapse: collapse;
	border-top: #e8e8e8 1px solid;
	font-size: .9em;
	}
	
.nozzleTablePronto td {
	border-bottom: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	text-align="center"
	}
	
.nozzleTablePronto th { 
	background-color: #e8e8e8; 
	font-weight: bold; 
	font-size: 1em;
	
	}

/* TABLES - YesNo TABLE 
----------------------- */

table#yesNo { border-spacing: 2px; color: #000000; }
table#yesNo th, td { padding: 2px 4px; font-size: 1em; }
table#yesNo th { background-color: #DDD; text-align: center; }
table#yesNo .dark { background-color: #BBB; }
table#yesNo .yes { text-align: center; background-color: #ffcc00;}
table#yesNo .no { text-align: center; background-color: #ff6600; }

/* TABLES - GATING TABLE 
------------------------ */

table#pronto { 
	border-collapse: collapse;
	border: #ccc 1px solid; 
	}
	
table#pronto td  { border: #ccc 1px solid; }
table#pronto th  { background-color: #eee; font-size: 1.1em; text-align: center;}
table#pronto td.white  { border-right: #fff 1px solid; }


/* TABLES - GREY BORDER 
------------------------ */

table.grey_border { 
	border-collapse: collapse;
	border: #ccc 1px solid; 
	}
	
table.grey_border td  { border: #ccc 1px solid; text-align: left; }
table.grey_border th  { background-color: #eee; font-size: 1.1em; text-align: center; }


/* TABLES - NOZZLE TABLE 
------------------------ */

table#nozzle { 
	border-collapse: collapse;
	border: #ccc 1px solid; 
	}
	
table#nozzle td  { border: #ccc 1px solid; text-align: center; }
table#nozzle th  { background-color: #eee; font-size: 1.1em; text-align: center; }
table#nozzle td.white  { border-right: #fff 1px solid; }
table#nozzle ul { margin-left: 0; padding-left: 0; text-align: left; }
table#nozzle li { margin-bottom: 10px; font-size: .9em; }


/* TABLES - DOTTED LINE TABLE 
----------------------------- */

table.dotline td { border-bottom: 1px dotted #bbb; padding: 5px 5px; }

	
/* TABLES - WORLDWIDE LOCATIONS 
------------------------------- */

table#worldwide-locations {
	border: 0;
	color: #333;
	}

table#worldwide-locations li {
	list-style-type: none;
	}
	
table#worldwide-locations a {
	color: #333;
	text-decoration: none;
	}
	
table#worldwide-locations ul, p {
	line-height: 1.5em;
	margin-bottom: 0.5em;
	}
	
/* TWO COLUMN LANDING PAGE 
---------------------------- */

dl.twoColumn {
	width: 193px;
	text-align: left;
	float: left;
	margin-right: 35px;
	margin-top: 10px;
	font-size: 1.1em;
	line-height: 1.25em;
	}

.twoColumn dt { 
	margin-top: 5px;
	color:#000000;
	}

.twoColumn dd {
	margin: 5px 0 0 0;
	padding: 0;
	}

	
/* THREE COLUMN LANDING PAGE 
---------------------------- */

dl.threeColumn {
	width: 190px;
	text-align: left;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 1.1em;
	line-height: 1.25em;
	}

.threeColumn dt { 
	margin-top: 5px;
	color:#000000;
	}

.threeColumn dd {
	margin: 5px 0 0 0;
	padding: 0;
	}

/* FOUR COLUMN LANDING PAGE 
--------------------------- */

dl.fourColumn {
	width: /*145px*/ 170px;
	text-align: left;
	float: left;
	margin-right: /*25px*/ 10px;
	margin-top: 10px;
	font-size: 1.1em;
	line-height: 1.25em;
	}

.fourColumn dt {
	font-weight: bold;
	margin-top: 5px;
	color:#000000;
	}

.fourColumn dd {
	margin: 5px 0 0 0;
	padding: 0;
	}

.fourColumn dd ul {
	margin: 0;
	font-size: 1em;
	}
	
.fourColumn dd ul ul {
	margin: 0;
	font-size: 1em;
	}
	
/* FIVE COLUMN LANDING PAGE 
--------------------------- */

dl.fiveColumn {
	width: 120px;
	text-align: left;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	font-size: 1.1em;
	line-height: 1.25em;
	}

.fiveColumn dt {
	font-weight: bold;
	margin-top: 5px;
	color:#000000;
	}

.fiveColumn dd {
	margin: 5px 0 0 0;
	padding: 0;
	}

.fiveColumn dd ul {
	margin: 0;
	font-size: 1em;
	}
	
.fiveColumn dd ul ul {
	margin: 0;
	font-size: 1em;
	}



/* Nozzle Selector Styles
---------------------------*/

#ns_container {
	padding: 2px;
	}
	
#ns_container input { vertical-align: middle; margin: 0 5px 0 0;}
	
#ns_container #resultsItems { font-size: .9em; }

#ns_container label { font-weight: normal; }


* {font-family: Arial, Helvetica, sans-serif; font-size:11px; }
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:150px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}


/* IE Fixes
-------------------------------*/
* html #title_image {
 	/*margin-bottom: -3px;*/ /* THIS DOESN'T WORK IN IE7 */
 	}
 
 
* html #title_image img {
	display: block;
}
	
*+html #title_image img {
	display: block;
}

* html #header_image img {
	display: block;
}
*+html #header_image img {
	display: block;
}


#global_nav{
	padding-top: 0;
	margin-top: -10px;
	margin-bottom: 10px;
}
* html ul li{ margin-bottom: 10px; line-height: 1em;  }


/*regions
---------------------------------*/
regions{
    position:relative;
    width:900px;
    overflow: hidden;

}

#americas{
	position:relative;
	top:300;
 	left: 0;
    width:200px;
	border-right: 1px solid #e8e8e8;

}

#emea{
	 position:relative;
 	top:300;
	left: 300;
    width:200px;
	border-right: 1px solid #e8e8e8;

}
#asia{
	position:relative;
	top:300;
 	left: 600;
    width:200px;

}