#main { width: 800px; }
    #content { width: 610px; float: left; margin: 0; }
    #footer { margin: 0 0 20px 0; padding-top: 5px; border-top: 1px solid #ccc; }

  #content h2 { background: transparent url(/i/presentation/subhead-photo-gallery.gif) no-repeat 0 0; width: 129px; height: 22px; }

    h3 { text-transform: uppercase; }
    #trend h3 { clear: both; }

    ul.subnav { padding: 0.7em 0 7px 20px; width: 590px; list-style: none; float: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
    ul.subnav li { margin: 0 5px 0 0; padding-right: 5px; font-size: 10px; text-transform: uppercase; float: left; border-right: 1px solid #666; }
    ul.subnav li.previous a { padding-left: 16px; background: transparent url(/i/presentation/arrow-prev.gif) left center no-repeat; }
	  ul.subnav li.last { border: none; }
    ul.subnav li.next a { padding-right: 16px; background: transparent url(/i/presentation/arrow.gif) right center no-repeat; }
    ul.subnav li a { display:block; text-decoration: none; }

  #split { width: 610px; float: left; margin-bottom: 20px; }
  .split1 { margin-right: 20px; padding-left: 20px; width: 260px; float: left; }
  .split1 p { clear: left; }
  #trend .split1 { position: relative; z-index: 1; }
  .split2 { width: 296px; float: left; }
  #trend .split2 { position: relative; }
  #trend .split2 img { position: absolute; top: 0; right: -14px; z-index: 0; }
  .split2 a#click-here
  {
    display: block;
    margin-top: 6px;
    line-height: 13px;
    padding-left: 21px;
    text-transform: uppercase;
    background: url("/i/presentation/click-here.jpg") bottom left no-repeat;
  }

  ul.swatches { margin-bottom: 20px; float: left; list-style: none; }
  ul.swatches li { clear: left; }
  ul.swatches li ul { list-style: none; }
  ul.swatches li ul li { color: #900; font-size: 10px; }
  ul.swatches li ul li.img { margin: 0 0 7px 0; float: left; line-height: normal; }

  dl { float: left; width: 260px; margin-bottom: 12px; }
  * html .split1 dl { position: relative; height: 37px; }
  * + html .split1 dl { position: relative; height: 37px; }
    dt, dd { float: right; width: 211px; }
    * html dt { padding-left: 1%; } /* corrects for W being "chopped" in IE6 w/o ClearType enabled. */
    #trend dd, dd.img { float: none; width: 37px; margin-right: 12px; }
    * html .split1 dd.img { position: absolute; top: 0; }
    * + html .split1 dd.img { position: absolute; top:0 ;}
    #trend dt { line-height: 37px; }