﻿body {
	background-image: url('support_images/background.gif');
	margin-top: 0;
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

hr {
	clear: both;
}

h1 {
	clear: both;
	font-size: 2em;
}

h3 {
	color: #003B7D;
	font-size: 1.5em;
}

input.pink {
background-color: white; 
font-size: 11px;
}


select.FormSelect { 
font-size:7pt; 
color:#333; 
background-color:#E3E6FD; 
border:1px solid #666; 
} 

input.button {
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:6pt;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
}


t
TR.header {
  background-color: white;
}


TD.tableHeader {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight : bold;
  background-color: white;

}

.content {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: black;
}

.contentHeader {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: black;
  font-weight : bold;
}


#nav{list-style: none;} 

#nav ul { 
     padding: 0;
     margin:0;
     list-style: none;
     width:9em;
     z-index:99;
     position:relative;
     overflow:visible; 
} 

#nav li { 
     margin:0; 
     position: relative; 
     float:left; 
     width: 9em;
     background-color:#ffffff;
     border:solid 1px #CCC; 
     display:block;
     height:auto;
} 

#nav ul li{ border-width:1px 1px 0 0;} 

#nav ul ul li{ border-width:1px 1px 0 1px;} 

#nav ul ul li:last-child{border-bottom:1px solid #CCC;} 

#nav a { 
     text-decoration:none; 
     display:block;
     padding: 0.1em; 
     margin:0.2em 0 0.2em 0.1em; 
     width:8.5em; 
     height:1em;
} 

#nav a:hover, #nav li:hover{ 
     background-color:#ffffff; 
} 
#nav ul li:hover, #nav ul li a:hover{ 
     background-color:#ffffff; 
} 

#nav ul{ 
     display:none; 
} 

/*all see this */
#nav ul ul{ 
     display:none; 
     position:absolute; 
     margin-top:-1.8em; 
     margin-left:12em; 
} 

/* non-IE browsers see this */ 
#nav ul li>ul, #nav ul ul li>ul{ 
     margin-top:-1.4em; 
} 

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{ 
     display:none; 
} 

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{ 
     display:block; 
} 

li>ul { 
     top: auto; 
     left: auto; 
} 

img {
	border: none;
}


#PageWrap {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	background-color: white;
}

/*********************/
/** Header Settings **/
/*********************/

/* header settings */

#Header {
}

#Banner {
	
}

#BannerLeft {
	float: left;
}

#BannerRight {
	float: right;
	padding-right: 100px;
}


/* nav menu settings */

#NavMenu {
	width: 100%;
	height: 30px;
	clear: both;
	position: relative;
}

.navhome a {
	background-image: url('support_images/nav/nav_button_home.png');
}

.navabout a {
	background-image: url('support_images/nav/nav_button_about.png');
}

.navinventory a{
	background-image: url('support_images/nav/nav_button_inventory.png');
}

.navsearch a{
	background-image: url('support_images/nav/nav_button_search.png');
}

.navcontact a{
	background-image: url('support_images/nav/nav_button_contact.png');
}

.navlocate a{
	background-image: url('support_images/nav/nav_button_finance.png');
}

.navbutton a {
	width: 160px;
	height: 30px;
	float: left;
	background-position: bottom;
}

.navbutton a:hover {
	background-position: top;
}

/* search bar */

#Search {
	float: right;
	padding-top: 5px;
	padding-bottom: 50px;
}

/*********************/
/** Footer Settings **/
/*********************/

#footer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	color: white;
	background-color: black;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}

/* Content  */

#ContentWrapper {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}


/* Contact page */

#ContactInfo {
	float: left;
}

#LocationMap {
	float: right;
	padding-bottom: 20px;
}


.contact_title {
	clear: both;
	padding-top: 15px;
}

.contact_name_column {
	float: left;
	width: 160px;
}

.contact_email_column {
	float: left;
	clear: right;
}


