html {margin:0;height:100%}
body {
		}

.outer{
	width:975px;
	text-align:left;
	margin:0 auto;
	/*height: 100%;*/
	background-image:  url(../images/hyseco_vertical_repeat_bg.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-y; 
	background-position: top;
	overflow:hidden;
	}
select {
  font: 10pt Verdana;}
		
hr {
	color:black
	background-color:black;
	height: 1px;
}

div.clientlink{
   clear:both;
}

div.logout {
   z-index:100
   float:left;
   position:absolute;
   top:15px;
   left:15px;
   background: #fff;
   z-index:120;
}
center img {
	padding: 0.5em 0 0.5em 0;
}
.newsheader
{
   color: Black;
   font-weight: bold;
   text-align: justify;
   font: bold 16pt Verdana;
   margin-top: 0px;
   margin-bottom: 2px;
	 padding-top: 0.5em;
	 padding-bottom: 0.2em;
}

.newssubheader
{
   color: Black;
   font-weight: bold;
   text-align: justify;
   font: bold 12pt Verdana;
   margin-top: 0px;
   margin-bottom: 2px;
	 padding-top: 0.4em;
	 padding-bottom: 0.2em;
}
div.newstext
{
   color: Black;
   text-align: justify;
   font: 12pt Verdana;
   margin-top: 0px;
   margin-bottom: 2px;
	 padding-top: 0.5em;
	 padding-bottom: 0.5em;
}

div.left{
   background-color: silver;
   width: 5px;
   height: 98%;
   float: left;
   position: absolute;
   top: 2%;
   right: 0;
   bottom: 0;
   left: 5px;
   opacity:0.5;
    z-index:5;
}
div.menu
{
   background-color: #BBC0C3;
   width: 170px;
   height: 98%;
   float: left;
   position: absolute;
   top: 2%;
   right: 0;
   bottom: 0;
   left: 12px;
   z-index:4;
   border-left:1px solid #8ab9af;
   border-right:1px solid #8ab9af;
   border-top:1px solid #8ab9af;
}
div.right {
    background-color: silver;
   width: 5px;
   height: 100%;
   float: left;
   position: absolute;
   top: 2%;
   right: 0;
   bottom: 0;
   left: 187px;
   opacity:0.5;
   z-index:3;
}
img.logo{
   padding:10px;
}

div.head {
   text-align:left;
   margin-top: 30px;
   margin-bottom: 5px;
   z-index:2;
}
div.center{
   z-index:1;
	 margin-left: 15px;
}
div.tail{
   text-align:center;
   z-index:0;
   font: 15px Garamond;
   margin-left: 10px;
   margin-right: 10px;
}
div.body{
   float: left;
   width: 48em;
   position: absolute;
   top: 1%;
   right: 0;
   bottom: 0;
   left: 212px;
   /*color: #637881;*/
   color: black;
}
div.bottom {
   float:left;
   position:absolute;
   bottom:10px;
   left:182px;
}
div.bodycontent{
    font-family: Verdana;
    font-size:11pt;
    /*color:#005A9C;*/
    color: black;
		/*
    margin-left:3%;
    margin-right:3%;
		*/
    margin-top:0;
}
div.topcontent{
    font-family: Verdana;
    font-size:11pt;
    /*color:#005A9C;*/
    color: black;
    margin-left:3%;
    margin-right:11%;
    margin-top:2%;
    margin-bottom:1%;
}
div.ruler {
   float: right;
   position: relative;
   right: 11%;
   visibility: hidden;
   margin-top:40px;
   bottom: 25px;
}
h1 {
	font-family: Verdana;
    font-size: 1.8em;
    font-weight: normal;
}
h2 {
    font-size: 13pt;
    font-weight: normal;
    margin-left:0px;
    padding-left:0px;
}
div.contact {
    padding-bottom:0;
    padding-top:0;
}
div.headoffice {
   width: 100%;
    padding-bottom: 2em;
    margin-bottom:2em;
    border-bottom: thin solid #8ab9af;
}
img.productimage {
   border: medium solid #8ab9af;
}
img.gen {
   border: medium solid gray;
   }


a:link {
   color: #0000ff;
   text-decoration:underline;
   }
a:visited {
  color: #0000ff;
   text-decoration: underline;
}
a:hover {
   text-decoration:underline;
       color: #0000ff;
       }

a:active {
  color: #0000ff;
   text-decoration: underline;
 }
#navbar {
    width:191px;
    padding:1px;
    margin:0px;
    position:relative;
    left: -2px;
    *left: +1px;
     margin-top: 0px;
    /*min-height: 800px;*/
   height: 100%;
      float:left;
   
  }
#nav {
    padding-left:0px;
    margin-left:0px;
    float:left;
}
#navbar img {
    display: block;
     border:0
}
#custom-doc { width:68.69230769em;*width:67.03682308em;margin:auto; text-align:left;
}

#doc2, #custom-doc {
  /* margin-top: .5em;*/
      }
#header {
	
	border-left:0;
	border-right:0;
   height: 60px;
   width:100%;
    text-align: center;
      background-image: url(../images/hyseco_banner.jpg);
	background-repeat:no-repeat;
	margin-bottom:0;
 }


div#header.head-video { 
    border-bottom: 2px solid #005B9C;
    height: 100px;
    text-align: center;
    background-image: url(../images/banners/Product_Video-Banner.jpg);
}
#splashheader {
    border-bottom: 2px solid #005B9C;
    height: 126px;
    text-align: center;
    background-image: url(../images/AWP_Banner-SplashPage.jpg);
}
#header p{
    position:relative;
    top: 110px;
}
#rightcol {
    background-color: #FFFFFF;
}
#content {
	font: 10pt Verdana;
	margin-top:0;
	 padding-left: 0.8em;
    padding-right: 0.8em;
  /* min-height: 685px;
    height: 685px;*/
      overflow:hidden;
    background-color: #FFFFFF;
  /*  border-right: thin solid black;*/
}
.yui-t2 #yui-main .yui-b {
    margin-left: 190px;
    /*margin-left: 209px;*/
   /* border-left: 1px solid #8ab9af; */
 /*border-left: 4px double black;*/
 /* border-left: 2px solid #8ab9af; */    
}


#yui-main {
  /* border: 2px solid  #8ab9af;*/
  /* border-left: 4px double  black;*/
   /*border-right: 4px double  black;*/
      /* background-color: #8ab9af;*/
    *position:relative;
    /*left:3px;*/
     }
      
      
ul {
    list-style: square inside;
    margin-top: 0.5em;
    padding-left: 1em;
    text-indent: 1em;
}

ol {
    list-style: decimal inside;
    margin-top: 0.5em;
    padding-left: 1em;
    text-indent: 1em;
}

li {
    margin-bottom: 0.5em;
}
strong {
    font-weight: bold;
}
#testimonials{
margin-left: 0px;
}

.contacts{
	font: 10pt Verdana;
    margin-left:3%;
    margin-right:3%;
    margin-top:2%;
    margin-bottom:1%;
}

.contact_name {
    font-weight: bold;
    font-size: 1.1em;
    white-space: nowrap;
    display: inline;
    margin: 0;
    clear:left;
}

.contact_job {
    font-style: oblique;
    white-space: nowrap;
}

.contact_phone, .contact_email {
    white-space: nowrap;
}

div.company_description {
    margin-left: 3%;
    text-align: justify;
    width:565px;
}


div.pline_description {
    margin-left: 3%;
    text-align: justify;
}

div.used_description {
    margin-left: 10px;
    text-align: left;
}

img.pline_image, img.company_image, img.product_image, img.used_image, div.used_image_nophoto, div.product_image_nophoto, img.news_image_wrap, img.news_image_nowrap {
    border-color: blue;
    border-width: 4px;
    border-style: solid;
    float: left;
    margin-right:1em;
    margin-bottom:1em;
}

img.news_image_nowrap {
    margin-bottom:0;
}

.off {
display:none;
/*visibility:hidden;*/
;
}
.on {
display:inline;
/*visibility:visible;*/
}
/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.PopBoxImageSmall
{
	border: medium solid gray;
	cursor: url("../images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("../images/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url(../"images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}