@charset "utf-8";
/* CSS Document */

ul li{
background:url("../images/bg/bullet-grey.gif") no-repeat scroll 0 7px transparent;
list-style:none outside none;
margin-left:10px;
padding-left:15px;
}



.container_12 .grid_8{
 width:579px;
}

.container_12 .grid_4{
 width:340px;
}
.container_12 .grid_3{
 width:295px;
}

body{
background-color:#626262;
}
.container_12 .grid_12{
width:960px;
margin-left:0;
margin-right:0;
}
.bg-top{
 background:url(../images/bg/top-header-repeat-x.gif) repeat-x;
}

.bg-swirl{
 background:url(../images/bg/green-swirl-bg.gif) no-repeat;
 width:551px;
 height:29px;
 position:absolute;
}
.bg-swirl-h{
 bottom:0;
 right:40px;
}

.bg-swirl-f{
 top:0;
 right:40px;
}


.shadow{
background:url(../images/bg/bg-shadow.gif) repeat-y center;
}


#page-wrapper{
 overflow:hidden;
}
#header{
 height:150px;
 position:relative;
}
#logo{
 position:absolute;
 top:31px;
 left:29px;
}
#slogan{
 position:absolute;
 display:none;
 top:62px;
 left:50px;
 color:#afafaf;
}

.green-dot{
 background:url(../images/bg/green-dot.gif) no-repeat;
 position:absolute;
 top:8px;
 right:40px;
 width:91px;
 height:13px;
}

/****************/
/* PRIMARY MENU */
/****************/

#primary-menu {                                   /* menu layout */
  display: block;
  font-size: 12px;
  margin-top: 0px;
  padding: 0;
  position:absolute;
  left:180px;
  bottom:50px;

}

#primary-menu ul.links li {                       /* text styling for the top (primary) menu */
}  

#primary-menu ul.links li.first {                 /* .first and .last classes applied to first and last menu & list items */
}
  
#primary-menu ul.links li.last {                  /* .first and .last classes applied to first and last menu & list items */
}
  
#primary-menu ul.links li a:link,
#primary-menu ul.links li a:visited {
}

#primary-menu ul.links li a:hover,
#primary-menu ul.links li a:active {
}  
  

/************************************/
/* PRIMARY MENU WITH DROPDOWNS      */
/* - used with menu_tree theming of */
/* $primary_links in page.tpl.php   */
/************************************/

#primary-menu ul.menu li {                        /* top item layout */
  background: ;
  display: block;
  float: left;    /* LTR */
  margin: 0 3px;
  padding: 0 0 0 1.0em;    /* 0 0 0 10px */
  position: relative;
  width:  auto;
  background:url(../images/bg/button-primary.gif) left top;
}


#primary-menu ul.menu li:hover,
#primary-menu ul.menu li.hover,
#primary-menu ul.menu li.active-trail{
}

#primary-menu ul.menu li a {
  background: url(../images/bg/button-primary.gif) transparent right top no-repeat ;
  font-weight:bold;
  display: block;
  padding: 0.6em 1.0em 0.6em 0em;    /* 5px 10px 1px 0 */
  text-decoration: none;
  color:#FFFFFF;
}
#primary-menu ul.menu li.last a{
}
#primary-menu ul.menu li a:hover,
#primary-menu ul.menu li:hover a,
#primary-menu ul.menu li.hover a{
 
}
#primary-menu ul.menu li.active-trail a{

}

#primary-menu ul.menu li ul {
 /* background: transparent url('images/drop-bottom.png') no-repeat 0 bottom;*/
  left: -999em;
  opacity: 0.95;
  margin: 0 0 0 -10px;
  padding: 2px 0 4px;
  position: absolute;
  width: 144px;
  z-index: 2;
}
  
#primary-menu ul.menu li:hover ul,
#primary-menu ul.menu li.hover ul {
  display: block;
  left: auto;
}
  
#primary-menu ul.menu li ul li {
  background: #94CE18;
  border-bottom: 1px solid #83A638;
  float: left;
  font-size: 0.916em;
  height: auto;
  margin: 0;
}

#primary-menu ul.menu li ul li.last {
  border-bottom: none
}

#primary-menu ul.menu li ul li a,
#primary-menu ul.menu li ul li a:link,
#primary-menu ul.menu li ul li a:visited {
  background: transparent;
  color: #154B6F;
  display: block;
  margin: 0;
  padding: 4px 0;
  text-transform: none;
  width: 135px;
}

#primary-menu ul.menu li ul li a:hover {
  color: #fff;
  display: block;
  margin: 0;
  padding: 4px 0;
  text-decoration: none;
}

#primary-menu ul.menu li ul li ul.menu {
  left: -999em;
  margin: 0 0 0 -14px;    /* LTR */
  padding: 6px 0 4px;
}

#primary-menu ul.menu li ul li:hover ul.menu,
#primary-menu ul.menu li ul li.hover ul.menu {
  display: block;
  left: 154px;    /* LTR */
  top: -6px;
}

#primary-menu ul.menu li ul li ul.menu li a {
  padding: 4px;
  width: 128px;
}
  
#primary-menu li.last, #primary-menu li.last a{
  background-image: url('..images/bg/primary-links-last-bg.gif');
}  

#blog-link{
  position:absolute;
  right:0;
  bottom:36px;
}
#blog-link div{
  background:url(../images/bg/visit-blog-button.gif) no-repeat;
  width:179px;
  height:44px;
}




.grey-bg{
 background-color:#f8f8f8;
}

.grey-bg2{
 background-color:#f0f0f0
}

#main-content{
 background:#F8F8F8 url(../images/bg/main-grey-grad-bg.gif) repeat-x;
 float:left;
 position:relative;
}

#sidebar-last-wrapper{

 margin-left:0;
 padding-top:10px;
}

#content-wrapper{
  padding-right:20px;
  padding-left:10px;
  margin-right:0;
  margin-left:0;
  border-right:#CCCCCC solid 1px;
  background:white;
}

#content{
padding-left:10px;
padding-top:20px;
}
#top-main{
border-bottom:#CCCCCC solid 1px;
height:222px;
margin:0;
padding:0;
}
.server-img{
position:absolute;
z-index:1;
top:-5px;
right:-20px;

}
.wording{
position:absolute;
z-index:2;
width:400px;
}

#included{
padding-left:20px;
}

#included ul li{
padding-bottom:10px;
}

#product-menu{
padding-left:20px;
}
#product-menu h3{
margin-bottom:10px;
}
#product-menu ul li{
font-size:12px;

}
#btm-main ul li{
padding-bottom:5px;
}

.white-rounded{
background:url(../images/bg/white-rounded-bg.gif) no-repeat top left;
padding-left:20px;
padding-right:30px;
}

.block h1{
 position:relative;
}

h1 span.h1icon{
 background:url(../images/bg/h-icon.gif) no-repeat right 0;
 height:17px;
 width:16px;
 padding-left:10px;
 position:absolute;
}

.block{
 padding-top:10px;
 padding-bottom:10px;
}
#footer-wrapper{
 height:29px;
 background:#83b41e;
}
#footer{
 position:relative;
  height:29px;
  background:url(../images/bg/green-swirl-bg.gif) no-repeat 350px 0;
}
#footer-menu{
 padding-top:6px;
 text-align:center;
 color:#FFFFFF;
}
#footer-menu a{
 color:#FFFFFF;
}
#footer-menu a:hover{
 text-decoration:underline;
}
#copyright{
 position:absolute;
 right:0;
}


/*table */
.order table {
 border-collapse: collapse;
 width: 100%;
}
.order-page table {
 border-collapse: collapse;
 width: 100%;
}


.order table th,.addons-table th,.order-page th {
 background: #d8d8d8; 
 height: 33px;
text-align:left;
 font-weight: bold;
 font-size:12px;
 vertical-align:middle;
 color:#333333;
}

.order table th.plan,.addons-table th.plan,.order-page th.plan {
 background: url(../images/bg/table-header.gif) no-repeat;
 padding:0 8px;
}

.order table th.cost,.addons-table th.cost,.order-page th.cost {
 background: url(../images/bg/table-header.gif) no-repeat top right;
}

.order table strong {
 font-weight: bold;
}
.order table td.grey-header{
 padding-left:11px;
}

table .odd td {
 background: #F5F5F5;

}

.order table td{
 padding-top:4px;
 padding-bottom:4px;
 border-bottom: 1px #CCCCCC solid;
 vertical-align:middle;
}

.order table td.cost {
 white-space: nowrap;
 /*width: 110px;*/
}


.order-btn {
background:transparent url(../images/bg/order-button.gif) no-repeat scroll 0 0;
float:left;
height:22px;
margin-right:4px;
overflow:hidden;
text-indent:-9999px;
width:62px;
}

.contact-block{
 position:absolute;
 width:183px;
 height:100px;
 right:0;
 top:10px;
 background:url(../images/bg/line-contact.gif) no-repeat 0 20px;
 text-align:right;
}

.price{
 text-align:right;
 padding-right:30px;
}

table.v-top td{
vertical-align:top;
}
#included h2{
 margin-bottom:10px;
}
#included ul.green-t{
 margin-bottom:0;
}
#included ul.green-t li{
background:url(../images/bg/bullet-green-triangle.gif) no-repeat 0 5px;
padding-bottom:8px;


}
ul.grey-s li{
background:url(../images/bg/bullet-grey-square.gif) no-repeat 0 6px;
list-style:none;
padding-left:16px;
margin-left:10px;

}

#datacenter h4{
 margin-bottom:0;
}
a.thumb img{
padding:1px;
border:#999999 1px solid;
}
.img-small{
float:left;
margin:0 20px 20px 0;
}
table.spec td{
 border:solid 1px #CCCCCC;
 padding:5px;
}
table.spec td p {
 margin-bottom:5px;
}
table.spec td.content{
 padding-left:10px;
}
table.spec .title{
font-weight:bold;
background:#F2F2F2;
 padding-left:10px;
}
#contact-us table td{
 padding:5px;
 vertical-align:top;
}
div.messages {
  background: #FFFCE3;
  border: 2px solid #EED300;
  color: #C28E00;
  font-weight: bold;
  font-size: 1.166em;
  margin: 20px 0pt;
  padding: 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.messages ul {
  list-style-position: inside;
}

div.messages em {
  color: #656C9B;
}

div.error {
  background-color: #FFF2F2;
  border-color: #FF0000;
  color: #B20000;
}

label.error{
  color:#FF0000;
  margin-left:10px;
}
#secondary-menu{
  position:absolute;
  top:31px;
  right:10px;
}
#secondary-menu ul li{
  background:none;
}

#twitter-link a{
  display:block;
  background:url(../images/bg/twitter-icon.jpg) no-repeat;
  width:35px;
  height:35px;
}