/* main.css */

a:link {
	color: orange;
	text-decoration: none;
}
a:visited {
	color: orange;
	text-decoration: none;
}
a:hover {
	color: #FFCC00;
	text-decoration: underline;
}
a:active {
	color: orange;
	text-decoration: none;
}

body {
	background: #FFF;
	font-family: arial;
	font-size: 11px;
	margin: 0px;
	padding: 8px;
}

#bannerContainer {
background: #7F7F7F;
padding-left:   6px;
padding-right:  6px;
padding-bottom: 5px;
}

#bannerTop {
background: #7F7F7F;
}

#container {
background: #7F7F7F;
padding-left:   6px;
padding-right:  6px;
padding-bottom: 5px;
overflow: auto;
}

#banner {
top: 8px;
height: 68px;
margin: 0px;
margin-left: -4px;
margin-right: -4px;
}

#bannerL {
background-image: url(../img/main-banner_left.gif);
height: 8px;
width: 9px;
}

#bannerR {
background-image: url(../img/main-banner_right.gif);
height: 8px;
width: 9px;
position: absolute;
right: 8px;
}

#underBanner {
margin-left: -3px;
margin-right: -3px;
height: 1px;
}

/* IE 6 hack */
.nodisplay { display: none; }

#breadcrumbs {
position: relative; /* IE 6 hack */
background: #2C5469;
background-position: top right;
background-repeat: no-repeat;
color: white;
font-size: 12px;
padding: 3px;
margin-top: 4px;
}

#leftcontent {
position: absolute;
left:15px;
top:112px;
width:125px;

text-transform:uppercase;
font-weight: bold;
color: white;
font-size: 10px;
}
#leftcontent .small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFF;
}


.searchbox {
width: 96px;
padding: 0px;
margin: 0px;
margin-top: 5px;
border-width: 1px;
border-color: #7F9DB9;
border-style: solid;
display: inline;
}

#submitButton {
position: absolute;
width: 23px;
height: 18px;
margin: 0;
margin-left: 2px;
margin-top: 5px;
padding: 18px 0 0;
border: 0;
background: transparent url(../img/main-go.gif) no-repeat center top;
overflow: hidden;
cursor: pointer;
cursor: hand;
}

form>#submitButton { /* For non-IE browsers*/
  height: 0px;
}

#centercontent {
margin-left: 130px;
voice-family: "\"}\""; // Read more at http://www.glish.com/css/hacks.asp
voice-family: inherit;
margin-left: 130px;
}

html>body #centercontent {
margin-left: 130px;
}
   
#photoGallery {
margin-top:6px;
height: 320px;
}

#photoGalleryTitle {
font-size: 10px;
color: white;
font-weight: bold;
text-transform:uppercase;
background: black;
padding: 4px;
padding-left: 6px;
margin-left: 3px;
}

#photoGalleryText {
font-size: 11px;
color: #fff;
margin-left: 3px;
padding: 6px;
}

#thumbnails {
	height: 500px;
	overflow: auto;
	padding-left: 6px;
}

img.main {
	float: left;
	background: #FFF;
	padding: 6px;
	margin: 3px;
	height: 300px;
	width: 400px;
}

img.thumb {
	background: #CCC;
	padding: 6px;
	margin: 3px;
	height: 120px;
	width: 160px;
}

#hspacer {
	height:160px;
}

#spacer {
	height:2px;
}

/* NEW 10.06.05 Changed "margin-left" property from 128px to 130px to fix disappearing subnav in sub pages. */
#bodyCopy {
	margin-left: 130px;
	margin-right: 186px;
	padding-bottom: 6px;
	background: white;
	height: 1%;
}

#bodyCopyTitle {
	font-size: 11px;
	color: white;
	height: 19px;
	margin: 0px;
	padding: 0px;
}

.bodyCopyItem {
font-size: 10px;
margin-left: 6px;
margin-right: 6px;
}

.bodyCopyItemTitle {
background: #E6E6E6;
color: #2C5469;
font-size: 10px;
padding: 5px;
margin: 5px;
text-transform:uppercase;
background-image: url(../img/main-title_corner.gif);
background-position: top right;
background-repeat: no-repeat;
}

#footer {
background: #7F7F7F;
height: 9px;
}

#footerLeft {
background-image: url(../img/main-footer_left.gif);
height: 9px;
width: 9px;
}

#footerRight {
background-image: url(../img/main-footer_right.gif);
height: 9px;
width: 9px;
position: absolute;
right: 8px;
}

#hotNews {
width: 180px;
position:absolute;
right:12px;
background: #E6E6E6;
background-position: bottom right;
background-repeat: no-repeat;
}

#hotNews hr {
color: #fff;
background-color: #fff;
margin-left: 6px;
margin-right: 6px;
border: 0px;
height: 1px;
}

#hotNewsTitle {
text-transform:uppercase;
font-size: 10px;
color: white;
height: 15px;      /* 15 +    */
padding-top: 4px;  /* 4  = 19 */
padding-left: 6px;
margin-bottom: 6px;
}

/* NEW 10.06.05 Replace the old "#hotNews a" style with this new style to correct the overlap issue. */
#hotNews a {
	float: left;
	text-decoration: none;
	color: #2C5469;
	width: 150px;
	padding-bottom: 5px;
}

#hotNews a:hover {
	color: #FFA500;
	text-decoration: underline;
}

#hotNews a.link { background: url(../img/main-link_icon.gif) top right no-repeat; }

#hotNews a.pdf { background: url(../img/main-pdf_corner.gif) no-repeat right top; }

#hotNews a.word { background: url(../img/icon_DOC_small.gif) no-repeat right top; }

#hotNews img{
border: 0px;
}

.hotNewsItem {
margin: 6px;
margin-right: 18px;
}

.hotNewsItem b {
display: block;
color: #2C5469;
text-transform: uppercase;
}

p {
	margin: 0px;
	padding: 8px 40px 0px 0px;
	font: 12px/14px Arial, Helvetica, sans-serif;
}
.prodUtilitiesItem {
margin: 6px;
margin-right: 18px;
}

#contactInfo {
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
}
#hotNews ul {
	list-style: square inside;
	float: none;
	margin-left: 12px;
	padding-left: 4px;
	margin-right: 12px;
	border-style: none;
}
#hotNews li {
	border-style: none;
	list-style-type: square;
	float: none;
}
#bodyCopy a {
	color: #2C5469;
}
#bodyCopy a:hover {
	color: #3E7994;
	text-decoration: none;
}
#bodyCopyTitle p {
	margin: 0px;
	padding: 3px 0px 0px 5px;
	font-size: 11px;
}


/* liftu.css */

#banner, #underBanner, #bannerContainer, #container, #footer { background: #333; }

#bannerTop { background: #333; }

#bannerContainer {
padding-left:   4px;
padding-right:  4px;
}

#banner {
background-image: url(../img/liftu-banner.gif);
background-repeat: repeat-x;
}

#primaryLogo {
margin: 0px;
margin-left: 12px;
padding: 0px;
position: absolute;
top: 20px;
width: 64px;
height: 51px;
background-image: url(../img/liftu-logo.gif);
}

#secondaryLogo {
position: absolute;
right: 24px;
top: 20px;
width: 73px;
height: 39px;
background-image: url(../img/liftu-division_of_hmi.gif);
margin-left: 17px;
}

#bodyCopyTitle {
	background-image: url(../img/liftu-gallery_background.gif);
	background-repeat: repeat-x;
	height: 19px;
	border-bottom: 1px solid #21303C;
	margin: 0px;
	padding: 0px;
	background-color: #254759;
}

#photoGalleryTitle {
background-image: url(../img/liftu-gallery_background.gif);
background-repeat: repeat-x;
}

#breadcrumbs {
background-image: url(../img/liftu-breadcrumbs.gif);
}

#hotNews {
margin:0;
padding:0;
background-image: url(../img/liftu-hot_news_corner.gif);
}

#hotNewsTitle {
background-image: url(../img/liftu-hot_news.gif);
}
/* Body Bullets MODIFIED 110805 */

#bodyCopy ul {
	font: 12px/14px Arial, Helvetica, sans-serif;
	border-style: none;
	margin: 0px 0px 10px 10px;
	float: none;
	padding: 0px;
}
#bodyCopy li {
	font: 12px/14px Arial, Helvetica, sans-serif;
	border-style: none;
	float: none;
	list-style: none;
	background: url(../img/bullet.gif) no-repeat left 13px;
	padding-left: 10px;
	padding-top: 8px;
}
#bodyCopy ul li ul {
	display: inline;
	position: static;
	margin: 0px;
	padding: 0px;
}
#bodyCopy ul li ul li {
	font: 12px/14px Arial, Helvetica, sans-serif;
	border-style: none;
	float: none;
	list-style: none;
	background: url(../img/bullet.gif) no-repeat left 13px;
	margin: 0px;
	padding: 8px 0px 0px 10px;
}

#bodyCopy li a,
#bodyCopy li a:hover {
	display: inline;
	text-decoration: underline;
	background-image: none;
	padding: 0px;
	text-align: left;
	font: 12px/14px Arial, Helvetica, sans-serif;
	border-style: none;
	list-style-type: square;
	float: none;
	margin: 0px;
	}

/*  Nav CSS MODIFIED 110805 : adds #navigation to properties */

#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 124px; /* Width of Menu Items */
	border-bottom: 1px solid #333;
	}
#navigation ul#nav1 li {
	position: relative;
	}
ul li ul { /* Doesn't want to work with the #navigation */
	position: absolute;
	left: 123px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}
#navigation li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background-image: url(../img/liftu-nav.gif);
	padding: 5px;
	border: 1px solid #333;
	border-bottom: 0;
	text-align: right;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#navigation ul li a:hover { color: #3B556A; background: #ccc;} /* Hover Styles */
		
#navigation li ul li a { padding: 5px; background: #ccc; color: #525252; width: 220px; text-align: left; } /* Sub Menu Styles */

#navigation li ul li a:hover { padding: 5px; background: #E6E6E6; color: #525252; text-align: left; } /* Sub Menu Styles */
		
#navigation li:hover ul, li.over ul { display: block; } /* The magic */

#navigation .deEmphasize {
	font-weight: normal;
	text-indent: 1em;
	background: #fff;
}

/*Styles for Current Page */

#navigation ul li.current {
	position: relative;
	}

/* Styles for Menu Items */
#navigation ul li.current a {
	display: block;
	text-decoration: none;
	color: #fff;
	background-image: url(../img/main-nav_current_page.gif);
	padding: 5px;
	border: 1px solid #333;
	border-bottom: 0;
	text-align: right;
	}
	
#navigation ul li.current a:hover { color: #3B556A; background: #ccc; } /* Hover Styles */
		
#navigation li.current ul li a { padding: 5px; background: #ccc; color: #525252; width: 124px; text-align: right; } /* Sub Menu Styles */

#navigation li.current ul li a:hover { padding: 5px; background: #E6E6E6; color: #525252; text-align: right; } /* Sub Menu Styles */

.BoldTitle {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #2C5469;
}.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}