div#hosting-intro
{
  background:url('../img/server-bg.gif') repeat-x;
  padding: 0px 15px;
}

div#hosting-intro div
{
  height: 330px;
}

div#hosting-intro div.hosting-inner
{
  background:url('../img/server.jpg') no-repeat top right;
}

div#hosting-intro img
{
  float:right;
}

div#hosting-intro h1
{
  text-align: left;
  height: 45px;
  font-size: 30px;
}

div#hosting-intro h2
{
  color:#d76001;
  font-weight:normal;
  font-size: 22px;
  height: 35px;
}

div#hosting-intro p
{
  height: 30px;
  font-size: 16px;
  font-style:italic;
  font-weight:bold;
}

div#hosting-intro ul.tick-list
{
  padding-left: 50px;
  list-style-image: url('../img/domain-icons/tick.png');
  padding-bottom: 15px;
}

div#hosting-intro ul.tick-list li
{
  padding-bottom: 1px;
}

div#hosting-intro div#hosting-overview
{
	padding-top:15px;
}

div#hosting-intro div#hosting-overview span.cv-form
{
	width:170px;
	margin:10px;
	padding:5px 15px;
	vertical-align:top;
}

div#hosting-intro div#hosting-overview span.cv-form h3
{
	font-weight:bold;
	font-size:18px;
	text-align:center;
}

div#hosting-intro div#hosting-overview span.cv-form ul
{
	text-align:left;
	padding-bottom:5px;
	padding-left:20px;
}

#hosting-table
{
  border-collapse: collapse;
  margin: auto;
}

#hosting-table td
{
  border: solid 1px #393939;
  font-size: 14px;
  padding: 3px;
  text-align: center;
  font-weight: bold;
  height: 34px;
  background: url('../img/subtle-grey-grad.gif') repeat-x bottom #f9f9f9;
}

table.packages td
{
  width: 155px;
}

#hosting-table td.divider
{
  color: #fff;
  font-size: 18px;
  background: url('../img/subtle-dark-grad.gif') repeat-x bottom #595959;
}

#hosting-table td.row-label
{
  width: 250px;
  text-align: center;
}

#hosting-table thead td
{
  height: 94px;
  color: #fff;
  font-size: 22px;
  background: none;
  text-align: left;
}

#hosting-table thead td a
{
  color: #eee;
}

#hosting-table thead td a div
{
  font-size: 14px;
  font-weight: normal;
}

#hosting-table thead td a:hover
{
  color: #fff;
  text-decoration: none;
}

#basic-header
{
  background: url('../img/hosting-table-blue-bg.gif') repeat-x !important;
  border: solid 1px #393939;
}

#medium-header
{
  background: url('../img/hosting-table-orange-bg.gif') repeat-x !important;
  border: solid 1px #393939;
}

#large-header
{
  background: url('../img/hosting-table-green-bg.gif') repeat-x !important;
  border: solid 1px #393939;
}

#unlimited-header
{
  background: url('../img/hosting-table-red-bg.gif') repeat-x !important;
  border: solid 1px #393939;
}

#custom-header
{
  background: url('../img/hosting-table-blue-bg.gif') repeat-x !important;
  width: 400px;
  border: solid 1px #393939;
}


#hosting-table thead td img.hosting-icon
{
  float:left;
  margin-left: 8px;
  margin-top: 14px;
  margin-right: 8px;
}

a.hosting-option-description
{
  color: #000;
  border-bottom: dotted 1px #000;
  cursor: help;
}

a.hosting-option-description:hover
{
  color: #000;
  text-decoration: none;
}

/* new order buttons */
a.order-button 
{
	display:inline-block;
  border: solid 1px #222;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
	border-radius: 4px;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  cursor:pointer;
  padding:5px 8px;
  margin:3px 0px;
  text-shadow:-1px -1px 0px #333;
  color:#fff;
}


a.order-basic
{
  background: url('../img/hosting-table-blue-bg.gif') left bottom repeat-x !important;
}

a.order-basic:hover 
{
	-moz-box-shadow:0px 0px 5px #3559a7;
	-webkit-box-shadow:0px 0px 5px #3559a7;
	box-shadow:0px 0px 5px #3559a7;
}


a.order-medium
{
  background: url('../img/hosting-table-orange-bg.gif') left bottom repeat-x !important;
}

a.order-medium:hover 
{
	-moz-box-shadow:0px 0px 5px #f78b33;
	-webkit-box-shadow:0px 0px 5px #f78b33;
	box-shadow:0px 0px 5px #f78b33;
}


a.order-large
{
  background: url('../img/hosting-table-green-bg.gif') left bottom repeat-x !important;
}

a.order-large:hover 
{
	-moz-box-shadow:0px 0px 5px #348534;
	-webkit-box-shadow:0px 0px 5px #348534;
	box-shadow:0px 0px 5px #348534;
}


a.order-infinite
{
  background: url('../img/hosting-table-red-bg.gif') left bottom repeat-x !important;
}

a.order-infinite:hover 
{
	-moz-box-shadow:0px 0px 5px #bd2b2b;
	-webkit-box-shadow:0px 0px 5px #bd2b2b;
	box-shadow:0px 0px 5px #bd2b2b;
}


a.order-reseller
{
  background: url('../img/hosting-table-grey-bg.gif') left bottom repeat-x !important;
}

a.order-button:hover
{
	background-position: left top !important;
  border: solid 1px #000;
  text-decoration:none;
}

a.hosting-buy-button
{
  display: block;
  height: 33px;
  width: 80px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  padding-top: 7px;
  margin: 10px auto;
}

a.hosting-buy-button:visited
{
  text-decoration: none;
  color: #fff;
}

a.hosting-buy-button:hover
{
  text-decoration: none;
  color: #eee;
}

a.hosting-buy-button:active
{
  text-decoration: none;
  color: #fff;
}

a.blue
{
  background: url('../img/hosting-blue-button.gif') no-repeat;
}

a.blue:hover
{
  background: url('../img/hosting-blue-button-hover.gif') no-repeat;
}

a.orange
{
  background: url('../img/hosting-orange-button.gif') no-repeat;
}

a.orange:hover
{
  background: url('../img/hosting-orange-button-hover.gif') no-repeat;
}

a.green
{
  background: url('../img/hosting-green-button.gif') no-repeat;
}

a.green:hover
{
  background: url('../img/hosting-green-button-hover.gif') no-repeat;
}

a.red
{
  background: url('../img/hosting-red-button.gif') no-repeat;
}

a.red:hover
{
  background: url('../img/hosting-red-button-hover.gif') no-repeat;
}

/* CUSTOM HOSTING */

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 20px; height: 20px; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: 10px; }
.ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -10px; }
.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; }

div.slider
{
  width: 280px;
  height: 10px;
  margin: 4px 15px 0px 15px;
  float: left;
  border: solid 1px #393939;
  background: url('../img/slider-track.gif') repeat-x;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}


div.slider a
{
  border: solid 1px #0D214F;
  background: url('../img/slider-handle.gif') repeat-x;
  cursor:pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

div.readout
{
  float: left;
}

input.hosting-buy-button
{
  display: block;
  height: 40px;
  width: 80px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin: 10px auto;
  background: url('../img/hosting-blue-button.gif') no-repeat;
  border: none;
}

input.hosting-buy-button:hover
{
  text-decoration: none;
  background: url('../img/hosting-blue-button-hover.gif') no-repeat;
  color: #eee;
}

a.custom_order_link
{
  display:inline-block;
  height: 33px;
  padding-top: 7px;
  width: 80px;
  background: url('../img/hosting-blue-button.gif') no-repeat;
  color: #fff;
  font-size: 20px;
}

a.custom_order_link:visited
{
  text-decoration: none;
  background: url('../img/hosting-blue-button.gif') no-repeat;
  color: #fff;
}

a.custom_order_link:hover
{
  text-decoration: none;
  background: url('../img/hosting-blue-button-hover.gif') no-repeat;
  color: #eee;
}

/* LOG IN OR REGISTER */
div#login-register
{
  width: 602px;
  height: 230px;
  padding: 0px;
  margin: auto;
  padding-bottom: 50px;
}

div#login-register div.inner
{
  width: 261px;
  padding: 15px;
  height: 100%;
  border: solid 1px #393939;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

div#login-register div.login
{
  float: left;
  background: url('../img/blue-grad-bg-200.jpg') repeat-x top #0D214F;
  color: #fff;
}

div#login-register div.join
{
  float: right;
  font-size: 16px;
  background: url('../img/green-grad-bg-200.jpg') repeat-x top #093A09;
  color: #fff;
}

div#login-register div.inner h2
{
  text-align: center;
  font-size: 20px;
}

div#login-register div.login form
{
  width: 265px;
}

div#login-register div.login label
{
  display: block;
  font-size: 18px;
  padding-top: 15px;
}

div#login-register div.login input.text
{
  font-size: 16px;
  width: 250px;
  margin-top: 5px;
  margin-bottom: 5px;
  background: url('../img/subtle-grey-grad.gif') repeat-x;
  border: inset 1px #aaa;
  padding: 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div#add-hosting
{
  width: 610px;
  height: 43px;
  padding-top: 67px;
  margin: auto;
  margin-top: 50px;
  background: url('../img/add-hosting-banner.png');
}

div#add-hosting form
{
  width: 390px;
  margin-left: 110px;
}

div#add-hosting select
{
  width: 260px;
  padding-left: 2px;
  font-size: 18px;
  margin-right: 10px;
}

div#add-hosting form input.cv-submit
{
  width: 110px;
}

a#custom-hosting-banner
{
  display: block;
  width: 610px;
  height: 110px;
  margin: 10px auto;
}

div.try-custom
{
  text-align:center;
  padding: 25px;
  padding-top: 0px;
  font-size: 16px;
}

div.try-custom h1
{
  font-size: 20px;
  padding: 0px;
}