* {
    margin:0;
    padding:0;
}

body {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#333;
}

ul {
    list-style:none;
}

ul li ul {
 margin-top:20px;
}

a {
  text-decoration:none;
  color:#1D8CDA;
  border-bottom:1px solid #356BBF;
}
a:hover {
 border-bottom:1px solid #01A9ED;
}

em {
 font-weight:normal;
 font-style:normal;
 color:#7C7C7C;
 font-size:12px;
}

img {
  border:0;
}

h1,h2,h3,h4 {
 color:#363F40;
 margin-bottom:5px;
}

h3 {
 margin-bottom:10px;
 color:#356BBF;
}

label {
 cursor:pointer;
}

input, textarea {
 font-family:Tahoma, Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#444;
 padding:2px;
}

.clear {
  clear:both;
}

p {
 margin-bottom:20px;
}
/*img, div { behavior: url(/assets/iepngfix.htc); }*/


/*--------------------------- Content blocks -------------------------------*/
div#main {
  width:840px;
  background:url(/assets/images/site_bg.gif) repeat-y top left;
  position:relative;
  left:50%;
  margin-left:-420px;
  margin-top:20px;
  top:0;
  padding-bottom:10px;
  float:left;
  min-height:400px;
}

div#body_textual,
div#body {
 line-height:1.5em;
 clear:both;
 padding-left:35px;
 padding-top:35px;
 padding-right:20px; 
 width:785px;
}

/* for pages with lots of text */
div#body_textual {
 width:755px;
}

div.page {
 padding-right:40px !important;
}

div.page h3{
 margin-top:30px;
}

div#logout {
 font-size:11px;
 position:absolute;
 right:30px;
 top:20px;
}

div#masthead {
  background:url(/assets/images/sprite.gif) no-repeat top left;
  height:20px;
}

div#masthead a {
 border:0;
}

div#masthead img {
  margin-top:29px;
  margin-left:45px;
}

div#masthead h1, 
div#masthead p {
 display:none;
}

div#footer {
  background:url(/assets/images/sprite.gif) no-repeat 0 -45px;
  height:20px;
  position:absolute;
  bottom:0;
  left:0;
  width:840px;
}

div#content {
  padding:10px;
}

ul#menu {
  float:left;
  width:780px;
  height:44px;
  background:url(/assets/images/sprite.gif) no-repeat -20px -69px; 
  margin-left:25px;
  margin-top:60px;
  margin-bottom:5px;
  font-size:18px;
  line-height:28px;
}

ul#menu li {
  float:left;   
  padding:8px 19px 2px 19px;
  background:url(/assets/images/menu_separator.gif) 100% 114% no-repeat;
}

ul#menu li#menu_first {
 padding-left:40px;
}

ul#promo a,
ul#products a,
ul#menu a {
 color:#333;
 text-decoration:none;
 border:0;
}

li.no-bg {
 background:none !important;
}

ul#promo {
  clear:both;
  width:764px;
  height:250px;
  background:url(/assets/images/sprite.gif) no-repeat 0 -120px;
  margin-left:38px;
  text-indent:-999999em;
  position:relative;
}

ul#promo li {
 display:block;
}

ul#promo span {
  display:none;
}

ul#promo li {
  position:absolute;
}

ul#promo a {
 display:block;
 width:317px;
 height:101px;
}

ul#promo li#backups {
  padding-top:23px;
  padding-left:15px;
  left:0;
}

ul#promo li#support {
  padding-top:10px;
  padding-left:15px;
  left:0;
  bottom:14px;
}

ul#promo li#webmail {
  top:23px;
  right:15px;
}

ul#promo li#service {
  bottom:14px;
  right:15px;
}

ul#promo li#backups a {
  background:url(/assets/images/promo_backups.gif) top left no-repeat;
}

ul#promo li#webmail a {
  background:url(/assets/images/promo_webmail.gif) top left no-repeat;
}

ul#promo li#support a {
 background:url(/assets/images/promo_support.gif) top left no-repeat;
}

ul#promo li#service a {
 background:url(/assets/images/promo_service.gif) top left no-repeat;
}

ul#products {
  float:left;
  margin-left:35px;
  margin-top:17px;
  margin-bottom:10px;
}

ul#products span {
  display:none;
}

ul#products a {
  display:block;
  height:141px;
  width:141px;
  outline:none;
}

ul#products a.selected {
  height:155px;
}

ul#products li {
  float:left;
  padding-right:68px;
}

ul#products li#hosting_budget a {
  background:url(/assets/images/sprite_products.gif) top left no-repeat;
}

ul#products li#hosting_basic a {
  background:url(/assets/images/sprite_products.gif) 0 -298px no-repeat;
}

ul#products li#hosting_plus a {
  background:url(/assets/images/sprite_products.gif) 0 -597px no-repeat;
}


ul#products li#hosting_pro a {
  background:url(/assets/images/sprite_products.gif) 0 -895px no-repeat;
}

ul#products li#hosting_pro {
  padding-right:0;
}

ul#products li#hosting_budget a.selected {
  background-position:0 -141px;
}
ul#products li#hosting_basic a.selected {
  background-position:0 -439px;
}
ul#products li#hosting_plus a.selected {
  background-position:0 -738px;
}
ul#products li#hosting_pro a.selected {
  background-position:0 -1036px;
}

div.page ul {
 list-style:disc;
 margin-left:50px;
 margin-bottom:20px;
}

div.site-footer {
 height:35px;
}

/*------------------ Hosting info block ---------------------*/
.hosting-info {
  clear:both;
  min-height:200px;
  width:766px;
  margin-left:35px;
  background:url(/assets/images/product_info_bg.gif) repeat-y -3px 0;
  position:relative;
  display:none;
}

.hosting-info .hosting-specs {
  padding:10px;
  height:160px;
}

.hosting-info .button {
 position:absolute;
 right:3pt;
 bottom:6px;
 outline:none;
}

.hosting-footer {
  position:absolute;
  height:15px;
  width:766px;
  bottom:0px;
  background:url(/assets/images/sprite.gif) no-repeat 0 -446px;
}

.hosting-info h2 {
  background:url(/assets/images/sprite.gif) no-repeat 0 -383px;
  display:block;
  height:43px;
  line-height:48px;
  text-indent:15px;
  border:0px solid red;
}

.hosting-specs ul {
 list-style:square;
 margin-left:25px;
 margin-top:10px;
 font-weight:bold;
}
.hosting-specs ul.spec-alpha {
 float:left;
 width:250px;
}
.hosting-specs ul.spec-beta {
 margin-left:50px;
}

/*----------------------- Buttons ------------------------------------*/
div.generic-button {
 position:relative;
 top:10px;
}

a.generic-button,
a.order-product {
  display:block;
  width:190px;
  height:30px;  
  border:0;
}

a.button span {
 color:#F9EAEB;
 font-size:18px;
 font-weight:bold;
 line-height:28px;
 padding-left:10px;

}
a.generic-button,
a.order-product  {
  background:url(/assets/images/sprite_buttons.gif) top left no-repeat;
}
a.generic-button:hover,
a.order-product:hover {
  background-position:0px -32px;
}
/*------------------------------- Product specs -------------------------*/
div#products_table {
 margin-top:20px;
}
tr.odd td {
  background-color:#F3F3F3;
  border-bottom:1px solid #DFDFDF;
  border-top:1px solid #DFDFDF;
}

table.products td.first-row {
 border-top:1px solid #ECECEC;
}
table.products {
 font-size:14px;
 border-collapse:collapse;
}

table.products th {
  width:142px;
}

table.products th.title {
 width:200px;
}

table.products td.title {
 text-align:left;
}

.title em {
 font-size:10px;
}

table.products td {
  text-align:center;
  padding:3px;
}

table.products td.selected {
  background-color:#ECECEC;
}

table.products th.selected {
  background:url(/assets/images/sprite_buttons.gif) 0 -64px no-repeat;
  height:25px;
}

table.products tr.price td.selected {
  background:url(/assets/images/sprite_buttons.gif) 0 -77px no-repeat;
  height:25px;
}


div.spec-flag-n,
div.spec-flag-y {
 height:16px;
 background:url(/assets/images/icons.png) no-repeat 120% -23px;
 text-indent:-999999em;
}

div.spec-flag-n {
  background-position:120% 3px;
  height:20px;
}

td.price { 
 font-weight:bold;
/* color:#D34B48; nice red */
 color:black;
}

tr.price td {
  border-top:2px solid #CCC;
}

/*----------------------- Forms --------------------------*/
div.form {
  margin-top:40px;
}

div.form-row input,
div.form-row textarea {
 float:right;
}

div.form-row label span {
 display:block;
 float:left;
}

div.form-row label {
 float:left;
}

div.form-row {
 margin-bottom:10px;
 width:500px;
 height:20px;
}

textarea.type-textarea,
input.type-text {
  width:300px;
}

textarea.type-textarea {
 height:100px;
}

div.order-form {
 width:510px;
 height:350px;
 float:left;
 margin-bottom:20px;
}

div.order-button {
 margin-bottom:20px;
 height:50px;
 width:200px;
 margin-left:193px;
}

div.order-info {
 float:right;
 position:relative;
 top:68px;
 left:-12px;
}

.error {
}
div.error {
 color:#CA444E;
 font-weight:bold;
 background-color:#F9EAEB;
 border:1px solid #CA444E;
 padding:5px;
 margin:10px 0;
 width:95%;
}

/*--------------------------- Small visual parts -----------------*/
div.info-visual {
 background:url(/assets/images/info_visual_bg.gif) no-repeat top left;
 width:229px;
 height:211px;
 padding:20px;
 line-height:1.6em;
 font-family:Tahoma, Helvetica, sans-serif;
 position:relative;
}

div.icon {
 background:url(/assets/images/icons.png) no-repeat 0 -40px;
}

div.icon-world {
 background-position:0 -57px;
 width:95px;
 height:95px;
}

div.icon-webmail,
div.icon-support,
div.icon-safe {
 background-position:0 -250px;
 width: 95px;
 height:100px;
 float:left;
}

div.icon-support {
 background-position:0 -357px;
 height:92px;
}

div.icon-webmail {
 background-position:0 -450px;
}

div.info-visual .icon {
 position:absolute;
 right:15px;
 bottom:50px;
}

div.icon-support,
div.icon-safe,
div.icon-webmail {
 margin-right:20px;
}
/*---------------------------- Domain check ---------------------*/
div#domain_check {
 height:105px;
 background:url(/assets/images/domain_check_bg.gif) no-repeat top left;
 padding:10px; 
 margin-top:30px;
 position:relative;
 width:750px;
 padding-top:20px;
 padding-left:18px;
}

div#domain_check h3 {
 margin-bottom:2px;
}

div#check_domain_msg {
 color:#D34B48;
 font-size:12px;
 margin-top:5px; 
 display:none;
}

input#check_domain {
 display:none;
}

div#domain_check div#globber {
 right:25px;
 top:20px;
 position:absolute;
}

div#domain_check div#found_domains {
 display:none;
 width:395px;
 position:absolute;
 top:22px;
 right:10px;
}

div#domain_check label {
 padding-left:10px;
}

li.not-available {
 color:#D34B48;
}

div#globber {
 background:url(/assets/images/globber.gif);
 width:32px;
 height:32px;
 display:none;
}
/*----------------------- Order info page ----------------------*/
div#order_customer {
 float:left;
 width:300px;
}

div#order_specs {
 float:right;
 width:410px;
}

div#order_product {
 margin-bottom:40px;
}
div#order_note {
 margin-top:20px;
}

div#order_overview .title {
 width:270px;
 font-weight:bold;
}

div#order_overview td { 
/* padding:2px;*/
}

div#order_todo {
 width:670px;
 margin-bottom:20px;
}

div#order_overview tr.total td {
 border-top:2px solid #333;
 padding-top:4px;
 font-weight:bold;
}

div#order_overview td.price {
 text-align:right;
}

.print-button {
 margin-left:0px;
 margin-top:20px;
 position:relative;
 top:22px;
 height:70px;
}

/*-------------------------------- Contact form ----------------------------*/
div.contact-form { 
 float:left;
 margin-top:40px;
 width:500px;
 height:330px;
}
div.contact-form .order-button {
 margin-top:50px;
}
div#contact_info {
 float:right;
 margin-top:69px;
}
div.address  {
 clear:both;
 height:250px;
}
/*---------------------------- Content block ----------------------------*/
div.content-block {
 position:relative;
 margin-bottom:20px;
}
div.content-block,
div.content-block-footer {
 width:767px;
}

div.content-block-body {
 border-left:1px solid #CFCFCF;
 border-right:1px solid #CFCFCF; 
 padding:0 20px 16px 20px;
}

div.content-block-header {
 background:url(/assets/images/sprite.gif) no-repeat 0 -472px;
 height:16px;
}

div.content-block-footer {
 background:url(/assets/images/sprite.gif) no-repeat 0 -497px;
 height:16px;
 position:absolute;
 bottom:0;
 z-index:1000;
}


