@charset "UTF-8";

body {
	color:#666666;
}

.budgetSliderHeader {
	background:#f1f1f1;
	margin:0 0 20px;
	position:relative;
} 	
.budgetSliderHeader h1 {
	background:#134b7e ;
	padding:10px 20px;
	font-size:24px;
	color:#ffffff;
	font-weight:400;
	margin:0;
}
.budgetSliderHeader h1:after {
    background-image: url("/bcommon/css/budgetslider/header_logo_big.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: " ";
    height: 30px;
    position: absolute;
    right: 10px;
    top: 9px;
    width: 100px;
} 	
.budgetSliderHeader  .infoBar {
	padding: 10px 20px 10px 50px;
	position:relative;
}  
.budgetSliderHeader .infoBar.fontIcon:before {
	top:9px;
	left:20px;	
	font-size:24px;
	height:24px;
	width:24px;
	line-height:24px;
	color:#b9b9b9;
}
.budgetSliderHeader #topSummary {
	display:block;
	font-size:19px;
	padding: 1px 0 0;
	color:#666666;
}
.budgetSliderHeader #topWarn {
	display:block;
	color:#c80009;
} 
.budgetSliderHeader #topSummary span {
	color:#134b7d;
	font-size:13px;
}  
#sliders  {
	max-width:666px;
} 
#sliders .budgetSliderCategory {
	background:#f1f1f1;
	margin:0 0 20px;
	position:relative;
	padding:0 0 20px;
} 

#sliders .budgetSliderCategory.MSI:after {
    background-image: url("/bcommon/css/budgetslider/msi-2.png");                                             
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: " ";
    height: 30px;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 100px;
}  
#sliders .budgetSliderCategory.beQuiet:after {
    background-image: url("/bcommon/css/budgetslider/bequiet.png");   
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: " ";
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 89px;
}
#sliders .budgetSliderCategory.Iiyama:after {
    background-image: url("/bcommon/css/budgetslider/Iiyama.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: " ";
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 72px;
}  
#sliders .budgetSliderCategory.roccat:after {
    background-image: url("/bcommon/css/budgetslider/roccat-white.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: " ";
    height: 50px;
    position: absolute;
    right: 10px;  
    top: -5px;
    width: 150px;
}  
#sliders .budgetSliderCategory.ballistix:after {
    background-image: url("/bcommon/css/budgetslider/Ballistix.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    height: 26px;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 138px;
}  
#sliders .budgetSliderCategory.Crucial:after { 
    background-image: url("/bcommon/css/budgetslider/Crucial.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    height: 29px;
    position: absolute;
    right: 10px;
    top: 6px;
    width: 87px;
}  

#sliders .budgetSliderCategory h2{
	padding:9px 20px;
	background:#666666;
	font-size:17px;
	color:#ffffff;
	font-weight:400;
	margin:0 0 20px;
}

#sliders .slDisabled {
	margin:0;
	padding:0;
}
#sliders .slDisabled {
	color:#cccccc;
}
#sliders  h3,
#sliders .slDisabled h3{
	padding:9px 10px;
	background:#b9b9b9;
	font-size:15px;
	color:#ffffff;
	font-weight:400;
	margin:0 20px 2px;
}
#sliders .slDisabled h3{
	background:#e3e3e3;
}

#sliders .catAvailable {
	margin:0 20px 0 22px;
	font-size:13px;
	display:block;
}
#sliders .catAvailable span {
	display:block;
	position:relative;
	padding:2px 10px 2px 35px;
	border:1px solid #dbdbdb;
	margin: 0 0 2px;
	height: 27px;
    line-height: 22px;         
}

#sliders .catAvailable span span {
    background: #666666;
    border: medium none;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    left: -3px;
    line-height: 26px;
    padding: 0 9px;
    position: absolute;
    top: -1px;
	height:26px;
}
#sliders .slDisabled .catAvailable span span {
	background: #e3e3e3;
}
#sliders .catAvailable span.active span{
    background: #134b7e;
}
#sliders .catAvailable span span:before{
    bottom: -1px;
    color: #666666;
	content: '\e812';	
    display: block;
    font-size: 11px;
    height: 27px;
    left:25px;
    position: absolute;
    text-transform: none;
	-webkit-transform:  scale(1, 1.4);
		-ms-transform:  scale(1, 1.4);
			 transform: scale(1, 1.4);
	/* -webkit-transform: rotate(-90deg);
		-ms-transform:  rotate(-90deg);
			 transform: rotate(-90deg); */
    font-family: "Fontello";
}
#sliders .catAvailable span.active span:before{
    color: #134b7e;
}
#sliders .slDisabled .catAvailable span span:before{
    color: #e3e3e3;
}
#sliders .ui-widget-content,
#sliders .slDisabled .ui-widget-content {
    background: #fed700;
	height:8px;
	border-radius:10px;
	border:none;
	margin:51px 25px 10px;
	opacity: 1 !important;
	position:relative;
}
#sliders .slDisabled .ui-widget-content {
	background: #ededed;
}
/* #sliders .ui-widget-content:after,
#sliders .slDisabled .ui-widget-content:after{
	content:'';
	width:8px;
	height:8px;
	right:-4px;
	position:absolute;
	background:red;
	border-radius:10px;
	z-index:0;
} */
#sliders .ui-widget-content .ui-slider-tick,
#sliders .slDisabled .ui-widget-content .ui-slider-tick {
	width:4px !important;
	height:4px !important;
	border-radius:10px !important;
	top:2px;
	background:#a1a1a1 !important;
	position:absolute;
	z-index:1;
}
#sliders .slDisabled .ui-widget-content .ui-slider-tick {
	background:#e3e3e3 !important;
}
#sliders .ui-widget-content .ui-slider-tick:nth-child(2),
#sliders .slDisabled .ui-widget-content .ui-slider-tick:nth-child(2) {
	left:3px !important;
}
#sliders .ui-widget-content .ui-slider-tick:nth-child(5),
#sliders .slDisabled .ui-widget-content .ui-slider-tick:nth-child(5) {
	right:3px !important;
	left: auto !important;
}

#sliders .ui-widget-content .ui-slider-tick.active:nth-child(2) .labelWrapper {
	left: -18px !important;
}
#sliders .ui-widget-content .ui-slider-tick.active:nth-child(5) .labelWrapper {
	left: -8px !important;
}
#sliders .budgetSliderCategory.Iiyama .ui-widget-content .ui-slider-tick:nth-child(4) {
	right:3px !important;
	left: auto !important;
}
#sliders  .budgetSliderCategory.Iiyama .ui-widget-content .ui-slider-tick.active:nth-child(4) .labelWrapper {
	left: -8px !important;
}
#sliders .ui-widget-content .ui-state-default, .ui-widget-content .ui-state-default {
    background: #134b7e;
	border:none;
	height:16px;
	width:16px;
	border-radius:10px;
}
#sliders .slDisabled .ui-widget-content .ui-state-default, .ui-widget-content .ui-state-default {
    background: #e3e3e3;
}

#sliders .value,
#sliders .slDisabled .value {
	padding:9px 20px 9px 35px;
	border:1px solid #dbdbdb;
	margin:0 20px 20px;
	display:block;
	position: relative;
}
#sliders .slDisabled .value {
	margin:0 20px 0;
}
#sliders .value span {
	color:#c80009;
}
#sliders .slDisabled .value span {
	color:#cccccc;
}
#sliders .value.infoBar.fontIcon::before,
#sliders .slDisabled .value.infoBar.fontIcon::before {
	left:10px;
	top:9px;
	color:#b9b9b9;
	line-height:20px;
}
#sliders .slDisabled .value.infoBar.fontIcon::before {
	color:#dbdbdb;
}

/* .slDisabled .catAvailable, */
/* .slDisabled .ui-slider-tick, .slDisabled .value {
	visibility: hidden;
} */
/* .prodUnavailable, .slDisabled .catAvailable {
	text-decoration: line-through;
// display: none;
} */


.tick-disabled {
	background-color: red !important;
}



/* <div class="labelWrapper">
	<span class="number">1</span>
	<div class="arrow fontIcon"></div>
</div>
 */
 .slDisabled .ui-slider-tick.active .labelWrapper,
 .ui-slider-tick.active .labelWrapper {
    line-height: 30px;
    padding: 0 10px;
	color: #ffffff;
    font-size: 1.4rem;
    font-weight: 700;
	display: inline-block;
    position: relative;
	background:#134b7e;
	border-radius:2px;
	top:-43px;
	left:-14px;
	font-weight:400;
	cursor:auto;

}
.slDisabled .ui-slider-tick.active .labelWrapper {
	background:#e3e3e3;
}
.slDisabled .ui-slider-tick.active .labelWrapper .fontIcon:before {
    color: #e3e3e3;
}
.ui-slider-tick.active .labelWrapper .fontIcon:before {
    bottom: -14px;
    color: #134b7e;
	content: "\e810";
    display: block;
    font-size: 14px;
    height: 27px;
    left: 70%;
    margin-left: -3px;
    position: absolute;
    text-transform: none;
	-webkit-transform:  scale(1.7, 1);
		-ms-transform:  scale(1.7, 1);
			 transform: scale(1.7, 1);
    width: 24px;
}

.ui-slider-tick .labelWrapper {
    background: #666666;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    left: -9px;
    line-height: 22px;
    padding: 0 6px;
    position: relative;
    top: -30px;
	cursor:pointer;
}
.ui-slider-tick.tick-disabled .labelWrapper {
    background: #b9b9b9;
}
.ui-slider-tick.tick-disabled .labelWrapper .fontIcon:before {
	 color: #b9b9b9;
}
.slDisabled .ui-slider-tick.tick-disabled .labelWrapper .fontIcon:before {
	 color: #e3e3e3;
}
.labelWrapper .fontIcon:before,
.slDisabled .labelWrapper .fontIcon:before {
    bottom: -17px;
    color: #666666;
    content: "";
    display: block;
    font-size: 11px;
    height: 27px;
    left: 70%;
    margin-left: 0;
    position: absolute;
    text-transform: none;
    width: 24px;
	-webkit-transform:  scale(1.7, 1);     
		-ms-transform:  scale(1.7, 1);
			 transform: scale(1.7, 1);
}
.slDisabled .ui-slider-tick .labelWrapper {
    background: #e3e3e3;
	cursor:auto;
}
.slDisabled .labelWrapper .fontIcon:before {
    color: #e3e3e3;
}
.selectionTitle {
	background: #666666;
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    padding: 9px 20px;
	margin:0;
}
.selectionSummaryWrapper {
	padding:20px;
	background:#f1f1f1;
}
#selectionSummary {
	width:100%;
	height:130px;     
	padding: 7px;
	min-height: 90px;
	max-width: 626px;
	font-size:11px;
	line-height:15px;
	color:#888888;
	border:1px solid #e1e1e1;
	overflow: auto;
}