body{
    background: url("../images/bg2.jpg") repeat-x center top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;         
}             

div#navigationContainer{     
    border-bottom: 0;                    
}

div#navigation{                 
    background: url("../images/logo2.jpg") no-repeat left top;
    margin-bottom: 100px;    
} 

div#content{
    margin-bottom: 10px;
}

div#left ul{
    list-style: none;  
}   

div#left ul li{                                                           
    border-left: 1px solid #dcdcdc;                                                 
    border-right: 1px solid #dcdcdc;                                                 
    border-bottom: 1px solid #dcdcdc;                        
}     

div#left ul li a{
    display: block;  
    width: 198px;     
    height: 45px;   
    line-height: 45px;           
    padding: 0 0 0 20px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    background: url("../images/menuItem.png") no-repeat 1px top;
}

div#left ul li a.active{     
    background: url("../images/menuItem.png") no-repeat 1px bottom;
}        

div#left ul li.first,
div#left ul li.last{
    border: 0;    
}

div#left ul li.first a{  
    width: 218px;
    height: 49px;           
    padding: 0 0 0 22px;   
    background: url("../images/menuFirst.png") no-repeat left top;
}   

div#left ul li.first a.active{     
    background: url("../images/menuFirst.png") no-repeat left bottom;
}   

div#left ul li.last a{    
    width: 218px;
    height: 85px;           
    padding: 0 0 0 22px; 
    background: url("../images/menuLast.png") no-repeat left top;
}  

div#left ul li.last a.active{     
    background: url("../images/menuLast.png") no-repeat left bottom;
}  

div#right{                 
    line-height: 20px; 
} 

div#right ul{
    list-style: none;
    margin: 10px 0;   
}   

div#right p{       
    font-size: 15px;
    text-align: justify;   
}       

div#right ul li{
    list-style: none;
    padding: 0 0 0 20px;
    background: url("../images/li.png") no-repeat 5px center;
}     

div#right table{                                           
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;   
}

div#right table tr.header{
    background: url("../images/tableHeader.png") repeat-x left center;
    color: #fff;
    text-align: left;
}
                       
div#right table tr th,  
div#right table tr td
{
    height: 25px;
    padding: 0 10px;
}              

div#right table tr.even{
    background: #fff;
}

div#right table tr.odd{
    background: #f2f2f2;
}


div#right div#vps{
    width: 670px;
    float: left;
    font-weight: bold;
    background: url("../images/glow2.png") no-repeat center top;    
}     

div#right div#vps div.control{
    float: left;
    width: 100%;
    text-align: center; 
    font-size: 11px;       
    margin-bottom: 10px;
} 

div#right div#vps div.control div.controlContainer{
    margin: 0 auto;
    width: 236px;
} 

div#right div#vps div.control div.controlContainer .vpsType{
    display: block;
    float: left;  
    padding: 0 10px;
    height: 30px;       
}

div#right div#vps div.control div.controlContainer a{
    text-decoration: none;     
}                                                         

div#right div#vps div.control div.controlContainer .active{    
    background: url("../images/control.png") no-repeat center top;         
}                                                              

div#right div#vps div.sliderBox{
    float: left;
    width: 297px; 
    margin-bottom: 5px;
    padding: 0 16px;                                                   
}                                                              

div#right div#vps div.sliderBox div#ramSlider{    
    background: url("../images/ram.png") no-repeat left top !important;                         
}                                                                         

div#right div#vps div.sliderBox div#hddSlider{    
    background: url("../images/hdd.png") no-repeat left top !important;                         
}                                                                    

div#right div#vps div.sliderBox div#cpuSlider{    
    background: url("../images/cpu_cores.png") no-repeat left top !important;                         
}

div#right div.server-box{
    float: left;
    margin: 20px 0;
}

div#right div.server-box div.image{
    float: left;               
    width: 250px; 
}  

div#right div.server-box div.image img{
    float: left;   
    margin: 10px;
}  

div#right div.server-box div.title{ 
    float: left;
    width: 100%;    
    font-size: 20px;
    font-weight: normal;
    color: #adadad;             
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 10px;
}    

div#right div.server-box div.info{
    float: left;              
    width: 440px;    
}      

.whitespace{
    margin-left: 10px;
}

 
.flashMessage {
    display: block; 
    background: url('flashMessage/informationbar_right.gif') no-repeat right top; 
    height: 30px; 
    overflow: hidden; 
    margin-top: 5px; 
    margin-bottom:10px !important; 
    padding: 0px !important; 
    font-size: 12px !important; 
    font-weight: bold; 
    cursor: pointer; 
    border: 0px; 
    font-style: italic;
}

.flashMessage .inner {display: block; height: 30px; padding: 8px 10px 0px 35px;}

.flashMessage .error {
    color: #C00; 
    background: url('flashMessage/icon_error.gif') no-repeat left top; 
    border: 0px;
}

.flashMessage .success {
    color: #58AE2C; 
    background: url('flashMessage/icon_success.gif') no-repeat left top; 
    border: 0px;
}

.text_advantage, .best{
    color: green;
}

.text_disadvantage, .worst{
    color: red;
}