
/* ---[ Layout Round fx-select ]------------------------------- */

/* ---[ fx-select Silver theme ]------------------------------- */
div.fx-select {
	background: url(../images/drop/Fx-Select-Left.gif) no-repeat 0 0;
	height:12px;
	}

div.fx-select span.bt {
	text-align:left;
	background: url(../images/drop/Fx-Select-Right.gif) no-repeat 100% 0;
	color: #ffffff;
	margin-right:12px;

	}	

div.fx-select ul.fx-select {
	color: #ffffff;
	width:120px;
	text-align:left;
	background: #752525;
	border-left: 1px solid #752525;
	border-right: 1px solid #752525;
	border-bottom: 1px solid #752525;
    }

div.fx-select ul.fx-select li:hover,
div.fx-select ul.fx-select li span.hover,
div.fx-select ul.fx-select li.selected {
width:127px;
text-align:left;

	background: #a43a39;
    }	
	
	
/* ---[ Layout Round fx-select ]------------------------------- */
select.fx-select {
	display: block;
	width: 300px;
	height: 24px;
	margin: 0 0 0 0 !important;
	margin: 0 0 4px 0;
	visibility: hidden;
    }
	
div.fx-select {
	margin-left:15px;
    position: relative;
	width:140px;
	height: 26px;
	padding: 0;
    cursor:pointer !important;
	/* cursor:hand; */
	font:  small-caps bolder 11px Arial, Helvetica, sans-serif;
	}

div.fx-select span.bt {
	display: block;
	height: 20px;
	margin: 0;
	padding: 6px 1px 0 10px;
	overflow: hidden;
	font:  small-caps bolder 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	}

div.fx-select:hover,
div.fx-select.hover,
div.fx-select.selectOpen,
div.fx-select.selectOpenSub {
	background-position: 0 -26px;
	} 

div.fx-select:hover span.bt,
div.fx-select.hover span.bt,
div.fx-select.selectOpen span.bt,
div.fx-select.selectOpenSub span.bt {
	background-position: 100% -26px;
	} 
	
ul.fx-select {
	display: none;
   	position: absolute;
	width: 190px;
	top: 20px;
	left: 4px;    
	margin: 0;
    padding: 0;
    }
		
ul.fx-select li {
	position: relative;
	width: auto !important;
	width: 100%;	
	padding: 0;
	margin: 0;
	font:  small-caps bolder 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
    list-style: none;
    }
	
ul.fx-select li span {
	width: auto !important;
	width: 100%;	
	display: block;
	position: relative;
    margin: 0;
   	padding: 2px 0 2px 4px;	
    }

div.selectOpen ul.fx-select {
	display: block;
    }
	
/* Pad */
ul.fx-select li div {
	display: none;
	font:  small-caps bolder 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	position: relative;
	padding: 0;
	margin: 0;

	}

ul.fx-select li div p {
	position: relative;
	font:  small-caps bolder 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 100%;
	padding: 0 2px 0 4px;
	margin: 0;
    }	

ul.fx-select ul {

	font:  small-caps bolder 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	position: relative;
	margin: 0;
	padding: 0;
    }
		
ul.fx-select li ul li {
    position: relative;
	float: left;
	width: 20px !important;
	height: 17px;
    margin:  2px 2px 2px 4px !important;
	margin:  2px 2px 2px 2px;
  	padding: 3px 0 0 0;
    list-style: none;
	font:  small-caps bolder 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
    }	

ul.fx-select li ul li a {	
	color: #fff;
	text-decoration: none;
	}

ul.fx-select li ul li a:hover {	
	color: #fff;
	text-decoration: none;
	}

div.selectOpenSub ul.fx-select li,
div.selectOpenSub ul.fx-select li span {
	display: none;
    }

div.selectOpenSub ul.fx-select,
div.selectOpenSub ul.fx-select li.selected,
div.selectOpenSub ul.fx-select div,
div.selectOpenSub ul.fx-select ul,
div.selectOpenSub ul.fx-select ul li {
	display: block;
    }
	
