/* CSS document */

/* FORM Styles*/
/* Concrete job */
#main {
    width: 850px;
    margin: 0; 
    margin-left: auto; 
    margin-right: auto;
    display: block;
    padding: 0; 
}




    /*  Inside the index panel */
    #left_pan {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
        float: left;
        width: 210px;
        background: white;
    }
     #left_pan div.hprcp_head {
        background:transparent url(/images/widgetheader2.jpg) repeat scroll center bottom;
       
        height:23px;
       
        padding-left:15px;
        padding-top:0px;
     }
	  #left_pan div.hprcp_head_text {
        color: #FFFFFF;
        font-size: 10pt;
		font-weight: bold;
		
        padding-left:15px;
        padding-top:4px;
     }
	 #left_pan div.hprcp_mid {
        background:transparent url(/images/widgetfond2.jpg) repeat-x center bottom;
        border-left : 1px solid #CCCCCC;
		border-right : 1px solid #CCCCCC;
        padding-left:29px;
		padding-right: 5px;
        padding-top:6px;
		color: #333333;
        font-size: 10pt;
		font-weight: normal;
     }
	 #left_pan div.hprcp_mid_align {
	 float:left; 
	 height:25px; 
	 vertical-align:middle; 
	 padding-left:10px;
	}
	
	 #left_pan div.hprcp_footer {
        background:transparent url(/images/widgetfooter2.jpg) repeat scroll center bottom;
       
        height:21px;
       
        padding-left:15px;
        padding-top:0px;
     }
    #left_pan div.square {
        width: 205px;
        height: auto;
      
    }
    
#left_pan div.double_square {
        width: 290px;
        height: 260px;
    }
  
  

#right_pan {
    float: right;
    width: 634px;
    background: white;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
}

 #right_pan div.hprcp_head {
        background:transparent url(/images/headerobjet2.jpg) repeat scroll center bottom;
       
        height:23px;
       
        padding-left:15px;
		
        padding-top:0px;
     }

#right_pan div.hprcp_head2 {
        background:transparent url(/images/headerobjet6.jpg) repeat scroll center bottom;
       
        height:13px;
       
        padding-left:15px;
		
        padding-top:0px;
     }

#right_pan div.hprcp_head3 {
        background:transparent url(/images/headerobjet5.jpg) repeat scroll center bottom;
       
        height:13px;
       
        padding-left:15px;
		
        padding-top:0px;
     }
#right_pan div.hprcp_head_text {
        color: #FFFFFF;
        font-size: 10pt;
		font-weight: bold;
        padding-left:15px;
        padding-top:4px;
     }
	 
#right_pan div.hprcp_mid {
        border-left : 1px solid #CCCCCC;
		border-right : 1px solid #CCCCCC;
        padding-left:10px;
		padding-right:10px;
        padding-top:10px;
		color: #333333;
        font-size: 10pt;
		
		font-weight: normal;
     }
#right_pan div.hprcp_mid_ins {
        border-left : 1px solid #CCCCCC;
		border-right : 1px solid #CCCCCC;
		border-top : 1px solid #CCCCCC;
        padding-left:1px;
		padding-right:1px;
        padding-top:0px;
		
        font-size: 10pt;
		
		font-weight: normal;
     }
	
#right_pan div.small {
        font-size: 8pt;
     }
#right_pan div.hprcp_mid_upl {
     background:transparent url(/images/pointH.jpg) repeat-x scroll left bottom;
	 float:left; 
	 height:156px; 
	 width:298px;
	 margin-right:7px;
	
	}
#right_pan div.hprcp_mid_upr {
     background:transparent url(/images/pointH.jpg) repeat-x scroll left bottom;
	 float:right; 
	 height:156px; 
	 width:299px;
	 
	 
	}
#right_pan div.hprcp_mid_downl {
	 float:left; 
	 height:156px; 
	 width:298px;
	 padding-top:8px;
	 margin-right:7px;
	
	}
#right_pan div.hprcp_mid_downr {
	 float:right; 
	 padding-top:8px;
	 height:156px; 
	 width:299px;
	 
	
	}
#right_pan div.hprcp_mid_center {
	 float:left; 
	 height:146px; 
	 width:1px;
	 background:transparent url(/images/pointV.jpg) repeat-y scroll left top;
	}

#right_pan div.hprcp_mid  a{
       
		color: #666666;
        font-size: 10pt;
		font-weight: normal;
     }
#right_pan div.hprcp_mid  a:hover{ color: #BB3333; }
#right_pan div.hprcp_footer {
        background:transparent url(/images/footerobjet1.jpg) repeat scroll center bottom;
       
        height:20px;
       
        padding-left:15px;
        padding-top:0px;
     }
#right_pan div.square {
        width: 634px;
        height: auto;
      
    }
#right_pan h2 { padding-bottom: 0; }
#right_pan h2.little { font-size: 11px; }



#right_pan div { /* IE 7 Hack */
    *margin-top: 0; 
    *margin-bottom: 0;
}



    /* CATALOG */

    #catalog { 
        width: 792px; 
        background: transparent url(/themes/default/images/index/catalog/catalog_bg.png) no-repeat 50% 0;
    }

    #catalog div.bottom { 
        height: 5px; 
        line-height: 5px; 
        font-size: 0; 
        background: transparent url(/themes/default/images/index/catalog/catalog_bg.png) no-repeat 50% 100%; 
    }

    #catalog div.tabs {
        width: 98%;
        margin-left: 1%;
        height: 18px;
        border: 0;
        border-bottom: 1px solid #cccccc ;
    }

    #catalog div.tabs a {
        display: block; 
        text-decoration: none; 
        width: 94px;
        height: 18px;
        line-height: 18px;
        text-align: center; 
        border: 0;
        border-bottom: 1px solid #cccccc ;
        background: transparent url(/themes/default/images/index/catalog/tab_unselected.png) no-repeat 0 0;
    }

    #catalog div.tabs a:hover,
    #catalog div.tabs a.selected { background: transparent url(/themes/default/images/index/catalog/tab_selected.png) no-repeat 0 0; }
    #catalog div.tabs a.selected { border-bottom: 1px solid white; z-index: 100; }

    #catalog #domains,
    #catalog #hosting,
    #catalog #dedicated,
    #catalog #housing { width: 98%; margin-left: 1%; }



