/* CSS Document */

.form {
	width:277px;
	height:385;
	background: url(../images/table1bg.jpg) no-repeat ;
	padding-top:18px;
	padding-bottom:24px;
	margin-left:6px;
}

.form2 {
	width:277px;
	height:385;
	background: url(../images/table2bg.jpg) no-repeat ;
	padding-top:22px;
	padding-bottom:24px;
	margin-left:6px;
}

html>/**/body .form {
	padding-top:24px;
	padding-bottom:33px;
}

#myform.cssform p{
width: 277px;
clear: left;
margin-bottom: 7px;
height: 1%;

}

html>/**/body #myform.cssform p {
	margin-bottom: 0px;
}

#myform.cssform p {
	margin-bottom:0;
}

.cssform label{

float: left;
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
text-align:right;
/*margin-right:10px;*/
margin-right:0px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 145px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* CSS Document */
body {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:center;
	background:#1A1B20;
}

#navigation {
	/*padding-bottom:15px;*/
	height: 57px;
	margin-left:-2px;

}

#navigation img {
	border-right: 1px solid #000000;
}

#navigation img.last {
	border-right: none;
}

#content {
	clear:both;
	height:100%;
	overflow:hidden;
	padding:15px 15px 50px 10px;
	z-index:-1;
}

#left-content {
	width:290px;
	float:left;
	text-align:left;
	padding: 7px 0 0 0;
}

#right-content {
	width:517px;
	float:right;
	text-align:left;
	padding: 0 0 10px 0;
}

* {	
	padding:0;
	margin:0;
}

#content ul {
	padding-left:20px;
	list-style:disc;
	font-size:.8em;
}

#content {
	font-size:0.8em;
	margin-bottom:15px;
	text-align:justify;
}

#content p {
	margin-bottom:15px;
	text-align:justify;
}

.products {
	margin-left:7px;
	margin-top: 15px;
}

.products img {
	margin-right:15px;
}

.information img.last {
	margin:0;
}

#content a {
	color: #FE3C3C;
	text-decoration:none;
}

#content a:hover {
	color: #FE3C3C;
	text-decoration:underline;
}

.headertext-image {
	padding:13px 0 4px 0;
}

hr {
	margin-bottom:8px;
}

h1 {
	font-size:1.2em;
	font-weight:normal;
}

h2 { 
	font-size:1.2em;
	font-weight:normal;
}

#container {
	padding:0 0 0 0;
	margin:auto;
	width:840px;
	height:100%;
	overflow:hidden;
	text-align:left;
	background:#FFFFFF;
}


/* Rollover dropdown navigation menus */
#nav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
}

#nav {
	float: left;
	width: 840px;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
		
	margin: 0 0 1em 3px;
}

#nav img {
	margin-left:5px;
}

#nav ul {
	float: left;
	width: 840px;
	list-style: none;
	line-height: 1;
	background: black;
	font-weight: bold;
	padding: 0;
		
	margin: 0 0 1em 3px;
}

#nav a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	
}

#nav a.daddy {
	background: url(../images/arrow.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 10em;
	w\idth: 14.6em;  /*firefox can read*/
	font-weight: normal;
	border-width: 0.25em;
	
	
	margin: 0;
	margin-left:-1px;
}

#nav li li {
	padding-right: 0.5em;
	width: 13.6em
}

html>/**/body #nav li li {
	padding-right: 1em;
}

#nav li ul a {
	width: 13em;
	padding:5px;
}

#nav li ul ul {
	margin: -1.70em 0 0 14.6em;
	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li li:hover ul, #nav li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	margin-top:-21px;
}

html>/**/body #nav li li:hover ul, #nav li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	margin-top:-20px;
}

#nav li:hover, #nav li.sfhover {
	background: #C90201;
	color:#FFFFFF;
}

#scaffolding {
	height: 70px;
	background: white url(/images/header_bg.gif) no-repeat;
	border: solid #eda;
	border-width: 1px 0 0 0;
	margin: 1em 0 0 0;
}


#scaffolding a {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	height: 70px;
	background: url(/images/hdlogo_flip2.gif) no-repeat;
	background-position: 181px 0;
}

#scaffolding a:hover {
	background-position: 181px -70px;
}

p.information{
	position: relative;
	left: 30px;
}

p.information{
	position: relative;
	left: 30px;
	margin-right: 30px;
}
li.mtp{
	position: relative;
	left: 25px;
	margin-right: 30px;
}

td.brandLogo{
	width:50px; 
	height: 50px; 
	text-align: center;
}