:focus {outline:none;}

.js ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
#pageContent ul.newList {margin: 0; padding: 0;}
ul.newList * {margin:0; padding:0;}
ul.newList {margin:0 !important; padding: 0; list-style:none; color:#545454; min-width: 100%; background: #f1f0e1; position:absolute;  border:1px solid #d4d4d4; top:20px; left:-1px !important; overflow:auto; z-index:9999; line-height: 1.2em; /*min-height: 200px !important;*/}
.newListSelected {width:178px; color: #545454; font-weight: normal; font-size: 12px; height:19px; padding: 0; font-size: 11px; float:left; background:url(../images/bgSel.gif) no-repeat right -1px; border: 1px solid #d4d4d4; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-right: 5px; line-height: 1.2em;}
.newListSelected span {width:200px; display:block;}
ul.newList li {padding:3px 8px; cursor: pointer;}
.selectedTxt {width:154px; overflow:hidden; height:13px; padding: 3px 20px 3px 3px; cursor: pointer;}
.hiLite {background:#ccc !important; color:#000!important;}
.newListHover {background:#d4d4d4!important; color:#545454!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position: right -22px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}


.check .newListSelected {width: 78px;}
  .check .selectedTxt {width:54px;}
.night .newListSelected {width: 43px;}
  .night .selectedTxt {width:20px;}
.country .newListSelected {width: 348px;}
  .country .selectedTxt {width:324px;}
.cats .newListSelected {width: 150px;}
  .cats .selectedTxt {width:127px;}