INPUT,TEXTAREA { font-family: Arial; font-size: 12px; }

body {
	font-family: Verdana;
	font-size: 12px;
	color: #000;
	margin: 0 0 1em 0;
	padding: 0; /* Only affects Opera */
	background: #FFFFFF url('images/topbar.png') repeat-x scroll top left;
}

.generic {
	font-family: Verdana;
	font-size: 12px;
}


#top {
	margin: 0;
	padding: 103px 0 0 0;
}
 
div.separator {
	border-top: 3px double #6699FF;
	border-bottom: 3px double #6699FF;
	width: 90%;
	height: 0px;
	margin: 0 auto;
	text-align: center;
}

p.midText	{
	width: 90%;
	margin: 5px auto;
	text-align: center;
}
	
hr.bottom {
	position: relative;
	top: 0px !important;
	top: -7px;
	margin: 0 0 5px 0;
	height: 1px;
	color: #8D8D8D;
}
 

address {
	font-size: 9px;
}

address p {
	margin: 0;
}
 

h1 {
	display: block;
	line-height: normal;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #5984C3;
	padding: 3px 0px 3px 4px;
	margin-top: 0px;
}
h1 a {
	color: #FFF;
	text-decoration: underline;
	background: #5984C3 url('images/gradient.png');
}
h1 a:hover {
	color: #FF0000;
	background-color: #FFF;
	text-decoration: none;
}
h1 span {
	color: #FFCC33;
	background: #5984C3 url('images/gradient.png');
}


h2 {
	display: block;
	line-height: normal;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #FFFFFF;
	padding: 3px 4px 3px 4px;
	border-bottom: dotted 2px silver;
	margin-top: 0;
	margin-bottom: 5px;
}
 

h3 {
	position: relative;
	top: -5px !important;
	top: -15px;
	left: 0px;
	margin: 0;
	font-size: 20px;
	color: #0033F4;
	font-weight: bold;
	text-align: left;
}


h4 {
	position: relative;
	top: -5px !important;
	top: -15px;
	left: 0px;
	margin: 0 0 7px 0 !important;
	margin: 0 0 0 0;
	font-size: 14px;
	color: #243F8F;
	font-weight: bold;
	text-align: left;
}


h5 {
	font-family: Arial;
	font-size: 11px;
	color: #5984C3;
	font-weight: bold;
	text-align: justify;
	margin-top: 5px;
}
h5 span {
	padding: 0 0 0 15px;
	background: url('images/icon_info.png') no-repeat 0px 0px;
}


h6 {
	font-size: 12px;
	color: #4A4A4A;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
}
h6 a {
	color: #4A4A4A;
	background-color: #4A4A4A;
}
h6 a:hover {
	color: #4A4A4A;
	background-color: #4A4A4A;
}


#docLink ul {
	padding: 0;
	margin: 0;
}
#docLink li {
	position: relative;
	left: -5px;
	list-style-type: none;
	background-image: url(images/acrobat.gif) !important;
	background-repeat: no-repeat;
	padding-left: 45px !important;
	padding-bottom: 15px;
	font-family: Arial;
	font-size: 10px;
	color: #5984C3;
	font-weight: bold;
	text-align: left !important;
}
#docLink li a {
	font-family: Arial;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#docLink li a:hover {
	color: #000;
	background-color: #FFCC33;
	text-decoration: none;
}


#docText {
	padding-left: 15px;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-align: justify;
	margin-top: 5px;
}
#docText I {
	padding-left: 15px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #5984C3;
	text-align: justify;
}



a {
	font-size: 12px;
	color: #006090;
}
a:hover {
	background-color: #DDEEFF;
	color: #000000;
	text-decoration: none;
}
 

* html .minWidth {
	width: 580px;
}
 

.article {
	margin: 0 15px 0 10px;
	line-height: 1.5;
}


#mainContent, .mainContentSmall {
	margin-top: 10px !important;
	margin-top: -4px;
	min-width: 580px;
	padding-left: 1px !important;
	padding-left: 0px;
	padding-right: 5px;
	font-size: 12px;
	color: #000;
	text-align: left;
}
#mainContent b {
	text-align: left;
}
#mainContent ul {
	padding: 0;
	margin: 0;
}
#mainContent li {
	list-style-type: none;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding-left: .8em;
	margin-left: 2em;
}

#rightCol {
	margin: 0;
	width: 15px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #CCC #000 #000 #CCC;
	background-color: #4A4A4A;
	color: #FFCC33;
}


#element-id {
	margin: 0;
	width: 160px;
	padding: 0px 5px 0px 5px !important;
	padding: 0px 7px 0px 7px;
	line-height: 150%;
}


#slideShow {
	width: 150px;
	border: solid 1px gray;
	padding: 4px 4px 4px 4px;
}
#slideShow a:hover {
	background-color: #FFFFFF;
}


#headLines ul {
	padding: 0;
	margin: 0;
}
#headLines li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.25em;
	color: #FFFFFF;
	list-style-type: none;
	background-image: url(images/bullet1.png);
	background-repeat: no-repeat;
	background-position: 0 .8em;
	padding-top: .5em;
	padding-left: 1em;
	margin-left: -2em;
}
#headLines li a {
	color: #FFCC33;
	text-decoration: none;
}
#headLines li a:hover {
	color: #000000;
	background-color: #FFCC33;
	text-decoration: none;
}


#leftNav {
	margin-top: 10px !important;
	margin-top: 10px;
	width: 140px !important;
	width: 150px;
	padding: 0px 10px 0px 7px;
	background-color: #FFFFFF;
}
#leftNav ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #EEEEEE;
	border-top: #3F3849 0px solid;
	border-right: #3F3849 1px solid;
	border-left: #3F3849 1px solid;
}
#leftNav ol li {
	font-weight: bold;
	line-height: 14px;
	text-align: left;
	border-bottom: #3f3849 1px solid;
}
#leftNav ol li a {
	display: block;
	padding: 3px 4px 3px 4px;
	font-size: 12px;
	letter-spacing: 0;
	color: #000000;
	background-color: #EEEEEE;
	text-decoration: none;
}
#leftNav ol li a:hover {
	color: #000000;
	background-color: #FFCC33;
}
#leftNav ol li a#active {
	color: #000000;
	background-color: #C1FFC1; 
}
#leftNav .navTitle {
	padding: 3px 4px 3px 4px;
	border-top: #3F3849 1px solid;
	border-right: #3F3849 1px solid;
	border-bottom: #3F3849 1px solid;
	border-left: #3F3849 1px solid;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #5984C3;
}
#leftNav .navBox {
        text-align: center;
        padding: 2px;
        background-color: #EEEEEE;
        border-right: 1px solid #3F3849;
        border-bottom: 1px solid #3F3849;
        border-left: 1px solid #3F3849;
        font-size: 13px;
}


#sb_search {
	font-size: 10px;
	color: #367d10;
}


#mapImage {
	display: none;
}

#gmap {
	font-size: 12px;
	width: 400px;
	padding: 5px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #AAA #000 #000 #AAA;
	background-color: #EEE;
}

#gmap2 {
	font-size: 12px;
	width: 500px;
	padding: 5px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #AAA #000 #000 #AAA;
	background-color: #EEE;
}


#imagePop {
	vertical-align: middle;
}


#imageBox {
	padding: 5px 10px 0 10px;
}
#imageBox div {
	padding: 5px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #AAA #000 #000 #AAA;
	background-color: #EEE;
}
#imageCaption {
	position: relative;
	top: -12px;
	left: 10px;
	font-size: 11px;
	color: #000;
	font-family: Arial;
	font-weight: bold;
	background-color: #FCFDD7;
}


#specBoxL {
	padding: 2px;
}
#specBoxL {
	margin: 0 0 10px 10px;
	float: left;
	display: block;
	border: 1px solid;
	width: 200px !important;
	width: 207px;
	background-color: #EEEEEE;
}
#specBoxL ul {
	padding: 0;
	margin: 0;
}
#specBoxL li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 2em;
	list-style-type: none;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .8em;
	padding-left: 1em;
	margin-left: 1em;
}
#specBoxL h1{
	display: block;
	border: 2px solid white;
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #000000;
	background-color: #CCCCCC;
	padding: 3px 4px 3px 4px;
	margin-top: 0px;
}


#specBoxR {
	padding: 2px;
}
#specBoxR {
	margin: 0 0 10px 10px;
	float: right;
	display: block;
	border: 1px solid;
	width: 200px !important;
	width: 207px;
	background-color: #EEEEEE;
}
#specBoxR ul {
	padding: 0;
	margin: 0;
}
#specBoxR li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 2em;
	list-style-type: none;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 .8em;
	padding-left: 1em;
	margin-left: 1em;
}
#specBoxR h1{
	display: block;
	border: 2px solid white;
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #000000;
	background-color: #CCCCCC;
	padding: 3px 4px 3px 4px;
	margin-top: 0px;
}


#specBoxWide {
	padding: 2px;
}
#specBoxWide {
	margin: 0 0 10px 10px;
	display: block;
	border: 1px solid;
	width: 400px !important;
	width: 407px;
	background-color: #EEEEEE;
}
#specBoxWide ul {
	padding: 0;
	margin: 0;
}
#specBoxWide li {
	font-family: Comic Sans MS;
	font-size: 12px;
	font-style: normal;
	text-align: left;
	line-height: 2em;
	list-style-type: none;
	background-image: url(images/bullet2.png);
	background-repeat: no-repeat;
	background-position: 0 .8em;
	padding-left: 1em;
	margin-left: 1em;
	margin-right: 1em;
}
#specBoxWide h1{
	display: block;
	border: 2px solid white;
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #000000;
	background-color: #CCCCCC;
	padding: 3px 4px 3px 4px;
	margin-top: 0px;
}


#navTab {
	width: 650px;
	margin: 0;
	padding: 0;
}
#navTab a {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	padding: 1px 5px 1px 5px;
}
#navTab a:hover {
	color: #000000;
	background-color: #FFCC33;
}


#dormantTab {
	float: left;
	width: 90px;
	height: 39px;
	line-height: 39px;
	text-align:center;
	font-weight: bold;
	background: url('images/dormantTab.gif');
}

#dormantTabBoth {
	float: left;
	width: 26px;
	height: 39px;
	background: url('images/dormantTab_both.gif') no-repeat 0px 0px;
}

#dormantTabEnd {
	float: left;
	width: 25px;
	height: 39px;
	background: url('images/dormantTab_end.gif') no-repeat 0px 0px;
}

#activeTab {
	float: left;
	width: 90px;
	height: 39px;
	line-height: 39px;
	text-align:center;
	font-weight: bold;
	background: url('images/activeTab.gif');
}

#activeTabBegin {
	float: left;
	width: 30px;
	height: 39px;
	background: url('images/activeTab_begin.gif') no-repeat 0px 0px;
}

#activeTabLeft {
	float: left;
	width: 43px;
	height: 39px;
	background: url('images/activeTab_left.gif') no-repeat 0px 0px;
}

#activeTabEnd {
	float: left;
	width: 43px;
	height: 39px;
	background: url('images/activeTab_end.gif') no-repeat 0px 0px;
}

#activeTabBoth {
	float: left;
	width: 44px;
	height: 39px;
	background: url('images/activeTab_both.gif') no-repeat 0px 0px;
}

.priceHeader {
	color: #FFCC33 !important;
	background: #5984C3 url('../images/gradient.png') !important;
}
#priceLists {
	position: relative;
	top: 0;
	left: 15px;
	width: 96%;
	margin: 0;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #AAA #000 #000 #AAA;
}
#priceLists td {
	padding: 5px 8px 5px 0;
	font-size: 13px;
	color: #000;
	font-weight: bold;
}
#priceLists span {
	padding-left: 20px;
}
#partDesc {
	width: 37%;
	vertical-align: top;
	text-align: left;
}
#partNum {
	width: 18%;
	vertical-align: top;
	text-align: left;
}
#partPrice {
	width: 45%;
	vertical-align: top;
	text-align: right;
}

#part2Desc {
	width: 65%;
	vertical-align: top;
	text-align: left;
}
#part2Num {
	width: 20%;
	vertical-align: top;
	text-align: left;
}
#part2Price {
	width: 15%;
	vertical-align: top;
	text-align: right;
}

#unitDesc {
	width: 30%;
	vertical-align: top;
	text-align: left;
}
#bpPsig {
	width: 35%;
	vertical-align: top;
	text-align: center;
}
#bpBar {
	width: 35%;
	vertical-align: top;
	text-align: center;
}


#highLite {
	background-color: #B1D7FD;
}

#lowLite {
	background-color: #F7F7F7;
}

#listHeader {
	background: #FFF url('images/dormantTab.gif') repeat 0px -5px;
}

.bak2top {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	background: #FFF url('images/dormantTab.gif') repeat 0px -5px;
	border: 1px solid;
	border-color: #AAAAAA;
	padding: 2px;
}

#adVert	{
	width: 370px;
	border: solid #6699FF 3px;
	padding: 10px;
}

#outLine	{
	width: 99%;
	background: #FFF url('images/UnitBkGnd.png') no-repeat 115px 0px;
	border-left: solid #DDD 2px;
	border-top: solid #DDD 2px;
	border-right: solid #DDD 2px;
	border-bottom: solid #DDD 2px;
	padding: 15px 0 10px 5px;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 50em; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	border: none;
	text-align: center;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

sup {font-size: 0.75em; line-height: 0.5em}
