/*--------------------------------------------------------------------------------

Homepage style sheet - to format the company search
Created as a separate style sheet to avoid wrecking the rest of the site
Version: 1.0
Author: Simon Hawketts

--------------------------------------------------------------------------------*/

ul.autocompleter-choices{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #455560;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li{
	position:				relative;
	border-bottom:          dotted 1px #72afb6;
	margin:					0 10px;
	padding:				5px 0;
	display:				block;
	float:					none !important;
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1.2em;

}

ul.autocompleter-choices li a:hover,
ul.autocompleter-choices li a:active{
	text-decoration: none;
}

ul.autocompleter-choices li.autocompleter-selected{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{
	color:	#72afb6;
}

#ajaxsearch ul {
    width: 334px;
    border: solid 1px #455560;
    list-style-type: none;
}

#ajaxsearch ul li {
    border-bottom: dotted 1px  #72afb6; /* Same colour as header colour */
    font-size: 1.2em;
    margin: 0 10px;
    padding: 5px 0;
}

#ajaxsearch ul li a:hover, #ajaxsearch ul li a:active  {
    text-decoration: none;
}

#ajaxsearch ul li.allresults {
    background: #455560;
    border: none;
    margin: 10px 0 0 0;
    padding: 5px 10px;
}

#ajaxsearch ul li.allresults a:link, #ajaxsearch ul li.allresults a:visited  {
    background: url(../images/global/but_arrow_dark.png) no-repeat right;
    color: #72afb6; /* Same colour as header colour */
    padding: 2px 20px 2px 0;
}

#ajaxsearch ul li.allresults a:hover, #ajaxsearch ul li.allresults a:active  {
    background: url(../images/global/but_arrow_dark.png) no-repeat right;
    color: #fff;
    text-decoration: none;
    padding: 2px 20px 2px 0;
}