
.configurator .sub_head .sub_title {
	width: 490px;
	padding: 9px 0 0 18px;
	border-radius: 10px 10px 0 0;
	position: relative;
	behavior: url("/library/styles/PIE.htc");
}
.configurator .sub_head .sub_title h2 {
	margin: 0;
}
.configurator .slider_wrapper {
	padding: 27px 18px;
	border-radius: 0 10px 10px 10px;
	behavior: url("/library/styles/PIE.htc");
	margin-bottom: 45px;
	position: relative;
}
.configurator .slider {
	margin:0 5px;
	background: transparent url("/library/images/v3/vps/transparent_bg.png") repeat top left;
	height: 16px;
	border-radius: 8px 8px 8px 8px;
	position: relative;
	behavior: url("/library/styles/PIE.htc");
	border: medium none;
}
.configurator .slider .ui-slider-range {
	height: 17px;
	border: medium none;
	background: transparent url("/library/images/v3/vps/green_gradient.png") repeat-x top left;
	border-radius: 8px 8px 8px 8px;
}
.configurator .blue_slider .slider .ui-slider-range {
	background: transparent url("/library/images/v3/vps/blue_gradient.png") repeat-x top left;
}
.configurator .red_slider .slider .ui-slider-range {
	background: transparent url("/library/images/v3/vps/red_gradient.png") repeat-x top left;
}
.configurator .slider .ui-slider-handle {
	position: absolute;
	width: 35px;
	height: 47px;
	border: medium none;
	cursor: pointer;
	top: -10px;
	margin-left: -18px;
	background: transparent url("/library/images/v3/vps/slider_handle.png") no-repeat top left;
	z-index: 20;
}
.configurator .slider .ui-slider-handle:hover {
	background: transparent url("/library/images/v3/vps/slider_handle_hover.png") no-repeat top left;
}
.configurator .slider_wrapper .point {
	width: 10px;
	height: 10px;
	line-height: 10px;
	font-size: 10px;
	border-radius: 5px 5px 5px 5px;
	behavior: url("/library/styles/PIE.htc");
	display: inline-block;
	background-color: #fff;
	position: absolute;
	top: 30px;
	left: 21px;
	z-index: 10;
	cursor: pointer;
}
.configurator .slider_wrapper .white_point {
	background-color: #fff;
}
.configurator .slider_wrapper .red_point {
	background-color: #DC003F;
}
.configurator .slider_wrapper .green_point {
	background-color: #82c72c;
}
.configurator .slider_wrapper #point-01 {
	left: 21px;
}
.configurator .slider_wrapper #point-02 {
	left: 250px;
}
.configurator .slider_wrapper #point-03 {
	left: 460px;
}
.configurator .slider_wrapper #point-04 {
	left: 674px;
}
.configurator .features {
	border-radius: 10px 10px 10px 10px;
}
.configurator .features .feature_spec {
	background: transparent url("/library/images/v3/vps/transparent_bg_white.png") repeat top left;
	float: left;
	width: 209px;
	padding: 5px 18px 0 18px;
	height: 40px;
	border-bottom: 1px solid #d3dde1;
	text-align: right;
	line-height: 14px;
	color: #666;
	font-size: 11px;
	position: relative;
}
.configurator .features .feature_spec strong {
	color: #000;
	font-size: 14px;
}
.configurator .features .feature_spec .big {
	font-size: 24px;
	line-height: 24px;
	font-family: vagrounded-bold,Helvetica,Arial;
    font-weight: normal;
}
.configurator .features .first .feature_spec {
	border-radius: 10px 0 0 0;
}
.configurator .features .last .feature_spec {
	border-radius: 0 0 0 10px;
	border-bottom: none;
}
.configurator .features .feature_change {
	float: left;
	width: 438px;
	height: 33px;
	border-bottom: 1px solid #0d5877;
	padding: 6px 11px;
	background: transparent url("/library/images/v3/vps/transparent_bg.png") repeat top left;
}
.modal .configurator label {
	display: inline;	
}
.modal .configurator #bp_monthly + label,
.modal .configurator #bp_annually + label {
	display: inline-block;
	padding-left: 10px;
	position: relative;
	top: 3px;
}

.configurator .features .first .feature_change {
	border-radius: 0 10px 0 0;
}
.configurator .features .last .feature_change {
	border-radius: 0 0 10px 0;
	border-bottom: none;
}
.configurator .features .feature .red_hl {
	width: 229px;
	margin-left: -20px;
	background: transparent url("/library/images/v3/vps/feature-hl-red.png") no-repeat top left;
	border-radius: 0 0 0 0;
	height: 41px;
	border-bottom: medium none;
	color: #fff;
}
.configurator .features .feature .red_hl strong {
	color: #fff;
}
.configurator .features .feature_slider {
	padding-top: 15px;
	padding-bottom: 0;
	height: 30px;
}
.configurator .features .feature_change .decrease_feature,
.configurator .features .feature_change .increase_feature {
	background: transparent url("/library/images/v3/vps/transparent_bg.png") repeat top left;
	width: 16px;
	height: 16px;
	border-radius: 8px 8px 8px 8px;
	text-decoration: none !important;
	float: left;
	text-align: center;
	margin: 9px 0 0 8px;
}
.modal .configurator .features .feature_change .decrease_feature,
.modal .configurator .features .feature_change .increase_feature {
	line-height: 14px;
}
.configurator .decrease_feature span,
.configurator .increase_feature span{
	position: relative;
	top: -3px;
}

.configurator .feature_levels {
	list-style-type: none;
	margin: 9px 10px 0 18px;
	padding: 0;
	float: left;
	height: 16px;
	width: 362px;
	border-radius: 8px 8px 8px 8px;
	background: transparent url("/library/images/v3/vps/transparent_gradient.png") repeat-x top left;
}
.configurator .feature_levels .sector {
	float: left;
	width: 20px;
	height: 16px;
	border-left: 1px solid #016792;
	cursor: pointer;
}
.configurator .feature_levels .sector:hover,
.configurator .feature_change .decrease_feature:hover,
.configurator .feature_change .increase_feature:hover {
	box-shadow: 0 0 5px #c4dde8;
	-moz-box-shadow: 0 0 5px #c4dde8;
	-webkit-box-shadow: 0 0 5px #c4dde8;
}
.configurator .feature_levels .first {
	border-left: medium none !important;
	border-radius: 8px 0 0 8px;
}
.configurator .feature_levels .last {
	border-radius: 0 8px 8px 0;
}

.configurator .four_levels .sector {
	width: 90px;
}
.configurator .four_levels .last {
	width: 89px;
}
.configurator .eight_levels .sector {
	width: 44px;
}
.configurator .eight_levels .last {
	width: 47px;
}
.configurator .six_levels .sector {
	width: 59px;
}
.configurator .six_levels .last {
	width: 62px;
}
.configurator .eleven_levels .sector {
	width: 32px;
}
.configurator .twelve_levels .sector {
	width: 29px;
}
.configurator .ninety_levels .sector {
	width: 3px;
}
.configurator .ninety_levels .sector.first{
	width: 5px;
}
.configurator .ninety_levels .sector.last{
	width: 4px;
}
.configurator .twelve_levels .last {
	width: 32px;
}
.configurator .twentysix_levels .sector {
	width: 13px;
}
.configurator .twentysix_levels .last {
	width: 12px;
}
.configurator .green_levels .active {
	background: transparent url("/library/images/v3/vps/green_gradient.png") repeat-x top left;
	border-left: 1px solid #478448;
}
.configurator .blue_levels .active {
	background: transparent url("/library/images/v3/vps/blue_gradient.png") repeat-x top left;
	border-left: 1px solid #0478ab;
}
.configurator .red_levels .active {
	background: transparent url("/library/images/v3/vps/red_gradient.png") repeat-x top left;
	border-left: 1px solid #39365a;
}



.configurator .feature_change .option {
	float: left;
	padding: 0px 8px;
	cursor: pointer;
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	color: #fff;
	font-family: vagrounded-bold,arial,sans-serif;
    font-weight: normal;
	width: 150px;
}

.configurator .feature_change button.option {
	border: 0;
	background: none;
	color: #fff;
	box-shadow: none;
	text-transform:none;
	text-align:left;
}

.configurator .feature_change .option.last {
	width: 210px;
}
.configurator .feature_change .option .small {
	font-size: 14px;
}
.configurator .feature_change .option input[type="radio"] {
	display: none;
}
.configurator .feature_change .option .icon-radio {
	border: medium none;
	margin-top: 2px;
	background-position: 14px 14px;
}
.configurator .feature_change .option.active .icon-radio {
	background-position: -675px -61px;
}
.configurator .feature_change .select {
	float: left;
	padding: 2px 8px 0;
}
.configurator .feature_change select {
	width: 290px;
	height: 28px;
	font-size: 14px;
	line-height: 28px;
	border: medium none;
	font-family: vagrounded-light,arial,sans-serif;
	font-weight: normal;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	padding: 5px;
	outline: none;
}
.configurator .feature_change .btn-select {
	background-color: rgb(5, 67, 94);
	background-color: rgba(5, 67, 94, 0.9);
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3) inset;
	border-radius: 5px;
        border:1px solid rgb(36,36,36);
        border:0px solid rgba(0,0,0,0); /*If browser supports rgba we should get the box shadow below*/
	margin-left: 8px;
}

.configurator .feature_change .dropdown-menu li > a:hover {
	color: #fff !important;
}
.configurator .feature_change .btn-select > input.select-display,
.configurator .feature_change .btn-select > .btn.select-toggle {
   background-color: transparent;
   border-color: transparent;
   color: #fff !important;
   font-family: vagrounded-light,arial,sans-serif;
   font-weight: normal;
}
.configurator .feature_change .btn-select > input.select-display {
	width: 250px;
}
.configurator .feature_change .btn-select.select_with_checkbox > input.select-display {
	width: 227px;
}
.configurator .feature_change .btn-select > .btn.select-toggle {
	border-left: 1px solid #12678c;
}
.configurator .feature_change .btn-select > .btn.select-toggle .icon-select{
	background-position: -720px -174px;
}
.configurator .feature_change .btn-select:hover > .btn.select-toggle .icon-select{
	background-position: -720px -199px;
}
.configurator .feature_change .fancy-select {
	position: relative;
	font-family: vagrounded-light,arial,sans-serif;
	font-weight: normal;
}
.configurator .feature_change .fancy-select .graphic {
	position: relative;
	cursor: pointer;
	height: 28px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}
.configurator .feature_change .fancy-select .graphic span {
	background: transparent url("/library/images/v3/vps/fancy-html/fancy-select.png") no-repeat top left;
	height: 28px;
	display: inline-block;
}
.configurator .feature_change .fancy-select .graphic .select-content {
	background-position: left top;
	padding: 0 10px;
    white-space: nowrap;
	margin-right: 32px;
	font-size: 14px;
	line-height: 28px;
	color: #fff;
	width: 238px;
}
.configurator .feature_change .fancy-select .graphic .select-tail {
	background-position: right top;
	width: 32px;
	position: absolute;
	top: 0;
	right: 0;
}
.configurator .feature_change .fancy-select select {
	z-index: 2;
	position: relative;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	opacity: 0;
	cursor: pointer;
}
.configurator .feature_change .small {
	font-size: 11px;
	font-family: arial,sans-serif;
	color: #99ccff;
}
.configurator .feature_change .option * {
	cursor: pointer;
}
.configurator .feature_change .option:hover {
	background: transparent url("/library/images/v3/vps/transparent_bg.png") repeat top left;
	border-radius: 8px 8px 8px 8px;
}
.configurator .feature_change a.small {
	color: #99ccff !important;
	line-height: 32px;
}
.configurator .desc_section .feature_spec,
.configurator .desc_section .feature_change {
	text-align: left;	
	height: 200px;
}
.configurator .buy_section .feature_spec,
.configurator .buy_section .feature_change {
	text-align: left;
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: 14px;
	height: 40px;
}
.configurator .buy_section .feature_change .btn {
	margin-left: 8px !important;
}

.modal .configurator .buy_section .btn .icon {
	display: none;
}

.configurator .fixed_tooltip {
	background: #fff;
	border-radius: 0 10px 10px 10px;
	behavior: url("/library/styles/PIE.htc");
	font-size: 14px;
	font-family: vagrounded-bold,Helvetica,Arial;
    font-weight: normal;
	color: #cc3366;
	width: 140px;
	padding: 10px;
	position: absolute;
	left: 0;
	top: 55px;
	z-index: 9;
	opacity: 0.9;
}
.configurator .fixed_tooltip .top_arrow {
	background: transparent url("/library/images/v3/general/fixed-tooltip.png") no-repeat scroll -2px 0;
	position: absolute;
	display: block;
	width: 32px;
	height: 17px;
	top: -17px;
	left: 0;
}
.configurator .fixed_tooltip .title {
	font-size: 18px;
	color: #008ac4;
}

/* -------- */

.configurator .features .dark_blue .feature_spec strong  {
	color: #fff;	
}
.configurator .features .plesk_options .feature_change {
	height: 84px;
}
.configurator .features .dark_blue .feature_change {
	background-image: none;
	background-color: #05435e;
	color: #fff;
	font-family: vagrounded-light,arial,sans-serif;
}
.configurator .features .feature_change .checkbox {
	float: left;
	margin: 5px 10px 0 10px;
	padding: 0px;
}
.configurator .features .feature_change .checkbox_with_select {
	margin: 9px 0px 0 10px;
}
.configurator .features .feature_change .select_with_checkbox .fancy-select .graphic {
	width: 255px;
}
.configurator .features .feature_change .select_with_checkbox .fancy-select .graphic .select-content {
	width: 215px;
}
.configurator .feature_change .select_with_checkbox select {
	width: 267px;
}
.configurator .features .dark_blue .feature_change p .small{
	font-weight: bold;
	font-size: 12px;
}
.configurator .features .feature_spec .help {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 24px;
	height: 24px;
	background: url("/library/images/v3/general/icons/icon-help-white.png") no-repeat top left;
}
.configurator .features .feature_hl:hover .feature_spec .help{
	left: 32px;
}


/* cloud config */

.configurator.cloud .features .feature .clear {
	height: 0;
}
.configurator.cloud .features .feature .feature_spec {
	background-color: #E6F4F9;
	background-image: none;
	border-bottom: 1px solid #CFDBE0;
}
.configurator.cloud .features .feature .feature_spec .small {
	color: #0090D8;
	font-family: vagrounded-light,Helvetica,Arial;
	font-size: 14px;
}
.configurator.cloud .features .feature .feature_change {
	width: 383px;
	background-color: #0067A2;
	background-image: none;
	border-bottom: 1px solid #005C91;
}
.configurator.cloud .features .feature .feature_change .btn-select > input.select-display {
	width: 320px;
}
.configurator.cloud .features .feature .feature_change .btn-30 {
	float: right;
	margin-right: 10px;
}
.configurator.cloud .features .feature.dark_blue .feature_spec {
	height: 72px;
	background-color: #E6F4F9;
	background-image: none;
}
.configurator.cloud .features .feature.dark_blue .feature_spec strong {
	color: #000;
}
.configurator.cloud .features .feature.dark_blue .feature_change {
	height: 60px;						
	padding: 15px 11px 2px 11px;
	background-image: none;
	background-color: #005685;
	box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.23) inset;
}
.configurator.cloud .features .feature.dark_blue .feature_change p {
	font-size: 14px !important;
	line-height: 28px !important;
	margin: 0;
	padding: 0;
	color: #fff !important;
}
.configurator.cloud .features .feature.dark_blue .feature_change p label {
	display: block !important;
}
.configurator.cloud .features .feature.dark_blue .feature_change p input {
	margin: 0 10px;
}
.configurator.cloud .features .feature.desc_section .feature_spec {
	height: 170px;
	padding-top: 10px;
	text-align: right;
}
.configurator.cloud .features .feature.desc_section .feature_spec h3 {
	font-size: 24px !important;
	line-height: 24px !important;
	margin: 0 0 10px !important;
}
.configurator.cloud .features .feature.desc_section .feature_spec h3 span {
	color: #0099CC !important;
}
.configurator.cloud .features .feature.desc_section .feature_spec p {
	font-size: 14px;
	font-family: vagrounded-bold,Helvetica,Arial !important;
	font-weight: normal;
}
.configurator.cloud .features .feature.desc_section .feature_spec .price {
	color: #DF0039 !important;
	font-size: 16px;
	margin-bottom: 3px;
}
.configurator.cloud .features .feature.desc_section .feature_spec .price span {
	font-size: 20px;
	color: #DF0039 !important;
}
.configurator.cloud .features .feature.desc_section .feature_change {
	padding: 10px 20px 6px 20px;
	height: 164px;
	width: 365px;
}
.configurator.cloud .features .feature.desc_section .feature_change h3 {
	font-size: 24px !important;
	line-height: 24px !important;
	padding-top: 6px;
	margin: 0px !important;
	color: #fff !important;
}
.configurator.cloud .features .feature.desc_section .feature_change h4 {
	font-family: vagrounded-light,Helvetica,Arial !important;
	color: #fff !important;
	padding: 0 !important;
}
.configurator.cloud .features .configuration {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 350px;
}
.configurator.cloud .features .configuration li {
	float: left;
	margin-bottom: 10px;
	width: 120px;
}
.configurator.cloud .features .configuration li .small {
	display: block;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 11px;
	line-height: 16px;
}
.configurator.cloud .features .configuration li .big {
	display: block;
	font-family: vagrounded-bold,Helvetica,Arial;
	font-size: 18px;
	line-height: 18px;
	color: #fff;;
}
.configurator.cloud .features .dark_blue .feature_spec {
	background-image: none;
	color: #666;
}
.configurator.cloud .features .feature_hl:hover .feature_spec {
	width: 209px;
	margin-left: 0px;
	background-color: #E6F4F9;
	background-image: none;
	border-radius: 0 0 0 0;
	height: 40px;
	border-bottom: 1px solid #CFDBE0;
	color: #666;
}

.configurator.cloud .features .feature_hl:hover .feature_spec strong {
	color: #000;
}
.configurator.cloud .features .feature:hover .feature_change {
	background-color: #0067A2;
}
.configurator.cloud .features .plesk_options .feature_spec {
	height: 72px;
}
.configurator.cloud .features .feature_hl.plesk_options:hover .feature_spec {
	background-image: none;
	height: 72px;
	width: 209px;
	margin-left: 0px;
	border-bottom: 1px solid #CFDBE0;
}
.modal .configurator.cloud {
    background-color: #fff;
    border-radius: 0px;
    padding: 0;
}
#cloud_server_modal,
#dedicated_cloud_server_modal {
	width: 700px;
}
.modal .configurator.cloud span {
	color: #fff;
}
.modal .configurator.cloud span.vat-disclaimer * {
	color: #666;
}
.configurator.cloud .features .feature_spec .big {
	color: #000;
}
.configurator.cloud .features .feature.price_section .feature_spec * {
	color: #000 !important
}
.configurator.cloud .features .feature.desc_section .feature_spec .vat-disclaimer-wrapper {
	margin-bottom: 5px;
	display: block;
}