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

/* CSS Document */



.Content {position: relative;
	top:0px;
	left:0px;
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	background-color: #FFFFFF;
	text-align: left;
}

.Content table {position: relative;
	top:0px;
	left:0px;
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	background-color: #FFFFFF;
	text-align: left;
}

.Content .spec_table table {/*position: relative;
	top:0px;
	left: 10px;*/
	width: 90%;
	border-collapse: collapse;
	margin: 5px auto 5px auto;
/*	border: 0;
	padding: 0;*/

	background-color: #FFFFFF; 
	text-align: left;
}

.Content .spec_table table td {position: relative;
	top:0px;
	left:0px;
	margin: 2;
	border: 1px solid #555555;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

.Content .spec_table table .heading {position: relative;
	margin: 0 auto 0 auto;
	font-weight: bold;
	text-align: center;
}

.Content .spec_table table .imgheading {position: relative;
	margin: 0 auto 0 auto;
	border: 0;
	font-weight: bold;
	text-align: center;
}

.Content .img_space {
	position: relative;
	left: 0px;
	padding: 0px;
	margin: 10px 0px auto 0px;
	text-align: left;
	font-size: 12px;
	font-family: Tahoma, Geneva, Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}

.Content .img_space p{
	margin: 10px 20px auto 20px;
	}

.Content .img_space .tintedbox{position: relative;
	margin: 0 150 0 150px;
	display: block;
	height: 155;
	border: 1px solid #000000;
	background-color: #ffe4e1;
	}

.Content .img_space .lefttestbox{position: relative;
	margin: 10 10 0 40px;
	padding: 15px;
	display: block;
	float: left;
	width: 500px;
/*	height: 155;*/
	border: 1px solid #000000;
	background-color: #ffe4e1;
	font-style: italic;
	}

.Content .img_space .maroonlines{position: relative;
	margin: 10px 40px auto 40px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #800000;
	}

.Content .img_space .maroonheader{position: relative;
	margin: 10px 20px auto 20px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #800000;
	}

.Content .img_space .maroonheaderbold{position: relative;
	margin: 10px 20px auto 20px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #800000;
	}

.Content .maroonheader{position: relative;
	margin: 10px 20px auto 20px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #800000;
	}

.Content .img_space .left_space li{
	margin: 0px 20px auto 20px;
	list-style: disc inside;
	}

.Content .img_space .left_space{
	margin: 10px 20px auto 20px;
	list-style: disc inside;
	}

.Content .img_space IMG {
	margin: 10px 20px 10px 20px;
}

.Content .img_space .contact_footer {
	position: relative;
	margin: 20px auto auto 280px;
/*	text-align: left;*/
	font-size: 12px;
	font-family: Tahoma, Geneva, Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	}

.Content .img_space .contact_footer a:link {display: inline; color: #ffffff; text-decoration: none
	}

.Content .img_space .contact_footer a:visited {display: inline; color: #ffffff; text-decoration: none
	}

.Content .img_space .contact_footer a:hover {display: inline; color: #ffffff; text-decoration: underline
	}

.Content .whitehydrau {
	display: block;
	width: 100%;
	height: 150px;
/*	vertical-align: top;*/
	text-align: center;
	white-space: nowrap;
	font-size: 16px;
	font-weight: normal;
	font-family: Tahoma, Geneva, Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	background-color: #93001c;
}


.Content .whitehydrau h2 {
	display: block;
	font-size: 28px;
	font-weight: bold;
	padding: 30px 0 10px 0;
	}

.Content .yellowhydrau {
	display: block;
	width: 100%;
	height: 150px;
/*	vertical-align: top;*/
	text-align: center;
	white-space: nowrap;
	font-size: 16px;
	font-weight: normal;
	font-family: Tahoma, Geneva, Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	background-color: #e2c116;
}


.Content .yellowhydrau h2 {
	display: block;
	font-size: 28px;
	font-weight: bold;
	padding: 30px 0 10px 0;
	}

.Content #hydrau_logo {
	float: left;
	margin: 22px;
	}

.Content #daren_logo {
	float: right;
	margin: 22px;
	}

.smlgreytxt {font-size: 11px;
	font-family: Tahoma, Geneva, Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	color: #555555;
}

.smlgreytxt a:link {display: inline; color: #555555; text-decoration: underline
	}

.smlgreytxt a:visited {display: inline; color: #555555; text-decoration: underline
	}

.smlgreytxt a:hover {display: inline; color: #0000ff; text-decoration: none
	}

.greynavbar {background-color: #a9a9a9;
	border: 1px solid #000000;
	padding: 4px;
	margin: 0 0 0 0;
	font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-style: normal; line-height: normal;  color: #ffffff; text-decoration: none; text-align: center; font-weight: normal
	}


.largertxt {font-size: 17px; font-weight: bold;
}

.largerplaintxt {font-size: 17px; font-weight: normal;
}

.Content .image_overwrite {
	position: absolute;
	top: 165px; left: 330px;
	width: 205px; height: 140px;
	text-align: left;
	font-size: 15px;
	line-height: 180%;
	font-family: Tahoma, Geneva, Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none;
	color: #555555;
	}

.Content .Menuinset  {
	display: block;
	vertical-align: top;
	line-height: 180%;
	text-align: left;
	white-space: nowrap;
	font-size: 11px;
	font-family: Tahoma, Geneva, Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none;
	color: #555555;
	background-color: #ffffff;
	padding: 0px 8px 5px 8px;
}

.Content .address  {
/*	display: block;
/*	vertical-align: bottom;*/
	text-align: left;
	position: absolute;
	bottom: 0px; left: 0px;
	white-space: nowrap;
	font-size: 9px;
	font-family: Tahoma, Geneva, Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none;
	color: #555555;
	background-color: #ffffff;
	padding: 0px 0px 10px 12px;
}

.Content .address a {
	color: #555555;
}

.Content .address .firstblue:first-letter {
	color: #008eff;
}

.Content .MainText{
	font-size: 12px;
	font-family: Tahoma, Geneva, Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	width: 400px;
	margin: 10px auto 10px left;
}

.Content .MainText Table{
	font-size: 12px;
	font-family: Tahoma, Geneva, Trebuchet MS, Helvetica, sans-serif;
	color: #555555;
	width: 400px;
	margin: auto;
}

.Content .MainText p {
	margin-top: 10px;
}

.Content .MainText .firstblue:first-letter {
	color: #008eff;
}

.Content .MainText a:link {color: #555555; text-decoration: none
	}

.Content .MainText a:hover {color: #0000ff; text-decoration: underline
	}

.Content .MainText a:visited {color: #555555; text-decoration: underline
	}

.Content .MainText .list a:link, .Content ..MainText .firstblue a:link{color: #555555; text-decoration: none
	}

.Content .MainText .list a:hover, .Content ..MainText .firstblue a:hover{color: #0000ff; text-decoration: none
	}

.Content .MainText .list a:visited, .Content ..MainText .firstblue a:visited{color: #555555; text-decoration: none
	}


.Content .MainText .list {
	margin-left: 0px;
	margin-top: 10px;
	text-align: left;
	list-style: disc inside; color:#0082ff;
}

.Content .MainText .list li span{color:#555555;
	margin-left: 0px;
}

.Content .MainText #LeftBlock {position: relative;
	display: block;
/*	float: left;*/
	width: 200px;
	text-align: left;
	margin: 0 auto 0 auto;
}

.Content .MainText #RightBlock form {position: relative;
	display: in-line;
	float: left;
	width: 400px;
	text-align: left;
	padding: 0px;
	margin: 0 auto 20px auto;
	color: #000000;
}


.Content .MainText #RightBlock form label { 
        display: block;  /* block float the labels to left column, set a width */
        float: left;
        font-size: 12px;
	font-family: Tahoma, Geneva, Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none; 
        width: 110px; 
        padding: 0; 
        margin: 5px 0px 0 0; /* set top margin same as form input - textarea etc. elements */
        text-align: right; 
}

.Content .MainText #RightBlock form input, .Content .MainText #RightBlock form textarea {
        /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
        width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
        margin:5px 0 0 8px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
}

.Content .MainText #RightBlock form input#reset {
        margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

.Content .MainText #RightBlock form textarea { overflow: auto; }

.Content .MainText #RightBlock form small {
        display: block;
        margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
        padding: 1px 3px;
        font-size: 88%;
}

.Content .MainText #RightBlock form .required{font-weight:bold;} /* uses class instead of div, more efficient */

.Content .MainText #RightBlock form br {
        clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.Content #TelNumber {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	float: right;
	width: 200px;
	font-size: 20px;
	text-align: right;
	padding-right: 15px;
	color: #777777;
	padding-top: 45px;
}

.Content #TelNumber:first-letter {

	color: #008eff;

}




.popUpStyle {background-color: #FFFF99; border: #CCCC00 1px solid;
	 width: 270px;
	 font: 11px Tahoma, Geneva, Trebuchet MS, helvetica, sans-serif; padding: 5px;
	 position: absolute; visibility: hidden}