/* CSS Document */

/*PAGE LAYOUT*/
body {
	margin: 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	padding: 0px;
	background-color: #FFF;
}
#logo	{float:left; background-image:url(../img/tie_logo.gif); width:274px; height:213px;}
.mainContent #container{
	width: 800px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.mainContent #topheader{
	float:right;
	width:526px;
	height:97px;
	background-color:#F0F0F0;
	
}
.mainContent #menu{
	float:right;
	width:526px;
	height:32px;
	background-image:url(../img/bg_menu.gif);
	background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;
}
.mainContent #submenu{
	float:right;
	width:524px;
	height:32px;
	background-image:url(../img/bg_submenu.gif);
	background-position:left top;
	background-repeat:repeat-x;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5C5C5C;
	margin: 0px;
	padding: 0px;
}
.mainContent #contenttext{
	float:right;
	width:525px;
	background-color: #FFF;
}
.mainContent #leftpanel{
	float:left;
	width:274px;
	background-color: #FFF;
	text-align: center;
}
#footer  {
	width:800px;
	background-color:#FFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: right;
	vertical-align: middle;
}
.whitetitle {
	font: Tahoma, sans-serif;
	font-size:2.4em;
	font-weight:bold;
	color:#FFFFFF;
	text-align: center;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	letter-spacing: .1em;
}
.smallwhitetext a:hover{
	text-decoration:underline;
	color: #FFFFFF;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}

li{
	list-style-type:square;
}

a {
	font-weight:bold;
	color:#C00;
	text-decoration:underline;
}
a:hover {
	font-weight:bold;
	color:#808080;
	text-decoration:underline;
	text-align: center;
}
a h3 {
	color: #000;
}
a h3:hover {
	color: #C00;
}
table {
	width:inherit;
	text-align: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
tbody {padding:0px; margin:0px; width:inherit;}
th {font-family: Arial, Helvetica, sans-serif; color: #5B7C7C; font-size: 12px; font-weight: bold; text-align: center; background-color: #000000; border: 0px solid #A0A0A0; width:inherit;}
td {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; border: 0px solid #A0A0A0;}
td a img {
	text-decoration: none;
}

table .tabTitle {
	text-transform: uppercase;
	color: #CCC;
	background-color: #000;
	background-repeat: repeat-x;
	font-weight: bold;
	font-size: 1.1em;
}
table p {
	text-align: left;
	padding-left: 10px;
}
#footer table {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size:1.9em;
	font-weight:bold;
	margin:0px;
	font-family: "Courier New", Courier, monospace;
	padding-bottom: 5px;
	text-align: center;
	color: #000;
	letter-spacing: 0.1em;
}
h2 {
	font-size:1.3em;
	color:#333;
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: 0.05em;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
h3 {
	font-size:1.2em;
	color:#000000;
	margin:0px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
	letter-spacing: 0.05em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
h4 {
	font-size:1.2em;
	color:#000;
	font-family: "Courier New", Courier, monospace;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin: 0px;
}
h5 {
	font-size:1em;
	font-weight:bold;
	margin:0px;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	letter-spacing: 0.05em;
	font-family: Tahoma, Geneva, sans-serif;
}
h6 {
	font-size:0.8em;
	font-weight:bold;
	margin:0px;
	color: #C00;
	letter-spacing: 0.05em;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
#titletext {
	font-weight:bold;
	color:#CC0000;
	text-align: center;
	font-family: Tahoma, sans-serif;
	font-size: 1.8em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5C5C5C;
	padding: 10px;
}

/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666;
	background-color:#F7F7F7;
	padding:10px;
	margin:10px;
	text-align: left;
}
.graypanel h2 {
	font-size: 1em;
	letter-spacing: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.graypanel h6 {
	font-size: 0.7em;
}

.graypanel p {
	font-size: .9em;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.graypanel li  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	list-style-type: none;
	padding-top: 7px;
	list-style-position: inside;
	padding-right: 5px;
	padding-left: 5px;
}


/*TEXT STYLES*/

.headertext {
	color: #000;
	font-family: Tahoma, sans-serif;
	font-size: 0.7em;
	text-align: right;
	background-image: url(../img/mdi-logo-hosereels.jpg);
	background-position: 370px bottom;
	padding-right: 165px;
	background-repeat: no-repeat;
}

.menutext {
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	padding: 9px;
	margin: 0px;
}
.menutext a {
	text-decoration: none;
}
.bodytext {
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.9em;
	text-align: left;
	background-image: none;
	padding-right: 15px;
	padding-left: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5C5C5C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.bodytext p {
	padding-bottom: 5px;
}
.bodytext ol li{
	list-style-position: outside;
	list-style-type: disc;
}
.reelcraft {
	color: #C00;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
}
.current {
	text-transform: none;
	color: #000;
	border: 1px groove #000;
	padding: 2px;
	background-color: #CCC;
}
.holder {
}
#specs {
	text-align: left;
	list-style-position: inside;
	margin-right: 52px;
	margin-left: 52px;
	background-image: url(../img/bg-datalinks.jpg);
	background-repeat: repeat;
	border: 1px groove #333;
	margin-bottom: 20px;
	font-size: 1em;
	width: 391px;
}
#specs a:hover {
	color: #000;
}
.doc li  {
	list-style-image: url(../img/doc.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px groove #333;
	padding-left: 20px;
}
.doc li:hover {
	background-color: #FFF;
	border: 2px groove #F00;
}

.pic li  {
	list-style-image: url(../img/pic.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px groove #333;
	padding-left: 20px;

}
.pic li:hover {
	background-color: #FFF;
	border: 2px groove #F00;
}
.pdf table li {
	list-style-image: url(../img/pdf.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.pdf li {
	list-style-image: url(../img/pdf.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px groove #333;
	padding-left: 20px;
}
.pdf li:hover {
	background-color: #FFF;
	border: 2px groove #F00;
}
.pdf td li:hover {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.pdf  li.docx {
	list-style-image: url(../img/doc.gif);
}
td li .pdf {
	list-style-image: url(../img/pdf.gif);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#addfavs {
	text-align: right;
	margin-right: 20px;
	color: #FFF;
	padding-top: 5px;
}
#addfavs a {
	font-size: 0.9em;
	color: #FFF;
	text-decoration: none;
}

#addfavs a:hover {
	color: #000;
	text-decoration: none;
}.fav
li  {
	list-style-image: url(../img/fav.gif);
	font-size: 0.9em;
}
.fav a:hover {
	background-color: #FFF;
}
#ftmenu  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	width: 798px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #5C5C5C;
	border-bottom-color: #5C5C5C;
	border-left-color: #5C5C5C;
	float: right;
	margin: 0px;
	padding: 0px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	
}
#ftmenu p {
	padding: 0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.clearfloat {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}

/* Forms \*/
.frmContact {
	width:470px;
	border:3px groove #666;
	color: #000;
	background-color: #999;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#frmContact fieldset  {
	background-color: #999;
	border: 2px groove #666;
	padding: 15px;
}
#frmContact fieldset legend  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	background-color: #999;
	letter-spacing: 0.2em;
	text-align: right;
	margin-bottom: 0.4em;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#frmContact label  {
	background-color: #999;
	padding-left: 20px;
	font-size: .9em;
	letter-spacing: .1em;
	text-align: left;
}
#frmContact fieldset p label {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#frmContact input.text {
	float: right;
	width: 300px;
	margin-right: 25px;
}
#frmContact fieldset .textfieldRequiredMsg  {
	float: right;
	font-size: 0.9em;
}
#frmContact fieldset textarea.message {
	float: right;
	width: 300px;
	margin-right: 25px;
}
#frmContact fieldset .textareaRequiredMsg  {
	font-size: 0.9em;
	float: right;
}
#frmContact fieldset .textareaMaxCharsMsg  {
	font-size: 0.9em;
	float: right;
}
#frmContact fieldset pS  {
	text-align: center;
	font-size: 1em;
	letter-spacing: 0.1em;
}
#howtoreply1 {
	text-align: left;
}
#howtoreply2 {
	text-align: left;
}

#howtoreply3 {
	text-align: left;
}