﻿

/** Server Details Styles**/
#detail-pane{
	float:left;
	width: 550px;
	position:relative;
	padding: 20px 20px 0 0; 
	color: #666; 
}


#detail-pane h3 { font-size: 14px; font-weight: bold; color: #0954a0; margin-bottom: 10px; padding-left: 0; }
#detail-pane td { color: #666; }
#detail-pane table { width: 545px; margin: 0 auto; }
#detail-pane td { font-size: 11px; width: 50%; padding: 3px; }
#detail-pane tr { border-bottom: 1px solid #d8d8d8; }
#detail-pane td.feature { padding-left: 20px; }
#detail-pane a { color: #690; }
#detail-pane .col-right { width: 225px; float: left; }
#detail-pane .col-left { width: 225px; float: left;margin-right: 70px;   }

#ad-section { width: 190px; float: left; padding-bottom: 0; margin-bottom: 0;   }
#ad-section img { margin: 0 0 0 20px; }

#plan-at-a-glance p.welcome { font-size: 14px; margin-bottom: 20px;  }
#plan-at-a-glance-box { color: #fff;}
#plan-at-a-glance #top { background: url(../images/bg-top-plan-at-glance.jpg) left top no-repeat; height: 16px; }
#plan-at-a-glance #body { background: url(../images/bg-body-plan-at-glance.jpg) left top no-repeat; height: 224px; min-height: 224px;}
#plan-at-a-glance #ext { background: url(../images/bg-ext-plan-at-glance.jpg) left top repeat-x; }
#plan-at-a-glance #bottom { background: url(../images/bg-bottom-plan-at-glance.jpg) left top no-repeat; height: 23px;}
#plan-at-a-glance h2{
     font-weight: bold; 
     font-size: 20px;
     border-bottom: 1px solid #fff; 
     padding: 0 3px 10px 3px; 
     margin: 0 20px;
     color:#fff;
}

#plan-at-a-glance-box #details { width: 300px; position: relative;  }
#plan-at-a-glance-box ul {
     position: absolute; 
     top: 16px; 
     left: 120px; 
     width: 180px; 
     border-right: 1px solid #8e8b8b; 
     padding-right: 20px;
}
#plan-at-a-glance-box li {
     font-weight: bold; 
     color: #fff; 
     font-size: 9px; 
     background: url(../images/bg-li-plan-at-a-glance.gif) left 1px no-repeat; 
     padding-left: 12px; 
     margin-bottom: 4px;
     line-height: 14px;
}

#plan-at-a-glance-box .os { position: absolute; top: 20px; left: 35px; }
#plan-at-a-glance-box img.os-win { position: absolute; top: 20px; left: 20px; }
#plan-at-a-glance-box .server { position: absolute; top: 120px; left: -2px; }

#plan-at-a-glance-box #pricing {
     text-align: center; 
     position: relative; 
     left: 330px; 
     width: 215px;  
     padding-top:10px;
}
#plan-at-a-glance-box .price-info{
		      position:relative;
		      width: 125px; 
		      margin: 0 auto 0 auto; 
		      padding: 10px 0 0 10px;  }


#plan-at-a-glance-box .price {
     float: left;  
     font-size: 41px; 
     line-height:41px;
}
#plan-at-a-glance-box sup {
     float: left; 
     font-size: 24px; 
     padding-top: 4px;  
     line-height:24px;
     vertical-align:baseline;
}
#plan-at-a-glance-box .month{ 
     font-size: 14px;
     line-height: 14px;
     padding-top:10px;
     position:absolute;
     top: 22px;
     right: 20px;
}

#plan-at-a-glance-box .setup { font-size: 11px; clear:both;}
#plan-at-a-glance-box p{color: #fff;}
#plan-at-a-glance-box .alsoin {
     padding:4px;
}
	#plan-at-a-glance-box .alsoin span{
	     vertical-align:super;
	     font-size: 10px;
	     padding:4px;
	}
#plan-at-a-glance-box .order-now { }
#plan-at-a-glance-box .save { font-weight: bold; font-size: 11px; }
#plan-at-a-glance-box .quick-links  { 
     color: #fff;
     font-weight:bold;
     font-size:14px;
}
#plan-at-a-glance-box .quick-links span {padding: 0 4px 0 7px; font-size: 11px; }

#standard-features { border-bottom: 1px solid #c1c2c2; padding-bottom: 20px; padding-top: 12px; }
#standard-features tr.last { border-bottom: none; }

#available-options { margin-top: 20px; border-bottom: 1px solid #c1c2c2; padding-bottom: 20px; }
#available-options tr { border-bottom: none; }
#available-options h3 { font-size: 13px; }
#available-options table.options { margin-top: 12px; }
#available-options td { padding-top: 0; padding-bottom: 0;  }
#available-options {}

#other-servers { 
	         padding-bottom: 20px;  
		 width:560px;

}

.other-serversBord  
{
    border-bottom: 1px solid #c1c2c2;
	width:100%;
}


#other-servers h3 { font-size: 13px;  margin-top: 15px }
#other-servers h5 { font-size: 11px; float: left; font-weight: bold;margin-right: 3px; color: #333; }
#other-servers div{
	       font-size:11px;
	       float:left;
	       width:250px;
	       padding:4px;
}	
#other-servers a { display: block;  }

#other-features { margin-top: 20px; } 
#other-features h3 { margin-bottom: 0px; font-size: 13px; }
#other-features li { font-size: 11px; margin-bottom: 10px;  }

.other-serversProd
{
    font-size: 11px; float: left; font-weight: bold;margin-right: 3px; color: #333; 
}




span.starting-at{
     font-weight: bold; 
     color: #fff; 
     font-size: 9px; 
     padding:0;
     line-height:9px;
     margin:0;
}

#detail-pane table.addon-tbl{
     padding-top:0px;
}
#detail-pane table.addon-tbl tr td{
     padding-bottom:0px;
}

#detail-pane table.addon-tbl td.addon-hdr{
     font-weight: bold; 
     color: #333; 
     font-size: 11px; 
     padding:0;
}

#server-details-support{ 
     font-size: 14px; 
     width: 550px; 
     color: #666; 
}

#server-details-support ul{ 
     padding: 0 0 10px 30px;  
     }
#server-details-support li{ 
     list-style: none;
     margin-bottom: 3px; 
     background:  url(../images/bullet-blue-circle.gif) no-repeat left center; 
     padding-left: 10px; 
}

#server-details-support .support-ad{
     width: 240px; 
     float: right; 
     font-size:12px;
     margin: 15px 0 15px 15px;
}
#server-details-support .support-ad img {   }

#server-details-support .support-ad div.info{ 
     background: #e0e0e0; 
     font-size: 12px;
     line-height:14px; 
     margin-top: 1px; 
     padding: 10px; 
}

div.info a{
     color:#666;
     text-decoration:none;
}


   .modelnum{ 
     text-align: left;
      font-size: 17px; 
      color: #2469af; 
      font-weight: bold;
      padding: 5px 5px 5px 26px; 
       }
       
.order-txt{
    
     background-color:White;
      border-top:1px solid Green;
      border-top-width:85%;     
      border-bottom:1px solid Green;
       border-bottom-width:85%;
      font-family:Trebuchet MS;
      font-weight:bold;
      color:Green;
     text-align: center;      
      margin:0px 0px 0px 11px; 
      font-size: 11px; 
      width:90%;     
      clear: both;
}
      
.order-txtDetail {
    
     background-color:White;
      border-top:1px solid Green;
      border-bottom:1px solid Green;
      font-family:Trebuchet MS;
      font-weight:bold;
      color:Green;
     text-align: center;      
      margin:0px 0px 0px 0px; 
      font-size: 12px; 
      width:70%;     
      clear: both;
}
      
      
.order-txtDetail2 {
    
     background-color:White;
      border-top:1px solid Green;
      border-bottom:1px solid Green;
      font-family:Trebuchet MS;
      font-weight:bold;
      color:Green;
     text-align: center;      
      margin:0px 0px 0px 0px; 
      font-size: 12px; 
      width:30%;     
      clear: both;
}
            

