/*-- Style CSS --*/
body {
	margin:0px;
	padding:0px;
	font:11px/20px verdana, arial, helvetica, sans-serif;
	color:#333;
	background: white url('../images/Hoses_right_bg.jpg') no-repeat right top; 
	line-height:100%
	}
h1
{
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 24px;
	margin: 0px 0px 5px 0px;
	color: #0d2f8a;
	line-height: 24px;
}
h2  { 
	color: #003399; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
    margin-top: 4px; 
    margin-bottom: 4px }
    
h3
{
	font-weight: normal;
	font-size: 16px;
	color: dimgray;
	font-family: verdana, arial, helvetica, sans-serif;
	margin:2px;
}
    
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
/*textarea 
{
	font:12px verdana, arial, helvetica, sans-serif;
	}*/
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}	

ul {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	}

a {
	color:#09c;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}

a.small
{
	font-size: 10px;
	color: #09c;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}
a.small:link {color:#09c;}
a.small:visited {color:#07a;}
a.small:hover {background-color:#eee;}

a.paging
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 14px;
}


.Photos {
	border:solid 1px #333333;
	margin: 5px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=4);
}
label {	
	font-size: 10px; 
	color: #666666; 
	/*text-transform: uppercase; */
	font-weight: bold;
	float:left;
	/*padding:6px 2px 0px 0px;*/
	padding:6px 2px 0px 0px;
	margin:0px 0px 0px 0px;
	width: 80px; 
	height:15px;
	text-align:right;
}
input, select, textarea
{
	margin:2px 0px 2px 0px;
	}
fieldset
{
	padding:10px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	}
legend {
	color: #09c;
	font-size: 12px;
	font-weight: bold;
}
/*-- Layout and design CSS --*/
#Header {
	margin:0px 0px 10px 0px;
	padding:2px 0px 0px 20px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:67px; /* 60px + 2px + 0px = 62px */
	background: #eee url('../images/shade_center_bg.gif') repeat-x left bottom;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:65px; /* the correct height */
	}

body>#Header {height:65px;}

#HeadLeft {
	z-index:2;
	width:45%; 
	float:left;
	height: 100%;
}

#HeadRight {
	text-align:right;
	z-index:1;
	width:45%; 
	float:right;
	height: 100%;
	background: url('../images/fade_right_bg.jpg') no-repeat right top; 
}

#Content {
	margin:0px 8px 10px 190px;
	padding:10px;
	Height: 450px;
	overflow:visible;
	background: url('../images/dots_center_bg.gif') repeat-y left top;
	}
/* Center box, in light blue highlights contents */
.CenterCnt {
	width:400px;
	margin:5px auto;
	text-align:center;
	overflow:visible;
	font:11px/20px verdana, arial, helvetica, sans-serif;
	padding:5px 0px 5px 0px;
	border:1px dashed #ccc;
	background-color:#eee;
	}

#Menu {
	position:absolute;
	top:85px;
	left:8px;
	width:150px;
	padding:0px;
	/*background-color:#eee;
	border:1px dashed #999;*/
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}

/* --- Menu system --- */
#navcontainer
{
	width: 140px;
	border-right: 1px solid #90bade;
	padding: 0px;
	margin-bottom: 1em;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #90bade;
	color: #333;
}

#navcontainer ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#navcontainer li
{
	border-bottom: 1px solid #90bade;
	margin: 0;
}

#navcontainer li a
{
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #0D2F8A;  /* 1958b7 */
	border-right: 10px solid #508fc4;
	background-color: #2175bc; 
	color: #fff;
	text-decoration: none;
	width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}/* Rounded Corner Box */

DIV#BOX {

	width: 350px;
	margin:auto; 
	background: #E6EAF3 url('../images/center-bg.gif') right center repeat-y;  
	color: #000000;
	text-align: left;
}

DIV#BOXcontent { padding: 0px 5px 0px 5px; }

/* Rounded Corner Box Background Images */

DIV#BOXtop-left {

	width: 100%;
	height: 10px;

	background: #E6EAF3 url(../images/top-left.gif) left top no-repeat;

}

DIV#BOXtop-right {

	float: right;
	width: 10px;
	height: 10px;

	background: #E6EAF3 url(../images/top-right.gif) right top no-repeat;

}
DIV#BOXbottom-center {

	width: 100%;
	height: 14px;
	background: #E6EAF3 url(../images/vert-bg.gif) repeat-x bottom; 

}
DIV#BOXbottom-left {
	
	float: left;
	width: 14px;
	height: 14px;

	background: #E6EAF3 url(../images/bottom-left.gif) left bottom no-repeat;

}

DIV#BOXbottom-right {

	float: right;
	width: 14px;
	height: 14px;

	background: #E6EAF3 url(../images/bottom-right.gif) right bottom no-repeat;

}