/*

From http://alexking.org/blog/2007/04/11/ie6-compatibility
Fix issues of the peek-a-boo bug and other layout issues.
Quote:  "When it works don't ask why, just move on to the next issue."

.your-class-name {
position: relative;
zoom: 1;
}
*/



@media screen {
  /* Layout Stylesheet */
  
  
  div.floatDiv
  {
    width:50%;
    float:left;
  }
  
  body {
    margin:1em;
    background: white;
    background-image: url(/pics/background.jpg);
    color: black;
    text-align:center;
    text-align:left;
    padding:0;
  }
  
  div.logoline {
    background:navy;
    /* background-image: url(/pics/background.jpg); */
    color:white;
    float:left;
    width:20%;
    
  }
  
  div.logoline a {
    color: yellow;
    text-decoration: underline;
  }
  div.logoline a img {
    border:none;
  }
  
  div.logoline img {
    /* Make centered */
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:75%;
  }
  
  div.mainbody {
    background:white;
    color:inherit;
    float:right;
    width:75%;
    margin:0 auto;
  }
  
  div.hdr {
    text-align:left;
    height:100px;
    background:#3f71c6;
  }
  div.hdr a img {
    border:none;
  }
  
  div.hdr_left {
    float: left;
  }
  div.hdr_right {
    float: right;
  }
  
  div.hdr_right a {
    color: white;
    text-decoration: none;
  }
  
  div.hdr_right a:hover {
    color: white;
    background: black;
  }
  
  div.hdr_txt {
    color: #CCCCCC;
    background: transparent;
    font-size: 75%;
  }
  
  div.hdr_txt span.highlight {
    color:#fcb36f; /* Match the color of the logo */
    font-weight: bold;
    /*
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
    */
  }
  
  
  
  span.price, span.sale_price {
    font-size: 100%;
    font-weight: bold;
    color: white;
    background: black;
  }
  
  span.sale_price {
    color: red;
    background: yellow;
  }
  
  a.icon {
    font-size: 70%;
    font-weight: bold;
    color: white;
    background: blue;
    text-decoration: none;
    /*
    border-style: solid;
    border-color:white;
    */
  }
  
  
  
  
  div.outer {
    text-align:left;
    width:80%;
    margin:auto;
  }
  
  /* Used for parts pictures in the store */
  div.partblock {
    /* background:green; */
    clear: left;
  }
  
  
  /* img.floatLeft */
  .floatLeft, div.bikepic
  {
    float: left;
    margin: 4px;
    margin: 4px;
    border:1px;
    border-color:black;
    border-style: solid;
  }
  
  div.bikepic
  {
    height:250px;
    width:150px;
    background-color: white;
    font-size: smaller;
    text-align:center;
  }
  
  div.bikepic a
  {
    text-decoration: none;
  }
  
  /* img.floatRight */
  .floatRight
  {
    float: right;
    margin: 4px;
    margin: 4px;
    border:1px;
    border-color:black;
    border-style: solid;
  }
  
  
  .smallText {
    font-size:0.8em;
  }
  
  img.floatRightClear {
    float: right;
    clear: right;
    margin: 4px;
  }
  
  img.floatLeftClear {
    float: left;
    clear: left;
    margin: 4px;
  }
  
  img.fixedLeft {
    position:relative;
    margin: 4px;
    border:1px;
    border-color:black;
    border-style: solid;
  }
  
  
  
  div.bodyblock {
    /* position:relative; */
    width:100%;
    top:0;
    left:0;
    /* background:transparent; */
    background:white;
    color: black;
    padding:0;
    text-align:left;
  }
  
  
  div.cont {
    clear:both;
    position:relative;
    top:0;
    /* left:8em; */
    padding-left: 1em;
    padding-right: 0;
    /* background:transparent; */
    /* background:white; */
    color: black;
    text-align:left;
  }
  
  p.boxed {
    background:black;
    color:white;
    border-color:white;
    border-style:solid;
    padding: 1em;
  }
  
  p.boxed a {
    color:yellow;
  }
  
  p.sale {
    background:yellow;
    color:red;
    font-size: 1.2em;
    border-color:red;
    border-style:solid;
    padding: 1em;
  }
  
  .note {
    background:#000099;
    color: white;
    font-size: 0.8em;
    border-color:#fcb36f; /* Match the color of the logo */
    border-style:solid;
    padding: 1em;
  }
  
  .note a {
    color: yellow;
    text-decoration: underline;
  }
  
  
  
  /* Tech table */
  
  table.tech {
    border-collapse: separate;
    border: solid 1px white;
    border-spacing: 2px;
    background:white;
  }
  table.tech td {
    padding: 1px;
  }
  table.tech thead, th {
    background:#000099;
    color: white;
  }
  
  table.tech tr.header {
    background:#990099;
    color: white;
  }
  
  
  table.tech tr.bar {
    background:black;
    color:yellow;
    text-align:center;
  }
  
  table.tech tr.bar a {
    color:white;
  }
  
  table.tech tfoot {
    background: #0FF;
    color: black;
    font-weight: bold;
  }
  tech.thead {
    background: black;
    color: white;
  }
  
  
  table.tech tbody {
    color: black;
    background:#66CCFF;
  }
  
  table.tech caption {
    background: #aaa;
    color: black;
    font-size: 1.2em;
    padding: 1ex;
    border: solid 1px black;
    border-bottom-style: none;
    width: 80%;
  }
  
  table.tech tr.ruled, td.ruled {
    background:#FFFF99;
  }
  
  table.tech a img {
    border:none;
  }
  table.tech a {
    text-decoration: none;
  }
  table.tech ul {
    padding-left: 1em;
    list-style-type: circle;
    
  }
  
  table.tech td.img {
    text-align: center;
    padding-left: 1em;
    list-style-type: circle;
  }
  
  
  
  /*
  * Make things look prettier for dad.
  */
  
  table.tech tbody {
    background:aliceblue;
  }
  table.tech td {
    padding-bottom: 1em;
    padding-right: 0.5em;
    padding-left: 0.5em;
  }
  table.tech tr.bar td {
    padding-bottom: 0;
  }
  
  table.tech span.price {
    background:transparent;
    color: blue;
  }
  table.tech tr.bar {
    background:black;
    color:yellow;
    text-align:left;
    font-weight: bold;
  }
  
  table.tech tr.header {
    background:#B0B0B0;
    color:black;
    text-align:left;
    font-weight: bold;
  }
  
  
  
  
  form.query {
    background:yellow;
    color:blue;
  }
  
  ul.checklist {
    list-style-type: circle;
    list-style-image: url(/pics/checkboxsquare.gif);
  }
  
  ul.checklist hr {
    padding: 0.75em;
    color:gray;
  }
  
  span.fee {
    color:green;
  }
  
  
  .TOOLTIP {
    padding: 20px;
    margin-left: 25px;
    border: 1px solid #999;
    background-color: white;
    font: 12pt georgia, verdana;
    font-weight: bold;
  }
  
  /* General layout stuff */
  h1,h2,h3,h4,h5,h6 {
    padding: 0.5em;
  }
  h1 {
    font-size: 1.5em;
  }
  
  h2, h2 a {
    font-size: 1.2em;
  }
  
  ul {
    list-style-type: square;
  }
  
  dl {
    padding: 0.5em;
  }
  
  div.footer {
    clear:both;
    background:transparent;
    color:black;
    text-align:center;
  }
  
  
  div.lnk ul, div.lnk2 ul {
    list-style-type: none;
  }
  
  div.lnk ul a img, div.lnk2 ul a img {
    width:50px;
    vertical-align: middle;
  }
  
  div.lnk ul a, div.lnk2 ul a {
    text-decoration: none;
  }
  
  div.lnk2 ul a img {
    width:120px;
    padding:5px;
  }
  
  span.fakebutton {
    background: #5A8FFE;
    color: white;
    padding-left: 0.25em;
    padding-right: 0.25em;
    
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-bottom: 2px solid gray;
    border-right: 2px solid gray;
  }

  div.picture_ribbon {
    margin: auto;
  }

  div.picture_ribbon img {
    float:left;
  }

  p.hours {
    color:blue;
  }
  
  p.hours small {
    color: green;
  }
  
}


@media print {
  div.nav { display: none; }
  div.menuh-container { display: none; }
}

@media handheld, print {
  .candy {display: none;}
}