/* Stylesheet for menu pages: Includes menu, title, number, info, background but not product layout and product info layout */



body { /*Centered wrapped*/
background-image:url('images/web_background.jpg');
background-repeat: no-repeat;
background-position: top center;
max-width: 1000px;
margin-left: auto;
margin-right:auto;
margin-top:0;

}


.logo { /*Dynamic D logo*/
			background:0;
			position:relative;
			left:0px;
			top:5px;
			border:0;
			padding:0;
			margin:0;
		

}

.title1 { /*Page title*/
				background:0;
				font: bold 45px impact;
				padding: 0 ;
				margin: 0 ;
				position: relative;
				left:90px;
				top:-50px;
				float:left;
				color:#003366;
}

.info { /*Contact information*/
			background:0;
			position:relative;
			left:-33px;
			top:-78px;
			text-align: right;
		  float:right;
		  min-width:225px;
			border:0;
}


.phonenumber{ /*1 866 number*/
				background:0;
				font: bold 30px impact;
				color: #003366;
				position: relative;
				left:-170px;			
				top:65px;
				
				float:right;
}


.spacer { /*menu spacer for ie so boxes dont' collapse*/
    height:17px;
    float:left;
    width:45px;
	
  }

/*menu css*/	
  
#menu { 
width:930px;
min-width:930px;
max-height:10px;
float: left;
position:relative;
left:38px;
top:-75px;
z-index: 1;
}

#menu ul { 
list-style: none;
margin: 0;
padding: 0;
width: 4.8em;
float: left;
}

#menu a, .topmenu a {
font: bold 11px/15px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 1px 1px;

}

#menu a {
text-decoration: none;

}

.topmenu a{
text-align: center;
color:#fff;
background:#000; 

}

#menu li ul a:hover {
color:#003366;
background: #fff;
}

#menu li {
position: relative;
color:#003366;
background: #d8d8d8;
}

#menu li ul a:link { 
color:#003366;

}
#menu li ul a:visited	{ 
color:#003366;
}			 

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}