/* @override http://dev.exclusif.ch/A556E9/exclusif2.nsf/template/StyleSheet_Slider.css */
/* @override http://www.exclusif.ch/A556E9/exclusif2.nsf/template/StyleSheet_Slider.css */
.clearfix {clear:both;}

.floatl, 
.floatr {
 font-size: 12px;
 line-height: 21px;
}
.floatl {
}
.floatr {
 float: right;
}
.inline{display:inline;}

.fontbold{font-weight:bold;}
.fontwhite {color:#ffffff !important;}
.fontblack {color:#333333 !important;}
.fontgreen {color:#1ABE07 !important;}
.fontblue {color:#0198D1 !important;}
.fontgrey {color:#9d9d9d !important;}
.fontred {color:#A30004 !important;}
.fontcayenne {color:#993300 !important;}

.leftcol2{ width:50%;
	float: left;
	clear: left;
}
.rightcol2{ clear: right;width:50%;
	float: right;
}


#header #header_search {
 color: black;
 border: 0px dashed navy;
 background: url(../template/images/search/searchbox.png) no-repeat left top;
 font: 9px "Lucida Grande", Lucida, Verdana, sans-serif;
 width: 520px;
 height: 350px;
 position: relative;
 top: 5px;
}

#header #header_search_title {
 color: #ffffff;
 border: 0px dashed navy;
 font: bold 14px/25px "Lucida Grande", Lucida, Verdana, sans-serif;
 width: 180px;
 height: 25px;
 position: relative;
 top: 0;
 left: 54px;
 text-align: center;
 padding: 0;
 margin: 0;
}

#header #header_search form{
 padding: 0;
 position: relative;
 top: -10px;
 float: left;
 clear: both;
 width: 400px;
 margin-top: 20px;
 margin-left: 60px;
}

/* *** FORMS *** */

/* @group My Group */



/* @end */

#header_search #searchField, 
#header_search #searchType, 
#header_search #searchPrice, 
#header_search #searchSurface, 
#header_search #searchRoom, 
#header_search #searchOptions{
	width: 100%;
	padding:  0;
	margin: 0;
	float: left;
	clear: left;
}

#header_search div#searchRoomContainer {
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
}

#header_search div#searchRoomSlider {
	height: 45px;
	width: 100%;
	padding: 0;
	margin: 0;
	top: 0;
	position: relative;
}

#header_search div#searchRoom {
	padding-top: 6px;
}

#header_search #searchField{
	height: 25px;
}

#header_search #searchType{
	height: 35px;
	margin-top: 5px;
}


#header_search h3{
 color: maroon;
 text-align: left;
 font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#header_search .leftcol2 label, 
#header_search .rightcol2 label{
	float: left;
	color: #993300;
	margin-right: 5px;
	font-weight: bold;
	line-height: 21px;
	font-size: 13px;
}

#header_search .inputTextField{
 background: url(../images/forms/input-right.png) no-repeat right top;
 height: 21px;
 margin-bottom: 20px;
 padding-right: 7px;
 font-size: 10px;
 float: right;
 clear: both;
}

#header_search p, 
#header_search .inputTextField label{
 color: #993300;
 font-weight: bold;
 line-height: 21px;
}

#header_search .inputTextField label{
 padding-right: 15px;
 background: url(../images/forms/input-left.png) no-repeat right top;
 height: 21px;
 float: left;
}

#header_search .inputTextField input{
 color: #505050;
 padding-right: 5px;
 background: url(../images/forms/input.png) repeat-x right top;
 border-style: none;
 float: left;
 font-size: 10px;
 line-height: 11px;
 padding-top: 5px;
 padding-bottom: 5px;
 height: 11px;
 width: 290px;
}

#header_search .inputTextField input:focus{
 outline: none; 
}

#header_search legend{
 color: #993300;
 text-align: left;
 font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
 margin-left: 10px;
 margin-right: 10px;
 padding-left: 5px;
 padding-right: 5px;
}
/* Slider Style */
.slider_outer{ 
 width: 100%;
 font-weight: bold;
 font-size: 14px;
 margin: 0;
 padding: 0;
}

.slider_outer label { 
 color: #993300;
 font-weight: bold;
 margin-top: -2px;
}

.slide_container {
 width: 310px;
 float: right;
 top: -1px;
 position: relative;
}

#header_search #submitButton {
 position: absolute;
	right: 0;
	float: right;
	top: 190px;
}

.slide_container li{
 float: left;
 list-style-type: none;
 margin-right: 8px;
}

.slide_container label{
 margin-left: 4px;
}

#searchPrice.options {
 position: relative;
 top: 8px;
}

.slider_gutter_item{position: relative; float: left; left: 100%;}

#slider_minmax_gutter_l, .slider_gutter_l{width: 10px;margin-left:-100%; height:20px;background:url(../template/images/search/slider_l.gif) no-repeat; }

#slider_minmax_gutter_mA, 
#slider_minmax_gutter_mB, 
#slider_minmax_gutter_mC, 
#slider_minmax_gutter_m{width: 280px;margin-left: -290px; height:20px; background:url(../template/images/search/slider_rptr.gif) repeat-x;}

#slider_minmax_gutter_r,.slider_gutter_r{width: 10px;margin-left:-15px;height:20px;  background:url(../template/images/search/slider_r.gif) no-repeat; border:1px }

#minmax_slider{ width:300px; margin: 0;}

.slider_gutter {
 width: 270px; margin: 10px 0px 0px;
width: 100%;position: relative;
 float: right;
 clear: both;
}

.slider_gutter_m{width:160px;margin-left:-170px; height:20px; background:url(../template/images/search/slider_rptr.gif) repeat-x;}

.slider_gutter_bkg{ position: absolute; background:url(../template/images/search/bkg_slider.gif) repeat-x; height: 8px; margin:6px 0px 0px -2px;  }

.knob { position: absolute; height: 20px;width: 20px;background: url(../template/images/search/slider_knob.png) no-repeat;cursor: pointer;
 z-index: 10;
 margin-left: 1px;
}

#slider_bkg_imgA, 
#slider_bkg_imgB, 

#slider_bkg_imgC, 

#slider_bkg_img {
 background-image: url(../template/images/search/slider_bkgnd.gif);
 position: absolute;
 z-index: 0;
 top: 6px;
 height: 7px;
}

#slider_minmax_result {
 font-size: 10px;
 line-height: 14px;
 text-align: center;
 padding: 0;
 width: 100%;
 margin: -2px 0 5px;
 font-weight: bold;
 color: #993300;
 float: left;
}

#slider_minmax_min, 
#slider_minmax_max {
 font-weight: bold;
}

#area {
 background: #ccc;
 height: 20px;
 width: 500px;
}
 
#knob {
 height: 20px;
 width: 20px;
 background: #000;
}
 
#area2 {
 position: relative;
 height: 15px;
 width: 280px;
 background: #000;
}
 
#knob2 {
 position: absolute;
 height: 15px;
 width: 20px;
 background: #ff3300;
 cursor: pointer;
}
 
#area3 {
 background: #ccc;
 height: 300px;
 width: 20px;
}
 
#knob3 {
 height: 20px;
 width: 20px;
 background: #000;
}
 
#area4 {
 background: #ccc;
 height: 20px;
 width: 500px;
}
 
#knob4 {
 height: 20px;
 width: 20px;
 background: #000;
}
 
#maxknob4 {
 height: 20px;
 width: 20px;
 background: #000;
}