/*
 * CUSTOM.CSS
 */

/***************************************************************************
 * STORE
 */
.price { font-family: "trebuchet ms", "trebuchet", "arial", "helvetica", "sans-serif"; font-weight: bold; }

/***************************************************************************
 * BUTTON
 */
a em, a:link em, a:visited em, a:active em
{ font-style:      normal;
  text-align:      right;
  text-decoration: none;
  white-space:     nowrap;
  padding:         2px 5px;
  background:      #f0f0f0;
  color:           #666;
  border:          1px solid #ccc; }
a:hover em
{ cursor:          pointer;
  background:      #fafafa;
  color:           #333;
  border:          1px solid #666; }

a em.on, a:link em.on, a:visited em.on, a:active em.on
{ background:      #ffd;
  font-weight:     bold;
  color:           #000;
  border:          1px solid #333; }
a:hover em.on
{ background:      #fffff0; }

a em.action, a:hover em.action
{ background:      #369 ! important;
  color:           #fff ! important; }

a em.cancel, a:link em.cancel, a:visited em.cancel, a:active em.cancel
{ background:      #ccc;
  padding:         3px;
  font-weight:     bold;
  color:           #333;
  width:           125px;
  border:          3px solid #444; }
a:hover em.cancel
{ background:      #ccc; }

a em.fixed-wide   { width: 75px; }
select.fixed-wide { width: 200px; }

input.button
{ font-weight:     bold;
  cursor:          pointer;
  margin:          3px 0px;
  padding:         2px 3px;
  background:      #39c;
  color:           #fff;
  border:          2px solid #069; }

input.cancel, input.commit
{ width:           120px; }

input.cancel
{ background:      #900;
  color:           #fff; }

input.commit
{ background:      #090;
  color:           #fff; }

input.action
{ background:      #369;
  color:           #fff; }

/***************************************************************************
 * BOXES
 */
.box { padding: 3px; border: 1px solid #999; }

.box h3 { padding: 3px 5px; background: #ddd; color: #666; }

.action-box
{ background:      #fffff0;
  border:          1px solid #666; }

.header-box
{ margin-top:      0px;
  border:          1px solid #222;
  border-width:    1px 3px 3px 1px; }

.error-box
{ background:      #fff0f0;
  color:           #f00;
  border:          1px solid #f00; }
.error-box p, .error-box li
{ color:           #f00; }

.product-box {}
.product-box p { color: #f60; }


/***************************************************************************
 * MAIN
 */
.main { background: #fff; border: 1px solid #ccc;}
.main2 { background: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

/***************************************************************************
 * TOPNAV
 */
.topnav {}

.topnav a, .topnav a:link, .topnav a:active, .topnav a:visited
{ color: #f33; }
.topnav a:hover { color: #f90; }
.topnav p       { color: #333; }


/***************************************************************************
 * LEFTNAV
 */
.leftnav h2
{ text-transform: uppercase; border-left: 5px solid #ccc;
  padding: 0px 0px 0px 5px; margin: 0px; }

.leftnav h2 a, .leftnav h2 a:link, .leftnav h2 a:active, .leftnav h2 a:visited
{ color: #39c; }
.leftnav h2 a:hover { color: #069; }

.leftnav a, .leftnav a:link, .leftnav a:active, .leftnav a:visited
{ color: #666; }
.leftnav a:hover { color: #333; }

.leftnav p { margin-left: 10px; }

.leftnav-brite { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

/***************************************************************************
 * BODY
 */
.body {}
.body h2 { border-bottom: 1px solid #ccc; }


/***************************************************************************
 * FORM
 */
.form {}

.form th, .form td
{ padding:          3px; }

.form th
{ background:       #f0f0f0;
  padding-left:     15px;
  font-style:       normal;
  font-weight:      normal;
  font-size:        xx-small;
  text-align:       right;
  white-space:      nowrap; }

.form th.alt
{ background:       none; }

.form td
{ padding-right:    5px; }

.form input, .form textarea
{ border:           1px solid #333; }

.read-only th
{ padding:         3px;
  background:      none;
  font-weight:     bold; }

/***************************************************************************
 * GOT-BUILDER
 */
.got-builder input { border: 1px solid #666; margin: 5px 0px; }


/**
 * PAGINATOR (PRESS PAGE)
 */
.paginator a, .paginator a:link, .paginator a:active, .paginator a:visited
{ color: #333; }
.paginator a:hover { color: #666; }

.paginator td.on  { border: 1px solid #333; background: #ffd; }
.paginator td.on  a { font-weight: bold;  }

.paginator td.off { border: 1px solid #ccc; background: #ddd; }