<div id="content">
  <div id="business_solution_leftcontent">
    <div id="overview_menu">
      <div id="wrap" align="center">
        <ul>
          <li id="1">
            <div>A&E Spec</div>
          </li>
          <div class="detail-view" id="detail-1">
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Chassis Switches</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Metro L2 Switches</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Managed xStack L3 Core Switches</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Managed xStack L2 Edge Switches</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Managed Entry-Level Switches with Security</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Managed Entry-Level Switches</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Web-Smart Switches</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Unmanaged Switches</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Unified Switches</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Switch Modules</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Transceivers</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Media Converters</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Redundancy Power Supplies</li>
          </div>
          <li id="2">
            <div>Configuration Guide</div>
          </li>
          <div class="detail-view" id="detail-2">
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Indoor Wireless Access Points</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Outdoor Wireless Access Points</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Unified Switch Access Points</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Wi-Fi Mesh</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Single Band Antennas</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Dual Band Antennas</li>
          </div>
          <li id="3">
            <div>White Paper</div>
          </li>
          <div class="detail-view" id="detail-3">
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Network Cameras</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Network Camera Accessories</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Network Cameras Utilities</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Network Video Recorder (NVR)</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Network Video Encoders</li>
          </div>
          <li id="4">
            <div>Sales Guide</div>
          </li>
          
          <!-- Detail Boxes for above four li -->
          
          <div class="detail-view" id="detail-4">
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">ISCSI SAN Arrays</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">SATA Network Storage Enclosure</li>
          </div>
          
          <!---->
          <li id="5">
            <div>Success Case</div>
          </li>
          <div class="detail-view" id="detail-5">
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">NetDefend Firewalls</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Services Routers</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">VPN Routers</li>
          </div>
          <li id="6">
            <div>Utility / Software</div>
          </li>
          <div class="detail-view" id="detail-6">
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Network Management</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">User Access Management</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">WAN Link Management</li>
            <li style="font-size:12px; list-style:circle; text-align:left; margin-left:5px;">Traffic Management</li>
          </div>
          
          <!-- Detail Boxes for above four li --> 
          
          <br clear="all" />
        </ul>
      </div>
    </div>
    <div id="overview_leftimgbox"> <img src="<?php echo Yii::app()->baseUrl; ?>/images/front/1/overview_leftimg_45.jpg" width="218" height="135" /></div>
    <div id="overview_leftimgbox"> <img src="<?php echo Yii::app()->baseUrl; ?>/images/front/1/overview_leftimg_45.jpg" width="218" height="135" /></div>
  </div>
  <div id="overview_rightcontent">
    <div id="business_solution_subheadding"> Configuration Example </div>
    <div id="business_solution_slider"> <img src="<?php echo Yii::app()->baseUrl; ?>/images/front/1/switch_slider_22.jpg" width="741" height="267" /></div>
    <div id="business_solution_footerimgbox">
      <div id="business_solution_footerimgboxtittle"> New Web Smart </div>
      <div id="business_solution_footerimg"> <img src="<?php echo Yii::app()->baseUrl; ?>/images/front/1/overview_leftimg_45.jpg" width="200" height="135" /></div>
    </div>
    <div id="business_solution_footerimgbox">
      <div id="business_solution_footerimgboxtittle"> New Web Smart </div>
      <div id="business_solution_footerimg"> <img src="<?php echo Yii::app()->baseUrl; ?>/images/front/1/overview_leftimg_45.jpg" width="200" height="135" /></div>
    </div>
    <div id="business_solution_footerimgbox">
      <div id="business_solution_footerimgboxtittle"> New Web Smart </div>
      <div id="business_solution_footerimg"> <img src="<?php echo Yii::app()->baseUrl; ?>/images/front/1/overview_leftimg_45.jpg" width="200" height="135" /></div>
    </div>
  </div>
</div>
