/* ———————— Moduled styles ————————— */

/* -- checkboxes -- */
.checkkie,
.checkkies span,
.checkkies li,
.checkkie input,
.checkkies input,
.checkkie input,
.checkkies label {
	height: 16px;
	display: inline-block;
	text-align: center;
	position: relative;
	color: white;
}

.checkkie input,
.checkkies input {
	position: absolute;
	top: 0px; left:  0px; right: 0px;
	width: 100% !important;
	height:  100% !important;
}

.checkkie.checked,
.checkkies span.checked,
.checkkies li.checked {
	background-color: #8E8E8E;
}

.checkkie,
.checkkies span,
.checkkies li {
	background-color: #DDD;

	padding: 2px;
	height: 14px;
	display: inline-block;

	width: 66px;
	height:  16px;

	overflow: visible;
	white-space: nowrap;

	text-align: center;

	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
}

/* -- number field -- */
fieldset.number{
	/* Reset */
	border: 0; background: transparent; margin: 0px; padding: 0px; top: 0px;
	text-align: center;
	position: relative;
}

fieldset.number .up,
fieldset.number .down,
fieldset.number input{
	display: block !important;
	margin: 0 auto;
	text-align: center;
	position: relative;
	float: none;
}
fieldset.number input{
	width: 16px;
	float:right;
}
fieldset.number .up,
fieldset.number .down {
	width:  12px;
	height: 13px;
	margin: 3px auto;
	display: block;
	border: none;
	cursor: pointer;
}
fieldset.number .down {	background: url('../images/fieldset_arrow_left.png') no-repeat 0 0px; float:left; margin-right:4px; }
fieldset.number .up	 { background: url('../images/fieldset_arrow_right.png') no-repeat 0 0px ; float:right; margin-left:4px;}

/* -- draggers -- */
fieldset.hl_dragger{
	height: 19px;

	padding: 0px;
	position: relative !important;
	white-space: nowrap;
	display: inline-block;
	border: none;
	overflow: visible;

	background: transparent;

	user-select: none !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
}

fieldset.hl_dragger hr{
	position: absolute !important;
	z-index: -1 !important;
	width:  100%;
	left:  0px;
	top: 50%;
	border: none; margin: 0px; padding: 0px;

	border-top: 1px solid black;
}

fieldset.hl_dragger .marker{
	position: absolute !important;
	width: 50px; /* width before setting def value */

	display: inline-block;
	height: 100%;
	overflow: visible;

	background-color: rgba(249, 249, 249, 0.9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F9F9F9,endColorstr=#E5F9F9F9);
}
fieldset.hl_dragger .marker.min{ left: 0px; }
fieldset.hl_dragger .marker.max{ right:0px; }

fieldset.hl_dragger .anchor{
	position: absolute;
	display: inline-block;
	width: 11px;
	height: 19px;
	margin-top: -9px;
	top: 50%;
	vertical-align: top;
	background-color: #000000;

}

fieldset.hl_dragger a.area{
	position: absolute;
	top: 50%;
	left:  50%;
	width: 16px;
	height:  16px;
	margin-left: -8px;
	margin-top: -8px;

	cursor: pointer;
}

fieldset.hl_dragger .marker.min .anchor{
	right:  0px;
	margin-right: -11px !important;
	pointer-events: all !important;
}

fieldset.hl_dragger .marker.max .anchor{
	left:  0px;
	margin-left: -11px !important;
	pointer-events: all !important;
}

fieldset.hl_dragger label{
	position: absolute !important;
	pointer-events: none !important;
	white-space: nowrap !important;
	height: 100%;
	margin: 0px 8px;

}

fieldset.hl_dragger .marker.min label{right: 0px;}
fieldset.hl_dragger .marker.max label{left: 0px;}

/* positions of the label */
fieldset.hl_dragger .marker.min label.right i,
fieldset.hl_dragger .marker.min label.right b {
	position: relative;
	right: -100%;

	background-color: rgba(249, 249, 249, 0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F9F9F9,endColorstr=#E5F9F9F9);
}
fieldset.hl_dragger .marker.min label.right{
	margin-right: -8px;
}
fieldset.hl_dragger .marker.max label.left i,
fieldset.hl_dragger .marker.max label.left b {
	position: relative;
	left: -100%;

	background-color: rgba(249, 249, 249, 0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F9F9F9,endColorstr=#E5F9F9F9);
}

fieldset.hl_dragger .marker.max label.left{
	margin-left: -8px;
}

fieldset.hl_dragger .marker.min label.left i,
fieldset.hl_dragger .marker.min label.left b{right: 0px;}

fieldset.hl_dragger b{
	height:  100%;

	border: 0px; padding: 0px; margin: 0px;
	background: transparent;
	pointer-events: none;
}

fieldset.hl_dragger.i-after label i,
fieldset.hl_dragger.i-after label b{float: right;}
fieldset.hl_dragger.i-none label i{display: none;}

fieldset.hl_dragger label.left{
	/*float: right;*/
}

/* dragger adjastables */
.hl_dragger{
	min-width: 10px;
}
fieldset.hl_dragger a.area{
    height: 19px;
     margin-left: -7px;
     margin-top: -10px;
     width: 13px;
}

/* --- slider --- */
/*	Width */
#slides_root,
.slides_container div.slide,
.slides_container div.slide img{
	width: 1100px;
}

/* Height */
#slides_root .shade,

#slides_root,
.slides_container,
.slides_control,
.slides_container div.slide,
.slides_container div.slide img{
	height: 448px;
}

/* adition 1 — left/right shades */

#slides_root .shade{
	position:  absolute;
	width: 300%;
}
#slides_root .shade#left{
	left: -300%;
}
#slides_root .shade#right{
	right: -300%;
}

/*	Positions	*/
#slides_root{
	position: relative;
	margin: 0 auto;
}
.slides_container {
	position: absolute;
	left: 0px;
	width:  100%;
}
.slides_control {
	position: absolute !important;
	font-size: 0pt;
	white-space: nowrap;
}

.slides_container .slides_control div.slide {
	display: inline-block;
	position: relative;
	float: left;
}

/* Slide Spesiffic */
#slides_root .slide .type{
	position:  absolute;
	top:  0px; right:  0px;
	width:  13%;
	height:  24px;
	line-height: 24px;
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	color: white;
	background: #29abe2;
	padding: 0px;
	margin:  0px;
}

#slides_root .slide .caption{
	position:  absolute;
	bottom:  0px;
	left: 0px;
	width:  100%;

	height:  		49px;
	line-height: 	49px;

	background-color: rgba( 25, 25, 25, 0.5);

	font-family: 'PFDinTextCondProRegular', sans-serif;
	font-size: 28px;
	color: white;
}
#slides_root .slide .caption .main{
	margin-left: 21px;
}
#slides_root .slide .caption .price{
	float: right;
	margin-right: 21px;
}

#slides_root .slide .caption .main{ 		font-size: 28px; }
#slides_root .slide .caption .editional{ 	font-size: 18px; }
#slides_root .slide .caption .price{ 		font-size: 24px; }

#slides_root .slide{
	font-size: 1em;
	line-height: 2em;
	/*opacity: 0;*/
}

.pagination {
	position: absolute;
	right: 0px;

	height: 7px;
	bottom: -14px;

	white-space: nowrap;
	margin: 0px; padding: 0px;

	text-align: center;
}
.pagination li {
	display: inline-block;
	margin: 0px auto 0px 5px;
	float: left;
	font-size: 20px;
	line-height: 7px;
	height:  7px;

}
.pagination li a {
	text-decoration: none;
	color: #a6a6a6;
}

.next,
.prev{
	position: absolute;
	cursor: pointer;
}