/* CSS Document */

html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
background-color:#990000; /*color background - only works in IE */
font-size:80%; /*set default font size */
font-family: tahoma, sans-serif; /* set default font */
color:#000;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden; /*get rid of scroll bars in IE */
/* */
}
body {
behavior:url(cssHoverFix.htc);
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
overflow:hidden; /*get rid of scroll bars in IE */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
}
#head {
position:fixed; 
margin:0; 
top:0; 
right:18px; 
display:block; 
width:100%; 
height:125px; 
background:#ffffff url(images/calexbannernew.jpg) no-repeat 20px 0px; 
z-index:5;  
border-bottom:1px solid #990000;
}
#printhead {
display:none;
}
#foot {
position:fixed;
margin:0;  
bottom:-1px; 
right:18px; 
display:block;
padding-left:10px; 
width:100%; 
height:22px; 
background-color:#fff;   
/*text-align:left; 
font-size:.75em;*/ 
z-index:4; 
border-top:1px solid #990000
}
.footer {font-size:9px;
}
#printfoot {
display:none;
}
#content { 
display:block; /* set up as a block */
height:100%; /* set height to full page */
max-height:100%;
overflow:auto; /* add scroll bars as required */
background-color:#fff; 
padding-left:270px; /* pad left to avoid navigation div if required */
margin:0;
position:relative; /* set up relative positioning so that z-index will work */
z-index:3; /* allocate a suitable z-index */
}
#content p, #content h1, #content h2, #content h3, #content h4, #content h5 {
margin-left:7px;
padding-right:25px;
}
#left {
position:fixed;
left:0;
top:0px;
height:100%;
width:270px;
color:#FFF;
background-color:#990000;
z-index:4;
}
#left a:link, #left a:visited {
color:#fff;
}
#left a:hover {
color:#fff;
}
img {  
border-style: none;
}
* html #head, * html #foot, * html #left, * html #headnew, * html #leftnew {
position:absolute;
}
#leftbldg {
position:relative;
background:#990000 url(images/Calexbldg.jpg) no-repeat;
height:130px;
width:173px;
margin:0 0 0 50px;
} 
#address {
position:relative;
margin:0 0 0 70px;
}
.texta {  /* part search */
font-size:10px;
width:130px;
background-color: #fff;
color:#000;
border-width:6px; 
border-style:inset;
padding:4px 4px 4px 4px;
margin:0 0 0 7px; 
}
.textc {  /* parametric search */
background-color: #990000;
text-decoration:none;
color:#fff;
border-width:6px; 
border-style:inset;
padding:4px 50px 4px 4px;
margin:35px 0 0 7px; 
}
.textb {  /* go button */
background-color: #990000;
text-decoration:none;
color:#FFF;
border-width:6px; 
border-style:outset;
padding:1px 2px 2px 2px;
margin:0 0 0 5px; 
}
.button {
display:block;
width:190px;
border-style:outset;
background-color:#990000;
text-decoration:none;
padding:4px;
}

#boxrelative {       /* Nsai logo   */ 
margin:0 250px 0 0;
float:right;
display:inline;  
background:#ffffff url(images/nsai.jpg) no-repeat;
border:2px solid #000;    
width:79px;
height:113px;
}
#boxrelative1 {      /*  efil   */
float:right; 
top:10px; 
right:150px;
margin:10px 50px 10px 10px; 
background:#990000 url(images/efil.jpg) no-repeat;   
width:175px;
height:142px;
clear:right;
}
#boxrelative2 {    /*   cbam  */
float:right; 
top:20px; 
right:150px;
margin:10px 50px 10px 10px;
background:#990000 url(images/cbam.jpg) no-repeat;   
width:190px;
height:113px;
clear:right;
}
#boxrelative3 {    /*   volmul    */
margin:0 25px 0 5px;
float:right;
display:inline;  
background:#990000 url(images/volmul.jpg) no-repeat;
border:4px solid #990000;    
width:216px;
height:185px;
}
#boxrelative4 {    /*   Avionics  */
float:right; 
top:20px; 
right:150px;
margin:10px 50px 10px 10px;
background:#990000 url(images/Avionics.jpg) no-repeat;   
width:161px;
height:99px;
clear:right;
}
#boxrelative5 {    /*   husm  */
float:right; 
top:20px; 
right:150px;
margin:10px 50px 10px 10px;
background:#990000 url(images/HUsm.jpg) no-repeat;   
width:190px;
height:134px;
clear:right;
}
#boxrelative6 {    /*   hulsm  */
float:right; 
top:20px; 
right:150px;
margin:10px 50px 10px 10px;
background:#990000 url(images/HUL.jpg) no-repeat;   
width:190px;
height:134px;
clear:right;
}
#boxrelative7 {    /*   lsl */
float:right; 
top:20px; 
right:150px;
margin:10px 50px 10px 10px;
background:#990000 url(images/LSL.jpg) no-repeat;   
width:190px;
height:130px;
clear:right;
}
#boxrelative8 {    /*   PQ */
float:right; 
top:20px; 
right:150px;
margin:10px 50px 10px 10px;
background:#990000 url(images/PQ.jpg) no-repeat;   
width:190px;
height:149px;
clear:right;
}
a:link {
color:#990000;
text-decoration:none;
}
a:visited {
color:#990000;
text-decoration:none;
}
a:hover {
color:#3366ff;
text-decoration:none;
}

.pad2 {
display:block;
height:130px; /* height to miss header and footer */
}
.pad1 {
display:block; 
width:350px; 
height:23px; 
float:left;
}
.pad3 {
display:block;
height:130px;
}
.pad4 {
display:block;
height:30px;
}
.small {
font-size:xx-small;
color:#fff;
}
/* p {
font-size:.9em;
}
h1 {
font-size:2em;
}
h2 {font-size:1.3em;
}
h3 {
font-size:1em;
} */
.nav {
position:relative;
padding:0px; 
margin:0;  
height:30px;
width:250px;
margin:15px 5px 15px 7px; 
}
.nav ul {
padding:0; 
margin:0;
list-style-type: none; 
}
.nav ul li {
float:left; 
height:30px;
list-style-type: none;
width: 250px;
line-height:29px;
text-align:left;
text-indent:5px;
clear:left; 
}
.nav ul li a {
position:relative;
height: 100%;
width: 100%;
display: block;
text-decoration: none;
border-width: 5px;
border-color:#ccc; 
}
.nav ul li a:link {
color:#fff;
font-weight: bold;
background-color: #990000;
border-style: outset;
display:block;
}
.nav ul li a:visited {
color: #fff;
font-weight: bold;
background-color: #990000;
border-style: outset;
display:block;
}
.nav ul li a:hover {
color:#fff;
font-weight:bold;
background-color:#000;
border-style:outset;
}
.nav ul li a:active {
font-weight: bold;
background-color: #990000;
border-style: inset;
}

.menu1 {
  padding:5px 0 0 0;
  margin:0 0 0 288px; 
  list-style-type:none;
  position:absolute;
  height:25px;
  top:95px;
  }
.menu1 li {
	text-align:center;
	float:left;
	height:25px;
	font-weight: bold;
  }
.menu1 a, .menu1 a:visited {
	position:relative;
	text-decoration:none;
	background-color:#000;
	color:#fff;
	display:block;
	width:100px;
	height:15px;
	padding:5px;
	margin:0 1px;
  }
.menu1 a .topleft, .menu1 a .topright {
  position:absolute; 
  top:0; 
  width:0; 
  height:0; 
  overflow:hidden;
  border-top:10px solid #990000;
  }
.menu1 a .topleft {
  left:0; 
  border-right:10px solid #000; 
  }
.menu1 a .topright {
  left:100px; 
  border-left:10px solid #000; 
  }
.menu1 a:hover {
  background-color:#ccc;
  color:#000; 
  }
.menu1 a:hover .topleft {
  border-right:10px solid #ccc; 
  border-top:10px solid #990000;
  }
.menu1 a:hover .topright {
  border-left:10px solid #ccc; 
  border-top:10px solid #990000;
  }
#fly {
width:240px;
height:280px;
margin:15px 0 0 7px;
}
#cssfly1 li {
width:236px;
height:25px;
padding:0;
border:2px solid #FFF;
border-style:outset;
position:relative;
float:left;
display:inline;
}
#cssfly1 li a{
background:#990000;
margin:0;
padding-left:5px;
display:block; 
text-decoration:none;  
text-align:left;
line-height:25px;
font-weight:bold;
color:#fff;
}   
#cssfly1 li a:hover {
background:#000;
color:#FFF;
} 
#cssfly2 li a {
background:#990000;
color:#fff;
margin:0;
padding-left:5px;
text-decoration:none;  
text-align:left;
line-height:25px;
font-weight:bold;
}
#cssfly3 li a {
background:#990000;
color:#fff;
margin:0;
padding-left:5px;
text-decoration:none;  
text-align:left;
line-height:25px;
font-weight:bold;
}
#cssfly1 {
list-style:none;
margin:0;
padding:0;
border:0;
}
#cssfly2, #cssfly3 {
list-style:none;
margin:0;
padding:0;
border:0;
position:absolute;
top:-2px;
display:none;
}
#cssfly2 li, #cssfly3 li {
width:236px;
height:25px;
border:2px solid #fff;
border-style:outset;
margin-left:238px;
float:left;
display:inline;
padding:0px;
}
#cssfly1 li:hover #cssfly2, #cssfly2 li:hover #cssfly3  {
display:block;
}
* html #cssfly3 li a, * html #cssfly2 li a {
width:100%;
}

/* New Homepage */

ul.menu {position:absolute; top:99px; left:30px; list-style:none; margin:0; padding:0; font-size: 12px; background:#000; z-index:900}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none; font-weight: bold; text-align:center}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#990000; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; width:130px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#990000}
ul.menu ul li a:hover {background-color:#ccc; color:#000}
ul.menu ul ul {left:130px; top:-1px}
ul.menu .menulink {
	padding:5px 7px 7px;
	font-weight:bold;
	width:116px;
	background-color: #990000;
}
ul.menu .menulink:hover, ul.menu .menuhover {background:#666; color:#fff}
ul.menu .sub {background:#666; color:#fff; border-top:1px solid #990000}
ul.menu .topline {border-top:1px solid #990000}

#headnew {
//*position:fixed; *//
margin:0; 
top:0; 
right:18px; 
display:block; 
width:100%; 
height:125px; 
background:#fff url(images/calexbannernew.jpg) no-repeat 20px 0px; 
z-index:5;  
border-bottom:1px solid #990000;
}
#contentnew { 
display:block; /* set up as a block */
height:100%; /* set height to full page */
max-height:100%;
overflow:auto; /* add scroll bars as required */
background-color:#fff; 
padding-left:250px; /* pad left to avoid navigation div if required */
margin:0;
position:relative; /* set up relative positioning so that z-index will work */
z-index:3; /* allocate a suitable z-index */
}

#leftnew {
//*position:fixed; *//
left:0;
top:0px;
height:100%;
width:250px;
color:#FFF;
background-color:#fff;
z-index:4;
}
#footnew {
//*position:fixed; *//
margin:0;  
bottom:-1px; 
right:18px; 
display:block;
padding-left:10px; 
width:100%; 
height:25px;
background-color:#990000;   
/*text-align:left; 
font-size:.75em;*/ 
z-index:4; 
border-top:1px solid #990000
}
.textanew {  /* part search */
font-size:10px;
background-color: #fff;
color:#000;
border-width:6px; 
border-style:inset;
padding:4px 4px 4px 4px;
margin:0 0 0 7px; 
}
.textbnew {  /* go button */
font-size:10px;
background-color: #990000;
text-decoration:none;
color:#FFF;
border-width:6px; 
border-style:outset;
padding:1px 2px 2px 2px;
margin:0 0 0 5px; 
}
.productsearch {
padding:75px 0 0 20px;
}
.pad2new {
display:block;
height:200px; /* height to miss header and footer */
}
.pad4new {
display:block;
height:30px;
}