@charset "utf-8";
/* This controls the header */

/*Controls the body of the site*/
body
{
  text-align:center;
  margin-left: 0px; 
  margin-top: 0px; 
  margin-right: 0px; 
  margin-bottom: 0px; 
/*	background-color: #CCCCCC;*/
  background-repeat: repeat-y;
}


/*Controls everything for the header*/
#container
{ 
  margin-right: auto;
  margin-left: auto;
  width: 961px;
  text-align: center;
  background-color: #FFFFFF;
/*  border-left:5px;
  border-left-color:#FFFFFF;
  border-left-style:solid;
  border-right:5px;
  border-right-color:#FFFFFF;
  border-right-style:solid;
  border-bottom:5px;
  border-bottom-color:#FFFFFF;
  border-bottom-style:solid;*/

}


/*Controls the color and how wide the header is*/
#color
{
/*  background-color:#003399;*/
/*  width:961px;*/
}


/*Controls the text aligning left for the header*/
#content
{
text-align:left;
}


/*holds the entire navigation at the very top*/
#allnav
{
width:961px;
height:33px;
}


/*controls the technology,medical,lighting etc side of the top navigation*/
#tech
{  
margin-left:8px;
float:left;
display:inline; /*required by IE6*/
width:530px;

}


/*controls the entire my account, support and downloads, shopping cart of top navigation*/
#myaccountlinks2
{

padding-top:8px;
float:left;
display:inline; /*required by IE6*/
width:400px;


}


/*Controls the word technology when not hovering*/
.technology2
{
/*padding-right:5px;*/
width:95px;
height:33px;
/*background:url(/images/Howardheader/tech.png) no-repeat center center;*/
}


/*Controls the word medical when not hovering*/
.medical2
{
/*padding-right:5px;*/
width:66px;
height:33px;
/*background:url(/images/Howardheader/medical.png) no-repeat center center;*/
}


/*Controls the word lighting when not hovering*/
.lighting2
{
/*background:url(/images/Howardheader/light.png) no-repeat center center;*/
/*padding-right:5px;*/
width:68px;
height:33px;
}


/*Controls the word power when not hovering*/
.power2
{/*
background:url(/images/Howardheader/power.png) no-repeat center center;*/
/*padding-right:5px;*/
width:53px;
height:33px;
}


/*Controls the word transportation when not hovering*/
.transportation2
{
/*background:url(/images/Howardheader/transport.png) no-repeat center center;*/
/*padding-right:5px;*/
width:118px;
height:33px;
}


.munidot
{
/*background:url(/images/Howardheader/transport.png) no-repeat center center;*/
/*padding-right:5px;*/
width:82px;
height:33px;
}


/*Controls the navigations position for technology, medical, power etc*/
#navigation ul
{
height:33px;
width: 500px;
padding:0px; 
margin:0px;
list-style:none;
display: block;
overflow:hidden;
}


/*Controls the navigations position for technology, medical, power etc*/
#navigation ul li 
{
float: left;  
}


/*Controls the howard logo*/
#howardlogo
{
/*background-image:url('/images/Howardheader/logotech.jpg');*/

float:left;
}



/*Controls the blue background that appears at the top next to howard logo*/
.howardlogocontinueback
{
/*background-image:url('/images/Howardheader/headercenter.jpg');*/
height:57px;
width:951px;
}


/*controls the search bar*/
#srchKey
{
float:left;
border:0;
border-style: none;
border-width: 0px;
color: #000000;
font-size:8pt;
/*background-image: url(/images/Howardheader/middle.png);*/
padding-top:5px;
margin-left:708px;
margin-top:-37px;
width:188px;
height:23px
}


/*controls the search button*/
#submitButton
{
float:left;
width:43px;
height:57px;
margin-left:918px;
margin-top:-57px;
padding:0px;
}


/*Controls the magnify glass for the search bar*/
.glass
{
float:left;
margin-left:686px; 
margin-top:-37px;
BORDER:0;
}


/*controls the end piece next to go the button for the search bar*/
.glassend
{
float:left;
margin-left:893px; 
margin-top:-37px;
BORDER:0;
}

/*controls the links position for my account, support and downloads and shopping cart*/
#myaccountlinks
{

}

/*controls the white that appears below all the technology links like contracts,brands and etc*/
#techtabwhite
{
background-color:#FFFFFF;
padding:3px;
}

#techtab{height:27px;}

/*controls the drop down that appears when you start searching*/
.suggest
{
width:250px;
border-color:silver;
display:none;
position:absolute;
background-color: #EAF9FC;
padding:3px;
border-style:solid;
border-width:1px;
/*cursor:arrow;*/
z-index:9;
}



/*controls all the links (like solutions,contracts and brands) that appears below technology*/
.menuitem ul
{

list-style-type:none; 
}


/*controls each individual links (like solutions,contracts and brands) that appears below technology*/
.menuitem li 
{

float:left;
/*  padding-left:4px;
  padding-right:4px;*/
display:block; 
}


/*controls the links when they arent active (like solutions,contracts and brands) that appears below technology*/
.menuitem
{	
  line-height:26px;	
  list-style-type:none;
  margin-top:10px;
  
}









/*controls the entire products, solutions,brands, etc area*/
#categorynav
{
width:961px;
height:33px;
}


/*controls the entire products, solutions,brands, etc area*/
#categorynavposition
{  
float:left;
display:inline; /*required by IE6*/
width:961px;
}



/*controls the entire products, solutions,brands, etc area*/
#catnavigation ul
{
height:33px;
width: 961px;
padding:0px; 
margin:0px;
list-style:none;
display: block;
overflow:hidden;
}


/*controls the entire products, solutions,brands, etc area*/
#catnavigation ul li 
{
float: left;  
}




