/*
// qcat
//   catalog of inventory items (from vDesc and vPics tables)
//   revised from vpg.css, 31 august 2007
//   copyright 2007 by wray cummings, all rights reserved
*/

* {padding: 0; margin: 0}

#content {border: double 3px #bbc; margin: 0px auto; text-align: left; 
  display: block; width: 760px; background-color: #ffffff}

#addressBlock {
  color: #666;
  font-size: .8em; margin-right: 1em;
  border: none 1px #bbc; width: 16em;
  text-align: center; line-height: 125%}
#headerBlock    {width: 16em}
#h1Block        {width: 100%}
#indexHeaderDiv {width: 25em; border: none 1px #ff8000}
#logoBlock      {border: none 1px #00d; width: 16em; padding-left: .5em}
#navBlock       {margin-left: 1em; width: 18em; height: 3em;
  border: none 1px #0080ff}
#priceBlock     {width: 18em; text-align: cente
  padding-top: 1em; float: right}
#selectPage     {margin: .25em .25em .25em .25em; width: 18em; height: 2em}
#selectSequence {margin: 0; width: 10em; height: 6em;
  float: right}
#viewCap {font-size: .8em; text-align: center; padding: .25em .5em;
  color: #7f310f; background-color: #f2f2f0; border: solid 1px #aaa; width: 30em}
#viewPics {border: none 1px #00a; width: 420px; float: right; padding: .5em}


.clearFix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearFix {display: inline-block}

.shadow {float: left;
	background: url(/usd/images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/usd/images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px}
.shadow table {display: block; position: relative; background-color: #fff;
	border: 1px solid #bbb; margin: -6px 6px 6px -6px; padding: 6px}
.shadow div {display: block; position: relative; background-color: #fff;
	border: 1px solid #bbb; margin: -6px 6px 6px -6px; padding: 6px}



.c {text-align: center}
.clr {clear: both}
.fPrice {color: #f00; font-size: 1.2em; padding-right: .75em}
.fr {float: right}
.hideBlock {visibility: hidden}        /* leave a blank spot on the page */
.hilite {color: #5181ed}
.mono {font-family: consolas,'lucida console',monospace}
.noShow {display: none}
.prevNext {border: solid 1px #aae; color: #15b; font-size: 80%; padding: .3em 0;
  margin: 0; text-align: center; width: 3em}
.pnOver {background-color: #dee; color: #333; cursor: pointer}
.prevNextBox {padding-left: 2em; padding-top: .4em; width: 16em}
.sold {text-decoration: line-through}


a, a:link, a:visited {color: #7f8707; text-decoration: none; padding: .14em;
  background-color: transparent; border: none 1px #fff}
a:hover {color: #2f5a9f; background-color: #faf2e8; padding: .14em;
  border: none 1px #aaa}
  
a.logo, a.logo:link, a.logo:visited {color: #fff}
/*a.logo:hover {color: #2f5a9f} */
a.logo:hover {color: #faaf7f}

a.tn {height: 72px; padding: .2em}

body {background-color: #f4f8fa; color: #000; padding: .5em;
  text-align: center; border: none 1px #f00;
  font-family: candara,'myriad web','trebuchet ms',verdana,sans-serif; font-size: 1em}

fieldset {background-color: #f8f8c8; border: solid 1px #877f07; padding: .25em .5em}
fieldset.paging {background-color: #fafaf6; border: solid 1px #cccccc; padding: .25em}

h1 {font-weight: normal; font-size: 1.4em; text-align: center; padding: 0;
  border-bottom: double 3px #bbc; border-top: solid 1px #bbc;
  color: #7f8707; background-color: #f2f2f0}
h2 {font-weight: normal; color: #7f8707}
h2.bigPic {padding-left: .75em; margin-bottom: .4em}
h2.listHeading {font-size: 2.2em; padding: .25em .5em}
h3 {font-weight: normal; color: #444; padding: .5em 0}
h3.bigPic {text-align: center}
h3.ql {margin: 0; padding: 0 0 .5em 2em; text-align: left}
h3.sq {text-align: center; padding: 0}

img {border: none}
img.tn {border: solid 1px #666}
img.rr {border: solid 1px #fff}

legend {background-color: #fcfae8; border: solid 1px #aaa; color: #333;
  margin-left: 1em; padding: .1em .5em; letter-spacing: +2px;
  font-variant: small-caps}

li {font-size: .8em; margin: 0; line-height: 100%; text-align: left; color: #333}
li.sq {margin-left: 2em; color: #886644}
li.sqOver {background-color: #dcb; color: #c62; cursor: pointer}
li.sqClik {background-color: #f4f2f2; color: #26c}

p {font-size: .9em}
p.h2 {font-size: 1em; margin-left: 1em; width: 18em}

small.ci {font-size: 50%; margin: 0; padding: 0; color: #333; font-weight: bold}

strong {font-family: bold; color: #000}

table {border-collapse: collapse; border-spacing: 0; border-top: solid 1px #ddd}
table.title {margin: 1em 1em 1em 2em; border-top: none}

td {border-right: solid 2px #ddd; padding-right: .5em}
td.price   {border-bottom: dashed 1px #aaa; padding-left: 1.4em; 
  color: #5181ed; font-weight: bold}
td.title {font-size: 1.2em; background-color: #f2f2f0; color: #000; padding-left: .4em}
td.xPrice {border-right: none; color: #586f50; font-size: .75em; padding-right: .4em; 
  text-align: right; width: 4em}

th {padding-left: .5em; border-right: solid 1px #aaa}
th.qTitle {border-right: none 3px #ccc; color: #af610f; font-weight: normal; 
  text-align: center; width: 12em}

tr.tt {border: none 3px #bbc;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  /* for Mozilla */
  -moz-opacity:0.6;
}
tr.ttClik {border: none 3px #bbc; background-color: #c4d88f}
tr.ttOver {border: none 3px #bbc; background-color: #eee; cursor: pointer}


ul {margin: 1em; padding: 0 .5em 0 1em; list-style-type: disc}
ul.sq {margin: .25em 1em; list-style-type: none}