/* CSS Document for Summit Process Controls Group Inc. */ body { font-family:Arial, Myriad, Optima, Helvetica, sans-serif; font-size: 10px; line-height:16px; background-color:#666666; margin: 0px auto; } table {font-size:12px;} p{font-family:Arial, Myriad, Optima, sans-serif; font-size:12px; line-height:18px;} a{text-decoration:none;} a:link {color:#cccccc;} a:visited {color:#cccccc;} a:hover {color:#00ff00;} a:active {color:#00ff00;} li {font-family:Arial, Helvetica, sans-serif; font-size:12px;} td{vertical-align:top;} /* Specific Divs */ #wrapper{margin-left:auto; margin-right:auto; width:770px; border:1px solid black;} #header{border-bottom:solid 1px #00ff00; background-color:#666666;} #nav-wrapper{float:left; width:110px;} #nav{line-height:0px; width:110px; padding: 0px 10px 0px 0px;} #under-nav{float:center; border-top:solid 20px #666666; margin-top:-10px; margin-right:0px; margin-left:14px; margin-bottom:10px;} #content{float:right; width:525px; margin-top:20px; margin-right:10px;} #address{font-size:12px; text-align:center; color:#000000; padding: 5px 5px 2px 2px; font-weight:bold;} #text{margin-top:20px; width:300px; float:left;} #banner-top{margin-top:20px; width:520px; float:left;} #suppliers{background-image:url(Images/background.gif); vertical-align:middle; margin-top:20px; width: 735px; height:55px;} #footer{clear:both; font-size:10px; color:#000000; border-top:1px solid #000000; text-align:center; padding:0px; line-height:normal; padding-left:0px;} #footer a{text-decoration:none;} #footer a:link{color:#000000;} #footer a:visited{color:#000000;} #footer a:hover{color:#00ff00; text-decoration:underline;} #footer a:active{color:#000000; text-decoration:underline;} /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/flyout2.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/flyout2.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ /* Menu */ .menu {z-index:1000; margin:25px 0 10px 15px; font-family:Arial, Myriad, Optima, sans-serif; font-size:12px; font-weight:bold; font-style:italic;} /* remove all the bullets, borders and padding from the default list styling */ .menu ul {padding:0; margin:0; list-style-type:none; width:190px; margin-left:-1px; background:#000000; margin-top:-4px;} /* hack for IE5.5 */ * html .menu ul {margin-left:-18px; margin-left:1px;} /* position relative so that you can position the sub levels */ .menu li {position:relative; background:#cccccc; height:22px; background-repeat:no-repeat; margin-top:-3px;} /* get rid of the table */ .menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;} /* style the links */ .menu a, .menu a:visited { display:block; text-decoration:none; height:20px; line-height:20px; width:175px; text-indent:2px; border:1px solid #ccc; border-width:0 0px 1px 0; color:#000000; padding-left:15px; } /* hack for IE5.5 */ * html .menu a, * html .menu a:visited {} /* style the link hover */ * html .menu a:hover {color:#00ff00; background:#000; background-repeat:no-repeat; } .menu :hover > a {color:#00ff00; background:#000; background-repeat:no-repeat;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {visibility:hidden; position:absolute; top:0; left:190px; margin-top:3px;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul {visibility:visible;} /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* keep the fourth level hidden when you hover on second level list OR link */ .menu ul :hover ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;} /* make the fourth level visible when you hover over third level list OR link */ .menu ul :hover ul :hover ul :hover ul { visibility:visible;}