/* CSS Document */

#header {
width: 707
margin: 0px 0px 0px 0px;
background-color: #444;
background-color: #069;
padding: 5px 5px 5px 5px;
}
#CanfordLogo {
float: left;
margin-bottom: 2px;
display: inline;
}
#QuickLinks {
margin: 17px 15px 0px 0px;
padding: 0px;
float: right;
color: white;
}
#QuickLinks ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#QuickLinks li {
display: inline;
}
#Search {
display: inline;
margin-left: 15px;
}
	#Search input {
	vertical-align: middle;
	}
<!-- 
#OrderSummaryBox {
font-size: 90%;
float: right;
padding: 0px 0px 0px 5px;
text-align: center;
color: #efefef;
font-weight: bold;
border-left: solid 1px #999;
line-height: 95%;
}
#OrderSummaryBox input{
padding: 0px 3px;
margin: 3px;
}
#OrderSummaryBox span{
font-size: 90%;
font-weight: normal;
}
-->
/* NAV TAB STYLES START HERE*/
/* basic setup */
#nav {
border-top: 1px solid #666666;
line-height: 1px;
margin-bottom: 15px;
}
#nav ul {
padding: 0px;
margin: 0px;
list-style: none;
}
#nav a {
display: block;
width: 154px; /* =770/5 (makes whole main nav tab clickable not just the link text*/
text-align: center; /* centers main nav and submenu links*/
padding: 10px 0;
color: white;
font-weight: bold;
font-size: 110%;
}
#nav a:link, #nav a:hover, #nav a:visited, #nav a:active  { /*removes underline on links*/
text-decoration: none;
}
#nav li { /* all list items */
float: left;
width: 154px; /* =770/5 (width needed or else Opera goes nuts)*/
_width: 152px; /* IE only - reduce submenu width by 2px for borders*/
background: url(../NavImages/ButtonBG.gif) top left;
background-color: #444;
line-height: 1em;
border-bottom: solid 1px #999999;
}
#nav li a:hover {
background: url(../NavImages/ButtonBGhl.gif) top left;
background-color: #006699;
}
/* style and hide submenus*/
#nav li ul {
position: absolute;
width: 152px; /*2px dropped to account for li ul borders*/ /* width needed for Mozillas*/
padding: 5px 0px 10px 0px;
border: solid #999999;
border-width: 0px 1px 1px 1px;
left: -999em;
background: url(../NavImages/ddbg2.gif) top left repeat-y;
background-color: #FBFBFB;
}
#nav li:hover ul { /* repositions submenus on hover*/
left: auto;
z-index: 50;
float: left;
}
/* second level dropdowns */
#nav ul li ul li ul li a {
font-size: 90%;
width: 190px;
padding: 2px 5px;
border-bottom: dashed 1px #ccc;
}
#nav ul li ul li ul li a:hover {
width: 190px;
padding: 2px 0px;
border-bottom: dashed 1px #ccc;
}
#nav li ul li ul{
margin: -2.2em 0 0 147px;
position: absolute;
width: 200px; /*2px dropped to account for li ul borders*/ /* width needed for Mozillas*/
padding: 5px 0px 10px 0px;
border: solid #ccc;
border-width: 1px;
left: -999em;
/*background: url(../NavImages/ddbg2.gif) top left repeat-y;
background-color: #FBFBFB;*/
background: none;
background-color: #FBFBFB;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}
#nav li ul li:hover ul, #nav li ul li.sfhover ul { /* repositions subsubmenus on hover*/
left: auto;
z-index: 50;
float: left;
}
/* duplicate :hover selector for javascript created sfhover class selectors*/
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
z-index: 50;
}
#nav li li {
padding: 0px 0px;
background: none;
border-bottom: none;
}
/* styles on submenu links*/
#nav li li a {
width: 142px; /* #nav li a width - padding*/
padding: 5px 5px; /* same as # nav li li a:hover L/R border widths below*/
background-color: transparent; /* shows background through inherited colour from #nav a*/
color: #666666;
font-weight: normal;
font-size:100%;
}
/* hover styles on submenu links*/
#nav li li a:hover {
border: solid #0099CC;
border-width: 0 5px;
padding: 5px 0px; /* unpads links L/R to account for border on rollover*/
text-decoration: none;
color: #0099CC;
background: none;
}
/*selected tab style*/
li#products ul {
	width: 210px;
}
li#products ul li {
	width: 200px;
}
li#products ul li a {
	width: 200px;
}