/* UNITY STYLESHEET  April20'07*/

body { text-align: center; margin: 0; background: url('images/whole2.jpg') top center repeat-y #73b0d3}
#page { width: 770px; margin: 0 auto; text-align: left; background-color: #fff }
a { text-decoration: none; color: #ff0000 }
a:hover { text-decoration: underline }
table, td { border: 0; border-spacing: 0 }

/** HEADER ***/
#header { width: 770px; height: 114px; background: none; margin: 0; padding: 0; background: url('images/header/header2.jpg') no-repeat top left}
#headertable { width: 770px; height: 114px; border: 0; border-spacing: 0; padding: 0; margin: 0 }
.headerbg1 { height: 56px; width: 770px; height: 76px }
.headerbg2 { height: 58px; width: 770px; height: 28px; }

/*** CONTENT ***/
#content { margin-bottom: 0px; background: url('images/header/header_03.jpg') no-repeat top left; }
.title { margin-bottom: 10px }
.titletext { margin-left: 20px; padding-top: 10px; height: 30px; color: #fe0000; font-size: 17px; font-family: Arial, Verdana; text-transform: uppercase; font-weight: bold; background: url('images/titleline.gif') no-repeat bottom left;}
.titletext2 { margin-left: 20px; padding-top: 10px; height: 30px; color: #fe0000; font-size: 17px; font-family: Arial, Verdana; text-transform: uppercase; font-weight: bold; }
.titletext3 { margin-left: 30px; padding-top: 10px; font-family: 'Century Gothic', Verdana; font-size: 16px; font-weight: bold; color: #003399; }

.item { margin-top: 20px; text-align: center}
.item2 { margin-top: 50px;}
.item3 { margin-top: 30px; text-align: center}
.item4 { margin-top: 0}

.itemtext { font-family: Arial, Verdana; font-size: 12px; text-align: left; float: right}
.itemtext_je { font-family: Arial, Verdana; font-size: 12px; }
.itemtext2 { font-family: Arial, Verdana; font-size: 8.5pt; text-align: left; margin-left: 50px}
.itemtextsitemap { margin-top: -10px; font-family: Arial, Verdana; font-size: 8.5pt; text-align: left; margin-left: 10px }
.itemtext2 p { margin-left: 15px; margin-right: 45px; }
.itemtext3 { font-family: Arial, Verdana; font-size: 8.5pt; text-align: left; margin-left: 45px;  }
.itemtext4 { font-family: Arial, Verdana; font-size: 8.5pt; text-align: left; margin: 0;  padding-left: 10px}

.itemhead { width: 685px; margin: 0 auto; padding-top: 20px}
.logo { float: left; margin-top: 5px; text-align: center; width: 150px}

.unityheader { text-align: left; margin-bottom: 30px; margin-left: -20px; font-weight: bold; font-family: 'Century Gothic', Arial, sans-serif; font-size: 17px; letter-spacing: -1px; text-transform: uppercase; color: #FF0000 }
.itemhead p { text-align: left; font-family: Arial, Verdana; font-size: 12px; width: 100%}

.itemproductlist { padding-left: 30px; background: url('images/topline.gif') no-repeat top center; width: 735px; margin: 0 auto; margin-top: 10px; padding-top: 50px; text-align: left; }
.itemproduct1 { width: 375px; float: left;}
.itemproduct2 { padding-left: 20px; width: 330px; float: right; position: relative; right: 0;}
.proddetails { float: left; margin-left: 25px;}
.prodblock { margin-bottom: 35px; width: 730px; }
.prodname { color: #003399; font-family: 'Century Gothic', Verdana; font-size: 17px; font-weight: bold}
.prodname2 { padding-top: 17px; color: #003399; font-family: 'Century Gothic', Verdana; font-size: 17px; font-weight: bold}
.prodtext { color: #000; font-family: Arial, Verdana; font-size: 11px; margin-top: 5px}
.prodtext2 { color: #000; font-family: Arial, Verdana; font-size: 11px;}
.prodimg { float: left; position: relative; top: 25px }
.prodimg2 { float: left; position: relative; top: 45px }

.spacer { height: 100px }
.spacer2 { height: 45px }
.spacer3 { height: 120px }
.spacer4 { height: 15px }

.indexcontainer { padding-top: 25px }
.indextext { padding-top: 10px; margin-right: 25px; font-size: 11px; font-family: Arial, Verdana }
.indeximg { float: left; margin-left: 20px; margin-right: 20px }

.productleft { float: left }
.newsright { float: right; width: 300px}
.newsitem { text-align: left; margin-top: 10px; margin-bottom: 0px; font-family: Arial, Verdana; font-size: 11px; }
.newsitem a { display: block; text-align: right; margin-right: 20px; margin-top: 10px}
.newsitem span { color: #003399; font-weight: bold}
.newsprodimg { float: left; margin-right: 10px }

.productleft { float: left; position: relative; left: 25px; width: 390px; }
.logobox { margin-top: 10px }
.logobox td { padding-right: 15px; text-align: center; padding-bottom: 15px }

.servlist { list-style-image: url('images/bullet.jpg'); margin-top: 40px; }
.servlist li { font-family: Arial, Verdana; font-size: 10pt; margin-bottom: 8px; margin-left: 25px; }
.servimg { float: right; margin-right: 35px; margin-top: -20px; margin-bottom: 40px;}

.newsimg { float: right; margin-top: 10px; margin-right: 30px; margin-left: 50px; margin-bottom: 40px}

.contimg { float: right; margin-right: 50px; }
.tble { border: 0; width: 100%; }
.tble3 { border: 0; width: 90% }
.indentleft { margin-left: 30px }
.tble td, .tble3 td { vertical-align: top; padding: 0; margin: 0; margin-left: 0px }
.tble2 { border: 0; margin-left: 30px}
.tble2 td { vertical-align: top; padding: 0; margin: 0; padding-right: 30px; padding-bottom: 30px }

.aboutimg { float: right; margin-right: 30px; margin-left: 40px; margin-bottom: 25px}
.aboutlist { list-style-image: url('images/bullet.jpg'); margin-right: 0px}
.aboutlist li { margin-bottom: 5px }

.faqimg { float: right; margin-right: 30px; margin-left: 40px; margin-bottom: 25px}
.faqimg2 { padding-left: 20px; padding-bottom: 50px; margin-bottom: 30px}
.faqimg3 { margin-right: 20px; margin-bottom: 50px}
.faqlist { margin-top: 10px; color: #003399; padding-right: 30px }
.faqlist li { list-style: none; margin-left: 0; padding-bottom: 10px}
.faqlist li h2 { color: #003399; font-family: 'Century Gothic', Arial; font-size: 16px}
.faqlist p { color: #000; font-size: 11px; line-height: 14px; margin-left: 20px}

.sitemap2 { margin-left: -10px; margin-top: 0 }
.sitemap, .sitemap2 { font-family: Arial, Verdana; font-size: 8.5pt; }
.sitemap li, .sitemap2 li { list-style-image: url('images/bullet.jpg'); padding-bottom: 5px }
.sitemap li a, .sitemap2 li a { color: #003399 }
.sitemap li a:hover, .sitemap2 li a:hover { color: #ff0000 }
.sitemap li ul, .sitemap2 li ul { padding-top: 5px }

/** TECUMSEH LAYOUT **/
.teh_left { float: left; text-align: right }
.teh_right { float: right }
.itemproductlist2 { border-top: 1px solid #7f99cc; width: 735px; margin: 0 auto; margin-top: 30px; padding-top: 40px; text-align: left; margin-bottom: 50px; text-align: center}
.prodblock2 { margin-bottom: 35px; width: 550px; margin: 0 auto; text-align: left}
.proddetails2 { margin-bottom: 1px }
.spacer2 { height: 25px; width: 10px }


/** UNITY PAGE **/
.unity_left { float: left; text-align: right; width: 35%; margin-right: 0px }
.unity_right { float: right; width: 60%; margin-left:  }
.unityprodimg { margin-right: 10px }
.itemproductlist3 { border-top: 1px solid #7f99cc; width: 735px; margin: 0 auto; margin-top: 20px; padding-top: 40px; text-align: left; margin-bottom: 50px; text-align: center}

/*** FOOTER ***/
#footer { width: 770px; height: 53px; background: url('images/footerbg2.jpg'); margin-top: 0px}
#footer-text { width: 750px; position: relative; top: 25px; left: 10px; color: #fff; font-size: 10px; font-family: Arial, Verdana;}
#footer-text .sitemaplink  { padding-left: 15px; float: right; background: url('images/sitemapicon.gif') no-repeat left center}
#footer-text a { color: #fff; text-decoration: none }
#footer-text a:hover { text-decoration: underline; }
#footergradient { height: 100px; background: url('images/bgs/footerbg.jpg') repeat-x}

/**** EXTRA ***/
.clear { clear: both }
a img { border: 0 }
.imgtext { margin-left: 30px }
.tble2 td a { color: #1b4298 !important}

/*****
NAVIGATION MENU

DROP DOWN CSS
bgcolor 	CFE4EE
border	FFF
font		00449E
hilyt		007DBF
***/

#navi { padding: 0; margin: 0; padding-left: 10px; top: 0; list-style: none; z-index: 100}
#navi ul { margin: 0; padding: 0}
#navi ul li {display: inline; margin-right: 10px; }
#navi, #navi a.mainlink, #navi a.mainlink2 { color: #fff; font-family: Arial, Verdana; font-size: 11px; text-decoration: none;}
#navi a.mainlink, #navi a.mainlink2 { padding: 0px 5px 0px 10px; }
#navi ul li a.mainlink { margin-right: 10px; font-weight: bold; }
#navi ul li a:hover, #nav ul li a:active { color: #fd0100 /* CHANGE TO RED */ }
#navi a { display: block; text-decoration: none; padding: 0px 10px 5px 10px; font-size: .85em; font-weight: bold;}
#navi li { float: left; width: 11em; }
#navi li { position: relative; }
/* hide from IE mac */
#navi li { position: static; width: auto; }
/* end hiding from IE mac */
#navi li ul, #navi ul li  { width: 17em; }
#navi li ul li { border: 2px solid #fff; border-bottom: 0px; background-color: #cfe4ee; font-size: 13px; }
#navi ul li a  { color: #565656; padding: 3px 10px 3px 10px; font-weight: normal }
#navi li ul { position: absolute; display: none; list-style: none; padding: 0; margin: 0; }
#navi li:hover a, #navi a:focus,
#navi a:active, #navi li.hvr a { color: #fd0100; background-color: none; }
#navi li:hover ul, #navi li.hvr ul { display: block; }
#navi li:hover ul a, #navi li.hvr ul a { color: #00449e; background-color: transparent; }
#navi li ul a:hover { font-weight: bold !important; background-color: #007dbf !important; color: #fff !important;}

/*** END OF DROPDOWN **/

.pipe { margin-left: 10px }
#navi a:hover .pipe, #navi li.hvr a:hover .pipe, #navi li.hvr a .pipe, #navi li a:active, #navi a:focus .pipe { color: #fff !important }