/*
 * jQuery UI Slider 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}
.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.stortype-container{
	float: left;
	width:100%;
	background: #fff;
	box-shadow:0 0 0 1px #ccc inset;
	padding:10px 0;
	margin:30px 0 0;
}

.slider-container {
	float: left;
	width: 100%;
	background:#fff;
	box-shadow:0 0 0 1px #ccc inset;
	padding:50px 0;
	margin:30px 0 0;
	position:relative;
	text-align:center;
}
.slider-container h3 {
	margin:0 0 10px;
	padding:0;
	color:#000;
	font-size:30px;
	line-height:30px;
	font-weight:normal;
}
.slider-container h3 span {
	color:#ff9226;
	font-weight:700;
}
.slider-container p {
	margin:0;
	padding:0;
}
.sliderbox {
	display:inline-block;
	width: 887px;
	margin:0;
}
.slider-container #slider {
	margin:0 auto 25px;
	width: 871px;
	height: 22px;
	padding: 0;
	border: 0;
	background:url(../images/slider_bg.png) no-repeat left top;
}
.slider-container #slider .ui-slider-range {
	background: url(../images/slide_hover.png) no-repeat left top;
}
.slider-container #slider .ui-slider-handle {
	outline: none;
	background: url(../images/handle.png) no-repeat left top;
	border-radius: 0;
	border: 0;
	width: 42px;
	height: 42px;
	margin: -6px 0 0 -4px;
}
.slider-container #slider .ui-slider-handle:hover {
	cursor: pointer;
}
.price_rangetxt {
	margin:0 auto 12px;
	width:870px;
	padding:0;
}
.price_rangetxt div.icon {
	display:inline-block;
	width:50px;
	height:44px;
	color:#3d494f;
	margin:0 89px 0 0;
	font-size:16px;
	line-height:23px;
	cursor: pointer;
	font-weight:400;
	background:url(../images/vps_image.png) no-repeat center top;
}
.price_rangetxt div.icon span{
	margin:20px 0 0;
	display:block;
}
.price_rangetxt div.current {
	color:#38bdf0;
	background:url(../images/vps_image_hover.png) no-repeat center top;
}
.price_content {
	margin:0 auto;
	width:887px;
	text-align:center;
}
.price_content .smallbox{
	float:left;
	width:120px;
	padding:0px 0;
	margin:2px 10px 0 0;
	box-shadow:0 0 0 2px #ccc ;
	border-radius:4px;
}
.stortype {
	float: left;
	width:23%;
	padding:0px 0;
	margin:0 11px 0 10px;
	box-shadow:0 0 0 2px #ccc ;
	border-radius:4px;
	cursor:pointer;
}
.stortype:active {
	    box-shadow: 1px 1px 3px 3px #5AAA28;
}

/* ON/OFF Button at the home page slider*/
.onoffswitch {
	margin-bottom: 4px;
    position: relative; width: 147px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display:none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #CCC; border-radius: 6px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 68px; padding: 0; line-height: 68px;
    font-size: 18px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "OpenVZ";
    padding-left: 10px;
    background-color: #3D494F; color: #FFFFFF;
		text-align:left;
}
.onoffswitch-inner:after {
    content: "KVM";
    padding-right: 10px;
    background-color: #FFF; color: #3D494F;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 50px; margin: 4px;
    background: #3D494F;
    position: absolute; top: 0; bottom: 0;
    right: 86px;
    border: 2px solid #CCC; border-radius: 10%;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
    background-color: #FFF;
}
/* End of button*/
/* ON/OFF Button at the home page slider*/
.onoffswitch-2 {
    position: relative; width: 147px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox-2 {
    display: none;
}
.onoffswitch-label-2 {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #CCC; border-radius: 6px;
}
.onoffswitch-inner-2 {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner-2:before, .onoffswitch-inner-2:after {
    display: block; float: left; width: 50%; height: 68px; padding: 0; line-height: 68px;
    font-size: 18px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner-2:before {
    content: "HDD Storage";
		font-size: 0.75em;
    padding-left: 10px;
    background-color: #3D494F; color: #FFFFFF;
		text-align:left;
}
.onoffswitch-inner-2:after {
    content: "SSD Storage";
		font-size: 0.75em;
    padding-right: 10px;
    background-color: #FFF; color: #3D494F;
    text-align: right;
}
.onoffswitch-switch-2 {
    display: block; width: 50px; margin: 4px;
    background: #3D494F;
    position: absolute; top: 0; bottom: 0;
    right: 86px;
    border: 2px solid #CCC; border-radius: 10%;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox-2:checked + .onoffswitch-label-2 .onoffswitch-inner-2 {
    margin-left: 0;
}
.onoffswitch-checkbox-2:checked + .onoffswitch-label-2 .onoffswitch-switch-2 {
    right: 0px;
    background-color: #FFF;
}
/* End of button*/

.price_content .image_holder, .stortype .image_holder {
	float:none;
	margin:15px auto;
	height:70px;
	width:70px;
	background:#3d494f;
	display:table;
	border-radius:50%;
}
.price_content .image_holder span, .stortype .image_holder span {
	vertical-align:middle;
	display:table-cell;
}
.price_content .value_text, .stortype .value_text {
	display:inline-block;
	width:100%;
	font-weight:400;
	padding:10px 0;
	color:#3d494f;
	background:#f1f5f6;
}
.price_content .value, .stortype .value {
	color:#3d494f;
	line-height:14px;
}
.price_content .smallbox2 {
	float:right;
	width:205px;
	padding:0;
	box-shadow:0 0 0 1px #ccc inset;
	border-radius:4px;
	background:#f1f5f6;
}
.price_txt {
	float:left;
	width:100%;
	color:#3d494f;
	font-size:20px;
	line-height:20px;
	font-weight:400;
	padding:5px 0;
}
.price_txt .dollar {
	line-height:35px;
	font-size:35px;
}
.price_txt .numeric1 {
	line-height:50px;
	font-size:50px;
	font-weight:700;
}
.vps_btn {
	display:inline-block;
	width:100%;
	height:42px;
}
.vps_btn a {
	color:#fff;
	display:block;
	font-size:16px;
	line-height:42px;
	background:#3d494f;
	text-decoration:none;
	font-weight:400;
	text-transform:uppercase;
	border-radius:0 0 4px 4px;
}
.vps_btn a:hover {
	opacity:0.8;
}

.tag{
	position:absolute;
	right:0;
	top:0;
}