﻿body {
margin : 0; padding : 0 10px; font-family : helvetica, arial, verdana, sans-serif; font-size : 1em;
}
/* header and navbar styles */
#header {
background :  url(images/head_bg.gif);
margin : 0 -10px;
padding : 0;
height : 100px;
text-align : left;
/*white-space : nowrap;*/
}
#navbar {
background :  url(images/nav_bg.gif) repeat-x;
margin : 0 -10px;
padding : 3px 0;
height : 31px;
font-family : arial, helvetica, verdana, sans-serif;
font-size : 13px;
font-weight : bold;
color : #ffff00;
text-align : center;
white-space : nowrap;
border : none;
}
#navbar a {
margin : 0 5px;
color : #ffff00;
text-decoration : none;
}
#navbar a:hover {
color : #ffffcc;
}
#tagline {
position : absolute;
top : 5px;
left : 50%;
z-index : 5;
width : 175px;
font-family : arial, helvetica, verdana, sans-serif;
font-size : 12px;
font-weight : bold;
color : #ff0;
}
#address {
position : absolute;
top : 5px;
right : 5px;
z-index : 5;
width : 200px;
font-family : arial, helvetica, verdana, sans-serif;
font-size : 12px;
font-weight : bold;
text-align : right;
color : #ffffff;
}
#address a {
color : #ffff00;
text-decoration : none;
}
#address a:hover {
color : #ffffcc;
}
/*general styles*/
a {
color : #990000;
text-decoration : underline;
font-weight : bold;
}
a:hover {
color : #852D19;
}
td#imageplaceholder {
width : 300px;
font-size : 12px;
text-align : center;
vertical-align: bottom;
}
td#imageplaceholder img {
margin : 5px;
}
td#imageplaceholder a {
display : block;
margin : 2px 0 15px 0;
color : #660000;
text-decoration : none;
}
td#imageplaceholder a:hover {
color : #330066;
}
/*td#imageplaceholder*/
 .callout {
display : block;
margin : 2px 0 50px 0;
font-weight : bold;
font-size : 12px;
color : #660000;
}

table#repairs {
	margin: 0;
    width: 100%;
    border: none;
    border-collapse: collapse;
}

table#repairs td {
    padding: 0 2px;
    font-size : 12px;
    text-align: center;
	vertical-align: top;
}

table#repairs td img {
    border: none;
}

table#repairs td a {
display: block;
margin : 0;
color : #660000;
text-decoration : none;
}

table#repairs td a:hover {
color : #330066;
}

table#repairs td .callout {
display : block;
margin : 2px 0 0 0;
font-weight : bold;
font-size : 12px;
color : #660000;
}

h1 {
font-size : 1.50em;
color : #852D19;
}
h2 {
font-size : 1.25em;
color : #852D19;
}
h2.blue {
color : ##006E51;
}
.clear {
margin : 10px;
clear : both;
}
ul {
 list-style-image : url(images/bullet.gif); 
 font-size : 14px;
 }
li {
	margin : 5px 0;
}
.bold {
font-weight : bold;
}
table.list h2 {
background : #006600;
width : 100%;
color : #ffffff;
text-align : center;
font-size : 14px;
border-bottom : #000000;
}
table.list td {
vertical-align : top;
}
/* for repair.html page */
.quote {
margin : 0 0 1em 0;
font-weight : bold;
}
form table {
font-size : 12px;
}

#blackhawk {
background : transparent; margin : 5px; padding : 3px; border : 2px solid #990000; color : #006699; text-align : center;
}
#blackhawk a {
color : #006699; font-weight : bold; text-decoration : none;
}
#blackhawk a:hover {
color : #990000;
}
div#info {
margin-left : 15px; 
color : #852D19;
font-size : 12px;
font-weight : bold;
margin-bottom : 15px;
}

h1.products{
background : #cccccc;
text-align : center;
margin-bottom : 3px;
font-size : 15px;
color : black;
padding : 3px;
border : 2px solid black;
}
table.company{
clear : both;
}
table.company td p {
font-size : 12px;
margin-top : 0px;
margin-bottom : 10px;
}
table.company td.one {
margin : 0px 5px 5px 10px;
width : 300px;
height : 110px;
vertical-align : top;
text-align : center;
}
table.company td{
vertical-align : top;

}
table.company td h2 {
width : 100%;
font-size : 13px;
color : #000066;
text-decoration : underline;
margin-bottom : 0px;
}
/*	START BODY CONTACT US FORM STYLES	*/
	form {
	padding : 10px;
	}
	fieldset {
	position : relative;
	margin : 0 0 25px 0;
	width : auto;
	border : 1px solid #00405b;
	
	}
	fieldset p {
	margin-top : 10px;
	margin-left : .5em;
	margin-right : 10px;
	padding : 0;
	width : auto;
	text-align : left;
	}
	legend {
	background-color : #006699;
	margin : 0 0 10px 0;
	padding : 2px;
	border : 1px solid #000000;
	font-size : 90%;
	color : #ffff00;
	}
	div.row {
	 padding : 1px;
	 width : auto;
	 font-size : 90%;
 	 clear : both;
	 }
	div.row label, div.row p {
	 float : left;
	 margin : 0 0 0 5px;
	 padding : 0; 
	 width : 10em;
	 text-align : left;
	 }
	 div.row2 label, div.row p {
	 float : left;
	 margin : 0 0 0 5px;
	 margin-top : 5px;
	 padding : 0 0 0 0 ; 
	 width : 20em;
	 text-align : left;
	 }
	 div.row2 input {
	background : #ffffcc;
	margin-left : .5em;
	margin-top : 5px;
	margin-right : 10px;
	padding : 0 0 0 0 ; 
	width : auto;
	text-align : left;
	border : 1px solid #00405b;
	font-family : monospace;
	color : #00405b;
	}
	div.row label.require {
	border-bottom : 1px dashed #cccccc;
	 color : #852D19;
	 font-weight : bold;
	 }
	div.row input, div.row select option {
	background : #ffffcc;
	margin-left : .5em;
	margin-right : 10px;
	padding : 0; 
	width : auto;
	text-align : left;
	border : 1px solid #00405b;
	font-family : monospace;
	color : #00405b;
	}
	div.row select {
	margin : 15px 15px;
	}
	div.row2 input.checker {
	background : none;
	color : #000000;
	border : none;
	}
	div.row input.additional { 
	margin-right : 3px;
	border : none;
	}
	div.row textarea {
	background : #ffffcc;
	margin-left : .5em;
	margin-bottom : 10px;
	padding : 0; 
	border : 1px solid #336699;
	font-family : monospace;
	text-align : left;
	color : #00405b;
	}
	/*-----------------------------
	END BODY CONTACT US FORM  STYLES