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

html {
   scrollbar-arrow-color: #FFEEC3;
   scrollbar-track-color: #FFEEC3;

   scrollbar-highlight-color: #F2C200;
   scrollbar-shadow-color: #F2C200;
   scrollbar-face-color: #F2C200;
   scrollbar-base-color: #F2C200;
   scrollbar-darkshadow-color: #F2C200;

   scrollbar-3dlight-color: #ffffff;

    min-height: 100%;
}

  body {
    margin: 0px;
    padding: 0px;
    background: #FFEEC3 url( '../../images/respaldo.jpg' ) fixed repeat-x;
    font-family: Verdana, Helvetica, Arial;
    font-size: 10pt;
    color: #000000;
    text-align: center;
    min-height: 100%;
  }


  div {
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: left;
    background-color: transparent;
    z-index: 1;
  }

  a {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
  }
  a:hover {
    text-decoration: underline;
  }


  #page {
    width: 848px;
    margin: 0px auto 0px auto;
    background: #ffffff;
    min-height: 100%;
  }

  #header {
    height: 99px;
    background: #FFFFFF url( '../../images/header.jpg' ) scroll no-repeat;
  }

  #navigation {
    background: #ffffff url( '../../images/menu.jpg' ) scroll repeat-y;
    padding: 3px 0px;
  }
    #navigation > ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
    }
    #navigation > ul li {
      margin: 0px 8px;
      padding: 0px;
      display: inline;
    }
    #navigation > ul li a {
      text-decoration: none;
      color: #000000;
      font-weight: bold;
    }

  #wrap {
    background: #ffffff url( '../../images/contenido.jpg' ) scroll repeat-y;
    min-height: 500px;
    padding-right: 10px;
    padding-bottom: 10px;
  }
    #wrap .soc_net {
      float: right;
      padding: 3px;
      margin: 0px;
    }
    #wrap .soc_net img {
      display: inline;
      width: 75px;
      height: 75px;
      padding: 0px 3px;
      margin: 0px;
    }
    #content {
      background: transparent;
      min-height: 280px;
      z-index: 2;
    }
    body.home #content  {
      clear: right;
    }


    div.cols2 {
    }

    div.cols2 > div {
      width: 40%;
      font-weight: bold;
      text-align: center;
    }
    div.cols2 .left {
      float: left;
    }
    div.cols2 .right {
      float: right;
    }


  #footer {
    background: #F2C200 url( '../../images/footer.jpg' ) scroll repeat-y;
    /**filter: alpha(opacity=50);
    opacity: .50;*/
  }
    #footer span.pbc {
      float: right;
      padding: 0px;
      margin: 0px 5px 0px 0px;
    }
    #footer span.pbc img {
      display: inline;
      width: 133px;
      height: 20px;
    }
/** End of main layout */


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

table.bot {
  position: relative;
  left: 5px;
  width: 39.5%;
  margin: -1px auto 0px 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 0px auto;
}

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

/** end of store listing */






.cols2:after {
  visibility: hidden;
  margin: 0px auto;
  display: block;
  clear: both;
  content: "";
  height: 0px;
  z-index: 10;
}
* html .cols2             { zoom: 1; } /* IE6 */
*:first-child+html .cols2 { zoom: 1; } /* IE7 */


/** rules about link inside the content */
      p {
        padding: 8px;
        margin: 0px;
        word-wrap: break-word;
      }



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

      hr {
        text-align: center;
        width: 95%;
        margin: 20px auto 20px auto;
      }
      img  {
        border: none;
        padding: 0px;
        margin: 0px;
      }
      div > img {
        display: block;
        margin: 10px auto;
      }
      .copyright {
         margin: 0px 0px 0px 8px;
         text-align: center;
         color: #000000;
         font-size: 0.7em;
      }

      .cnt {
        text-align: center;
      }

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