TABBED RELATED LIST:

TABBED RELATED LIST:
If you are working with more related list for detail records then it takes long time to scroll.The better option you can find as tabbing your related list .By using tabbing performance increased by 30 sec.More over you can use active tabs with one color in active with different colors using styles gives new look to your UI.The following example  try with your custom or standard objects.
Visualforce Page:

<apex:page standardController="Engine_Type_Complete__c" showHeader="true" tabStyle="Engine_Type_Complete__c" >
   <style>
      .activeTab {background-color: #236FBD; color:white; background-image:none}
      .inactiveTab { background-color: lightgrey; color:black; background-image:none}
   </style>
   <apex:tabPanel switchType="client" selectedTab=" tabdetails" id="AccountTabPanel" tabClass="activeTab" inactiveTabClass="inactiveTab" >  
      <apex:tab label="Details" name="AccDetails" id="tabdetails">
         <apex:detail relatedList="false" title="true" inlineEdit="true"/>
      </apex:tab>
      <apex:tab label="Engine Repairs" name="Contacts" id="tabContact">
         <apex:relatedList subject="{!Engine_Type_Complete__c}" list="Engine_Repairs__r"  />
      </apex:tab>
      <apex:tab label="Engine Part Numbers" name="Opportunities" id="tabOpp">
         <apex:relatedList subject="{!Engine_Type_Complete__c}" list="Engine_Repair_Parts__r" />
      </apex:tab>
      <apex:tab label="Engine Type Component Price History" name="OpenActivities" id="tabOpenAct">
         <apex:relatedList subject="{!Engine_Type_Complete__c}" list="Engine_Type_Component_Price_History__r" />
      </apex:tab>
     
   </apex:tabPanel>
</apex:page>