/*
Stylish Select 0.4.1 - $ plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3 or newer

Dual licensed under the MIT and GPL licenses.

*/


/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {
left: -9999px;
}

/*==================================
red curvy example
====================================*/
ul.newList * {
margin: 0;
padding: 0;
}
ul.newList a {
color: #000;
text-decoration: none;
display: block;
}
ul.newList {
margin: 0;
padding: 0;
list-style: none;
color: #000;
width: 290px;
background: #fff;
position: absolute;
top: 22px;
left: 0;
overflow: auto;
z-index: 9999;
}

ul.newList li a {
padding: 3px 8px;
display: block;
}
ul.newList li a:focus {
-moz-outline-style: none;
}
.selectedTxt {
width: 258px;
overflow: hidden;
height: 16px;
padding: 0 23px 0 0;
}
.hiLite {
background: #650101!important;
color: #fff!important;
}
.hiLite a {
background: #650101!important;
color: #fff!important;
}
.newListHover {
background: #ccc!important;
color: #000!important;
cursor: default;
}
.newListOptionTitle {
font-weight: bold;
}
.newListOptionTitle ul {
margin: 3px 0 0;
}
.newListOptionTitle li {
font-weight: normal;
border-left: 1px solid #ccc;
}

/*======================================
windows xp style - div that contains the 
<select> has been given an id of #win-xp
(for the purposes of this example
========================================*/
.newListSelected {
border: 1px solid #5c7390;
height: 17px;
margin-bottom: 5px;
padding: 0;
}

.newListSelected:hover{
  border:1px solid #FFDE00;  
}

.newListSelected div {
display: block;
font-size: 11px;
padding: 3px 21px 2px 4px;
text-align: left !important;
width: 149px;
}
ul.newList {
list-style: none;
color: #000;
width: 172px;
background: #fff;
border: 1px solid #000;
top: 22px;
left: 0;
max-height:150px!important;
height: auto;
overflow: auto;
font-size: 11px;
text-align: left!important;
position: absolute;
z-index: 9999;
}

#quote_tyre_selector ul.newList li,
#quote_dealer_selector ul.newList li,
#sidebar_left ul.newList li,
#footer ul.newList li,
body.quote form ul.newList li{
margin-top:0;
border-bottom: 1px solid #cccccc;
padding:3px 0 3px 3px;
margin-bottom:0;
}
.hiLite {
background: #316ac5!important;
color: #fff!important;
}
.newListHover {
background: #ccc!important;
color: #000!important;
cursor: default;
}
.newListSelHover {
cursor: default;
}
.newListSelHover, .newListSelFocus {
background-position: auto;
}
.newListSelHover div, .newListSelFocus div {

}