/* Suckerfish menu, Paul 8/6/2006 This is for the Suckerfish menu from http://www.htmldog.com/articles/suckerfish/dropdowns/ The sfhover class is produced by Javascript whenever a menu item is rolled over so that it will work in Internet Explorer as well. */ #sfnavtop, #sfnavtop ul {list-style-type: none; margin: 0; padding: 0; z-index:50; } /*no bullet points*/ #sfnavtop a {width: 87px; display: block; text-decoration: none; color: #444;} /*for the links, specified absolutely as we have a fixed width*/ #sfnavtop ul a {width: 195px;} /*the drop down menus can be wider*/ #sfnavtop li {float: left; width: 87px; margin-right: 10px; font-size: 0.9em; } /*so Opera doesn't throw a wobbly*/ #sfnavtop ul li {width: 195px; border-top: 1px solid white; padding-left: 2px; } /*do this for Opera as well, to make the drop down menus wider*/ /*colour and space the anc menu item drop downs indy*/ #sfnavtop ul.company li{background:#ffee66;} #sfnavtop ul.company li.sfhover, #sfnavtop ul.company li:hover { background: #ffdd55; position: static;} #sfnavtop ul.whatsnew li{background:#ffbbff;} #sfnavtop ul.whatsnew li.sfhover, #sfnavtop ul.whatsnew li:hover { background: #ff99ee;} #sfnavtop ul.images li{background:#bbddaa;} #sfnavtop ul.images li.sfhover, #sfnavtop ul.images li:hover { background: #99cc77;} #sfnavtop ul.specs li{background:#CCCCEE;} #sfnavtop ul.specs li.sfhover, #sfnavtop ul.specs li:hover { background: #aabbdd;} #sfnavtop ul.case-studies li{background:#BBDDDD;} #sfnavtop ul.case-studies li.sfhover, #sfnavtop ul.case-studies li:hover { background: #66BBAA;} #sfnavtop ul.contacts li{background: #ddbbff;} #sfnavtop ul.contacts li.sfhover, #sfnavtop ul.contacts li:hover { background: #dd99ff;} #sfnavtop ul.services li{background: #FFE1E8;} #sfnavtop ul.services li.sfhover, #sfnavtop ul.services li:hover { background: #FE92C2; } #sfnavtop ul.links li{background: #BBCCEE;} #sfnavtop ul.links li.sfhover, #sfnavtop ul.links li:hover { background: #99AACC;} #sfnavtop li.help{margin-right: -10px;} #sfnavtop ul.links li{background: #BBCCEE;} #sfnavtop li ul {position: absolute; width: 140px; left: -999em;} /*sub menus are shunted left*/ #sfnavtop li ul li ul {margin: -1.5em 0 0 100px; width:205px;} /*move sub sub menus out to the right*/ #sfnavtop li ul li ul li {width: 205px;} #sfnavtop li ul li ul li a {width: 205px;} /*The next two lines start the menus off screen and move then on screen into the right place when the mouse is*/ /*hovering. "auto" works in Opera, sfhover is for IE. This caters for four levels of drop downs.*/ #sfnavtop li:hover ul ul, #sfnavtop li:hover ul ul ul, #sfnavtop li:hover ul ul ul ul, #sfnavtop li.sfhover ul ul, #sfnavtop li.sfhover ul ul ul, #sfnavtop li.sfhover ul ul ul ul {left: -999em;} #sfnavtop li:hover ul, #sfnavtop li li:hover ul, #sfnavtop li li li:hover ul, #sfnavtop li li li li:hover ul, #sfnavtop li.sfhover ul, #sfnavtop li li.sfhover ul, #sfnavtop li li li.sfhover ul, #sfnavtop li li li li.sfhover ul {left: auto;} /*Fix for IE7 from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/*/ #sfnavtop li:hover, #sfnavtop li.sfhover {position: static;} #sfnavtype, #sfnavtype ul {list-style-type: none; margin: 0; padding: 0; } /*no bullet points*/ #sfnavtype a {width: 149px; color: #444; display: block; text-decoration: none;} /*for the links, specified absolutely as we have a fixed width*/ #sfnavtype ul a {width: 149px;} /*the drop down menus can be wider*/ #sfnavtype li {float: left; width: 149px; font-size: 0.8em; word-spacing: -0.1em;} /*so Opera doesn't throw a wobbly*/ #sfnavtype ul li {width: 149px;} /*do this for Opera as well, to make the drop down menus wider*/ #sfnavtype li ul {position: absolute; width: 149px; left: -999em;} /*sub menus are shunted left*/ #sfnavtype li ul {margin: -1.5em 0 0 149px;} /*move sub sub menus out to the right*/ /*The next two lines start the menus off screen and move then on screen into the right place when the mouse is*/ /*hovering. "auto" works in Opera, sfhover is for IE. This caters for four levels of drop downs.*/ #sfnavtype li:hover ul ul, #sfnavtype li:hover ul ul ul, #sfnavtype li:hover ul ul ul ul, #sfnavtype li.sfhover ul ul, #sfnavtype li.sfhover ul ul ul, #sfnavtype li.sfhover ul ul ul ul {left: -999em; } #sfnavtype li:hover ul, #sfnavtype li li:hover ul, #sfnavtype li li li:hover ul, #sfnavtype li li li li:hover ul, #sfnavtype li.sfhover ul, #sfnavtype li li.sfhover ul, #sfnavtype li li li.sfhover ul, #sfnavtype li li li li.sfhover ul {left: auto;} /*These styles deal with the look and feel of the menu*/ /*mainmenu when these are hovered over*/ #sfnavtype li:hover, #sfnavtype li.sfhover {background: #ffdd55;} /*sub menu when PARENT item are hovered over*/ #sfnavtype li ul li, #sfnavtype li ul li {background: #ffee66; padding-left: 2px; } /*sub menu when THE item are hovered over*/ #sfnavtype li ul li:hover, #sfnavtype li ul li.sfhover {background: #ffdd55;} /*sub menu when these are hovered over*/ #sfnavtype li ul li a:hover, #sfnavtype li ul li a:hover { color: #444;} /*Fix for IE7 from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/*/ #sfnavtype li:hover, #sfnavtype li.sfhover {position: static;} #sfnavtype li ul {background: #eee; border: 1px solid white;} /*flyout menus*/ /* The problem of relative and ever shrinking font sizes with nested li li is asddressed here: http://www.thescripts.com/forum/thread98150.html */ #sfnavtype li ul li {font-size: 1em;} #leftmenu li{border-top: 1px solid #fff; padding: 1px 0 1px 0; } #sfnavarea, #sfnavarea ul {list-style-type: none; margin: 0; padding: 0; } /*no bullet points*/ #sfnavarea a {width: 149px; color: #444; display: block; text-decoration: none;} /*for the links, specified absolutely as we have a fixed width*/ #sfnavarea ul a {width: 149px;} /*the drop down menus can be wider*/ #sfnavarea li {float: left; width: 149px; font-size: 0.8em; word-spacing: -0.1em;} /*so Opera doesn't throw a wobbly*/ #sfnavarea ul li {width: 149px;} /*do this for Opera as well, to make the drop down menus wider*/ #sfnavarea li ul {position: absolute; width: 149px; left: -999em;} /*sub menus are shunted left*/ #sfnavarea li ul {margin: -1.5em 0 0 149px;} /*move sub sub menus out to the right*/ /*The next two lines start the menus off screen and move then on screen into the right place when the mouse is*/ /*hovering. "auto" works in Opera, sfhover is for IE. This caters for four levels of drop downs.*/ #sfnavarea li:hover ul ul, #sfnavarea li:hover ul ul ul, #sfnavarea li:hover ul ul ul ul, #sfnavarea li.sfhover ul ul, #sfnavarea li.sfhover ul ul ul, #sfnavarea li.sfhover ul ul ul ul {left: -999em; } #sfnavarea li:hover ul, #sfnavarea li li:hover ul, #sfnavarea li li li:hover ul, #sfnavarea li li li li:hover ul, #sfnavarea li.sfhover ul, #sfnavarea li li.sfhover ul, #sfnavarea li li li.sfhover ul, #sfnavarea li li li li.sfhover ul {left: auto;} /*These styles deal with the look and feel of the menu*/ /*mainmenu when these are hovered over*/ #sfnavarea li:hover, #sfnavarea li.sfhover {background: #aaddff;} /*sub menu when PARENT item are hovered over*/ #sfnavarea li ul li, #sfnavarea li ul li {background: #CCEEFF; padding-left: 2px; } /*sub menu when THE item are hovered over*/ #sfnavarea li ul li:hover, #sfnavarea li ul li.sfhover {background:#aaddff;} /*sub menu when these are hovered over*/ #sfnavarea li ul li a:hover, #sfnavarea li ul li a:hover {color:#444;} /*Fix for IE7 from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/*/ #sfnavarea li:hover, #sfnavarea li.sfhover {position: static;} #sfnavarea li ul {background: #eee; border: 1px solid white;} /*flyout menus*/ /* The problem of relative and ever shrinking font sizes with nested li li is asddressed here: http://www.thescripts.com/forum/thread98150.html */ #sfnavarea li ul li {font-size: 1em;} #leftmenu li{border-top: 1px solid #fff; padding: 1px 0 1px 0; } /*A fix for Suckerfish dropdowns in IE 7 from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/*/ #sfnavtop li:hover, #sfnavtop li.hover { position: static; } /*A fix for Suckerfish dropdowns in IE 7 from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/*/ #sfnavtype li:hover, #sfnavtype li.hover { position: static; } /*A fix for Suckerfish dropdowns in IE 7 from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/*/ #sfnavarea li:hover, #sfnavarea li.hover { position: static; } /*Added by Paul for the recently viewed list 10/9/2007*/ #recentlyviewed, #recentlyviewed ul {list-style-type: none; margin: 0; padding: 0; } /*no bullet points*/ #recentlyviewed a {width: 149px; color: #444; display: block; text-decoration: none;} /*for the links, specified absolutely as we have a fixed width*/ #recentlyviewed li {float: left; width: 149px; font-size: 0.8em; word-spacing: -0.1em;} /*so Opera doesn't throw a wobbly*/ #recentlyviewed a:hover {text-decoration: underline; color: #ff6600; } /*so Opera doesn't throw a wobbly*/ #recentlyviewed li.viewall a{ color: #0033cc;}