html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@import url("../../../../_style/css/hacks.css");
body {
  background-color: #223953;
  color: black;
  font-size: 12px;
  font-family: "MS Trebuchet", "Trebuchet MS", Arial, sans-serif;
  line-height: 120%;
  padding-bottom: 20px;
  text-align: center; }

h1 {
  background: #F00 url("../../../../_style/css/images/bg-red-header.jpg") no-repeat 0 0;
  clear: both;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  height: 22px;
  margin-bottom: 30px;
  padding: 8px 0 0 20px;
  text-transform: uppercase; }

h2 {
  font-size: 14px;
  margin: 20px 20px 5px; }
  h2.underline {
    border-bottom: 1px solid #000;
    padding-bottom: 5px; }

h3 {
  font-size: 12px;
  margin: 10px 20px 5px; }

h4 {
  font-size: 11px;
  margin: 10px 20px 5px; }

p {
  color: #444;
  margin: 5px 20px 10px; }
  p.caption {
    color: #999;
    font-size: 11px;
    font-style: italic;
    margin: 2px 0 0 5px; }

em {
  color: black;
  font-style: normal;
  font-weight: bold; }

a:link, a:visited {
  color: #F00;
  text-decoration: none; }
a:hover {
  text-decoration: underline; }

ul {
  margin: 10px 0 20px 2.4em; }
  ul li {
    list-style-type: disc;
    margin: 10px 1em; }

ol {
  margin: 10px 0 20px 2.4em; }
  ol li {
    list-style-type: decimal;
    margin: 10px 1em; }

#wrapper {
  width: 960px;
  background-color: #FFF;
  border-color: #1b2e42;
  border-style: solid;
  border-bottom-width: 15px;
  border-left-width: 15px;
  border-right-width: 15px;
  margin: 0 auto;
  text-align: left; }

.media {
  margin: 5px 20px 10px; }

.left {
  float: left; }

.right {
  float: right; }

#header {
  height: 80px; }
  #header #globalnav {
    float: right; }
  #header #branding {
    float: left;       
    padding-bottom: 20px;}
    #header #branding span {
      background: url("/_style/css/images/logo.gif") no-repeat 0 0;
      height: 100%;
      position: absolute;
      width: 100%; }
    #header #branding h2 {
      color: red;
      height: 42px;
      margin: 20px 0 0 20px;
      position: relative;
      width: 168px; }

#footer {
  background-color: #dddddd;
  clear: both;
  width: 100%; }
  #footer p {
    margin-bottom: 0;
    padding: 8px 0 0 0;
    height: 22px; }
  #footer ul {
    background-color: #FFF;
    margin: 0;
    height: 35px; }
  #footer li {
    background: url("../../../../_style/css/images/tab-footer.gif") no-repeat top right;
    border-right: 1px solid #dddddd;
    float: left;
    list-style-type: none;
    margin: 0;
    width: 319px; }
    #footer li a:link, #footer li a:visited {
      display: block;
      font-size: 14px;
      font-weight: bold;
      margin: 10px 20px; }

#highlights {
  background: url("/_style/css/images/bg-home-cols.gif") repeat-y top left;
  float: left; 
  margin-top: 20px; margin-bottom: 10px;}
  #highlights h2 {
    clear: both;
    text-transform: uppercase;
    margin-top: 20px; }
  #highlights h3 {
    font-size: 14px;
    margin-top: 5px; }
  #highlights ul {
    margin: 0; }
    #highlights ul li {
      float: left;
      list-style-type: none;
      margin: 0;
      width: 320px; }
      #highlights ul li img {
        float: left;
        margin: 10px 0 0 20px; }
      #highlights ul li a {
        color: #000;
        margin: 0 0 5px 0;
        padding-left: 12px;
        background: url("../../../../_style/css/images/bullet-arrow-white.gif") no-repeat 0 2px;
        display: block;
        float: right;
        font-size: 11px;
        font-weight: bold;
        line-height: 100%;
        margin: 25px 10px 0 0;
        width: 110px; }
        #highlights ul li a:link, #highlights ul li a:visited {
          color: red; }
        #highlights ul li a:hover {
          color: red; }

#home-cols {
  background: url("../../../../_style/css/images/bg-home-cols.gif") repeat-y top left;
  float: left; }
  #home-cols h2 {
    background: #F00 url("../../../../_style/css/images/bg-red-header.jpg") no-repeat top right;
    clear: both;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    margin: 0;
    padding: 8px 0 0 20px;
    text-transform: uppercase; }
  #home-cols #col1, #home-cols #col2, #home-cols #col3 {
    float: left;
    width: 320px; }
    #home-cols #col1 img, #home-cols #col2 img, #home-cols #col3 img {
      float: left;
      margin-left: 1px; }
    #home-cols #col1 ul, #home-cols #col2 ul, #home-cols #col3 ul {
      float: right;
      margin: 0;
      margin-top: 5px;
      width: 130px; }
      #home-cols #col1 ul li, #home-cols #col2 ul li, #home-cols #col3 ul li {
        border-bottom: 1px solid #dddddd;
        font-size: 11px;
        font-weight: bold;
        line-height: 110%;
        list-style-type: none;
        margin: 0;
        margin-right: 10px;
        padding: 4px 0 4px 3px; }
      #home-cols #col1 ul a:link, #home-cols #col1 ul a:visited, #home-cols #col2 ul a:link, #home-cols #col2 ul a:visited, #home-cols #col3 ul a:link, #home-cols #col3 ul a:visited {
        color: #000; }
      #home-cols #col1 ul a:hover, #home-cols #col2 ul a:hover, #home-cols #col3 ul a:hover {
        color: red; }

#banner {
  float: left;
  height: 170px;
  width: 100%; }
  #banner #product-seq {
    float: right;
    height: 170px;
    width: 300px; }
    #banner #product-seq img {
      float: right;
      height: 150px;
      margin: 10px; }
    #banner #product-seq p {
      color: #777777;
      font-size: 11px;
      float: right;
      line-height: 100%;
      margin-top: 10px;
      width: 60px;
      text-align: right; }

#category-cols {
  position: relative;
  width: 100%; }
  #category-cols #col1, #category-cols #col2, #category-cols #col3 {
    display: inline;
    float: left;
    margin-left: 20px;
    width: 293.667px;
    margin-top: -10px; }
  #category-cols h2 {
    background: #DDD no-repeat  top left;
    border-bottom: 1px solid #777777;
    margin: 0;
    padding: 29px 0 6px 20px; }
    #category-cols h2.accessories {
      background-image: url("../../../../_style/css/images/cat-leisure-accessories.jpg"); }
    #category-cols h2.headphones {
      background-image: url("../../../../_style/css/images/cat-leisure-headphones.jpg"); }
    #category-cols h2.vhs {
      background-image: url("../../../../_style/css/images/cat-leisure-vhs.jpg"); }
    #category-cols h2.batteries {
      background-image: url("../../../../_style/css/images/cat-leisure-batteries.jpg"); }
    #category-cols h2.flashmedia {
      background-image: url("../../../../_style/css/images/cat-leisure-flashmedia.jpg"); }
    #category-cols h2.video {
      background-image: url("../../../../_style/css/images/cat-leisure-video.jpg"); }
    #category-cols h2.optical {
      background-image: url("../../../../_style/css/images/cat-leisure-optical.jpg"); }
  #category-cols ul {
    margin: 5px 0 20px 0; }
    #category-cols ul li {
      color: #000;
      margin: 0 0 5px 0;
      padding-left: 12px;
      background: url("../../../../_style/css/images/bullet-arrow-white.gif") no-repeat 0 2px;
      border-bottom: 1px solid #dddddd;
      color: #F00;
      cursor: pointer;
      font-size: 12px;
      font-weight: bold;
      list-style-type: none;
      padding-bottom: 5px; }
      #category-cols ul li.open {
        color: #000;
        margin: 0 0 5px 0;
        padding-left: 12px;
        background: url("../../../../_style/css/images/bullet-arrow-white-open.gif") no-repeat 0 4px;
        color: #F00; }
      #category-cols ul li.sub-cat ul {
        margin-bottom: 0; }
        #category-cols ul li.sub-cat ul li {
          color: #000;
          margin: 0 0 5px 0;
          padding-left: 12px;
          background: url("../../../../_style/css/images/bullet-grey-arrow-white.gif") no-repeat 0 7px;
          border-bottom-style: none;
          border-top: 1px solid #dddddd;
          font-size: 11px;
          font-weight: normal;
          padding-top: 5px;
          padding-bottom: 0; }
          #category-cols ul li.sub-cat ul li a:link, #category-cols ul li.sub-cat ul li a:visited {
            color: #555555; }
          #category-cols ul li.sub-cat ul li a:hover {
            color: red; }
      #category-cols ul li.sub-cat span.hover {
        text-decoration: underline; }

#product-cols {
  margin-top: -20px; }
  #product-cols #col1 {
    float: left;
    margin: 0 20px 20px 20px;
    width: 280px; }
    #product-cols #col1 img {
      margin: 0 0 20px 20px; }
      #product-cols #col1 img.prod-thumb {
        border: 1px solid #dddddd;
        margin: 10px 5px;
        padding: 5px; }
    #product-cols #col1 ul {
      list-style-type: none;
      margin: 0; }
      #product-cols #col1 ul li {
        color: #000;
        list-style: url("../../../../_style/css/images/bullet-red.gif");
        margin: 0 0 5px 20px;
        font-size: 11px;
        line-height: 110%;
        list-style-type: none; }
  #product-cols #col2 {
    float: left;
    width: 450px;
    margin-bottom: 20px; }
    #product-cols #col2 p, #product-cols #col2 h2, #product-cols #col2 h3 {
      margin-left: 0; }
    #product-cols #col2 ul.tabs {
      border-bottom: 1px solid #777777;
      float: left;
      margin: 20px 0;
      width: 100%; }
      #product-cols #col2 ul.tabs li {
        float: left;
        font-size: 11px;
        list-style-type: none;
        margin: 0;
        margin-right: 1px; }
        #product-cols #col2 ul.tabs li a {
          display: block;
          padding: 5px 30px 5px 10px; }
          #product-cols #col2 ul.tabs li a:link, #product-cols #col2 ul.tabs li a:visited {
            background: #BBB url("../../../../_style/css/images/tab-sheet.gif") no-repeat top right;
            color: #555555; }
          #product-cols #col2 ul.tabs li a:hover, #product-cols #col2 ul.tabs li a.selected {
            background: #333 url("../../../../_style/css/images/tab-sheet-selected.gif") no-repeat top right;
            color: white;
            text-decoration: none; }
    #product-cols #col2 div ul {
      list-style-type: none;
      margin: 0; }
      #product-cols #col2 div ul li {
        color: #000;
        list-style: url("../../../../_style/css/images/bullet-red.gif");
        margin: 0 0 5px 20px;
        color: #777777;
        list-style-type: none; }
    #product-cols #col2 .sheets {
      border-top: 1px solid #777777;
      width: 100%; }
      #product-cols #col2 .sheets th {
        border-bottom: 1px solid #dddddd;
        color: #777777;
        font-weight: bold;
        padding: 5px 20px 5px 0; }
      #product-cols #col2 .sheets td {
        border-bottom: 1px solid #dddddd;
        padding: 5px 0 5px 20px; }
  #product-cols #col3 {
    float: right;
    width: 160px; }
    #product-cols #col3 h2 {
      margin: 0; }
    #product-cols #col3 #similar-links {
      background-color: #dddddd;
      margin: 10px 20px 0 0;
      padding: 10px; }
      #product-cols #col3 #similar-links ul {
        margin: 0;
        margin-top: 10px; }
        #product-cols #col3 #similar-links ul li {
          color: #000;
          margin: 0 0 5px 0;
          padding-left: 12px;
          background: url("../../../../_style/css/images/bullet-arrow-grey.gif") no-repeat top left;
          font-size: 11px;
          font-weight: bold;
          list-style-type: none;
          margin: 0;
          margin-top: 10px; }

#news-cols {
  margin-top: -20px; }
  #news-cols #col1 {
    float: left;
    width: 520px; }
  #news-cols #col2 {
    float: right;
    width: 400px; }
    #news-cols #col2 p {
      color: #777777;
      font-size: 11px;
      line-height: 110%;
      margin: 0 0 0 0;
      padding: 0; }
    #news-cols #col2 h2 {
      margin-left: 0; }
    #news-cols #col2 h3 {
      margin: 0 0 0 0; }
    #news-cols #col2 img {
      float: left;
      margin: 0 10px 0 0; }
    #news-cols #col2 ul {
      margin: 0;
      margin-right: 20px; }
      #news-cols #col2 ul li {
        float: left;
        border-bottom: 1px solid #dddddd;
        list-style-type: none;
        margin: 10px 20px 0 0;
        padding-bottom: 10px;
        vertical-align: top;
        width: 100%; }

#links-list {
  margin: 0; }
  #links-list li {
    border-top: 1px solid #dddddd;
    clear: both;
    list-style-type: none;
    margin: 0;
    padding-bottom: 10px;
    position: relative; }
    #links-list li.first {
      border-top-color: transparent; }
  #links-list img {
    float: left;
    margin: 20px; }
  #links-list p, #links-list h2 {
    margin-left: 180px; }

#contact-rows p {
  color: #555555;
  margin-left: 0; }
  #contact-rows p.numbers {
    padding-top: 10px; }
#contact-rows h2 {
  clear: both; }
#contact-rows h4 {
  margin-left: 0; }
#contact-rows .row {
  display: inline;
  float: left;
  margin: 0 20px 20px 20px;
  width: 920px; }
  #contact-rows .row ul {
    margin: 0; }
    #contact-rows .row ul li {
      padding-bottom: 0;
      list-style-type: none;
      margin: 0; }
#contact-rows .offices {
  font-size: 11px; }
  #contact-rows .offices ul {
    clear: both; }
    #contact-rows .offices ul li {
      float: left;
      width: 230px; }
#contact-rows .overline {
  border-top: 1px solid #dddddd; }

