Instant Search

[familynow]

Fixed it. Replaced instandSearch.js with the code on post #41 and the clashing btwn the slider and search stopped.

My next question if I may is, how would I apply the exact same css as my main menu? I tried a bit and didn't get anywhere.

Also, the pop-up seems slow. If it were me, I'd likely hit the search button or enter way before the js pop-ups the list. Is that adjustable?

[familynow]

I got opacity but I can't get the background-colour property to work nor can I get the rounded corners

.resultsContainer a {
display : block;
padding : 0.1em 0.4em;
text-decoration : none;
overflow:hidden;
height:18px;
opacity:0.95; filter:alpha(opacity=95);

.resultsContainer ul {
margin : 0;
padding : 0;
background-color: #0D474E;
border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
list-style-type : none;

[MikeyG]

AyoobG

Sorry not got back sooner.

Currently my site on a product info page loads as follows:

<script type='text/javascript' src='/includes/modules/pages/product_info/jscript_1_mootools_complete.js'></script>
<script type='text/javascript' src='/includes/modules/pages/product_info/jscript_2_imageViewer.js'></script>
<script type='text/javascript' src='/includes/modules/pages/product_info/jscript_ajax_image_swapper.js'></script>

<script type='text/javascript' src='/includes/modules/pages/product_info/jscript_textarea_counter.js'></script>
<script language="javascript" type="text/javascript"><!--
function popupWindow(url) {
window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,m enubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,screen X=150,screenY=150,top=150,left=150')
}
function popupWindowPrice(url) {
window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,m enubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=600,height=400,scree nX=150,screenY=150,top=150,left=150')
}
//--></script> <script type="text/javascript"><!--
var FualSlimboxOptions = new Class({
initialize: function(){
this.transitionType = new Fx.Transition(Fx.Transitions.Sine, 5);
this.resizeFps = 60;
this.resizeDuration = 500;
this.resizeTransition = this.transitionType.easeInOut;
this.initialWidth = 100;
this.initialHeight = 100;
this.animateCaption = true;
this.defaultIframeWidth = 500;
this.defaultIframeHeight = 300;
this.elHide = ".zenLightboxHideMe";
this.displayVar = "Var";
this.pageOf = "Page #1 of #2";
}
});
//--></script>
<script type="text/javascript" src="includes/templates/funkymoose/jscript/slimbox/slimbox_ex.compressed.js"></script>
<script type="text/javascript"><!--
var fualNervous = 1 //--></script>
<script type="text/javascript" src="includes/templates/funkymoose/jscript/slimbox/fual_slimbox.compressed.js"></script>
<script type='text/javascript' src='/includes/templates/funkymoose/jscript/tpp.js'></script>


This is all the .js files in the header.

It does not appear to call a jquery.js file but I am guessing one of the others like mootools that causes the clash