* {
  margin: 0;
  padding: 0;
}

html, body {
  color: #000;
  background-color: #FFF;
}

body {
  font-size: 62.5%; /* sets 1em to 10px in most browsers */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}

table { font-size: 1em; }
h1    { font-size: 2em; }
h2    { font-size: 1.5em; }
h3, p { font-size: 1.2em; }
li { margin-bottom: 2px; }

a       { text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #00F; }

#zapper {
  clear: left;
  margin: auto;
  text-align: left;
  width: auto;
  font-size: 100%;
}

/* ##################################################################### */

#top {
  padding: 12px 0 .4em 0;
  background-color: #FAFAFA;
  border-bottom: 1px solid #CCC;
  font-size: 1.2em;
  line-height: 1.8em;
  letter-spacing: 1px;
  text-align: center;
  margin: 0 auto;
 /* see narrowfix.css */
}

#top table {
  margin: 0 auto;
}

#top td {
  vertical-align: bottom;
}

#top img { border: none; }

#top .logo { margin: 0 14px; padding: 0; /* see narrowfix.css */ }

#top form {
  margin-bottom: 8px;
  white-space: nowrap;
}

#top form * { vertical-align: top; }

#top #lglinks a { white-space: nowrap; }

* html #top td#navcell { padding-bottom: 8px; }
* html #top form       { margin-bottom: 6px; }

/* #nav styles at bottom of sheet */

/* ##################################################################### */

#foot {
  text-align: center;
  margin: 0 auto;
  font-size: 1.2em;
  clear: both;
  border-top: 1px solid #CCC;
}

#foot div {
  line-height: 1.6em;
  padding: 6px;
}

#foot a {
  white-space: nowrap;
  letter-spacing: 1px;
}

#foot a img { border: none; }

#bottomCrud {
  text-align: center;
  margin: 0 auto 10px auto;
  font-size: .90em;
}

#bottomCrud td {
  padding: 0 8px;
}

/* ##################################################################### */

#content {
  clear: both;
  background-color: #fff;
  width: 760px;
  margin: 0 auto;
}

#content #heading {
  float: left;
  line-height: 1.8em;
  margin: 0 0 8px 0;
  padding: 0;
}

#content #heading h1 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
}

#content #heading h1 span.sm {
  font-weight: lighter;
  font-size: .8em;
  color: #303;
  margin-top: 8px;
}

#content #heading h2.subtitle {
  font-size: 1.6em;
  font-weight: normal;
  margin-top: 6px;
}

#content #heading img {
  float: left;
  border: 1px solid #000;
  margin-right: 10px;
}

#resultsNav,
#bottomResultsNav {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
}

#bottomResultsNav {
  clear: both;
  margin: 0;
  padding-bottom: 8px;
}

#resultsNav a,
#resultsNav a:visited,
#bottomResultsNav a,
#bottomResultsNav a:visited {
  color: #303;
  text-decoration: none;
}

#resultsNav .range,
#bottomResultsNav .range,
#resultsNav #jump {
  float: left;
  margin-right: 20px;
}

#resultsNav .range,
#resultsNav #jump {
  margin-top: 6px;
}

#resultsNav .range .prevnext span,
#bottomResultsNav .prevnext span {
  margin-right: .6em;
}

#resultsNav span.out,
#bottomResultsNav span.out {
  text-decoration: line-through;
  color: #808080;
}

.yui-gb h2 {
  margin-bottom: 10px;
  padding: 3px 8px;
  background-color: #F8F8FF;
}

.yui-gb h2 a,
.yui-gb h2 a:visited {
  color: #00F;
}

#heading p.subnav,
p.subnav {
  margin: 10px auto;
  text-align: center ! important;
  width: 760px;
}

#heading p.subnav span,
p.subnav span {
  margin: 0 1em;
  white-space: nowrap;
}

.cell {
  overflow: hidden;
  margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid #CCC;
  display: block;
  zoom: 1;
}

.cell img {
  border: 1px solid #000;
}

.cell .cellin {
  padding: 5px 5px 10px 5px;
  padding-bottom: 0;
}

.cell h2 {
  margin-bottom: 0;
  border-bottom: 1px solid #CCC;
  text-align: center;
}

.cell h2.colhead { border: none; }

.cell p {
  margin: 6px 0 6px 6px;
}

.cell .cellin h3 {
  padding: 4px 10px;
  margin: 6px;
  background: #FAFAFA;
  border: 1px solid #CCC;
  overflow: hidden;
}

.cell h3 a,
.cell h3 a:visited {
  color: #000;
}

.cell p {
  font-size: 1.2em;
  line-height: 1.44em;
}

.cell ul {
 font-size: 1.4em;
 margin: 2px 0 10px 20px;
 padding-left: 0px;
}

.cell ul li {
 list-style-type: circle;
}

.cell .cover {
  float: left;
  padding: 0 4px 4px 0;
  margin: 4px 4px 4px 8px;
}

.cell .cover p,
.cell .button,
#heading .button {
  margin: 4px 0 0 0;
  padding: 3px 4px 2px 2px;
  background-color: #FAFAFA;
  border: 1px solid #009;
  white-space: nowrap;
  width: 5em;
}

#heading .button {
  float: left;
  width: auto;
}

.detail {
  height: 100%;
  padding-right: 10px;
}

.detail .cover,
.detail .cover p {
  margin-bottom: 0;
}

.detail .cover p {
  width: 6.2em;
}

.cell .button {
  width: auto;
  text-align: center;
  overflow: hidden;
  margin-bottom: 6px;
}

.cell .cellin #reviews p.button {
  white-space: normal;
}

.cell .cover p a,
.cell .button a,
#heading .button a {
  display: block;
  font-weight: lighter;
  color: #009;
}

.cell .cover p a:hover,
.cell .button a:hover,
#heading .button a:hover {
  font-weight: lighter;
  color: #600;
  text-decoration: underline overline;
}

.cell .center {
  text-align: center;
  text-indent: 0;
  margin-left: auto;
  margin-right: auto;
}

.cell .center p,
.cell .center h3 {
  padding: 0;
  margin: 0 0 6px 0;
}

.cell .center img {
  float: none;
  width: 90%;
  margin: 0 auto;
}

.cell h2.center {
  padding-left: 4px;
}

.cell .center object,
.cell .center embed {
  text-align: center;
  margin: 0 auto 4px auto;
  padding: 0;
}

.cell .center object {
  display: block;
  width: 94%;
}

.cell .center embed {
  width: 100%;
}

.cell .cellin .review {
  border: 1px solid #BBB;
  padding: 0 6px 4px 6px;
  margin-bottom: 6px;
}

.sort_head {
  clear: both;
  margin: 0 0 10px 0;
  padding: 6px 0 0 20px;
  font-size: 2em;
  border-top: 1px solid #AAA;
}

/* ===============BEGIN BSD LICENSED PORTION============= */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/

/*#modules .yui-b {*/
#content .yui-b {
  position:static;
  display:block;
  margin:0 0 1em 0;
  float:none;
  width:auto;
  overflow:hidden; /* do not remove */
}

.yui-gb .yui-u,
.yui-gb .col {
  float:left;
  margin-left: 14px;
}

/* BR added */
.yui-gb .col3 { width: 244px; }
.yui-gb .col2 { width: 48%; }
.yui-gb .col1 { width: 94%; }
.yui-gb .col2thirds { width: 502px; }
.left { float: left; }

.yui-gb div.first {
  margin-left:0;
}

/*#modules,*/
/*#content,*/
.yui-gb {
  clear: both;
  zoom:1;
}

/* ===============END BSD LICENSED PORTION============= */

.col1 .cell .cellin,
.col2thirds .cart .cellin {
  padding: 0;
}

.col1 .cell .cellin h2,
.col2thirds .cart .cellin h2 {
  border-top: 1px solid #CCC;
  text-align: left;
}

.col1 .cell .cellin h2.nobt,
.col2thirds .cart .cellin h2.nobt {
  border-top: none;
}

.col1 .cell .cellin p,
.col2thirds .cart .cellin p {
  margin-left: 30px;
  margin-right: 8px;
}

.col1 .cell .cellin ol {
  font-size: 1.2em;
  margin: 2px 0 10px 50px;
  padding-left: 0px;
}

.col1 .cell .cellin .address {
  font-size: 1.4em;
  margin-left: 50px;
}

.col1 .cell .cellin img,
.col2thirds .cart .cellin img {
  float: left;
  border: none;
  margin: 10px 20px 10px 10px;
}

.col1 .cell .cellin .cover img {
  border: 1px solid #000;
  margin: 0 0 6px 0;
}

.col1 .cell .cellin dl {
  margin: 10px;
  padding: 0;
  font-size: 1.4em;
}

.col1 .cell .cellin dt {
  margin: 10px 0 0 0;
  padding: 0;
  color: #627081;
}

.col1 .cell .cellin dt.signing {
  margin-left: 16px;
}

.col1 .cell .cellin dd {
  margin-left: 26px;
  padding: 0;
  color: #666;
}

.col1 form {
  margin-bottom: 10px;
}

.col1 form p {
  margin-top: 8px;
}

.col1 form p span {
  font-size: .88em;
}

.col1 form input,
.col1 form textarea {
  margin: 4px 4px 0 0;
  padding: 4px;
  background: #FBFBFB ! important;
  border: 1px solid #000;
}

.formRow {
  clear: both;
  float: left;
  margin-bottom: 8px;
}

.formRow div {
  float: left;
  clear: none;
}

.formRow .submit {
  font-weight: bold;
  font-size: 1.6em;
  border: 2px solid #000;
  background: #FAFAFA ! important;
}

.effective {
  clear: both;
  text-align: center;
  font-size: 1.1em;
}

.effective span {
  white-space: nowrap;
}

/**** nav styles ************************/

#nav,
#nav ul {
  list-style: none;
  line-height: 1;
  background: white;
  font-weight: bold;
  padding: 0;
  margin: 0 0 .8em 0;
  text-align: left;
  z-index: 25;
}

#nav ul {
  border-bottom: 1px solid #CCC;
}

#nav li#topNavItem {
  border-bottom: 1px solid #CCC;
  text-align: center;
}

#nav a#topNavLink {
  white-space: nowrap;
  padding-bottom: 0.46em;
}

#nav a {
  display: block;
  text-decoration: none;
  padding: 0.35em 1em;
  margin: 0;
}

#nav li {
  padding: 0;
  margin: 0;
  border: 1px solid #CCC;
  border-bottom: none;
  background: #FFF;
}

#nav li ul {
  position: absolute;
  left: -999em;
  height: auto;
  font-weight: normal;
  margin: -2px 0 0 6px;
  width: 20em;
  font-size: .9em;
  background: #FFF;
}

#nav li li {
  width: 20em;
}

#nav li ul a {
  width: 18em;
}

#nav li ul ul {
  margin: -2.8em 0 0 19.4em;
  font-size: .98em;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
  left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
  left: auto;
}

#nav li:hover,
#nav li.sfhover,
#nav a.bn:hover  {
  background: #F8F8FF;
}

* html #nav li      { float: left; }
* html #nav li ul a { width: 20em; }

/* end nav styles */

/***** misc crud *****/

ul.sm { font-size: 128%; }
p.sm  { font-size: 110%; }

.dm {
  position: relative;
  width: 1px;
  height: 1px;
}

.bb { border: 1px solid #000 ! important; }
.bbottom { border-bottom: 1px solid #CCC ! important; }
.bccc { border: 1px solid #CCC ! important; }
.bn { border: none ! important; }
#heading .c { clear: both ! important; margin-top: 10px; }
.c  { clear: both ! important; }
.cn  { clear: none ! important; }
.nw { white-space: nowrap ! important; }
.bt { border-top: 1px solid #CCC ! important; }
.mb { margin-bottom: 8px ! important; }
.mt { margin-top: 8px ! important; }
.mtbig { margin-top: 20px ! important; }
.mr { margin-right: 8px ! important; }
.ml { margin-left: 8px ! important; }
.pl { padding-left: 8px ! important; }
.pt { padding-top: 8px ! important; }
.p0 { padding: 0 ! important; }
.fl { float: left ! important; }
.vat { vertical-align: middle ! important; }
.ninety { width: 90% ! important; }
.red { color: red ! important; }
.bigger { font-size: 1.2em ! important; }
.right { text-align: right ! important; }
.m0 { margin: 0 ! important; }

.spacer {
  margin: 0;
  padding: 0;
  clear: both;
  height: 1px;
}

/***** one centered column *****/

#content #onecol {
  clear: both;
  float: none;
}

#content #onecol #heading { float: none; }
#content #onecol h2 { margin: 6px 10px; }
#content #onecol p  { margin: 6px 0 6px 30px; }

#content #onecol ol {
  font-size: 1.2em;
  margin: 2px 0 10px 60px;
  padding-left: 0px;
}

#content #onecol .address {
  font-size: 1.4em;
  margin-left: 50px;
}

#content #onecol dl {
  margin: 10px 10px 10px 30px;
  padding: 0;
  font-size: 1.4em;
}

#content #onecol dt {
  margin: 10px 0 0 0;
  padding: 0;
  color: #627081;
}

#content #onecol dt.signing {
  margin-left: 16px;
}

#content #onecol dd {
  margin-left: 26px;
  padding: 0;
  color: #666;
}

#content #onecol form {
  width: auto;
  margin: 0 auto 10px auto;
}

#content #onecol form p {
  margin-left: 0;
  margin-top: 12px;
}

#content #onecol form p span {
  font-size: .88em;
}

#content #onecol form input,
#content #onecol form textarea,
#content #onecol form select {
  margin: 4px 4px 0 0;
  padding: 4px;
  background: #FBFBFB ! important;
  border: 1px solid #000;
}

#content #onecol form select {
  padding: 2px 0 0 0;
  height: 1.72em;
}

#content #onecol form.wider { width: 640px; }
#content #onecol form.wider .formRow { width: 636px; }
#content #onecol form.wider .formRow input.wide_input,
#content #onecol form.wider .formRow select.wide_input {
 width: 300px;
} 

#onecol .rev .formRow div p {
 margin:  0 ! important;
 padding: 0 ! important;
 width: 310px;
}

#onecol .rev .formRow div p.value {
 font-size: 168%;
}

#content #onecol .cell {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/***** shopping cart *****/

.cart table,
.cart form {
  margin: 0;
  padding: 0;
}

.cart th {
  text-align: center;
  font-size: 1.4em;
  padding: 4px;
}

.cart th.carttitle {
  width: 420px;
}

.cart td {
  font-size: 1.2em;
  padding: 2px 8px;
}

.cart td.subtotal {
  font-size: 1.6em;
  text-align: right;
  font-weight: bold;
  vertical-align: top;
}

.cart td.subtotal span {
  font-size: 80%;
  font-weight: lighter;
}

.cart p {
  margin-left: 0 ! important;
}

.cart .quanInput {
  padding: 1px 4px;
}

.cart .gap {
  padding-top: 4px;
  padding-bottom: 4px;
}

/**** below not needed on SSL ****/

/**** big ajax cover crud ****/

#showBig {
  display: none;
  position: absolute;   /* this is key */
  width: auto;
  background: #FFF;
  border: 1px solid #000;
  font-weight: bold;
  letter-spacing: 2px;
  padding-top: 6px;
  z-index: 100;
  left: 40px;
  top: 20px;
}

#showBig img {
  float: left;
  clear: both;
  margin: 4px;
  border: 1px solid #336;
}

#showBig p {
  padding: 6px 0;
  margin: 4px;
  float:left;
}

#showBig p a {
  padding: 4px;
  margin-right: 4px;
  border: 1px solid #336;
  text-decoration: none;
}

.realbutton {
  border: none ! important;
  padding: 0 ! important;
  background: #FFF ! important;
  margin: 4px 0 0 0 ! important;
}

#__GBS_Button0 img { border: none ! important; }

.addthis_toolbox { margin-bottom: 8px; margin-top: 8px; }

#adult ul {
  padding-left: 9px;
  padding-top: 7px;
}
