@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Ubuntu');


/* Settings for general elements */
body {
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  text-transform: none;
}

a {
  text-transform: none;
}

h1, h2, h3, h4 {
  text-transform: none;
}

/* Settings for Slider's General Elements     */
.sliderContainer {
	overflow: hidden;
	padding: 10px;
	display: block;
	border: solid 1px #878484; border-radius: 2px;
	-webkit-box-shadow: 0px 2px 30px 1px rgba(34,34,34,1);
	-moz-box-shadow: 0px 2px 30px 1px rgba(34,34,34,1);
	box-shadow: 0px 2px 30px 1px rgba(34,34,34,1);
	}
.sliderHorizontal {
	overflow: hidden;
	color: #eee;
	border: solid 1px #C5C5C5;
	border-radius: 2px;
	display: block;
	padding: 20px;
	margin-bottom: 15px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	}
.sliderVertical {
	overflow: hidden;
	width: 100px;
	height:185px;
	padding: 10px;
	color: #656565;
	border: solid 1px #878484;
	border-radius: 2px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	}
.sliderText {
	font-size: 18px;
	margin-bottom:5px;
	}

/* Setting for Cpu Slider */
#sliderCpu {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
#sliderCpu .ui-slider-pip .ui-slider-label {
	width: 60px; font-size:13px; color:#f5f5f5;
}

#sliderCpu .ui-state-default, .ui-widget-content .ui-state-default {
	background: url(../img/slider-handle-vertical.png);
	border: none
}


/* Setting for Os Slider */
#sliderOs{
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	}
#sliderOs .ui-slider-pip .ui-slider-label {
	width: 40px; font-size:13px; color:#f5f5f5;
	}

#sliderOs .ui-slider-pip.ui-slider-pip-first .ui-slider-label {
	width:40px;
	}
#sliderOs .ui-state-default, .ui-widget-content .ui-state-default {
	background: url(../img/slider-handle-vertical.png);
	border: none;
	}

/* Setting for Ram Slider */
#sliderRam {
	float: left;
	clear: left;
	width: 100%;
	height: 12px;
	border-bottom: solid 5px #565454;
	border-top: solid 5px #565454;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	}
#sliderRam .ui-slider-range {
	background: #ccc;
	}
#sliderRam .ui-state-default, .ui-widget-content .ui-state-default {
	background: url(../img/slider-handle.png);
	border: none;
	}
#sliderRam .ui-slider-handle:focus {
	border: none;
	outline: none;
	}	
#sliderRam.ui-slider .ui-slider-pip .ui-slider-label { 
	color: #D5D5D5;
	font-size:12px;
	}

/* Setting for Storage Slider */
#sliderDisk {
	float: left;
	clear: left;
	width: 100%;
	height: 12px;
	border-bottom: solid 5px #565454;
	border-top: solid 5px #565454;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	}
#sliderDisk .ui-slider-range {
	background: #555;
	}
#sliderDisk .ui-state-default, .ui-widget-content .ui-state-default {
	background: url(../img/slider-handle.png);
	border: none;
	}
#sliderDisk .ui-slider-handle:focus {
	border: none;
	outline: none;
	}
#sliderDisk.ui-slider .ui-slider-pip .ui-slider-label { 
	color: #D5D5D5;
	font-size:12px;
	}

/* Setting for Bandwidth Slider */
#sliderBandwidth {
	float: left;
	clear: left;
	width: 100%;
	height: 12px;
	border-bottom: solid 5px #565454;
	border-top: solid 5px #565454;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	}
#sliderBandwidth .ui-slider-range {
	background: #555;
	}
#sliderBandwidth .ui-state-default, .ui-widget-content .ui-state-default {
	background: url(../img/slider-handle.png);
	border: none;
	}
#sliderBandwidth .ui-slider-handle:focus {
	border: none;
	outline: none;
	}
#sliderBandwidth.ui-slider .ui-slider-pip .ui-slider-label { 
	color: #D5D5D5;
	font-size:12px;
	}
#sliderBandwidth .ui-slider-pip.ui-slider-pip-last .ui-slider-label {
	 left:-10px !important;
	}

/* Setting for Order Price Summary Slider */
.orderCart {
	overflow: hidden;
	height:380px;
	border: dashed 1px #ccc;
	padding: 10px;
	color:#fff;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	}
.orderCartText {
	font-weight: bold;
	color:#111;
	}
.orderPrice {
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	}
.orderPriceStrip { 
	display:block;
	overflow:hidden;
	margin-top:70px;
	font-weight:bold;
	font-size:24px; 
	-webkit-box-shadow: 0px 2px 30px 1px rgba(34,34,34,1);
	-moz-box-shadow: 0px 2px 30px 1px rgba(34,34,34,1);
	box-shadow: 0px 2px 30px 1px rgba(34,34,34,1);
	}

/* For mobile view */
   @media (max-width: 400px) {
        	.sliderVertical {width:100%}
        	.orderCart {height: 600px;}
        }
/* End of Order Slider Css */

                  /*
            custom style for extruder
            */

        .extruder.left.a .flap{
            font-size:18px;
            color:white;
            top:0;
            padding:10px 0 10px 10px;
            background:#772B14;
            width:30px;
            position:absolute;
            right:0;
            -moz-border-radius:0 10px 10px 0;
            -webkit-border-top-right-radius:10px;
            -webkit-border-bottom-right-radius:10px;
            -moz-box-shadow:#666 2px 0px 3px;
            -webkit-box-shadow:#666 2px 0px 3px;
        }

        .extruder.left.a .content{
            border-right:3px solid #772B14;
        }

        .extruder.top .optionsPanel .panelVoice a:hover{
            color:#fff;
            background: url("elements/black_op_30.png");
            border-bottom:1px solid #000;
        }
        .extruder.top .optionsPanel .panelVoice a{
            border-bottom:1px solid #000;
        }

        .extruder.left.a .flap .flapLabel{
            background:#772B14;
        }