home *** CD-ROM | disk | FTP | other *** search
/ PC Professionell 2004 July / PCpro_2004_07.ISO / docs / maxblast / maxblast3_files / main.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-03-07  |  15.9 KB  |  543 lines
  1. /*
  2.  
  3.     global elements
  4.  
  5. */
  6.  
  7.  
  8.  
  9. body { background-color:#ffffff; color:#5e5e5f; }
  10.  
  11.  
  12.  
  13. b, strong { font-weight:bold; }
  14.  
  15.  
  16.  
  17. p,ul,ol,ul ul,ol ol,ul ol,ol ul,blockquote,blockquote p,ul li ul {
  18.  
  19.     font-size: .7em;
  20.  
  21.     line-height:150%;
  22.  
  23.     font-family:verdana, arial, helvetica, sans-serif;
  24.  
  25.     margin:5px 15px 15px 9px;
  26.  
  27. }
  28.  
  29.  
  30.  
  31. tt,p tt,tt p {
  32.  
  33.     font-size: 1em;
  34.  
  35.     font-family:monospace;
  36.  
  37. }
  38.  
  39.  
  40.  
  41. .normal {
  42.  
  43.     font-size: .7em;
  44.  
  45.     font-family:verdana, arial, helvetica, sans-serif;
  46.  
  47.     font-weight: normal;
  48.  
  49.     font-style: normal;
  50.  
  51. }
  52.  
  53.  
  54.  
  55.  
  56.  
  57. /* added red text */
  58.  
  59. .red { color:#FF0000; }
  60.  
  61. /* added white text for errors, troubleshooting */
  62.  
  63. .white { color:#FFFFFF; }
  64.  
  65.  
  66.  
  67. p.small { font: 1em arial, helvetica, sans-serif; margin:5px 15px 5px 10px; }
  68.  
  69. p.searchresults { font: bold .7em; color:#002f86; }
  70.  
  71. p.search { font:10px verdana; color:#003399; margin:0px 0px 0px 0px; }
  72.  
  73. a.advsearch:link, a.advsearch:visited { font:10px arial, helvetica, sans-serif; color:#6988BB; }
  74.  
  75.  
  76.  
  77. p.clickstream { color:#c7c7c7; font-family:arial; font-size:xx-small; }
  78.  
  79. p.clickstream a:link, p.clickstream a:visited { color:#c7c7c7; text-decoration:none; }
  80.  
  81. p.clickstream a:hover { color:#002f86; text-decoration:underline; }
  82.  
  83.  
  84.  
  85. .head1 {
  86.  
  87.     font-weight:bold;
  88.  
  89.     font-size:small;
  90.  
  91.     color:#002f86;
  92.  
  93.     margin-top:4px; margin-bottom:4px;
  94.  
  95.     word-spacing: 0.05em; letter-spacing: 0.1em;
  96.  
  97. }
  98.  
  99.  
  100.  
  101. .head2 {
  102.  
  103.     font-size:.7em;
  104.  
  105.     color:#000000;
  106.  
  107.     margin-top:-8px; margin-bottom:8px;
  108.  
  109.     word-spacing: 0.05em; letter-spacing: 0.1em;
  110.  
  111.     text-transform: uppercase;
  112.  
  113. }
  114.  
  115.     
  116.  
  117. .head3 {
  118.  
  119.     font-weight:bold;
  120.  
  121.     font-size:.7em;
  122.  
  123.     color:#000000;
  124.  
  125.     margin-top:15px; margin-bottom:4px;
  126.  
  127. }
  128.  
  129.  
  130.  
  131. .head4 {
  132.  
  133.     font-weight:bold;
  134.  
  135.     font-size:.7em;
  136.  
  137.     color:#002f86;
  138.  
  139.     margin-top:4px; margin-bottom:4px;
  140.  
  141. }
  142.  
  143.  
  144.  
  145.  
  146.  
  147. .head5 {
  148.  
  149.     font-weight:bold;
  150.  
  151.     font-size:.7em;
  152.  
  153.     color:#6a6db2;
  154.  
  155.     margin-top:4px; margin-bottom:4px;
  156.  
  157. }
  158.  
  159.  
  160.  
  161. .headSidebar {
  162.  
  163.     font-weight:bold;
  164.  
  165.     color:#002f86;
  166.  
  167.     margin-top:4px; margin-bottom:4px;
  168.  
  169. }
  170.  
  171.  
  172.  
  173. a:link { color:#164294; }
  174.  
  175. a:visited { color:#697286; }
  176.  
  177. a:hover { color:#002f86; }
  178.  
  179.  
  180.  
  181. ul { list-style-type: disc; margin-left:20px; }
  182.  
  183. ol { list-style: decimal; margin-left:20px; }
  184.  
  185. li { margin-left:6px; }
  186.  
  187.  
  188.  
  189. /*
  190.  
  191.     tabs
  192.  
  193. */
  194.  
  195.  
  196.  
  197. td.tabOn{
  198.  
  199.     text-transform: uppercase;
  200.  
  201.     font:9px arial; color:white;
  202.  
  203.     padding:3px 6px 8px 5px;
  204.  
  205.     background-image:url('/en/images/_boilerplate/backgrounds/tab_on.gif');
  206.  
  207.     cursor:hand;
  208.  
  209. }
  210.  
  211.  
  212.  
  213. td.tabOff{
  214.  
  215.     text-transform: uppercase;
  216.  
  217.     font:9px arial; color:black;
  218.  
  219.     padding:3px 6px 8px 5px;
  220.  
  221.     background-image:url('/en/images/_boilerplate/backgrounds/tab_off.gif');
  222.  
  223.     cursor:hand;
  224.  
  225. }
  226.  
  227.  
  228.  
  229. .tabOn a:link, .tabOn a:visited { color:white; text-decoration:none; }
  230.  
  231. .tabOn a:hover { color:white; text-decoration:underline; }
  232.  
  233. .tabOff a:link, .tabOff a:visited { color:black; text-decoration:none; }
  234.  
  235. .tabOff a:hover { color:black; text-decoration:underline; }
  236.  
  237.  
  238.  
  239. /*
  240.  
  241.     tables
  242.  
  243. */
  244.  
  245.  
  246.  
  247. table.plain{ margin-left: 5px; }
  248.  
  249.         .plain th { vertical-align:top;
  250.  
  251.             font: bold .7em verdana, arial, helvetica, sans-serif;
  252.  
  253.             line-height:150%;
  254.  
  255.             text-align:left; 
  256.  
  257.             }
  258.  
  259.         .plain td { vertical-align:top;
  260.  
  261.             font:.7em verdana, arial, helvetica, sans-serif;
  262.  
  263.             line-height:150%;
  264.  
  265.             }
  266.  
  267.  
  268.  
  269. table.warrantyApp{ font: 10px verdana, arial, helvetica, sans-serif; }
  270.  
  271.         
  272.  
  273.             .warrantyApp th{
  274.  
  275.  
  276.  
  277.             padding: 3px 5px 3px 3px;
  278.  
  279.  
  280.  
  281.             background-color: #efebf7;
  282.  
  283.  
  284.  
  285.             vertical-align:top;
  286.  
  287.  
  288.  
  289.             font:bold .7em verdana, arial, helvetica, sans-serif;
  290.  
  291.  
  292.  
  293.             text-align:left;
  294.  
  295.  
  296.  
  297.             color:#000000;
  298.  
  299.  
  300.  
  301.             cursor:hand;
  302.  
  303.  
  304.  
  305.         }
  306.  
  307.  
  308.  
  309.         .warrantyApp th a:link { color:white; text-decoration:none; }
  310.  
  311.  
  312.  
  313.         .warrantyApp th a:visited { color:white; text-decoration:none; }
  314.  
  315.  
  316.  
  317.         .warrantyApp th a:hover { color:#fffbb5; text-decoration:none; }
  318.  
  319.  
  320.  
  321.         .warrantyApp td { }
  322.  
  323.  
  324.  
  325.         .warrantyApp td a:link, .related td a:visited {    color:#5e5e5f; text-decoration:underline; }
  326.  
  327.  
  328.  
  329.         .warrantyApp td a:hover { color:#5e5e5f; text-decoration:underline; }
  330.  
  331.  
  332.  
  333. table.warrantyResults{ background-color: #c7c7c7; }
  334.  
  335.  
  336.  
  337.         .warrantyResults th{
  338.  
  339.  
  340.  
  341.             padding-left: 2px;
  342.  
  343.  
  344.  
  345.             background-color: #efebf7;
  346.  
  347.  
  348.  
  349.             vertical-align:top;
  350.  
  351.  
  352.  
  353.             font:bold .7em verdana, arial, helvetica, sans-serif;
  354.  
  355.  
  356.  
  357.             text-align:left;
  358.  
  359.  
  360.  
  361.             color:#000000;
  362.  
  363.  
  364.  
  365.         }
  366.  
  367.  
  368.  
  369.         .warrantyResults td{
  370.  
  371.  
  372.  
  373.             background-color:#ffffff;
  374.  
  375.  
  376.  
  377.             padding: 3px 5px 3px 3px;
  378.  
  379.  
  380.  
  381.             vertical-align:top;
  382.  
  383.  
  384.  
  385.             font: .7em verdana, arial, helvetica, sans-serif;
  386.  
  387.  
  388.  
  389.         }
  390.  
  391.  
  392.  
  393. table.related{ font: 10px verdana, arial, helvetica, sans-serif; }
  394.  
  395.         .related td { padding-top:3px; padding-bottom:3px; padding-right:18px; }
  396.  
  397.         .related td a:link, .related td a:visited {    color:#5e5e5f; text-decoration:none; }
  398.  
  399.         .related td a:hover { color:#5e5e5f; text-decoration:underline; }
  400.  
  401.  
  402.  
  403. table.overview{  }
  404.  
  405.         .overview th{
  406.  
  407.             padding: 3px 5px 3px 3px;
  408.  
  409.             background-image:url('/en/images/_boilerplate/backgrounds/header_back_2color.gif');
  410.  
  411.             vertical-align:top;
  412.  
  413.             font:bold .7em verdana, arial, helvetica, sans-serif;
  414.  
  415.             text-align:left;
  416.  
  417.             color:#ffffff;
  418.  
  419.             cursor:hand;
  420.  
  421.         }
  422.  
  423.         .overview th a:link { color:white; text-decoration:none; }
  424.  
  425.         .overview th a:visited { color:white; text-decoration:none; }
  426.  
  427.         .overview th a:hover { color:#fffbb5; text-decoration:none; }
  428.  
  429.         .overview td {
  430.  
  431.             background-color:#ffffff;
  432.  
  433.             vertical-align:top;
  434.  
  435.             font:.7em verdana, arial, helvetica, sans-serif;
  436.  
  437.         }
  438.  
  439.  
  440.  
  441. table.compare{ background-color:#c7c7c7; font:.7em verdana, arial, helvetica, sans-serif;}
  442.  
  443.         .compare th{
  444.  
  445.             padding: 3px 5px 3px 3px;
  446.  
  447.             background-color: #efebf7;
  448.  
  449.             font:bold verdana, arial, helvetica, sans-serif;
  450.  
  451.             color:black;
  452.  
  453.         }
  454.  
  455.         .compare td {
  456.  
  457.             background-color:#ffffff;
  458.  
  459.             text-align:center;
  460.  
  461.         }
  462.  
  463.         .compareHead1 { font:bold small arial, helvetica, sans-serif; color:#ffffff; }
  464.  
  465.         .compareHead2 { font:x-small verdana, arial, helvetica, sans-serif; color:#ffffff; text-transform:uppercase; }
  466.  
  467.         .compareHead3 { font:bold 1em verdana, arial, sans-serif; color:#002f86; margin:0px; }
  468.  
  469.         .compare td p { font:xx-small arial; margin:0px; }
  470.  
  471.  
  472.  
  473. table.detail{  }
  474.  
  475.         .detail th{
  476.  
  477.             padding: 3px 5px 3px 3px;
  478.  
  479.             background-color: #335AA0;
  480.  
  481.             vertical-align:top;
  482.  
  483.             font:bold .7em verdana, arial, helvetica, sans-serif;
  484.  
  485.             text-align:left;
  486.  
  487.             color:#ffffff;
  488.  
  489.         }
  490.  
  491.         .detail td {
  492.  
  493.             background-color:#ffffff;
  494.  
  495.             vertical-align:top;
  496.  
  497.         }
  498.  
  499.  
  500.  
  501. table.searchForm{  }
  502.  
  503.         .searchForm th{
  504.  
  505.             padding: 3px 5px 3px 3px;
  506.  
  507.             background-color: #335AA0;
  508.  
  509.  
  510.  
  511.             text-align:left;
  512.  
  513.             color:#ffffff;
  514.  
  515.         }
  516.  
  517.         .searchForm td {
  518.  
  519.             background-color:#ffffff;
  520.  
  521.  
  522.  
  523.         }
  524.  
  525.  
  526.  
  527. table.chart{ background-color: #c7c7c7; }
  528.  
  529.         .chart th{
  530.  
  531.             padding-left: 2px;
  532.  
  533.             background-color: #002f86;
  534.  
  535.             vertical-align:top;
  536.  
  537.             font:bold .7em verdana, arial, helvetica, sans-serif;
  538.  
  539.             text-align:left;
  540.  
  541.             color:#ffffff;
  542.  
  543.         }
  544.  
  545.         .chart td{
  546.  
  547.             background-color:#ffffff;
  548.  
  549.             padding: 3px 5px 3px 3px;
  550.  
  551.             vertical-align:top;
  552.  
  553.             font: .7em verdana, arial, helvetica, sans-serif;
  554.  
  555.         }
  556.  
  557.         
  558.  
  559. table.chartLightHeader { background-color: #c7c7c7; }
  560.  
  561.         .chartLightHeader th{
  562.  
  563.             padding: 3px 5px 3px 3px;
  564.  
  565.             background-color: #EFECF7;
  566.  
  567.             vertical-align:top;
  568.  
  569.             font:bold .7em verdana, arial, helvetica, sans-serif;
  570.  
  571.             text-align:left;
  572.  
  573.             color:#000000;
  574.  
  575.         }
  576.  
  577.         .chartLightHeader th a:link { color:#000000; text-decoration:underline; }
  578.  
  579.         .chartLightHeader th a:visited { color:#000000; text-decoration:underline; }
  580.  
  581.         .chartLightHeader th a:hover { color:#000000; text-decoration:underline; }
  582.  
  583.         .chartLightHeader td{
  584.  
  585.             background-color:#ffffff;
  586.  
  587.             padding: 3px 5px 3px 3px;
  588.  
  589.             vertical-align:top;
  590.  
  591.             font: .7em verdana, arial, helvetica, sans-serif;
  592.  
  593.         }
  594.  
  595.         
  596.  
  597. /*
  598.  
  599.     <td> styles
  600.  
  601. */
  602.  
  603.  
  604.  
  605. td.dashed{ padding:0px;    background-image:url('/en/images/_boilerplate/backgrounds/td_back_dashed_white.gif'); }
  606.  
  607. td.rtdashed{ padding:0px; background-image:url('/en/images/_boilerplate/backgrounds/td_back_dashed_gray.gif'); }
  608.  
  609. td.tdbody{ background-color:#efebf7; border:1px solid #c7c7c7; }
  610.  
  611. td.yellow { background-color:#fffcd6; }
  612.  
  613. td.lightblue { background-color:#dedfef; }
  614.  
  615. th.yellow { background-color:#fffcd6; }
  616.  
  617. th.black { background-color:#000000; }
  618.  
  619. th.blue { background-color:#000080; }
  620.  
  621. td { background-image:url('/en/images/_boilerplate/shim/pixel_clear.gif'); }
  622.  
  623. td.null { background-image:url('/en/images/_boilerplate/shim/pixel_clear.gif'); }
  624.  
  625. td.rtchannel { background-image:url('/en/images/_boilerplate/backgrounds/right_light_blue.gif'); }
  626.  
  627. td.rtchannelBlank { background-image:url('/en/images/_boilerplate/backgrounds/right_light_white.gif'); }
  628.  
  629. td.rtchanneldark { background-image:url('/en/images/_boilerplate/backgrounds/right_dark_blue.gif'); }
  630.  
  631. td.rtchannelwide { background-image:url('/en/images/_boilerplate/lines/gray_vertical_double_lines.gif'); }
  632.  
  633. td.linework { padding:0px; background-color:#c7c7c7; }
  634.  
  635. td.bracketTopRight { background-image:url('/en/images/_boilerplate/lines/bracket_top_right.gif'); }
  636.  
  637. td.bracketTopRightWide { background-image:url('/en/images/_boilerplate/lines/bracket_top_right_wide.gif'); }
  638.  
  639. td.bracketTopLeft { background-image:url('/en/images/_boilerplate/lines/bracket_top_left.gif'); }
  640.  
  641. td.bracketBottomLeft { background-image:url('/en/images/_boilerplate/lines/bracket_line_bottom_left.gif'); }
  642.  
  643. td.bracketBottomRight { background-image:url('/en/images/_boilerplate/lines/bracket_line_bottom_right.gif'); }
  644.  
  645. td.rtchannel p, td.rtchanneldark p, td.rtchannelBlank p {    margin-right:25px;}
  646.  
  647. td.normal{font-size: .7em;
  648.  
  649.     line-height:150%;
  650.  
  651.     font-family:verdana, arial, helvetica, sans-serif;
  652.  
  653.     margin:5px 15px 15px 9px;}
  654.  
  655.  
  656.  
  657. /*
  658.  
  659.     misc.
  660.  
  661. */
  662.  
  663.  
  664.  
  665. .indent { margin-left:20px; }
  666.  
  667. input { font:10px verdana; color:#5e5e5f; }
  668.  
  669. textarea { font:10px verdana; color:#5e5e5f; }
  670.  
  671. option { font:10px verdana; color:#5e5e5f; }
  672.  
  673.  
  674.  
  675. .searchForm { font:10px verdana; color:#5e5e5f; }
  676.  
  677. .searchInput { font:10px verdana; color:#5e5e5f; width:150px; }
  678.  
  679.  
  680.  
  681. .footer { background-color:#000000; color:#ABABAB; font:10px arial; }
  682.  
  683. .footer a:link, .footer a:visited { color:#ABABAB; text-decoration:none; }
  684.  
  685. .footer a:hover { color:white; text-decoration:underline; }
  686.  
  687.  
  688.  
  689. /*
  690.  
  691.     global nav
  692.  
  693. */
  694.  
  695.  
  696.  
  697.     /* empty blue rectangle */
  698.  
  699.  
  700.  
  701.     #globalNavDiv{
  702.  
  703.         position:absolute; left:196px; top:46px;
  704.  
  705.         width:565px; height:26px;
  706.  
  707.         background-color:#002c84;
  708.  
  709.         layer-background-color:#002c84;
  710.  
  711.         clip: rect( 0px 565px 26px 0px );
  712.  
  713.     }
  714.  
  715.  
  716.  
  717.     /*    the actual top nav are either 
  718.  
  719.             <div class="navT1big">PRODUCTS<span class="navPlus">+</span></div>
  720.  
  721.             - or -
  722.  
  723.             <div class="navT1small">TECHNOLOGIES</div>
  724.  
  725.     */
  726.  
  727.     
  728.  
  729.     .navT1big{
  730.  
  731.         position:absolute; top:46; visibility:visible;
  732.  
  733.         width:auto; height:16px;
  734.  
  735.  
  736.  
  737.         padding: 5px 7px;
  738.  
  739.         border-left: 1px solid #F4F4F4;
  740.  
  741.         border-bottom: 1px solid #DADBEC;
  742.  
  743.  
  744.  
  745.         font: 10px verdana, arial, helvetica, sans-serif; 
  746.  
  747.         cursor: hand;
  748.  
  749.     }
  750.  
  751.     .navT1big a:link{ color:white; text-decoration:none }
  752.  
  753.     .navT1big a:active{ color:white; text-decoration:none }
  754.  
  755.     .navT1big a:visited{color:white; text-decoration:none }
  756.  
  757.     .navT1big a:hover{ color:white; text-decoration:none }
  758.  
  759.  
  760.  
  761.     .navT1small{
  762.  
  763.         position:absolute; left:0; top:73px; visibility:visible;
  764.  
  765.         width:auto;
  766.  
  767.         padding: 2px 6px;
  768.  
  769.         border-left: 1px solid #F4F4F4;
  770.  
  771.         border-bottom: 1px solid white;
  772.  
  773.         background-color: #6A6DB2; layer-background-color: #6A6DB2;
  774.  
  775.         font: 10px verdana, arial, helvetica, sans-serif;
  776.  
  777.         cursor: hand;
  778.  
  779.     }
  780.  
  781.     .navT1small a:link{ color: #C8DEF3; text-decoration:none }
  782.  
  783.     .navT1small a:active{ color: #C8DEF3; text-decoration:none }
  784.  
  785.     .navT1small a:visited{ color: #C8DEF3; text-decoration:none }
  786.  
  787.     .navT1small a:hover{ color: #C8DEF3; text-decoration:none }
  788.  
  789.     
  790.  
  791.     .navT1smallon{
  792.  
  793.         position:absolute; left:0; top:73px; visibility:visible;
  794.  
  795.         width:auto;
  796.  
  797.         padding: 2px 6px;
  798.  
  799.         border-left: 1px solid #F4F4F4;
  800.  
  801.         border-bottom: 1px solid white;
  802.  
  803.         background-color: #6A6DB2; layer-background-color: #6A6DB2;
  804.  
  805.         font: 10px verdana, arial, helvetica, sans-serif;
  806.  
  807.         cursor: hand;
  808.  
  809.     }
  810.  
  811.     
  812.  
  813.     .navT1smallon a:link{ color: #ffffff; text-decoration:none }
  814.  
  815.     .navT1smallon a:active{ color: #ffffff; text-decoration:none }
  816.  
  817.     .navT1smallon a:visited{ color: #ffffff; text-decoration:none }
  818.  
  819.     .navT1smallon a:hover{ color: #ffffff; text-decoration:none }
  820.  
  821.     
  822.  
  823.     #navproductsDiv{     left: 196px; width:  92px; height:26px; clip: rect( 0px  92px 26px 0px ); }
  824.  
  825.     #navsupportDiv{     left: 288px; width: 167px; height:26px; clip: rect( 0px 167px 26px 0px ); }
  826.  
  827.     #navsolutionsDiv{     left: 455px; width: 156px; height:26px; clip: rect( 0px 156px 26px 0px ); }
  828.  
  829.     #navaboutDiv{         left: 611px; width: 150px; height:26px; clip: rect( 0px 150px 26px 0px ); }
  830.  
  831.     #navpartnersDiv{     left: 196px; width: 207px; height:19px; clip: rect( 0px 207px 18px 0px ); }
  832.  
  833.     #navtechnologiesDiv{    left: 403px; width: 208px; height:19px; clip: rect( 0px 208px 18px 0px ); }
  834.  
  835.     #navshopDiv{         left: 611px; width: 150px; height:19px; clip: rect( 0px 150px 18px 0px ); }
  836.  
  837.  
  838.  
  839.     .navPlus{
  840.  
  841.         font: bold 13px verdana, arial, helvetica, sans-serif;
  842.  
  843.         color: #CBB075;
  844.  
  845.     }
  846.  
  847.  
  848.  
  849.     /*    drop downs look like:
  850.  
  851.         <div class="navDrop">
  852.  
  853.             <div class="navDropRow0">Lorem Overview</div>
  854.  
  855.             <div class="navDropRow">Ipsum 1</div>
  856.  
  857.             <div class="navDropRow">Ipsum 2</div>
  858.  
  859.                 ...
  860.  
  861.             <div class="navDropRow">Ipsum n</div>
  862.  
  863.         </div>
  864.  
  865.     */
  866.  
  867.  
  868.  
  869.     .navDrop{
  870.  
  871.         position:absolute; top:91px; visibility:hidden;
  872.  
  873.         width:175; height:auto;
  874.  
  875.         background-color: #8AA8D8;
  876.  
  877.         border: 1px solid white;
  878.  
  879.     }
  880.  
  881.     .navDropRow, .navDropRow0{
  882.  
  883.         position:relative;
  884.  
  885.         font: 10px verdana, arial, helvetica, sans-serif;
  886.  
  887.         padding: 2px 6px;
  888.  
  889.         color: white;
  890.  
  891.         cursor: hand;
  892.  
  893.     }
  894.  
  895.     .navDropRow0{ border-top: none; }
  896.  
  897.     .navDropRow{  border-top: 1px solid white; }
  898.  
  899.     
  900.  
  901. /*
  902.  
  903.     leftnav 
  904.  
  905. */
  906.  
  907.  
  908.  
  909. .leftnavT1offLine{    background-color: #6E7695; }
  910.  
  911. .leftnavT1onLine{    background-color: #FFFFFF; }
  912.  
  913. .leftnavT2offLine{    background-color: #6E7695; }
  914.  
  915. .leftnavT2onLine{    background-color: #FFFFFF; }
  916.  
  917. .leftnavT3offLine{    background-color: #94AACF; }
  918.  
  919. .leftnavT3onLine{    background-color: #94AACF; }
  920.  
  921.  
  922.  
  923. .leftnavT2on { 
  924.  
  925.     font: 10px verdana, arial, helvetica, sans-serif;
  926.  
  927.     padding:3px 0px 4px 3px;
  928.  
  929.     text-transform:uppercase;
  930.  
  931.     background-color:#6B71B5;
  932.  
  933.     cursor:hand;
  934.  
  935. }
  936.  
  937.  
  938.  
  939. .leftnavT2img { 
  940.  
  941.     background-color:#6B71B5;
  942.  
  943.     cursor:hand;
  944.  
  945. }
  946.  
  947.  
  948.  
  949.  
  950.  
  951.  
  952.  
  953. .leftnavT2on a:link, .leftnavT2on a:visited { color:white; text-decoration:none; }
  954.  
  955. .leftnavT2on a:hover { text-decoration:underline; }
  956.  
  957.  
  958.  
  959. .leftnavT2off { 
  960.  
  961.     font: 10px verdana, arial, helvetica, sans-serif;
  962.  
  963.     padding:2px 0px 4px 3px;
  964.  
  965.     cursor:hand;
  966.  
  967. }
  968.  
  969. .leftnavT2off a:link, .leftnavT2off a:visited { color:white; text-decoration:none; }
  970.  
  971. .leftnavT2off a:hover { text-decoration:underline; }
  972.  
  973.  
  974.  
  975. .leftnavT3on  {
  976.  
  977.     font: 10px verdana, arial, helvetica, sans-serif;
  978.  
  979.     padding:2px 5px 4px 13px ;
  980.  
  981.     background-image:url('/en/images/_boilerplate/backgrounds/tier3_on.gif');
  982.  
  983.     background-color:#94aacf; 
  984.  
  985.     cursor:hand;
  986.  
  987. }
  988.  
  989. .leftnavT3on a:link, .leftnavT3on a:visited { color:white; text-decoration:none; }
  990.  
  991. .leftnavT3on a:hover { text-decoration:underline; }
  992.  
  993.  
  994.  
  995. .leftnavT3off { 
  996.  
  997.     font: 10px verdana, arial, helvetica, sans-serif;
  998.  
  999.     padding:2px 5px 4px 8px ;
  1000.  
  1001.     background-color:#94aacf;
  1002.  
  1003.     cursor:hand;
  1004.  
  1005. }
  1006.  
  1007. .leftnavT3off a:link, .leftnavT3off a:visited { color:black; text-decoration:none; }
  1008.  
  1009. .leftnavT3off a:hover { text-decoration:underline; }
  1010.  
  1011.  
  1012.  
  1013.  
  1014.  
  1015.  
  1016.  
  1017. /*
  1018.  
  1019.     home
  1020.  
  1021. */
  1022.  
  1023.  
  1024.  
  1025. #iconStripHolder{
  1026.  
  1027.     position:relative; top:0; left: 0; 
  1028.  
  1029.     width:auto; height:30px;
  1030.  
  1031. }
  1032.  
  1033. .iconStrip{
  1034.  
  1035.     position:absolute; left:0; top:0; visibility:visible; 
  1036.  
  1037.     width:auto; height:auto; 
  1038.  
  1039. }
  1040.  
  1041. #iconStripOnDiv{
  1042.  
  1043.     clip: rect(0px 0px 30px 0px);
  1044.  
  1045. }
  1046.  
  1047.  
  1048.  
  1049. #homeLeftFeatureDiv2{
  1050.  
  1051.     position:absolute; left: 0px; top: 124px; visibility:visible; 
  1052.  
  1053.     width:auto; height:auto; 
  1054.  
  1055. }
  1056.  
  1057.  
  1058.  
  1059. #homeLeftFeatureDiv{
  1060.  
  1061.     position:absolute; left: 0px; top: 133px; visibility:visible; 
  1062.  
  1063.     width:auto; height:auto; 
  1064.  
  1065. }
  1066.  
  1067. #homeLeftFeaturePhoto{
  1068.  
  1069.     position:absolute; left:0px; top:13px; visibility:visible; 
  1070.  
  1071.     width:auto; height:auto; 
  1072.  
  1073. }
  1074.  
  1075. #homeLeftFeatureShop{
  1076.  
  1077.     position:absolute; left:0px; top:83px; 
  1078.  
  1079.     width: 190px; 
  1080.  
  1081.     text-align:right;
  1082.  
  1083.     font:9px verdana; color:#E4E5EE;
  1084.  
  1085. }