1. /* common */
  2.  
  3. *
  4.         { padding: 0; margin: 0; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 1em; }
  5. body
  6.         { font-size: 62.50%; background: #fff url('../images/backgrounds/background.png') no-repeat 50% 0; }
  7. img
  8.         { outline: none; border: 0; }
  9. ul
  10.         { list-style-type: none; }
  11. a
  12.         { outline: none; }
  13.  
  14. /* common for the main div */
  15.  
  16. #main p
  17.         { color: #4f5a5b; font-size: 1.1em; line-height: 1.2em; padding: 5px 30px 5px 20px; }
  18. #main .column li
  19.         { color: #618900; font-size: 1.1em; line-height: 1.2em; margin: 12px 30px 12px 23px; padding-left: 13px; background: transparent url('../images/icons/bullet.png') no-repeat 0 7px; }
  20.  
  21. /* header */
  22.  
  23. #header
  24.         { width: 100%; background: transparent url('../images/backgrounds/border.png') repeat-x 0 43px; min-width: 762px; }
  25. #header_inner
  26.         { width: 762px; height: 95px; margin: 0 auto; }
  27.  
  28. /* logo */
  29.  
  30. #logo
  31.         { float: left; background-color: #fff; width: 170px; height: 70px; padding: 15px 0 0 50px; margin-bottom: 10px; }
  32. #logo a
  33.         { display: block; width: 103px; height: 73px; text-indent: -5000px; background: transparent url('../images/images/logo.png') no-repeat 0 0; }
  34.  
  35. /* top navigation */
  36.  
  37. #topNav
  38.         { width: 542px; float: right; margin-bottom: 10px; }
  39. #topNav li
  40.         { float: left; height: 24px; padding: 47px 0 13px 0; background-image: none; }
  41. #topNav li a
  42.         { display: block; text-indent: -5000px; height: 24px; width: 100%; }
  43.        
  44. #topNav li#menu_home
  45.         { width: 69px; margin-right: 8px; background-position: 0 0; }
  46. #topNav li#menu_why_eGix
  47.         { width: 69px; margin-right: 18px; background-position: -69px 0; }
  48. #topNav li#menu_eVolve_solutions
  49.         { width: 114px; margin-right: 11px; background-position: -138px 0; }
  50. #topNav li#menu_partners
  51.         { width: 74px; margin-right: 8px; background-position: -252px 0; }
  52. #topNav li#menu_support
  53.         { width: 74px; margin-right: 2px; background-position: -326px 0; }
  54. #topNav li#menu_contact_us
  55.         { width: 79px; background-position: -400px 0; }
  56.        
  57. #topNav li.selected
  58.         { background-image: url('../images/menu/active.gif'); }
  59. #topNav li.selected a
  60.         { background: none !important; }
  61.  
  62. #topNav li#menu_home a  
  63.         { background: transparent url('../images/menu/topmenu.gif') no-repeat 0 0; }
  64. #topNav li#menu_why_eGix a  
  65.         { background: transparent url('../images/menu/topmenu.gif') no-repeat -77px 0; }
  66. #topNav li#menu_eVolve_solutions a  
  67.         { background: transparent url('../images/menu/topmenu.gif') no-repeat -164px 0; }
  68. #topNav li#menu_partners a  
  69.         { background: transparent url('../images/menu/topmenu.gif') no-repeat -289px 0; }
  70. #topNav li#menu_support a  
  71.         { background: transparent url('../images/menu/topmenu.gif') no-repeat -371px 0; }
  72. #topNav li#menu_contact_us a  
  73.         { background: transparent url('../images/menu/topmenu.gif') no-repeat -447px 0; }
  74.        
  75. #topNav li#menu_home a:hover  
  76.         { background-position: 0 -24px; }
  77. #topNav li#menu_why_eGix a:hover    
  78.         { background-position: -77px -24px; }
  79. #topNav li#menu_eVolve_solutions a:hover    
  80.         { background-position: -164px -24px; }
  81. #topNav li#menu_partners a:hover    
  82.         { background-position: -289px -24px; }
  83. #topNav li#menu_support a:hover    
  84.         { background-position: -371px -24px; }
  85. #topNav li#menu_contact_us a:hover    
  86.         { background-position: -447px -24px; }
  87.  
  88. /* rollover menu */
  89.  
  90. #topNav .subNavHolder
  91.         { position: relative; height: 24px; }
  92. #topNav .subNav
  93.         { display: none; position: absolute; top: 24px; left: 0; padding: 10px 0 0 0; width: 174px; height: auto; background: transparent url('../images/backgrounds/drop_down.gif') no-repeat 0 0; }
  94. #topNav .hover div
  95.         { display: block !important; }
  96. #topNav .subNav ul
  97.         { padding: 0 0 10px 0; background: transparent url('../images/backgrounds/drop_down.gif') no-repeat right bottom; }
  98. #topNav .subNav ul li
  99.         { width: auto; height: auto; float: none; background-image: none; padding: 0 13px; background: transparent url('../images/backgrounds/drop_down.gif') repeat-y -174px 0; }
  100. #topNav .subNav ul li a
  101.         { background-image: none !important; text-indent: 0; color: #636a00; font-weight: bold; font-size: 1.2em; text-decoration: none; float: none; height: 20px; width: auto; padding: 4px 0 0 0; border-top: 1px solid #fff; line-height: 1.5em; }
  102. #topNav .subNav ul li a.first
  103.         { border: 0; }
  104. #topNav .subNav ul li a:hover
  105.         { color: #000; }
  106.  
  107. /* site */
  108.  
  109. #site
  110.         { width: 762px; margin: 0 auto; overflow: auto; padding-bottom: 50px; }
  111. #main
  112.         { width: 762px; }  
  113.  
  114. /* page top */
  115.        
  116. #page_top
  117.         { width: 762px; overflow: auto; }
  118.        
  119. /* top links */
  120.        
  121. #top_links
  122.         { float: left; width: 154px; height: 175px; background: transparent url('../images/backgrounds/links.png') no-repeat 0 0; padding: 12px 20px 5px 15px; }
  123. #top_links ul li
  124.         { font-size: 1.2em; font-weight: bold; line-height: 1.5em; }
  125. #top_links ul li a
  126.         { color: #104b7d; text-decoration: none; }
  127. #top_links ul li a:hover
  128.         { color: #4f5a5b; }
  129. #top_links ul li.signin_link
  130.         { padding-left: 20px; background: transparent url('../images/icons/lock.gif') no-repeat 0 0; margin: 6px 0; }
  131. #top_links ul li.bottom_link
  132.         { margin: 6px 0 14px 0; }
  133.  
  134. /* flash movie on top of the page */
  135.  
  136. .flashHead
  137.         { float: left; font-size: 0; line-height: 0; width: 573px; height: 192px; overflow: hidden; background: transparent url("../images/images/flash.png") no-repeat 0 0; }
  138.  
  139. /* main */
  140.  
  141. #main p.intro
  142.         { padding-top: 9px; font-style: italic; }
  143.  
  144. .column
  145.         { float: left; }
  146.  
  147. #eMergeB
  148.         { width: 242px; margin-right: 7px; }
  149. #eVantageB
  150.         { width: 244px; margin-right: 4px; }
  151. #eMobilityB
  152.         { width: 262px; }
  153.  
  154. .column_top
  155.         { display: block; height: 44px; padding: 48px 90px 5px 20px; text-decoration: none; }
  156. .column_top:hover
  157.         { text-decoration: underline; }
  158. .column_top span
  159.         { display: none; }
  160. .column_top span.visible
  161.         { display: inline; color: #fff; font-size: 1.1em; line-height: 1em; }
  162. #eMobilityB .column_top span.visible
  163.         { color: #2a71b2; }
  164.  
  165. #eMergeB .column_top
  166.         { width: 132px; background: transparent url('../images/backgrounds/eMerge.png') no-repeat 0 0; color: #fff; }
  167. #eVantageB .column_top
  168.         { width: 134px; background: transparent url('../images/backgrounds/eVantage.png') no-repeat 0 0; color: #fff; }
  169. #eMobilityB .column_top
  170.         { width: 152px; background: transparent url('../images/backgrounds/eMobility.png') no-repeat 0 0; color: #2a71b2; }
  171.  
  172. h2
  173.         { font-size: 1.7em; color: #104b7d; margin: 17px 20px 3px 20px; letter-spacing: -1px; }
  174.  
  175. h2#eVolve_eMerge
  176.         { width: 103px; height: 20px; background: transparent url('../images/text/eVolve_eMerge.png') no-repeat 0 0; text-indent: -5000px; }
  177. h2#eVolve_eVantage
  178.         { width: 114px; height: 20px; background: transparent url('../images/text/eVolve_eVantage.png') no-repeat 0 0; text-indent: -5000px; }
  179. h2#eVolve_eMobility
  180.         { width: 114px; height: 20px; background: transparent url('../images/text/eVolve_eMobility.png') no-repeat 0 0; text-indent: -5000px; }
  181.  
  182. /* footer */
  183.  
  184. #footer
  185.         { clear: both; background: #e1e4e6 url('../images/backgrounds/border.png') repeat-x 0 0; width: 100%; min-width: 762px; }
  186. #footer_inner
  187.         { width: 722px; margin: 0 auto; overflow: auto; padding: 28px 20px 50px 20px; }
  188. .footer_links
  189.         { float: left; color: #586065; }
  190. .footer_links a
  191.         { color: #586065; text-decoration: none; }
  192. .footer_links a:hover
  193.         { color: #104b7d; }
  194. .copyright
  195.         { float: right; color: #586065; }