/*
Stylish Select 0.3 - jQuery 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

Licensed under the GPL license:
http://www.gnu.org/licenses/gpl.html
*/


/*==================================
remove default focus style
====================================*/
:focus {outline:none;}

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

/*======================================
windows xp style - div that contains the 
<select> has been given an id of #win-xp
(for the purposes of this example
========================================*/
/* select sous categories */
#cont-select_sous_categories {position:relative;z-index:1200;height:20px;}
#cont-select_sous_categories .newListSelected {background:#FFF url(dropdown.gif) no-repeat scroll 205px 1px; border:1px solid #A5ACB2; color:#000; height:17px; margin-bottom:5px; padding:0; width:223px;}
#cont-select_sous_categories .newListSelected div {display:block; font-size:0.85em; padding:2px 21px 2px 4px; text-align:left !important; width:199px;}
#cont-select_sous_categories ul.newList {list-style:none; color:#000; width:222px; background:#fff; border:1px solid #000; top:22px; left:0; height:auto; overflow:auto; font-size: 0.9em; text-align:left!important; position:absolute; z-index:9999;}
/* select tri */
#cont-selectPrductSort {position:relative;z-index:1300;height:20px;margin:0 5px;}
#cont-selectPrductSort .newListSelected {background:#FFF url(dropdown.gif) no-repeat scroll 225px 1px; border:1px solid #A5ACB2; color:#000; height:17px; margin-bottom:5px; padding:0; width:243px;}
#cont-selectPrductSort .newListSelected div {display:block; font-size:0.9em; padding:2px 21px 2px 4px; text-align:left !important; width:219px;}
#cont-selectPrductSort ul.newList {list-style:none; color:#000; width:242px; background:#fff; border:1px solid #000; top:22px; left:0; height:auto; overflow:auto; font-size: 0.9em; text-align:left!important; position:absolute; z-index:9999;}

/* select pagination */
#select_pagination_top, #select_pagination {position:relative;z-index:1200;height:20px;}
#select_pagination_top .newListSelected, #select_pagination .newListSelected {background:#FFF url(dropdown.gif) no-repeat scroll 145px 1px; border:1px solid #A5ACB2; color:#000; height:17px; margin-bottom:5px; padding:0; width:163px;float:right;}
#select_pagination_top .newListSelected div, #select_pagination .newListSelected div {display:block; font-size:0.9em; padding:2px 21px 2px 4px; text-align:left !important; width:139px;}
#select_pagination_top ul.newList, #select_pagination ul.newList {list-style:none; color:#000; width:172px; background:#fff; border:1px solid #000; top:22px; left:0; height:auto; overflow:auto; font-size: 0.9em; text-align:left!important; position:absolute; z-index:9999;}
/* select contact-form*/
#cont-id_contact {position:relative;z-index:1200;height:20px;}
#cont-id_contact .newListSelected {background:#FFF url(dropdown.gif) no-repeat scroll 205px 1px; border:1px solid #A5ACB2; color:#000; height:17px; margin:0 0 5px 5px; padding:0; width:223px;float:left;}
#cont-id_contact .newListSelected div {display:block; font-size:0.9em; padding:2px 21px 2px 4px; text-align:left !important; width:199px;}
#cont-id_contact ul.newList {list-style:none; color:#000; width:222px; background:#fff; border:1px solid #000; top:22px; left:0; height:auto; overflow:auto; font-size: 0.9em; text-align:left!important; position:absolute; z-index:9999;}
/* select blocklangcurr*/
#blocklangcurr {position:relative;z-index:1200;height:20px;}
#blocklangcurr .newListSelected {background:#FFF url(dropdown.gif) no-repeat scroll 115px 1px; border:1px solid #A5ACB2; color:#000; height:17px; margin:0 0 5px 5px; padding:0; width:133px;float:left;}
#blocklangcurr .newListSelected div {display:block; font-size:0.9em; padding:2px 21px 2px 4px; text-align:left !important; width:109px;}
#blocklangcurr ul.newList {list-style:none; color:#000; width:132px; background:#fff; border:1px solid #000; top:22px; left:0; height:auto; overflow:auto; font-size: 0.9em; text-align:left!important; position:absolute; z-index:9999;}

#blocklangcurr2 {position:relative;z-index:1100;height:20px;}
#blocklangcurr2 .newListSelected {background:#FFF url(dropdown.gif) no-repeat scroll 115px 1px; border:1px solid #A5ACB2; color:#000; height:17px; margin:0 0 5px 5px; padding:0; width:133px;float:left;}
#blocklangcurr2 .newListSelected div {display:block; font-size:0.9em; padding:2px 21px 2px 4px; text-align:left !important; width:109px;}
#blocklangcurr2 ul.newList {list-style:none; color:#000; width:132px; background:#fff; border:1px solid #000; top:22px; left:0; height:auto; overflow:auto; font-size: 0.9em; text-align:left!important; position:absolute; z-index:9999;}
/*Select newsletter*/
#cont-action {position:relative;z-index:1200;height:20px;margin-bottom:3px;}
#cont-action  .newListSelected {background:#FFF url(dropdown.gif) no-repeat scroll 160px 1px; border:1px solid #A5ACB2; color:#000; height:17px; margin:0 0 5px 5px; padding:0; width:178px;float:left;}
#cont-action  .newListSelected div {display:block; font-size:0.9em; padding:2px 21px 2px 4px; text-align:left !important; width:154px;}
#cont-action  ul.newList {list-style:none; color:#000; width:177px; background:#fff; border:1px solid #000; top:22px; left:0; height:auto; overflow:auto; font-size: 0.9em; text-align:left!important; position:absolute; z-index:9999;}
/* select attribut prod subscription */
#cont-group_1827 {position:relative;z-index:1200;height:20px;margin:15px auto 0;}
#cont-group_1827 .newListSelected {background:#FFF url(dropdown.gif) no-repeat scroll 145px 1px; border:1px solid #A5ACB2; color:#000; height:17px; margin-bottom:5px; padding:0; width:163px;float:right;}
#cont-group_1827 .newListSelected div {display:block; font-size:0.9em; padding:2px 21px 2px 4px; text-align:left !important; width:139px;}
#cont-group_1827 ul.newList {list-style:none; color:#000; width:172px; background:#fff; border:1px solid #000; top:22px; left:0; height:auto; overflow:auto; font-size: 0.9em; text-align:left!important; position:absolute; z-index:9999;padding-left:0;}


ul.newList li {padding:2px 5px!important; border-bottom: 1px solid #cccccc;}
.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 {font-weight:bold;font-size:0.9em;}
.selContRight{float:right;}

.selContRight{float:right;}