#container { width: 500px; margin: 0 auto; position: relative; } #main { width:100%; position: relative; } #content { padding: 18px 20px; position: relative; color: #333; } #container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: ; display: block; height: 0; clear: both; visibility: hidden; } #container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { _zoom:1; } #main p { margin-bottom: 18px; } #main h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; } #main h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; } #main h3 { font-weight: bold; font-size: 1em; line-height: 18px; } #main h4 { font-weight: bold; font-size: 10px; line-height: 18px; } #main p.intro { font-weight: bold; } #main .more { text-align: right; } #main ul { margin-bottom: 18px; list-style: none outside; } #main ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; } #main ul.square, #main ul.circle { margin-left: 2em; } #main ul.square { list-style: square outside; } #main ul.circle { list-style: circle outside; } #main ul ul.circle, #main ul ul.square { margin-top: 4px; margin-bottom: 5px; } #main ol.sosumi { margin-left: 0; padding-left: 2em; } /* DRAWERS */ #main ul.drawers { margin: 0; } #main .slider .drawer-handle { color: #333; font-size: 12px; padding: 5px 0; text-indent: 15px; width: 100%; background: #939393 url(http://www.paths-vx.com/images/browser/slider_handlebg.png) 0 0 no-repeat; cursor: default; } #main .slider .drawer-content { display: block; height: auto; } #main .slider h3.open { background-color: #72839d; background-position: -184px 0; color: #fff; } /* PRODUCT BROWSER */ #productbrowser { width: 500px; height: 180px; background: url(http://www.paths-vx.com/images/browser/product_bg5.gif) no-repeat top; overflow: auto; } #pb-productbrowsercontainer { position: relative; width: 500px; height: 180px; margin: 0 auto; } #pb-productslider { top: 4px; left: 0; width: 15000px; height: 140px; position: absolute; margin: 0; padding: 0; } #pb-productslider .pb-productimage { float: left; width: 137px; height: 140px; position: relative; top: -10; } #pb-productslider .pb-productimage a:link, #pb-productslider .pb-productimage a:visited { float: left; width: 100%; padding-top: 125px; overflow: hidden; color: #fff; font-size: 11px; text-align: center; background-position: 50% 100%; background-repeat: no-repeat; } #pb-productslider .pb-productimage a:hover { text-decoration: none; color: green; } #pb-productslidertrack { position: absolute; top: 152px; left: 18px; width: 456px; height:19px; overflow: hidden; background: url(http://www.paths-vx.com/images/browser/scrollbar_bot.png) no-repeat; visibility: hidden; } #pb-cat1 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 0px; } #pb-cat2 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 254px; } #pb-cat3 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 510px; } #pb-cat4 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 820px; } #pb-productsliderhandle { position: absolute; width: 213px; height: 19px; cursor: pointer; z-index: 155; } #pb-productsliderhandleimage { position: absolute; width: 213px; height: 19px; background: url(http://www.paths-vx.com/images/browser/pb_scroller.png) no-repeat; behavior:url(http://www.paths-vx.com/browser/iepngfix.htc); cursor: pointer; z-index: 5; } /* PRODUCT BROWSER SECTION COLORS */ #pb-productbrowsercontainer .pb-catclass0 { color: #666; } #pb-productbrowsercontainer .pb-catclass1 { color: #777; } #pb-productbrowsercontainer .pb-catclass2 { color: #888; } #pb-productbrowsercontainer .pb-catclass3 { color: #999; } #pb-productbrowsercontainer .pb-catclass4 { color: #aaa; } #pb-productbrowsercontainer .pb-catclass5 { color: #bbb; } #pb-productbrowsercontainer .pb-catclass6 { color: #ccc; } #pb-productbrowsercontainer .pb-catclass7 { color: #ddd; } #pb-productbrowsercontainer .pb-catclass8 { color: #eee; } #pb-productbrowsercontainer .pb-catclass9 { color: #eee; } #pb-productbrowsercontainer .pb-catclass10 { color: #fff; } #pb-productbrowsercontainer .pb-catclass11 { color: #fff; } #pb-productbrowsercontainer #pb-cat1.pb-catclass5 { color: #fff; } /* PRODUCT BROWSER PRODUCTS */ #pb-productslider #pb-het0 a { background-image: url(http://www.paths-vx.com/mod_pics/energy.gif); background-position: 50% 40; }#pb-productslider #pb-het1 a { background-image: url(http://www.paths-vx.com/mod_pics/biz1_mod.gif); background-position: 50% 40; }#pb-productslider #pb-het2 a { background-image: url(http://www.paths-vx.com/mod_pics/goalmod.jpg); background-position: 50% 40; }#pb-productslider #pb-het3 a { background-image: url(http://www.paths-vx.com/mod_pics/confident2_mod.gif); background-position: 50% 40; }#pb-productslider #pb-het4 a { background-image: url(http://www.paths-vx.com/mod_pics/moodmod.jpg); background-position: 50% 40; }#pb-productslider #pb-het5 a { background-image: url(http://www.paths-vx.com/mod_pics/moneysmall.jpg); background-position: 50% 40; }#pb-productslider #pb-het6 a { background-image: url(http://www.paths-vx.com/mod_pics/stem_cell_dna_80.jpg); background-position: 50% 40; }#pb-productslider #pb-het7 a { background-image: url(http://www.paths-vx.com/mod_pics/bulls_eye80x80.jpg); background-position: 50% 40; }#pb-productslider #pb-het8 a { background-image: url(http://www.paths-vx.com/mod_pics/synchro80.jpg); background-position: 50% 40; }#pb-productslider #pb-het9 a { background-image: url(http://www.paths-vx.com/mod_pics/inspired_luck.jpg); background-position: 50% 40; }#pb-productslider #pb-het10 a { background-image: url(http://www.paths-vx.com/mod_pics/piggy.jpg); background-position: 50% 40; }#pb-productslider #pb-het11 a { background-image: url(http://www.paths-vx.com/mod_pics/backpain_picsmall.JPG); background-position: 50% 40; }#pb-productslider #pb-het12 a { background-image: url(http://www.paths-vx.com/mod_pics/joints80.JPG); background-position: 50% 40; }#pb-productslider #pb-het13 a { background-image: url(http://www.paths-vx.com/mod_pics/sense_of_humor80.JPG); background-position: 50% 40; }#pb-productslider #pb-het14 a { background-image: url(http://www.paths-vx.com/mod_pics/meditationsmall.JPG); background-position: 50% 40; }#pb-productslider #pb-het15 a { background-image: url(http://www.paths-vx.com/mod_pics/anxiety80.JPG); background-position: 50% 40; }#pb-productslider #pb-het16 a { background-image: url(http://www.paths-vx.com/mod_pics/detox80.JPG); background-position: 50% 40; }#pb-productslider #pb-het17 a { background-image: url(http://www.paths-vx.com/mod_pics/ph80.JPG); background-position: 50% 40; }#pb-productslider #pb-het18 a { background-image: url(http://www.paths-vx.com/mod_pics/destiny80.JPG); background-position: 50% 40; }#pb-productslider #pb-het19 a { background-image: url(http://www.paths-vx.com/mod_pics/dental_health_80.JPG); background-position: 50% 40; } /* PRODUCT REPOSITIONING */ #pb-productslider #pb-airportexpress { margin-left: 38px; } #pb-productslider #pb-xsan { margin-left: -8px; } #pb-productslider #pb-macosxserver { margin-left: -20px; } #pb-productslider #pb-macmini { margin: 0 -10px 0 -20px; } #pb-productslider #pb-macbookpro { margin: 0 5px; } #pb-productslider #pb-imac { margin: 0 5px; }