/* font size comparisons
 
 Font Size 1, 7pt, 9px, .55em, x-small
 Font Size 2, .8em, 13px, .8em, small
 Font Size 3, 12pt, 16px, 1em, medium
 Font Size 4, 13.5pt, 18px, 1.1em, large
 Font Size 5, 1.75em, 24px, 1.5em, x-large
 Font Size 6, 24pt, 32px, 2em, xx-large
 
 */
body {
    background-color: #001839;
    margin: 0px;
}

#googleMap {
    border: 10px ridge #ffffff;
}
.posRel{
	position:relative;
	
}
.absLeftTop{
	position:absolute;
	left: 10px;
	top: 10px;
	border: 2px solid #fff;
    padding: 4px;
    background: #000;   
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-image: -moz-linear-gradient(0% 10px 90deg, #000, #fff); 
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));
	-webkit-background-size: 10px;
	background-repeat: repeat-x;
}
.absRightTop{
	position: absolute;
	right:10px;
	top: 10px;
	border: 2px solid #fff;
    padding: 4px;
    background: #000;   
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-image: -moz-linear-gradient(0% 10px 90deg, #000, #fff); 
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));
	-webkit-background-size: 10px;
	background-repeat: repeat-x;
}

.centeredInfo {
    border: 2px solid #fff;
    padding: 4px;
    background: #000;   
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-image: -moz-linear-gradient(0% 10px 90deg, #000, #fff); 
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));
	-webkit-background-size: 10px;
	background-repeat: repeat-x;
	[if IE]

background: transparent;
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#000' );

[endif]
}
.centeredInfoAIleft{
	float:left;
	width:230px;
	border:2px solid #fff;
	padding:4px 4px 20px 4px;
	background-color:#000;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
	background-image:-moz-linear-gradient(0% 10px 90deg, #000, #fff); 
    background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));
	-webkit-background-size: 10px;
	background-repeat: repeat-x;
}
.centeredInfoAIright{
	float:right;
	width:230px;
	border:2px solid #fff;
	padding:4px;
	background-color:#000;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
	background-image:-moz-linear-gradient(0% 10px 90deg, #000, #fff); 
    background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#000));
	-webkit-background-size: 10px;
	background-repeat: repeat-x;
}
.divSpace20{
	float:left;
	height:50px;
	background-color:#fff;
}
.promptButton{
    color: #FFFFFF;
    font: 12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    background-color: #000000; 
    padding: 0px 8px 0px 8px;
    border: 2px solid;
    border-top-color: #696;
    border-left-color: #696;
    border-right-color: #363;
    border-bottom-color: #363;
    cursor: pointer;
    background-repeat: no-repeat;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
	background-image:-moz-linear-gradient(0% 10px 90deg, #000, #fff); background-image:-webkit-gradient(linear, 0% 0%, 0% 30%, from(#fff), to(#000)); 
}
#opaqPromptBack{
	background-color: #000;	
opacity: 0.75; /* Safari, Opera */
-moz-opacity:0.75; /* FireFox */
filter: alpha(opacity=75); /* IE */
z-index: 301;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
_position:absolute;
 _top:expression(eval(document.body.scrollTop));
top: 0px;
left: 0px;
}


#topCGlogin{
	position: absolute;
	top: 100px;
	right: 5px;
	background-color: #FFFF66;
	color: black;
	border: 2px solid silver;
	padding: 1px 3px 1px 3px;
	font: .7em "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	width: 58px;
	text-align:center;
	cursor: pointer;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
	background-image:-moz-linear-gradient(0% 10px 90deg, #ffff66, #fff); background-image:-webkit-gradient(linear, 0% 0%, 0% 30%, from(#fff), to(#ffff66)); 
}
#quoteBin{
	position: absolute;
	top: 100px;
	right: 85px;
	background-color: #FFFF66;
	color: black;
	border: 2px solid silver;
	padding: 2px 3px 1px 3px;
	font: .7em "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	cursor: pointer;
	z-index: 3;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
	background-image:-moz-linear-gradient(0% 10px 90deg, #ffff66, #fff); background-image:-webkit-gradient(linear, 0% 0%, 0% 30%, from(#fff), to(#ffff66)); 
}
#quoteBinHome{
	position: absolute;
	top: 458px;
	right: 25px;
	background-color: #FFFF66;
	color: black;
	border: 2px solid silver;
	padding: 2px 3px 1px 3px;
	font: .7em "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	cursor: pointer;
	z-index: 3;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
	background-image:-moz-linear-gradient(0% 10px 90deg, #ffff66, #fff); background-image:-webkit-gradient(linear, 0% 0%, 0% 30%, from(#fff), to(#ffff66)); 
}
#loadingBack{
	background-color: #000;
opacity: 0.75; /* Safari, Opera */
-moz-opacity:0.75; /* FireFox */
filter: alpha(opacity=75); /* IE */
z-index: 201;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
/*_position:absolute;
 _top:expression(eval(document.body.scrollTop));*/
top: 0px;
left: 0px;
}


.pointer{
	cursor: pointer;
}

#emailConfirm{
position: absolute;
top: 450px;
left: 350px;
border: 2px solid #ffffff;
background-color: #CC3333;
color: white;
font-weight: bold;
z-index: 401;
padding: 5px;
white-space: nowrap;
}



#automotive{
font-size: 1.75em;
font-weight: bold;
}

#newHomeLink{
color: #ffffff;
font-size: 1.5em;
}

#searchClose{
position: absolute;
right: 3px;
top: 1px;
color: #ffffff;
cursor: pointer; 
/**********cursor: hand;*******/
}

#sResultsTitle{
position: absolute;
left: 5px;
top:2px;
color: white;
text-align: left;
}

#searchNav{
position: relative;
top:30px;
color: white;
}

#searchHandle{
position: relative;
top: 0px;
left: 0px;
width: 100%;
height:20px;
color: black;
background-color: gray;
border-width: 0px 0px 2px 0px; 
border-style: none none solid none;
border-color: white;
z-index: 5;
}

#siteSearchResults{
position: relative;
top: 8px;
left: 10px;
width: 90%;
height: 160px;
background-color: #343C63;
z-index: 6;
font-size : .8em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight :bold ;
text-align: left;
}

#siteSearchResultsHolder{
position: absolute;
bottom: 50px;
left: 673px;
width: 400px;
height: 250px;
border: 2px solid white;
background-color: #343C63;
z-index: 5;
font-size : .8em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight :bold ;
/**************text-align: center;***********/
text-align: center;
}

body.bluegray{
background-color: #343C63;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
margin: 0px;
}

#headerAddress{
position: relative;
top: 0px;
left: 0px;
z-index:2;
}

#headerEmail{
position: relative;
top: 0px;
left: 0px;
z-index: 2;
}

#headerPhone{
position: relative;
top: 0px;
left: 0px;
z-index: 2;
}


#logoDiv{
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
/*margin-bottom: -60px;*/
white-space: nowrap;
}

#cadAd{ 
position: relative;
top: 5px;
left: 0px;
margin-bottom: -10px;
}

#cadAdHeader{
position: absolute;
top: 10px;
right: 4px;
}

.magHolder{
position: relative;
top: 0px;
left: 0px;

}

.magnifyingGlass{
position: relative;
top: 10px;
left: 20px;
border: 0px;
}

.magnifyingGlassImg{
position: absolute;
top:-20px;
left: -10px;
border: 0px;
}

#sprocketS{
	float:left;
}
.sprocketPopUp{
position: absolute;
top: 100px;
left: 50px;
border: 2px solid white;
background-color: #343C63;
width:510px;
height: 440px;
z-index: 5;
}

#closeIt{
position: absolute;
top:3px;
left:460px;
cursor: pointer;
}

.pulleyTable{

border: none;
background-color: gray;
}
.prototypeTable{
	text-align:center;
	margin:0px auto;

}
.tableHead{
	text-align: center;
}
.rndbox {
position: absolute;
top: 900px;
background: #cc3333;

width: 300px;
font: .8em Verdana, Arial, sans-serif;
color: white;
}

.rndtop {
background: url('/images/topRight.gif') no-repeat right top;
}

.rndbottom {
background: url('/images/bottomRight.gif') no-repeat right bottom;
}

.rndbox p{
margin: 0 8px;

}

li.noStyle {
 list-style-type: none;
}

.leftSideBar {
position: absolute;
left: 81px;
top: 297px;
background-color: #cc3333;
border-top: 1px ;
border-right: 1px;
border-bottom: 1px;
border-left: 0px;
border-color: white;
border-style: solid;
width: 185px;
height: 595px !important;
height: 600px;
padding: 3px 10px 0px 0px;
z-index:2;
background-repeat: repeat-x;
-moz-border-radius:0px 6px 6px 0px; -webkit-border-radius:0px 6px 6px 0px; border-radius:0px 6px 6px 0px; 
 background-image:-moz-linear-gradient(0% 10px 90deg, #cc3333, #fff); 
 background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#cc3333));
	-webkit-background-size: 10px;
}

.leftSideImage {
position: absolute;
top: 297px;
left: 38px;
/*visibility: hidden;*/

}

#leftTopImg {
padding: 3px 3px 15px 3px;
}

#hider{
position: absolute;
left: 0px;
top: 0px;
width: 790px;
height: 600px;
background-color: transparent;
z-index: 400;
}

.mainContent {
position: absolute;
left: 320px;
/*top: 257px !important; firefox*/
top: 297px; /*ie*/
width: 600px;
padding: 0px 20px 0px 10px;
}

.contentHeader ,#contentHeader{
text-align: center;
padding:2px 4px 2px 4px;
border: 2px solid white;
background-color: #cc3333;
/*width: 525px;*/
-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
 background-image:-moz-linear-gradient(0% 10px 90deg, #cc3333, #fff); background-image:-webkit-gradient(linear, 0% 0%, 0% 30%, from(#fff), to(#cc3333));
}

td.leftColumn{
border: 2px solid white;
text-align: left;
vertical-align: top;
background-color: #cc3333;
padding: 0px 10px 3px 5px;
}

.leftColList{
padding: 0em 0em 1em 0em;
font-size : .80em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight :bold ;
}

#warningLabel {
background-color: #cc0000;
}

.surroundTable {
position: relative;
}

.imgHeight {
height: 33px;
width: 1px;
}

#progress {
   display: block;
   width: 200px;
   background: #9999FF;
   text-align: center;
   /*align: left;*/
}

#indicator {
   width: 200px;
   height: 10px;
   font-size: 8px;
   border: 3px inset #000;
   background: #cc0033;
   color: #000;
}

.partnos {
cursor: pointer;
text-decoration: underline;
}

#iFrameDragHandleRFQ {
position: relative;
top: -3px;
left: -3px;
/*width:810px;*/
width:100%;
height: 20px;
color:black;
height: 20px;
color:black;
background-color:silver;
font-family:verdana, sans-serif;
font-size:1em;
font-weight: bold;
border-style: none inset ridge none;
border-width: 4px;
border-color: #808080;
}

.redTable {
/*background-color: #990000;*/
/*background-color: #333366;*/
background-color: #343C63;
border-color: GRAY; /*#808080;*/
border-width: 3px;
border-style: solid;
/*-----------------padding: -10px;*/
/*margin-right: 0px;
width:100%;
border-collapse: collapse;
filter: alpha(opacity=25);
-moz-opacity:.25;
opacity:.25;*/
}

#redTableTitleBar{
background-color: silver;
/*border-style: none none ridge none;
border-width: 0px 0px 3px 0px;
border-color: #808080;*/
}

/*
#mainBody {
position: absolute;
left: 15%;
right: 15%;
z-index: 2;
}
*/

.none{
}

.topAlign {
vertical-align: top;
padding: 0px 0px 0px 0px;
/*background-color: #990000;*/
} 

#iframeForUploads {
/*position: absolute;
top: 40px;
left: 240px;*/
height: 465px;
width: 500px;
/*-------------------------
marginheight: 0px;
marginwidth: 0px;
---------------------------*/
/*
border-color : #990000; 
border-style : inset;
border-width : 0px 0px 0px 0px;*/
overflow: hidden;
white-space: nowrap;
}


.hiLiteRed {
background-color: #cc3333;
}

.textUnderline {
text-decoration: underline;
font-size : .8em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight :bold ;
}
.textUnderlineBlack {
text-decoration: underline;
font-size : .8em;
font-family : arial, helvetica, sans-serif;
color : #000;
font-weight :bold ;
}

#help{
cursor: pointer;
}

#browserLabel  {
position: absolute;
top: 1px;
right: 10px;
color: white;
font: 12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
background-color: #CC3333;
padding: 2px;
border: ridge 2px white;
z-index: 99;
width: 131px;
white-space: nowrap;
text-align: center;
cursor: pointer;
}

#browsers{
position: absolute;
top:35px;
right: 10px;
color: white;
font: 12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
background-color: #CC3333;
padding: 2px;
border: ridge 2px white;
z-index: 99;
width: 150px;
white-space: nowrap;
}

.topCornerCont {
border: 1px solid white;
position: fixed !important;
position: absolute;
top: 0px;
right: 0px;
width: 100%;
}

#topCorner  {
/*position: fixed !important; firefox*/
position: absolute; /*ie */
top: 0px;
right: 0px;
z-index: 99;
}

#gearDescriptionPics {
position: absolute;
top: 500px;
right: 10px;
}

#iframeForIE {
position: absolute;
background-color: transparent;
z-index: 98; 
width: 290px;
height: 25px;
}

#iframeCover{
position: absolute;
left: 0px;
top: 0px;
background-color: #001839;
z-index: 399;
width: 100%;
height: 110%;
border: 0px;
overflow: hidden; 
filter: alpha(opacity=25);
-moz-opacity:.25;
opacity:.25;
}

#iframeCoverFrame{
position: absolute;
left: 0px;
top: 0px;
background-color: transparent;
z-index: 398;
width: 100%;
height: 110%;
border: 0px;
overflow: hidden; 
}

#partsAndSpecs {
font: 16px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
}

.picLabels {
position: absolute;
top: 0px;
left: 0px;
z-index:2;
background-color: #CCCCCC;
padding: 2px 2px 2px 2px;
border: ridge 2px #808080;
white-space: nowrap;
color: black;
font-weight: bold;
/****************filter: alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;*************/
}

.tableZindex2 {
position: relative;
z-index: 2;
}

.largeGears {
position: absolute;
top: 180px;
left: 5px;
}

.techController {
position: fixed;
color: BLACK;
top: 380px;
right: 5px;
font: 12px sans-serif;
background-color: #CCCCCC;
padding: 2px;
border: ridge 4px #808080;
z-index: 99;
white-space: nowrap;
}

.techControllerIE {
position: absolute;
color: BLACK;
top: 380px;
right: 5px;
font: 12px sans-serif;
background-color: #CCCCCC;
padding: 2px;
border: ridge 4px #808080;
z-index: 99;
white-space: nowrap;
}

.techControllerInst {
position: fixed;
color: silver;
top: 380px;
right: 120px;
font: 12px sans-serif;
background-color: #333333;
padding: 2px 30px 2px 2px;
border: ridge 4px #808080;
z-index: 99;
white-space: nowrap;

}

.techControllerInstIE {
position: absolute;
color: BLACK;
top: 380px;
right: 120px;
font: 12px sans-serif;
background-color: #CCCCCC;
padding: 2px 30px 2px 2px;
border: ridge 4px #808080;
z-index: 99;
white-space: nowrap;
}

.closeInst{
color: silver;
cursor: pointer; 
/**************8cursor: hand;***********/
font: 12px sans-serif;
}

.closeInstIE{
color: black;
cursor: pointer; 
/*****************cursor: hand;***************/
font: 12px sans-serif;
}


#moveInst {
position: absolute;
color: black;
top: 360px;
left: 5px;
font: 12px sans-serif;
background-color: #CCCCCC;
padding: 2px;
border: ridge 3px #808080;
z-index: 99;
white-space: nowrap;
}

.minMax {
cursor: pointer;
text-decoration: underline;
}

#minMax1 {
color: #CC0000;
}

#minMax2 {
color: #FFFF66;
}

#minMax3 {
color: purple;
}

#minMax4 {
color: green;
}

#minMax5 {
color: gray;
}

#tech1 {
position: absolute;
top: 10px;
left: 50px;
cursor: move;
z-index: 3;
border: ridge 6px #CC0000;
}

#tech1thumb {
border: ridge 6px #CC0000;
cursor: pointer;
}

#tech2 {
position: absolute;
cursor: move;
z-index: 3;
border: ridge 6px #FFFF66;
}

#tech2thumb {
border: ridge 6px #FFFF66;
cursor: pointer;
}

#tech3 {
position: absolute;
cursor: move;
z-index: 3;
border: ridge 6px purple;
}

#tech3thumb {
border: ridge 6px purple;
cursor: pointer;
}

#tech4 {
position: absolute;
cursor: move;
z-index: 3;
border: ridge 6px green;
}

#tech4thumb {
border: ridge 6px green;
cursor: pointer;
}

#tech5 {
position: absolute;
cursor: move;
z-index: 3;
border: ridge 6px gray;
}

#tech5thumb {
border: ridge 6px gray;
cursor: pointer;
}

#tech6 {
position: absolute;
cursor: move;
z-index: 3;
border: ridge 6px #CC0000;
}

#tech6thumb {
border: ridge 6px #CC0000;
cursor: pointer;
}

#tech7 {
position: absolute;
cursor: move;
z-index: 3;
border: ridge 6px #CC0000;
}

#tech7thumb {
border: ridge 6px #CC0000;
cursor: pointer;
}

.medredpx {
font-size : .75em;
font-family : arial, helvetica, sans-serif;
color : blue;
/*font-weight :bold ;*/
}

.popupdesc  {
position: absolute;
color: BLACK;
font: 10px/12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
background-color: #CCCCCC;
padding: 2px;
border: ridge 3px #808080;
z-index: 100;
white-space: nowrap;
visibility: hidden;
}

.nofacebox {
font-family : arial, helvetica, sans-serif;
font-size : .8em;
font-weight: bold;
background-color : #cc0000;
border-color : #001839;
border-style : inset;
border-width : 0px;
color : white;
height: 20px;
/* width: 60px; */
width: 130px;
text-align: right;
}

.facebox {
font-family : arial, helvetica, sans-serif;
font-size : .75em;
background-color : #9999FF;
border-color : gray;
border-style : inset;
border-width : 2px;
color : BLACK;
height: 20px;
width: 110px;
}

.facebox40 {
font-family : arial, helvetica, sans-serif;
font-size : .75em;
background-color : #9999FF;
border-color : gray;
border-style : inset;
border-width : 2px;
color : BLACK;
height: 20px;
width: 40px;
}

.textBackground {
background-color: #cc3333;
border-color: white;
border-width: 3px;
border-style: solid;
padding: 10px;
/****************-moz-border-radius: 15px;**************/
}

.textBackgroundLeft {
background-color: #cc3333;
border-color: white;
border-width: 3px;
border-style: solid;
padding: 10px;
text-align: left;
}

.altrushbutton {
font-size: 14px;
border-style: outset;	
color: black;
border-color: gray;
BACKGROUND-COLOR: silver;
border-width: 3px;
}

.graycell {
background-color: gray;
}
td.redcell {
background-color: #cc0000;
border-color: #808080;
border-width: 3px;
border-style: ridge; 
}

td.silvercell {
background-color: silver;
padding: 0px;
}

.silverRow {
background-color: silver;
}

.bluebackground {
background-color: #001839;
border-color: #808080;
border-width: 2px;
border-style: ridge; 
}

.bluebackNoBorder {
background-color: #001839;
 
}
.closex {
position: absolute;
font-size: 12px;
/*border-style: outset;*/
color: black;
/*border-color: #cc3300;*/
/*background-color: green;*/
padding: 0px;

}

.largeyellow {
font-size: 1.2em;
font-family : arial, helvetica, sans-serif;
color : yellow;
font-weight :bold ;
}

.descriptions  {
position: absolute;
color: BLACK;
font: 10px/12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
background-color: #CCCCCC;
padding: 2px;
border: ridge 3px #808080;
z-index: 99;
white-space: nowrap;
}

.redDescriptions  {
position: absolute;
color: white;
font: 12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
background-color: #CC3333;
padding: 2px;
border: ridge 2px white;
z-index: 99;
white-space: nowrap;
}

.fixedwidthMatl {
font-family : arial, helvetica, sans-serif;
font-size : 7pt;
background-color : #9999FF;
border-color : gray;
border-style : inset;
border-width : 2px;
color : BLACK;
HEIGHT: 15px;
width: 80px;
}

select.fixedwidth3dig {
font-family : arial, helvetica, sans-serif;
font-size : 7pt;
background-color : #9999FF;
border-color : gray;
border-style : inset;
border-width : 2px;
color : BLACK;
HEIGHT: 15px;
width: 40px;
}

.twoweeks {
color: white;
font-size : .8em;
font-family : arial, helvetica, sans-serif;
font-weight: bold;
}

.oneweek {
color: #FFCC99;
font-size : .8em;
font-family : arial, helvetica, sans-serif;
font-weight: bold;
}

.seventytwohours {
color: #CC9900;
font-size : .8em;
font-family : arial, helvetica, sans-serif;
font-weight: bold;
}

.fortyeighthours {
color: #FF9900;
font-size : .8em;
font-family : arial, helvetica, sans-serif;
font-weight: bold;
}

.twentyfourhours {
color: #CC0000;
font-size : .8em;
font-family : arial, helvetica, sans-serif;
font-weight: bold;
}

.sameday {
color: red;
font-size : .8em;
font-family : arial, helvetica, sans-serif;
font-weight: bold;
}

.standardInput {
font-family : arial, helvetica, sans-serif;
background-color : #9999FF;
border-color : GRAY;
border-style : inset;
border-width : 2px;
color : BLACK;
/*height: 18px;*/
width: 170px;
}

.narrowInput {
font-family : arial, helvetica, sans-serif;
font-size: .85em;
background-color : #9999FF;
border-color : GRAY;
border-style : inset;
border-width : 2px;
color : BLACK;
height: 16px;
width: 140px;
}

.narrowInputIE {
font-family : arial, helvetica, sans-serif;
font-size: .85em;
background-color : #9999FF;
border-color : GRAY;
border-style : inset;
border-width : 2px;
color : BLACK;
height: 14pt;
width: 140px;
}

.standardGrayInput {
font-family : arial, helvetica, sans-serif;
background-color : #666666;
border-color : GRAY;
border-style : inset;
border-width : 2px;
color : white;
/*height: 18px;*/
width: 170px;
}

.standardInput120 {
font-family : arial, helvetica, sans-serif;
background-color : #9999FF;
border-color : GRAY;
border-style : inset;
border-width : 2px;
color : BLACK;
width: 120px;
}

.standardSelect {
font-family : arial, helvetica, sans-serif;

background-color : #9999FF;
border-color : gray;
border-style : inset;
border-width : 2px;
color : BLACK;
/*HEIGHT: 22px;*/
}

.standardGraySelect {
font-family : arial, helvetica, sans-serif;
font-size : .75em;
font-weight: bold;
background-color : #666666;
border-color : gray;
border-style : inset;
border-width : 2px;
color : white;
/*HEIGHT: 22px;*/
}

.standardTextArea {
font-family : arial, helvetica, sans-serif;
background-color : #9999FF;
border-color : gray;
border-style : inset;
border-width : 2px;
color : BLACK;
width : 420px;
}

.standardGrayTextArea {
font-family : arial, helvetica, sans-serif;
background-color : #666666;
border-color : gray;
border-style : inset;
border-width : 2px;
color : white;
width : 420px;
}


.standardNoBox {
font-family : arial, helvetica, sans-serif;
font-size : .8em;
background-color : transparent;
border-color : #001839;
border-style : inset;
border-width : 0px;
color : WHITE;
height: 20px;
width: 30px;
text-transform: lowercase;
}

.alignleft {
display: block;
margin-left: auto;
margin-right: auto;
/*align: center;*/
text-align: left;
width: 350px;
}

.blackBackground, #blackBackground {
background-color: black;
border: 3px ridge gray;
margin-left: auto;
margin-right: auto;
/*width: 200em 1%;*/
width: 50%;
/*height: 60em 1%;*/
white-space: nowrap;
padding: 1%;
}


.centerItem, #centerItem {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
color: white;
}

.centerItemWrap, #centerItemWrap {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.leftItem {
white-space: nowrap;
}

.leftJustify {
text-align: left;
}

.leftItemWidth, #leftItemWidth {
position: relative;
width: 250px;
text-align: left;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
}

#dropmenudiv{
position:absolute;
/*border:1px solid #ffffff;*/
border: 0px;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:16px;
z-index:100;
background-color:cc3333;
width: 100px;
padding: 2px;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
color: white;
/*border-bottom: 1px solid #ffffff;*/
padding: 1px 4px 0px 4px;
text-decoration: none;
font-weight: bold;
background-color:#cc3333;
-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
/*
background-color:#cc3333;
*/

}

#dropmenudiv a:hover{ 
/*hover background color*/
/*background-color: #dc241f;*/
background-color: #666666;
}

.mainmenu {
	width:100px;
background-color: #cc3333; /*WAS #990033 */
color: white;

padding: 2px 4px 2px 4px;
text-decoration: none;
font-weight: bold;
border:1px solid #ffffff;
border-bottom-width: 1px;
font:normal 12px arial, helvetica, sans-serif;
white-space: nowrap;
-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
 background-image:-moz-linear-gradient(0% 5px 90deg, #cc3333, #fff); background-image:-webkit-gradient(linear, 0% 0%, 0% 15%, from(#fff), to(#cc3333));
}

.mainmenuHome {
background-color: #cc3333;
color: white;
border-bottom: 1px solid #ffffff;
padding: 2px 4px 2px 4px;
text-decoration: none;
font-weight: bold;
border:1px solid #ffffff;
border-bottom-width: 1px;
font:normal 12px arial, helvetica, sans-serif;
/*white-space: nowrap;*/
}


/* for gray background
.mainmenuHome {
background-color: #002065;
color: white;
border-bottom: 1px solid #cc0033;
padding: 2px ;
text-decoration: none;
font-weight: bold;
border:1px solid #cc0033;
border-bottom-width: 1px;
font:normal 16px arial, helvetica, sans-serif;
white-space: nowrap;
}
*/

.rushbutton {
font-size: 14px;
border-style: outset;
color: white;
border-color: #cc3300;
background-color: #002065;
border-width: 2px;

}

.header {
position: absolute;
top: 0px;
left: 0px;
}

#footer {
position: fixed;
z-index: 1000;
left:0px;
bottom: 0px;
width: 100%;
border-top: 2px double white;
background-color: #CC3333;
color: white;
font-family : "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
font-size: 70%;
padding: 0;
white-space: nowrap;
 background-image:-moz-linear-gradient(0% 10px 90deg, #cc3333, #fff); background-image:-webkit-gradient(linear, 0% 0%, 0% 30%, from(#fff), to(#cc3333)); 
}

#footerIE {
position: absolute;
z-index: 99;
left:0px;
bottom: 0px;
width: 900px;
border-top: 2px double white;
background-color: #CC3333;
color: white;
font-family : "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
font-size: 70%;
padding: 0px 0px 0px 0px;
white-space: nowrap;
width:100%;
}

.content {
position: absolute;
top: 210px;
left: 0px;
}

.navInBody {
position: absolute;
top: 310px;
left: 0px;
}

.search {
position: absolute;
top:90px;
left: 250px;
}

.gearHeader {
position: absolute;
top: 0px;
left: 290px;
}

.nowrap {
white-space: nowrap;
}

.largebox {
font-family : arial, helvetica, sans-serif;
font-size : 12pt;
background-color : #9999FF;
border-color : gray;
border-style : inset;
border-width : 2px;
color : WHITE;
height: 25px;
width: 140px;

}

#coverTitle {
font-family : "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
color: white;
}

#coverTitleNoBottom {
font-family : "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
color: white;
margin-bottom: -12px;
}

#coverTitleNoBottom2 {
font-family :  "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
font-size: 16px;
color: white;
}

#coverTitle3 {
margin-top: 5px;
font-family : "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
color: white;
}

.resultPopUp  {
/*top: 150px;*/
/*left: 900px;*/
color: red;
font: 10px/12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
background-color: #666666;
padding: 8px;
border: ridge 3px #CCCCCC;
z-index: 99;
white-space: nowrap;
width: 320px;
}

.smallblack {
font-size : .80em;
font-family : arial, helvetica, sans-serif;
font-weight: bold;
color : black;
}

.exsmallblack {
font-size : .75em;
font-family : arial, helvetica, sans-serif;
color : black;
}

.exsmallwhite {
font-size : .75em;
font-family : arial, helvetica, sans-serif;
color : white;
}

.smallwhite {
font-size : .80em;
font-family : arial, helvetica, sans-serif;
color : white;
}

.smallwhitebold {
font-size : .80em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight: bold;
}

.medwhite {
font-size : .85em;
font-family : arial, helvetica, sans-serif;
color : white;
/*font-weight :bold ;*/
}

.medwhitebold{
font-size : .85em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight: bold;
}

.smallyellow {
font-size : .80em;
font-family : arial, helvetica, sans-serif;
color : yellow;
}

.smallyellowbold {
font-size : .80em;
font-family : arial, helvetica, sans-serif;
color : yellow;
font-weight: bold;
}

td.medwhitePulley{
font-size : .85em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight :bold ;
border: 2px solid silver;
background-color: #333366;
}

td.medsilverPulley {
font-size : .85em;
font-family : arial, helvetica, sans-serif;
color : silver;
font-weight :bold ;
border: 2px solid silver;
background-color: #333366;
padding: 4px 30px 4px 10px;
}

.medwhiteCenter {
text-align: center;
margin-left: auto;
margin-right: auto;

font-size : .85em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight :bold 
}

.medwhiteNowrap {
font-size : .85em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight :bold ;
white-space: nowrap;
}

.medwhiteBlueBack {
font-size : .85em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight :bold ;
background-color: #001839;
}

.medgold{
font-size : .85em;
font-family : arial, helvetica, sans-serif;
color : #cccc33;
font-weight :bold ;
}

.medgray {
font-size: .85em;
font-family: arial, helvetica, sans-serif;
color: #999999;
font-weight:bold ;
}

.centerMedwhite {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size : .85em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight: bold;
margin-left: auto;
margin-right: auto;
white-space: nowrap;

}

.largewhite {
font-size : 1.2em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight :bold ;
}

.largeblack {
font-size : 1.2em;
font-family : arial, helvetica, sans-serif;
color : black;
font-weight :bold ;
}

.exlargewhite {
font-size : 1.4em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight :bold ;
}

.exlargeblack {
font-size : 1.4em;
font-family : arial, helvetica, sans-serif;
color : black;
font-weight :bold ;
}

.largewhiteBlueBack {
font-size : 16pt;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight :bold ;
background-color: #001839;
}

.medyellow {
font-size : .85em;
font-family : arial, helvetica, sans-serif;
color : yellow;
font-weight :bold ;
}

.medblack {
font-size : .85em;
font-family : arial, helvetica, sans-serif;
color : BLACK;
font-weight :bold ;
}

.medsilver {
font-size : .85em;
font-family : arial, helvetica, sans-serif;
color : silver;
font-weight :bold ;
}

.medred {
font-size : .85em;
font-family : arial, helvetica, sans-serif;
color : #FF0033;
font-weight :bold ;
}

.smallAddress {
font-size : .75em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight: bold;
margin-left: auto;
margin-right: auto;
margin-bottom: -12px;
white-space: nowrap;
}

.centerSmallAddress {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size : .75em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight: bold;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
}

.centerLargeAddress {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size : .9em;
font-family : arial, helvetica, sans-serif;
color : white;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
}

.smallbox  {
font-family : arial, helvetica, sans-serif;
/*
font-size : .75em;
*/
background-color : #9999FF;
border-color : GRAY;
border-style : inset;
border-width : 2px;
color : BLACK;
/*height: 18px;*/
width: 50px;
text-transform: uppercase;
}

.smallestbox  {
font-family : arial, helvetica, sans-serif;
font-size : .85em;
background-color : #9999FF;
border-color : GRAY;
border-style : inset;
border-width : 2px;
color : BLACK;
height: 1.25em;
width: 80px;
margin-top: -5px;
}

.smallestboxIE  {
font-family : arial, helvetica, sans-serif;
font-size : .85em;
background-color : #9999FF;
border-color : GRAY;
border-style : inset;
border-width : 2px;
color : BLACK;
vertical-align: middle;
width: 80px;
margin-bottom: 3px;
margin-top: -2px;
}

.cover {
Z-INDEX: 4; 
LEFT: 450px; 
POSITION: absolute; 
TOP: 295px;
/*filter:alpha(opacity=45);*/
}

.coverText {
z-index: 4;
left: 550px;
top: 655px;
position: absolute;
color: white;
font-size: 12px;
white-space: nowrap;
}

a:link {
color: white;
text-decoration: underline;
}

a:hover {
color: gray;
}

a:visited {
color: #cccccc;
}


.plainLinks a:link {
color: white;
text-decoration: none;
}

.plainLinks a:hover {
color: white;
}

.plainLinks a:visited {
color: white;
}

.links a:link {
color: white;
text-decoration: underline;
}

.links a:hover {
color: gray;
}

.links a:visited {
color: #cccccc;
}

.revlinks a:link {
color: white;
text-decoration: underline;
}

.revlinks a:hover {
color: black;
}

.revlinks a:visited {
color: silver;
}

.blackLinks a:link{
	color: #000000;
	text-decoration:underline;
}
.blackLinks a:hover{
	color: gray;
}
.blackLinks a:visited{
	color:#333366;
}
.centerText {
/*align: center;*/
}

#footer p {
margin: 5px;
padding: 0; 
white-space:nowrap;
z-index: 999;
}

#footerIE p {
margin: 5px;
padding: 0; 
white-space:nowrap;
z-index: 999;
}

#pdfFrame{
	z-index: 1;
}
#spiral {
position: absolute;
top: 0px;
left: 25px;
z-index: 1;
}

#bronzeScrew {
position: absolute;
top: 0px;
left: 80%;
}

#steelSpur {
position: absolute;
top: 0px;
left: 25px;
}

#divStayTopLeft {
position: absolute;
z-index:100;
left: -2px;
width: 110%;
border-top: 2px double white;
background-color: #CC3333;
color: white;
font-size: 70%;
padding: 0;
}

#divStayTopLeft p {
margin: 5px;
padding: 0; 
}

#divStayBottom {
position: absolute;
z-index:100;
left: -2px;
width: 110%;
border-top: 20px double white;
background-color: #CC3333;
color: white;
font-size: 70%;
padding: 0;
}

#divStayBottom p {
margin: 5px;
padding: 0; 
}
.invisible {
position: absolute;
top: 800px;
color: #001839;
}

.logo {
color: white;
font-size: 16px;
}

#crumbs {
font-size : .75em;
font-family : arial, helvetica, sans-serif;
color : white;
font-weight: bold;
margin-left: auto;
margin-right: auto;
margin-bottom: -12px;
white-space: nowrap;
}

.look {
font:bold 16pt  arial, helvetica, sans-serif;
z-index: 2;
position: relative;
}

.look2 {
font:bold 12pt  arial, helvetica, sans-serif;
}

.folding {
cursor:pointer;
cursor:default;
font: bold 16pt  arial, helvetica, sans-serif;
color: #cccccc;
}

.hiddenLI {
list-style-type:none;
}



.grayBack{
background-color: #666666;
border: outset 3px #666666;
}

/* ratio and center distance */

.resultbox  {
position: absolute;
top: 250px;
left: 200px;
color: WHITE;
font: 10px/12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
background-color: #999999;
padding: 8px;
border: ridge 6px GRAY;
width: 485px;
height: 475px;
/*width: 50%*/
/*layer-background-color: #CCCCCC;*/
z-index: 99;
white-space: nowrap;
}

.resultbox1 {
/*
display: block;
*/
text-align: center;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
background-color: #000;
padding: 8px;
/*border: ridge 6px GRAY;*/
width: 500px;
height: 500px;
white-space: nowrap;
color: #fff;
}

.legendMain {
font: bold .95em Arial, Helvetica, sans-serif;
color: #fff;
}

.legendBody {
font: bold 1em Arial, Helvetica, sans-serif;
color: #fff;
}


.textBackgroundBlue {
background-color: #343C63;
color:white;
border-color: #808080;
border-width: 3px;
border-style: ridge;
}
.textBackgroundAlt {
background-color: #333333;
color:#fff;
border-color: #808080;
border-width: 3px;
border-style: ridge;
-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
}


.ratiobox  {
font-family : arial, helvetica, sans-serif;
font-size : .75em;
background-color : #343C63;
border-color : GRAY;
border-style : inset;
border-width : 2px;
color : WHITE;
height: 20px;
width: 50px;
text-transform: uppercase;
}

.ratioboxAlt  {
font-family : arial, helvetica, sans-serif;
font-size : .75em;
background-color : #333333;
border-color : GRAY;
border-style : inset;
border-width : 2px;
color : #fff;
height: 20px;
width: 50px;
text-transform: uppercase;
}
 /*---------------------------*/


input.rushbutton2 {
font-size: 14px;	
color: white;
padding: 1px;
background-color: #666666;
border-width: 1px;
}

input.footerbutton {
font: 10px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
color: white;
padding: 0px 5px 0px 5px;
border-width: 1px;
border-color: gray;
background-color: #666666;
margin-top: -5px;
}

input.footerbuttonIE {
font: 10px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
color: white;
padding: 0px;
border-width: 1px;
border-color: gray;
background-color: #666666;
margin-bottom: 3px;
margin-top: -2px;
vertical-align: middle;
}


input.smalltransparentboxR {
background-color: transparent;
border-style: none;
text-align: right;
width: 30px;
height: 20px;
color:#fff;
}
input.smalltransparentboxL {
background-color: transparent;
border-style: none;
text-align: left;
width: 30px;
height: 20px;
color:#fff;
}