/*  CSS Code file: itnix_style.css */
        /*  Description: look and feel for the 'sunlandOptical' website  */
        /*  Version: 1.0 */
        /*  All source code & concepts (c) copyright 2008, 2010 by ItNix, LLC. */
        /*  All rights reserved worldwide. */
        /*  Changed by: Ivan Carrazco */
        /**/

html {

   scrollbar-arrow-color: #FFFFFF;
   scrollbar-track-color: #FFFFFF;
   scrollbar-base-color: #F2C200;
   scrollbar-face-color: #F2C200;
   scrollbar-highlight-color: #F2C200;
   scrollbar-darkshadow-color: #F2C200;
   scrollbar-3dlight-color: #F2C200;

}

  body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    font-family: Verdana, Helvetica, Arial;
    font-size: 10pt;
    color: #000000;
    text-align: center;
  }

  div {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: left;
    background-color: transparent;
  }


  #page {
    width: 100%;
    min-width: 800px;
    background: #FFFFFF url( '../../images/maintile2.gif' ) fixed no-repeat 190px 250px;
  }

  #header {
    width: 100%;
    height: 100px;
    border: none;
    background: #F2C200;
  }

    #header img.lt_hdr {
      position: relative;
      float: left;
      width: 400px;
      height: 100px;
    }

    #header img.rt_hdr {
      position: relative;
      float: right;
      width: 400px;
      height: 100px;
    }

  #nav {
    height: 60px;
    margin-left: 10px;
    border: none;
    background: transparent url( '../../images/menutile.jpg' ) scroll repeat-x 20px 0px;
  }


  #wrap {
    padding: 50px 0px 50px 0px;
    min-height: 500px;
  }

    #content {
      min-height: 400px;
      padding-left: 8px;
    }



  #footer {
    height: 15px;
    padding-left: 8px;
    /**filter: alpha(opacity=50);
    opacity: .50;*/
    background: #F2C200 url( '../../images/bottombar.jpg' ) scroll no-repeat bottom right;
    text-align: center;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    z-index: 1;
  }

  #footer * {
    padding: 0px;
    margin: 0px;
  }

    #footer a {
      display: block;
      position: relative;
      float: right;
      width: 150px;
      height: 15px;
      margin-right: 150px;
      background: #FFFFFF url( '../../images/pbc.jpg' ) scroll no-repeat;
      z-index: 10;
    }

    #footer span.copyright {
      position: absolute;
      left: 0px;
      margin: 0px;
      padding: 0px 0px 0px 5px;
      font-size: 0.7em;
      z-index: 5;
    }

/** End of main layout */

/** Store list */
table.storelist, table.optlist {
  width: 80%;
  border-collapse:collapse;
  margin: 25px auto 0px auto;
  padding: 0px;
  cellspacing: 0px;
  border: none;
}

table.bot {
  position: relative;
  left: 5px;
  width: 39.5%;
  margin: -1px auto 50px auto;
  border: 1px solid black;
  border-top: none;
  border-spacing: 0px;
  border-collapse: collapse;
  border-padding: 5px;
}

table.storelist td, table.optlist td {
  border: 1px solid black;
}

table.optlist tr.noB td {
  border: none;
  height: 10pt;
}

table.storelist p, table.storelist span {
  margin: 0px;
  padding: 0px;
}

table.optlist {
  border-spacing: 0px;
  margin: 20px auto 30px auto;
}

table.storelist p, table.optlist p {
  padding: 3px;
}
table.storelist p span, table.optlist p span, table.bot p span {
  display: block;
}



/** Content rules **/

  div.lt_col {
    float: left;
    width: 300px;
    margin: 26pt 0px 10px 50px;
  }

  div.rt_col {
    padding: 50pt 50px 0px 0px;
    float: right;
    width: 167px;
    margin: 26pt 50px 10px 0px;
  }
  div.rt_col p {
    padding: 0px;
    margin: 0px;
  }

  div.rt_col a {
    font-weight: bold;
    color: #000000;
  }

  a {
    font-weight: bold;
    color: #000000;
  }


/** General css rules **/
    p {
      padding: 8px;
      margin: 0px;
    }

    p.mesg {
      text-align: center;
      color: #FF0000;
      font-size: 1.3em;
    }

    p.cnt {
      text-align: center;
    }
    *.cnt {
      text-align: center;
    }

    h1, h2, h3, h4, h5 {
      margin: 10px 0px 0px 0px;
      padding: 0px 0px 0px 6px;
    }

    h3.cnt {
      text-decoration: underline;
      font-size: 1.6em;
    }

    hr {
      text-align: center;
      width: 95%;
      margin: 20px auto 20px auto;
    }

    img  {
      display: block;
      border: none;
      padding: 0px;
      margin: 0px;
    }

    img.cnt {
      display: block;
      margin: 10px auto 10px auto;
    }

    ul.simple {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
    }
    ul.simple li {
      margin-left: 48px;
    }

    .bb {
      font-weight: bold;
      color: #000000;
    }

    .space {
      clear: both;
      display: block;
    }