/* CSS Document */

body {
	margin: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #036;
}

table {
	font-size: 12px;
}

p {
	margin-top: 0px;
}

form {
	margin: 0px;
}

input {
	background-color: #EEE;
	color: #000000;
	padding: 1px;
	margin-left: 3px;
	margin-right: 3px;
	font-size: 9px !important;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #CCC;
	width: 175px;
}

.inputFocus {
	border: 1px solid #036;
}

select {
	background-color: #EEE;
	color: #000;
	padding: 1px;
	margin-left: 3px;
	margin-right: 3px;
	font-size: 9px !important;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #CCC;
	width: auto;
}

textarea {
	background-color: #EEE;
	color: #000000;
	padding: 1px;
	margin-left: 3px;
	margin-right: 3px;
	font-size: 9px !important;
	font-family: Verdana, Helvetica, sans-serif;
	border: 1px solid #CCC;
	width: 100%;
	height: 75px;
}

.radio {
	background-color: transparent;
	border: 0px;
	width: auto;
}

.button {
	background-color: #036;
	font-weight: bold;
	font-size: 9px !important;
	color: #FFF;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-family: Verdana, Helvetica, sans-serif;
	padding: 0px;
	text-transform: uppercase;
	width: auto;
}

.required {
	color: #F00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px !important;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	color: #036;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	color: #333;
}

a:link {
	color: #036;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #036;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

a:active {
	color: #000;
	background-color: #EEE;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #036;
	background-color: #9CF;
	text-decoration: none;
	font-weight: bold;
}

.noHighLite a:hover {
	color: #036;
	background-color: transparent !important;
	text-decoration: none;
	font-weight: bold;
}

#menu {
	background-color: #333;
	background-image: url('../images/menuBG.gif');
	font-size: 9px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: bottom;
	text-align: center;
}

#menuBottom {
	background-color: #333;
	background-image: url('../images/menuBottom.gif');
	font-size: 9px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: bottom;
	text-align: center;
}

#leftContent {
	background-color: #EEE;
	width: 175px;
	padding: 6px;
	vertical-align: top;
}

#spacerContent {
	width: 1px;
	background-color: #036;
	padding: 0px;
	vertical-align: top;
}

#mainContent {
	background-color: #FFF;
	width: 100%;
	padding: 6px;
	vertical-align: top;
}

#footPrints {
	border: 1px solid #CCC;
	width: 450px;
}

.whiteLinks a:link {
	color: #FFF;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

.whiteLinks a:visited {
	color: #FFF;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

.whiteLinks a:active {
	color: #CCC;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

.whiteLinks a:hover {
	color: #9CF;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

.arrows {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6pt;
	font-weight: bold;
	color: #666;
}

#productDetails {
	border-top: 1px dashed #CCC;
	width: 100%;
}

#productDetails TD {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0px;
	border-bottom: 1px dashed #CCC;
}

.hover {
	background-color: #9CF;
	cursor: pointer;
}

/* CUSTOM FOR MENU */

img.expcol {
  width:                16px;
  height:               16px;
  cursor:               pointer;
}

img.dots {
  width:                15px;
  height:               15px;
}

a.manip:link, a.manip:visited, a.manip:active {
  background-color:     inherit;
  color:                #615448;  /* Espresso */
}

a.manip:hover {
  background-color:     inherit;
  color:                #369;     /* Cadet Blue */
}

/* Menu */

table#prodmenu {
  width:                100%;
  margin:               0px;
  padding:              0px;
  font-size:            11px;
  font-family:          Tahoma, Arial, Helvetica, sans-serif;
}

table#prodmenu tbody tr td.sect {
  font-weight:          bold;
  padding:              0px;
  white-space:          nowrap;
}

table#prodmenu tbody tr td.dots {
  width:                16px;
  height:               16px;
  padding:              0px;
  text-align:           center;
}

table#prodmenu tbody tr td.item {
  padding:              0px 3px;
}

table#prodmenu tbody tr td.item a {
  font-weight:          normal;
}

table#prodmenu tbody tr td.selitem {
  padding:              0px 3px;
  color:                inherit;
  background-color:     #036;
}

table#prodmenu tbody tr td.selitem a {
  font-weight:          normal;
  color:                #FFF;
  cursor:               default;
}

table#prodmenu tbody tr td.selitem a:hover {
  font-weight:          normal;
  background-color:     transparent;
}