/***** Sidebar Styles *****/

#server-sidebar {
	float: left;
	width: 227px;
	padding: 15px 0 15px 0;
}

#server-sidebar div.side-box {
	width: 227px;
	float: left;
	display: block;
	background: #FFFFFF url(/images/dedicated-servers/sidebox-bkg.png) left repeat-y;
	margin-bottom: 10px;
}

#server-sidebar div h2 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 1.2em;
	border: none;
	float: left;
}

#server-sidebar div p {
	float: left;
	margin: 0 0 6px;
	font-size: 12px;
}

#server-sidebar a,
#server-sidebar a:link,
#server-sidebar a:visited {
	text-decoration: none;
	color: #0f62ab;
}

div#side-services h2 {
	background: url(/images/dedicated-servers/sidebox-icon-services.png) left top no-repeat;
	padding: 4px 0 10px 50px;
	font-size: 1.25em;
	min-height: 40px;
}

div#side-support h2 {
	background: url(/images/dedicated-servers/sidebox-icon-sla.png) left top no-repeat;
	padding: 0 0 5px 80px;
	font-size: 1.25em;
	min-height: 56px;
}

div#side-backup h2 {
	background: url(/images/dedicated-servers/sidebox-icon-backup.png) left top no-repeat;
	padding: 0 0 8px 55px;
	font-size: 1.15em;
	min-height: 35px;
	margin-bottom: 5px;
}

div#side-cpanels h2 {
	background: url(/images/dedicated-servers/sidebox-icon-cpanels.png) left top no-repeat;
	padding: 3px 0 8px 55px;
	font-size: 1.15em;
	min-height: 35px;
	margin-bottom: 5px;
}


#server-sidebar div ul {
	margin: 0;
	padding: 0 0 0 17px;
	float: left;
}

#server-sidebar div ul li{
	padding-bottom: 3px;
}

div.side-box div.sidebox-top {
	width: 227px;
	height: 13px;
	float: left;
	background: url(/images/dedicated-servers/sidebox-top.png) left top no-repeat;
}

div.side-box div.sidebox-content {
	padding: 0 10px 0 15px;
	float: left;
}

div.side-box div.sidebox-bottom {
	width: 227px;
	height: 15px;
	float: left;
	background: url(/images/dedicated-servers/sidebox-bottom.png) left bottom no-repeat;
}

div#side-services p#services-trigger {
	padding-right: 12px;
	font-size: 11px;
	color: #909090;
	float: right;
	text-align: right;
	cursor: pointer;
	margin-top: 5px;
}

div#side-services p.services-closed {
	background: url(/images/dedicated-servers/arrow-upgrade-closed.png) right 50% no-repeat;
}

div#side-services p.servicesOpen {
	background: url(/images/dedicated-servers/arrow-services-open.png) right 52% no-repeat;
}

#server-sidebar ul#more-services {
	display:none;
}

#side-logos {
	margin-top: 20px;
	float: left;
	width: 227px;
}

#side-logos img#ms {
	margin: 0 0 14px 26px;
}

#side-logos img#cisco {
	margin: 0 0 14px 15px;
}
#side-logos img#f5 {
	margin: 0 0 10px 41px;
}

#side-logos img#sas70 {
	margin: 0 0 15px 34px;
}

/***** Content Styles ******/

#servers-top {
	width: 683px;
	float: left;
	border: 1px solid #8CC2FF;
	padding: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#os-descriptive {
	float: left;
	width: 532px;
}

#os-descriptive a,
#os-descriptive a:link,
#os-descriptive a:visited {
	text-decoration: none;
}

#servers-top div.windows {
	background: url(/images/dedicated-windows.png) left top no-repeat;
	padding-left: 92px;
	width: 440px;
}

#servers-top div.windows ul {
	margin: 10px 0 0;
	padding: 0 0 0 26px;
	font-size: 11px;
}

#servers-top div.windows li {
	padding: 2px 0;
}

#servers-top div.linux {
	background: url(/images/icon-linServers.png) left top no-repeat;
	padding-left: 73px;
	width: 460px;
}

#servers-top div.ubuntu {
	background: url(/images/dsp-logo-ubuntu.png) left top no-repeat;
	padding-left: 73px;
	width: 460px;
}

#servers-top div.centos {
	background: url(/images/dsp-logo-centos.png) left top no-repeat;
	padding-left: 73px;
	width: 460px;
}

#servers-top div.debian {
	background: url(/images/dsp-logo-debian.png) left top no-repeat;
	padding-left: 73px;
	padding-bottom: 25px;
	width: 460px;
}

#servers-top div.fedora {
	background: url(/images/dsp-logo-fedora.png) left top no-repeat;
	padding-left: 73px;
	width: 460px;
}

#servers-top div.freebsd{
	background: url(/images/dsp-logo-freebsd.png) left top no-repeat;
	padding-left: 73px;
	width: 460px;
}
#servers-top div.redhat{
	background: url(/images/dsp-logo-redhat.png) left top no-repeat;
	padding-left: 73px;
	width: 460px;
}

#os-descriptive img {
	margin: 0 15px 0 0;
	float: left;
}

#os-descriptive p {
	margin: 0;
}

#top-contact {
	float: right;
	margin: 0;
	border-left: 1px solid #8CC2FF;
	padding-left: 15px;
}

#top-contact a {
	overflow: hidden;
	display: block;
	text-indent: -999em;
}

#top-contact a.chat-button {
	padding-right: 1px;
}

#top-contact p {
	font-weight: bold;
	font-size: 16px;
	padding: 2px 5px 0 0;
	margin: 6px 0 0;
}

#top-contact p#have-question {
	margin: 0;
	padding: 0 2px 2px 0;
	font-weight: bold;
	font-size: 13px;
	height: 1.1em;
	text-align: left;
}

.chat-button {
	background: url(/images/dedicated-servers/button-live-chat.png) left top no-repeat;
	width: 115px;
	height: 29px;
}

.click-call-button {
	background: url(/images/dedicated-servers/button-click-call.png) left top no-repeat;
	width: 116px;
	height: 40px;
	margin-top: 5px;
}

div.server-section {
	width: 100%;
	clear: both;
	float: left;
}


/**** Servers bottom contact & testimonial styles ****/

#bottom-contact {
	float: left;
	margin: 0;
	width: 116px;
	text-align: center;
	border-left: 1px solid #8CC2FF;
	padding: 0 0 0 15px;
}

#bottom-contact a {
	overflow: hidden;
	display: block;
	text-indent: -999em;
	float: left;
	clear: left;
}

#bottom-contact p {
	float: left;
	clear: left;
	font-weight: bold;
	font-size: 16px;
	padding: 2px 5px 0 0;
	margin: 6px 0 0;
	position: relative;
}

#bottom-contact p#have-question {
	margin: 0;
	padding: 0 2px 5px 0;
	font-weight: bold;
	font-size: 1.05em;
	float: none;
	clear: left;
}

#servers-testimonial {
	float: left;
	width: 535px;
	padding-top: 6px;
	margin-right: 15px;
}

#servers-testimonial h3 {
	margin: 0 0 5px 0;
	font-size: 1.4em;
}

#servers-testimonial p {
	background: url(/images/dedicated-servers/quotes-open.png) left top no-repeat;
	padding: 10px 6px 0 12px;
	margin: 0 0 .8em 0;
	font-style: italic;
	float: left;
}

#servers-testimonial span {
	padding-left: 12px;
	font-size: .9em;
	color: #666666;
	float: left;
}

#servers-bottom {
	width: 683px;
	float: left;
	border: 1px solid #8CC2FF;
	padding: 15px;
	margin-top: 20px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
/****** Rounded Corner Controls ******/

.corner {
	position: absolute;
}

.nw {
	left: 0;
	top: 0;
}

.ne {
	right: 0;
	top:0;
}

.sw {
	left: 0;
	bottom: 0;
}

.se {
	right: 0;
	bottom: 0;
}

div.server-section-box div.nw {
	width: 14px;
	height: 14px;
	background: url(/images/dedicated-servers/server-box-corner-nw.png) top left no-repeat;
}

div.server-section-box  div.ne {
	width: 14px;
	height: 14px;
	background: url(/images/dedicated-servers/server-box-corner-ne.png) top right no-repeat;
}

div.server-section-box  div.sw {
	width: 14px;
	height: 14px;
	background: url(/images/dedicated-servers/server-box-corner-sw.png) bottom left no-repeat;
}

div.server-section-box  div.se {
	width: 14px;
	height: 14px;
	background: url(/images/dedicated-servers/server-box-corner-se.png) bottom right no-repeat;
}


/**** Server Box Styles *****/

div.server-section h3 {
	margin: 1.5em 0 .2em 18px;
	font-size: 1.3em;
}

div.server-section h3 a,
div.server-section h3 a:link,
div.server-section h3 a:visited {
	background: url(/images/dedicated-servers/arrow-upgrade-closed.png) right 50% no-repeat;
	padding-right: 12px;
	font-size: 11px;
	color: #909090;
	text-decoration: none;
	font-weight: normal;
}

div.server-section h3 a:hover {
	text-decoration: underline;
}

div.server-section h3 a.upgradeOpen,
div.server-section h3 a.upgradeOpen:link,
div.server-section h3 a.upgradeOpen:visited {
	background: url(/images/dedicated-servers/arrow-upgrade-open.png) right 52% no-repeat;
}

.server-section-box {
	/*background: #d2eaf5 url(/images/dedicated-servers/server-box-bottom.png) bottom left no-repeat;*/
	background: #d2eaf5;
	position: relative;
	float: left;
	width: 100%;
}

div.server-section-box:hover {
	background: #7cc6f5;
	cursor: pointer;
}

.server-section-box a,
.server-section-box a:link,
.server-section-box a:visited {
	background: #0f62ab url(/images/dedicated-servers/contact-sales-arrow.png) right top no-repeat;
	position: absolute;
	height: 20px;
	right: 15px;
	top: -22px;
	border-bottom: 2px solid #FFFFFF;
	text-decoration: none;
}

.server-section-box a:hover {
	background: #0f62ab url(/images/dedicated-servers/contact-sales-arrow.png) right -40px no-repeat;
	color: #00f6ff;
}

.server-section a p,
.server-section a:link p,
.server-section a:visited p {
	padding: 5px 20px 4px 7px;
	margin: 0;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	color: #FFFFFF;
	background: url(/images/dedicated-servers/contact-sales-nwcorner.png) left top no-repeat;
}

.server-section-box a.serverBoxHover {
	background: #0f62ab url(/images/dedicated-servers/contact-sales-arrow.png) right -40px no-repeat;
}

.server-section-box a.serverBoxHover p {
	color: #00f6ff;
}


/**** Server Table Specs styles *****/

.server-section-box table {
	background: none;
	font-size: .95em;
	color: #333333;
	width: 100%;
}

.server-section-box table tr.server-col-titles {
	font-weight: bold;
	height: 1.6em;
	color: #000000;
}

.server-section-box table tr.server-col-titles td {
	padding-top: 8px;
}

.server-section-box table td.server-price {
	text-align: right;
	font-weight: normal;
	border-right: none;
	width: 115px;
	padding: 8px 15px 8px 4px;
}

.server-section-box table td.server-price p {
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.server-section-box table td.server-price span {
	font-size: .75em;
	font-weight: normal;
}

.server-section-box table td {
	border-right: 3px solid #FFFFFF;
	padding: 0px 5px 4px 8px;
}

.server-section-box table td.processor {
	width: 145px;
	padding-left: 15px;
}

.server-section-box table td.ram {
	width: 60px;
}

.server-section-box table td.storage {
	width: 155px;
}

.server-section-box table td.transfer {
	width: 60px;
}

/***** Server Upgrades Table styles ****/

.server-section-box table.upgrades {
	border-top: 3px solid #FFFFFF;
}

.server-section-box table.upgrades td.upgrades-empty {
	border-right: none;
	width: 197px;
}

table.upgrades td {
	padding-top: 8px;
	padding-bottom: 8px;
}

table.upgrades td.processor {
	font-weight: bold;
}

table.upgrades td ul {
	padding: 0;
	margin: 0 0 5px 0;
	list-style: none;
}

/***** Form Overlay Styles *****/

div#dedicated-server-form {
	float: left;
}

div.boxy-content {
	padding-top: 0;
}

#dedicated-server-form h3 {
	margin: 0 -15px 20px;
	width: 430px;
	background: #D2EAF5;
	padding: 8px 15px;
}

#dedicated-server-form form {
	float: left;
	border-right: 1px solid #666666;
	padding-right: 15px;
	width: 270px;
}

#dedicated-server-form form div.field {
	float: left;
	clear: both;
	text-align: left;
}

#dedicated-form-contact {
	float: left;
	margin: 0;
	width: 120px;
	text-align: center;
	padding: 0 0 0 15px;
}

#dedicated-form-contact a {
	overflow: hidden;
	display: block;
	text-indent: -999em;
}

#dedicated-form-contact p {
	font-weight: bold;
	font-size: 16px;
	padding: 2px 5px 0 0;
	margin: 6px 0 0;
	position: relative;
}

#dedicated-form-contact p#have-question {
	margin: 0;
	padding: 0 2px 5px 0;
	font-weight: bold;
	font-size: 13px;
}

#dedicated-server-form form input#submit {
	margin-top: 15px;
	float: left;
	clear: left;
}

td.boxy-inner div.title-bar h2 {
	font-weight: bold;
}

#fine-print {
	padding-left: 15px;
	float: left;
}

#fine-print p{
	margin-bottom: 0;
}

#dedicated-server-form div.osSelect {
	text-align: left;
}

#dedicated-server-form div.osSelect label {
	float: none;
	display: block;
	width: 100%;
	padding: 8px 0;
}

#dedicated-server-form div.osSelect select {
	float: none;
}