@import "tooltip.css";

html {
	background:#FFFFFF none repeat scroll 0 0;
	color:#000000;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0 none;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
	font-style:inherit;
	font-weight:inherit;
}
li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}*/
strong {
	font-weight: bold;
}
hr {
	clear: both;
	border: none;
	color: #FFF;
}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
select, textarea {
	border: 1px solid #CCC;
}
p {
	margin: 10px 0 10px 0;
}
#landingpage #oneColContent {
	padding-bottom: 0;
}

.container {
	padding: 0 27px 0 27px;
}

ul.vpsmenu {
	background: url(/pics/vps/vpsmenu_top.png) no-repeat top left;
	margin: 0;
	padding: 14px 42px 16px 37px;
	display: inline-block;
	clear: both;
}
ul.vpsmenu li {
	display: inline;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 14px;
	width: 120px;
}
ul.vpsmenu li a {
	text-decoration: none;
	color: #4b4b4b;
}
li#server {
	width: 143px;
}
li#dynamic {
	width: 180px;
}
li#support {
	width: 140px;
}
li#faqs {
	width: 86px;
}
ul.vpsmenu li span {
	color: #929191;
	display: block;
	clear: left;
	font-size: 11px;
	text-transform: none;
}
ul.vpsmenu li a.selected, ul.vpsmenu li a.selected span, .signuppanel h3 span, .headerpanel h3 span {
	color: #931a1a;
}
.vpsheader {
	background: url(/pics/vps/vpsheader.png) no-repeat top left;
	padding: 70px 0 25px 0;
}

#vpsconfighead {
	background-image: url(/pics/vps/bg_config.png);
	padding: 75px 25px 0 25px;
}

#vpslanding, #vpscp4landing {
	background-image: url(/pics/vps/vpslanding.png);
	padding: 190px 0 0 0;
	width: 748px;
}
#dd-center {
	background-image: url(/pics/vps/dd-center.png);
}
#faqs-header, #support-header {
	background-image: url(/pics/vps/faqs-header.png);
	padding-top: 300px;
}

#support-header {
	background-image: url(/pics/vps/support-header.png);
}

ul.ticklist {
	margin: 13px 0 20px 0;
}
ul.ticklist li {
	background: url(/pics/vps/tick.png) no-repeat top left;
	padding-left: 22px;
}

.ticklist a {
	color: #E02026;
}

.primary {
	width: 455px;
}
.vpsheader h1 {
	font-size: 22px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.vpsheader h1 span {
	color: #931A1A;	
}
ul#footermenu {
	background-image: url(/pics/vps/vpsmenu_footer.png);
	padding: 14px 42px 7px 37px;
	display: inline-block;
	margin-bottom: 1px;
}
.features_menu ul, #dynamic ul {
	background: url(/pics/vps/vpssubmenu_bg.png) no-repeat top left;
	display: inline-block;
	width: 100%;
	height: 50px;
}
.features_menu ul li {
	float: left;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	width: 143px;
}
.features_menu ul li span {
	display: block;
	text-transform: none;
	clear: both;
}
.features_menu ul li a {
	text-decoration: none;
	display: block;
	color: #FFF;
	padding: 17px 0 10px 18px;
}
.features_menu ul li a.selected, .features_menu ul li a.selected span {
	color: #931a1a;
}

ul.plesk {
	background-position: 0 -50px;
}
ul.microsoft {
	background-position: 0 -100px;
}
ul.remote {
	background-position: 0 -150px;
}
ul.software {
	background-position: 0 -200px;
	color: #931a1a;
}

#dynamic ul.systems {
	background-position: 0 -51px;
}
#dynamic ul.business {
	background-position: 0 -153px;
}
#dynamic ul.monitoring {
	background-position: 0 -102px;
}

li#config {
	width: 150px;
}
li#microsoft {
	width: 150px;
}
li#remote {
	width: 142px;
}
li#software {
	width: 158px;
}
#dynamic ul {
	background-image: url(/pics/vps/dynamic-menu-bg.png);
}
#dynamic ul li {
	text-align: center;
	width: 185px;
	margin-top: 7px;
}
#dynamic li#systems {
	width: 185px;
}

#dynamic li#technology {
	width: 185px;
}
#dynamic li#tools {
	width: 185px;
}
#dynamic li#technology a, #dynamic li#tools a, #dynamic li#business a, #dynamic li#systems a {
	padding-left: 0;
}

.os-features {
	margin-top: 25px;
}

.os-features img {
	float: left;
	padding: 0 20px 30px 0;
	display: block;
	margin: 0;
	vertical-align:top;
}


.vpsfeatures, #platform_bg {
	background: #FFF url(/pics/vps/vpsfeatures_footer.png) no-repeat bottom left;
	overflow: hidden;
	padding-bottom: 80px;
}
/*#platform_bg {
	background-image: url(/pics/vps/platform_footer.png);
}*/
.vpsfeatures h2 {
	/*font-size: 26px;*/
	font-size: 24px;
	font-weight: bold;
	line-height: 20px;
	padding: 40px 0 17px 35px;
	display: inline-block;
}
.vpsfeaturesinner {
	background: url(/pics/vps/vpsfeatures_header.png) no-repeat top left;
	height: 1%;
}
.vpsfeatures h2 span {
	font-size: 12px;
	color: #b22524;
	display: block;
	clear: both;
}
.vpsfeatures .primary {
	float: left;
	padding-left: 35px;
	/*** New line of code ***/width: 400px;
}

.vpsfeatures #dcod-software.primary {
	float: none;
	padding-left: 35px;
	width: 700px;
}

.vpsfeatures .primary img {
	margin-top: 10px;
}
.vpsfeatures .secondary {
	float: right;
	/*width: 220px;
	padding: 40px 0 0 20px;*/
	padding: 40px 30px 0 20px;	
	width: 240px;


}
.sliderheader, .sliderheaderopen {
	background: url(/pics/vps/slider-header.png) no-repeat top left;
	margin-bottom: 2px;
}
.sliderheaderopen {
	background-image: url(/pics/vps/slider-header-collapsed.png);
}
.sliderheader h3, .sliderheaderopen h3 {
	color: #FFF;
	font-weight: bold;
	padding: 13px 20px 14px 20px;
	display: block;
}
.slidercontent {
	background: url(/pics/vps/slidercontent_header.png) top left;
	padding-top: 10px;
}
.slidercontent_inner {
	background: url(/pics/vps/slidercontent_footer.png) bottom left;
	width: 695px;
}
.slidercontent blockquote {
	background: url(/pics/vps/start-quote.png) no-repeat 30px 30px;
	padding: 30px;
}

.slidercontent blockquote p {
	background: url(/pics/vps/finish-quote.png) no-repeat right bottom;
	margin: 0;
	padding: 0 20px;
}
.otherfeatures {
	background: url(/pics/vps/otherfeatures.png) no-repeat top left;
	float: left;
	width: 290px;
	padding: 235px 35px 10px 20px;
	margin-top: 30px;
	display: inline;
}
.otherfeatures h2 {
	font-size: 18px;
	font-weight: bold;
}
.subfeatures a {
	background: url(/pics/vps/link_icon.png) no-repeat center right;
	color: #e02026;
	padding-right: 13px;
}
#dynamic-data-center {
	background-image: url(/pics/vps/dynamic-data-center.png);
	float: right;
}
.subfeatures {
	background: url(/pics/vps/subfeatures.png) no-repeat 525px 0;
	padding: 0 277px 15px 0;
	margin: 10px 0 25px 0;
}
#high-availability {
	background-image: url(/pics/vps/high-availability.png);
}
#plesk-control-panel {
	background-image: url(/pics/vps/plesk-control-panel.png);
	background-position: 460px 15px;
}
#web-platform-installer {
	background-image: url(/pics/vps/web-platform-installer.png);
	background-position: 460px 15px;
}
#architecture {
	background-image: url(/pics/vps/architecture.png);
	background-position: 460px 15px;
}
.signuppanel {
	background: url(/pics/vps/signuppanel_bg.png) no-repeat bottom left;
	overflow: hidden;
	padding-bottom: 30px;
}
.signuppanel a {
	float: left;
	margin-left: 29px;
}
.signuppanel h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
}
.signuppanel-inner {
	float: right;
	margin-right: 37px;
	padding-top: 20px;
}

.signuppanel-inner#cp4configure {
	float: left;
	padding-left:27px;
}



.headerpanel {
	clear: both;
	overflow: hidden;
	padding-top: 15px;
}
.headerpanel a {
	float: left;
	margin-left: 20px;
}
.headerpanel h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
}
.headerpanel-inner {
	float: right;
	margin-right: 65px;
	padding-top: 25px;
}


#vpslanding ul.ticklist, #vpscp4landing ul.ticklist {
	width: 264px;
	float: left;
	margin-bottom: 30px;
	display: inline;
}

#vpscp4landing ul.ticklist {
	width: 225px;
}

#vpslanding ul.ticklist li, #vpscp4landing ul.ticklist li {
	padding-bottom: 5px;
}

#vpslanding .container.primary#landingpage {
	width: 550px;
	padding-right: 0;
}

#vpslanding .container.primary#landingpage p {
	/*border: 1px solid #999999;*/
	width: 490px;
}

#vpslanding .container.primary#landingpage h2 {
	clear: left;
	color: #E02026;
}

#vpslanding h3 {
	font-size: 16px;
	font-weight: bold;
	clear: both;
	line-height: 18px;
	margin: 20px 0 12px 0;
	/*border: 1px solid #0033CC;*/
}

#vpslanding .sub-head {
	margin-top: 20px;
}

#vpslanding .more-info {
	font-size: 24px;
	margin: 25px 0 40px 0;
	clear: left;
}




/**************************************************************************************/



.configurevps {
	clear: both;
}
.configurevps .selectfield {
	float: left;
	margin-left: 29px;
}

.selectfield label {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
}
.configurevps .selectfield select {
	float: left;
	clear: both;
}
h3.subheader {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 25px;
	line-height: 18px;
}

/******* VPS Sliders ******/
#vps {
}

#vps form {
	overflow: hidden;
	background: #fff url(/pics/vps/sliders/sliderWrapperBg.png) repeat-x scroll left 103px;
	padding: 10px;
	/* added for Steve's VPS offer */
	position: relative;
	}

#vps .buttons {
/*	padding-top: 10px;
	width: 100%;*/
	}

#vpsconfig {
	width: 554px;
	padding: 0 0 14px;
	background: transparent url(/pics/vps/sliders/sliderPanelFooter.png) no-repeat scroll left bottom;
	overflow: hidden;
	position: relative;
	margin: 0 0 0 0px;
	display: block;
	clear: left;
	float: left;
	}
	
#vpsconfiginner {
	padding: 50px 35px 10px;
	background: transparent url(/pics/vps/sliders/sliderPanelBg.png) no-repeat scroll left top;
	overflow: hidden;
	color: #e4e4e4;
	}
	
#vpsconfiginner dl {
	clear: left;
	display: block;
	overflow: hidden;
	width: 100%;
	font-weight: bold;
	}
	
#vpsconfiginner dt {
	width: 100px;
	font-weight: bold;
	overflow: hidden;
	float: left;
	clear: left;
	padding: 0;
	height: 28px;
	line-height: 28px;
	margin: 0 0 11px;
	}
	
#vpsconfiginner dd {
	color: #abde4c;
	overflow: hidden;
	height: 28px;
	line-height: 28px;
	margin: /*0 0 11px 103px*/ 0 0 11px;
	width: 375px;
	}	
	
#vpsconfiginner dd.alt {
	width: auto;
	}
	
	
#vpsconfiginner #sliderInfo {
	color: #959595;
	text-transform: none;
	}

#selectservertype,
#serverOS,
#ipAddresses  {
	font-size: 12px;
	padding: 0;
	line-height: 24px;
	float: left;
	margin-right: 8px;
	margin-bottom: 30px;
	}
	
#ipAddresses  {
	margin-right: 0;
	}
	
#selectservertype dt,
#serverOS dt,
#ipAddresses dt {
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 0 15px;
	}
	
#selectservertype dd,
#serverOS dd,
#ipAddresses dd {
	color: #fff;
	}
	
#vps .dropdown {
	background: transparent url(/pics/vps/sliders/sliderDropDownLeft.png) no-repeat scroll left top;
	height: 40px;
	padding: 0 0 0 12px;
	overflow: hidden;
	cursor: pointer;
	}
	
#vps .dropdown span {
	background: transparent url(/pics/vps/sliders/sliderDropDownRightClosed.png) no-repeat scroll right top;
	height: 40px;
	line-height: 38px;
	overflow: hidden;
	display: inline-block;
	padding: 0 40px 0 5px;
	font-size: 12px;
	font-weight: bold;
	}
	
#vps .windows span {
	background: transparent url(/pics/vps/sliders/sliderDropDownRightClosed_Win.png) no-repeat scroll right top;
	padding: 0 40px 0 35px;
	}
	
#vps .centos span {
	background: transparent url(/pics/vps/sliders/sliderDropDownRightClosed_centos.png) no-repeat scroll right top;
	padding: 0 40px 0 35px;
	}	
	
#vps .redhat span {
	background: transparent url(/pics/vps/sliders/sliderDropDownRightClosed_redhat.png) no-repeat scroll right top;
	padding: 0 40px 0 35px;
	}
	
#vps .dropdown span.open {
	background: transparent url(/pics/vps/sliders/sliderDropDownRightOpen.png) no-repeat scroll right top;
	}
	
#vps .centos span.open {
	background: transparent url(/pics/vps/sliders/sliderDropDownRightOpen_centos.png) no-repeat scroll right top;
	padding: 0 40px 0 35px;
	}
	
#vps .redhat span.open {
	background: transparent url(/pics/vps/sliders/sliderDropDownRightOpen_redhat.png) no-repeat scroll right top;
	padding: 0 40px 0 35px;
	}	
	
#vps .windows span.open {
	background: transparent url(/pics/vps/sliders/sliderDropDownRightOpen_Win.png) no-repeat scroll right top;
	padding: 0 40px 0 35px;
	}	

#vps .overlay {
	background: transparent url(/pics/vps/sliders/sliderOverlay_Config.png) no-repeat scroll left bottom;
	padding: 2px;
	width: 244px;
	margin: 0 0 0 7px;
	}
	
#vps .js .overlay {
	position: absolute;
	z-index: 9999;
	}

#vps .overlay .items {
	overflow: auto;
	}
	
#vps #serverconfig .items {	
	height: 196px;
	}
	
#vps #serverOS .items {	
	height: 196px;
	}
	
#vps #ipAddresses .items {	
	height: 142px;
	}
	
#vps .overlay .items .item {
	padding: 8px 4px 8px 0;
	overflow: hidden;
	margin: 0 10px;
	background: transparent url(/pics/vps/sliders/divider_24bit.png) repeat-x scroll left bottom;
	}
	
#vps .overlay .items label {
	font-size: 11px;
	color: #aaa;
	float: left;
	line-height: 16px;
	font-weight: normal;
	width: 88%;
	cursor: pointer;
	}
	
#vps #ipAddresses .overlay .items label {
	width: 70%
	}

#vps .overlay .items label strong {
	font-size: 12px;
	color: #e4e4e4;
	display: block;
	clear: right;
	}
	
#vps .overlay .items tt,
#vpsPeriod .items .item tt {
	float: left;
	clear: left;
	margin: 3px 10px 3px 0px;
	background: transparent url(/pics/vps/sliders/radioButtonBg_24bit.png) no-repeat scroll left top;
	}
	
#vpsPeriod .items .item tt {
	margin-top: 1px;
	}
	
#vps .overlay .items input {
	padding: 0;
	margin: 0;
	}
	
#vps #serverOS .overlay {
	background: transparent url(/pics/vps/sliders/sliderOverlay_OS.png) no-repeat scroll left bottom;
	width: 288px;
	}
	
#vps #ipAddresses .overlay {
	background: transparent url(/pics/vps/sliders/sliderOverlay_IPs.png) no-repeat scroll left bottom;
	width: 128px;
	}

#vpsspec {
	width: 206px;
	}

#osname {
	width: 215px;
	}
	
#ipvalue {
	width: 88px;
	}
	
.jsonly {
	display: none;
	}
	
#vps .item label.windows {
	background: transparent url(/pics/vps/sliders/windowsLogoTrans.png) no-repeat scroll left top;
	padding-left: 30px;
	width: 73%;
	}
	
#vps .item label.redhat {
	background: transparent url(/pics/vps/sliders/redhatLogoTrans.png) no-repeat scroll -2px top;
	padding-left: 34px;
	width: 73%;
	}	

#vps .item label.centos {
	background: transparent url(/pics/vps/sliders/centosLogoTrans.png) no-repeat scroll -2px top;
	padding-left: 34px;
	width: 73%;
	}	
	
.vpsSliderScale {
	width: 319px;
	height: 26px;
	display: inline-block;
	float: left;
	position: relative;
	background: transparent url(/pics/vps/sliders/sliderBg_blank_24bit.png) no-repeat scroll 0 0;
	cursor: pointer;
	margin-right: 8px;
	}

.vpsSliderCursor {
	width: 28px;
	height: 28px;
	position: absolute;
	left: 0px;
	z-index: 50;
	background: transparent url(/pics/vps/sliders/sliderCursor_24bit.png) no-repeat scroll 0 0;
	cursor: pointer !important;
	}
	
.vpsSliderExisting {
	width: 319px;
	height: 28px;
	display: inline-block;
	float: left;
	position: absolute;
	background: transparent url(/pics/vps/sliders/sliderBg_exist_24bit.png) no-repeat scroll 0 1px;
	cursor: pointer;
	z-index: 30;
	}
	
.vpsSliderTemp {
	width: 319px;
	height: 28px;
	display: inline-block;
	float: left;
	position: absolute;
	background: transparent url(/pics/vps/sliders/sliderBg_temp_24bit.png) no-repeat scroll 0 1px;
	cursor: pointer;
	z-index: 20;
	}

.vpsSliderNew {
	width: 319px;
	height: 28px;
	display: inline-block;
	float: left;
	position: absolute;
	background: transparent url(/pics/vps/sliders/sliderBg_new_24bit.png) no-repeat scroll 0 1px;
	cursor: pointer;
	z-index: 10;
	}
	
.vpsSliderWarning {
	width: 319px;
	height: 28px;
	display: inline-block;
	float: left;
	position: absolute;
	background: transparent url(/pics/vps/sliders/sliderBg_loss_24bit.png) no-repeat scroll 0 1px;
	cursor: pointer;
	z-index: 1;
	}
	
#vpsPrice {
	float: right;
	background: transparent url(/pics/vps/sliders/dude.png) no-repeat scroll 0 -1px;
	width: 172px;
	height: 268px;
	position: relative;
	overflow: hidden;
	color: #fff;
	text-align: center;
	padding: 0 0 0 2px;
	}
	
#vpsPrice #vpsPriceValue {
	font-size: 36px;
	font-weight: bold;
	padding: 0;
	margin: 69px 0 0 0;
	height: 38px;
	overflow: hidden;
	}
	
#vpsPrice #vpsPriceValue span {
	font-size: 22px;
	}
	
#vpsPrice #vpsPriceVAT {
	color: #FFFFFF;
	font-size: 11px;
	padding: 0;
	margin: 5px 0;
	}
	
#vpsPeriod {
	clear: left;
	width: 462px;
	height: 49px;
	background: transparent url(/pics/vps/sliders/sliderPaymentPeriodBg.png) no-repeat scroll 0 0;
	overflow: hidden;
	margin: 0 0 0 28px;
	padding: 10px 20px 0;
	color: #aaaaaa;
	float: left;
	}

#vpsPeriod input {
	float: left;
	}

#vpsPeriod label strong {
	color: #fffefe;
	display: block;
	clear: right;
	}
	
#vpsPeriod label span.saving {
	color: #abde4c;
	font-weight: bold;
	}
	
#vpsPeriod .items .item {
	width: 33%;
	float: left;
	}
	
#vpsActions {
	float: right;
	margin-right: 14px;
	}
	
#vpsActions button.vpsbutton {
	background: transparent url(/pics/vps/sliders/buyNowButton.png) no-repeat scroll 0 0;
	overflow: hidden;
	text-indent: -900em;
	width: 136px;
	height: 49px;
	border: 0;
	margin: 6px 0 0;
	cursor: pointer;
	}
	
#vps dd.alt {
	margin-left: 130px;
	}
	
#vps a.help {
	width: 16px;
	height: 28px;
	display: inline-block;
	text-indent: -900em;
	background: transparent url(/pics/icons/help.png) no-repeat scroll 0 7px;
	}
	
.support_feature {
	padding: 5px 0 10px;
	}
	
#serverType a.help {
	background: transparent url(/pics/icons/help.png) no-repeat scroll 0 4px;
	height: 20px;
	}
	
.thumbnail {
	margin-bottom: 25px;
	width: 230px;
}

.thumbnail p {
	margin: 0;
	font-size: 11px;
	color: #999;
}

#vpsPriceVAT span {
	display: block;
	}
	
#configsignup {
	padding: 25px;
}

/******* VPS Software tab table ******/

.softwaretable {
	border-collapse: collapse;
	width: 690px;
}

.softwaretable thead th {
	text-align: center;
}

.softwaretable tbody th {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.softwaretable thead tr th a {
	color: #C00000;
}

.softwaretable .alt td {
	background: none repeat scroll 0 0 #FFFFFF;
}

.softwaretable tbody td {
	border-left: 2px solid #FFFFFF;
	text-align: center;
}

.softwaretable tbody th, .softwaretable tbody td {
	padding: 5px;
}

.softwaretable td {
	background: none repeat scroll 0 0 #F0F0EE;
}

.softwaretable .included {
	background: url("/pics/vps/tick.png") no-repeat scroll center center transparent;
	display: block;
	text-indent: -50000px;
}
/******* VPS SERVERS END ******/


.clear {
	clear: both;
}

/* Steve's Linux offer image */
div#linuxOffer {
	position: absolute;
	bottom: 0px;
	right: 14px;
}



