/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003  nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/

/* ===================     Overwrite     ==================== */


/************************** zenoTF ***************************/

div#zenoTFLeft h1 a {
  background-image: url('css-images/zenoLogo.png');
}

div#zenoTFRight p {
  background-image: url('css-images/BgBetaRight.png');
}

div#zenoTFRight p a {
  background-image: url('css-images/BgBetaLeft.png');
}

/**************************** zenoTA ****************************/

div.zenoTA {
  background-image: url('css-images/BgTA.png');
}

div.zenoTA ul {
  background-image: url('css-images/zenoTADivider.png');
  display: inline;
}

div.zenoTA ul li {
  background-image: url('css-images/zenoTADivider.png');
}

/**************************** diverse ****************************/

div#zenoMFLeft div.zenoFLMenuBox ul,
div#zenoMFRight div.zenoFLMenuBox ul,
div#zenoMFLeft div.zenoFLMenuBox form,
div.zenoSRRefine div ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style-image: none !important; 
  list-style: none !important;
}

div#zenoMFLeft div.zenoFLMenuBox ul li,
div#zenoMFRight div.zenoFLMenuBox ul li,
div#zenoMFLeft div.zenoFLMenuBox form li,
div.zenoSRRefine div ul li{
  margin: 0;
  padding: .1em 0 .1em 1em;
  background: url('css-images/BgSRRefineDash.gif') no-repeat .15em .5em;
}

div.floatBox div.graffiti,
div.zenoCOMain div.graffiti {
  width: 180px;
  max-width: 180px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #6c9cec;
}

tr.floatListHeader,
tr.floatListData {
  vertical-align: top;
}

/* ===================     shop-spezifisch     ==================== */


/* Copyright
----------------------------------------------- */
div.copyright {
  min-width: 800px;
  margin: 0;
  font-size: .8em;
  text-align: center;
  color: #eee;
  background-color: #777;
}

div#zenoMFMiddle h1,
div#zenoMFMiddle h2,
div#zenoMFMiddle h3 {
  padding-top: 1em;
  margin-bottom: .3em !important;
}

div#zenoMFMiddle h1 {
  background-color: #eee;
  padding: .2em;
  margin-top: 1em;
  margin-bottom: .3em;
  font-size: 1.4em;
}

.basketHeader {
  background-color: #eee;
  font-weight: bold;
}

/****************************************************************/

div.new_ads table,
div.floatBox table.floatList {
  width: 100%;
  border-top: 1px solid #eee;
  margin: 0;
  margin-top: .5em;
  padding: 0;
  border-collapse: collapse;
}

div.new_ads td,
tr.floatListHeader td,
tr.floatListData td {
  text-align: right;
  border-bottom: 1px solid #eee;
  height: 2em;
}

/****************************************************************/

div.more_links table,
div.floatBox table.floatList {
  width: 100%;
  border-top: 1px solid #eee;
  margin: 0;
  margin-top: .5em;
  padding: 0;
  border-collapse: collapse;
}

div.more_links td,
tr.floatListHeader td,
tr.floatListData td {
  border-bottom: 1px solid #eee;
  height: 2em;
}

div.more_links th {
  border-bottom: 2px solid #eee;
  height: 2em;
}

/****************************************************************/

tr.floatListData td {
  text-align: left;
}

tr.floatListHeader td {
  text-align: left;
  font-weight: bold;
}

div.new_ads td a {
  display: block;
  text-align: left;
}

/**************************** neu ****************************/
div.zenoFLMenuBox div div#stats {
  border: none;
  padding: 0;
}

div.zenoFLMenuBox div div#stats center {
  text-align: left;
}

div.zenoFLMenuBox div div#stats hr {
  margin: .5em 0;
  height: 0;
}

div.zenoFLMenuBox div div#stats div {
  border: none;
  display: block;
  padding: 0 0 .3em 0;
}

div.zenoFLMenuBox a {
  margin: 0;
  padding: 0;
 }

div.zenoFLMenuBox a img {
  border: none;
 }

/************************ zenoBodForm ************************/
div.zenoCOMain {
  line-height: 1.5em;
}

form#zenoBodForm1 div.formInput {
  margin: .2em 0;
}

form#zenoBodForm1 select#active_books {
  width: 40em;
  height: 7em;
  margin: .2em 0 1em 2em;
}

form#zenoBodForm div#zenoBodForm1Proceed input,
form#zenoBodForm1 div#zenoBodForm1Proceed input,
form#sign input {
  margin: .5em 0 0 0;
}

form#zenoBodForm {
  margin: 0;
  padding: 0 0 1em 0;
}

form#zenoBodForm hr {
  width: 0;
  margin: .5em 0;
}

form#zenoBodForm div.formInput {
  margin: .2em 0;
}

form#zenoBodForm div.formInput label {
  position: relative;
  width: 13em;
  float: left;
}

form#zenoBodForm div.formInput label small {
  display: block;
  font-size: .8em;
  line-height: 1.2em;
  padding: .2em 0 !important;
}

form#zenoBodForm div.formInput div.formLeft {
  width: 13em;
  float: left;
}

form#zenoBodForm div.formInput div.formRight {
  margin: 0 0 0 13em;
  padding: 0;
}

form#zenoBodForm div.formInput div.formRight label {
  display: inline;
  float: none;
}

form#zenoBodForm div.formOutput {
  position: relative;
  min-height: 1.5em;
  height: 100%;
  overflow: visible;
  border-bottom: 1px solid #eee;
  clear: both;
}

form#zenoBodForm div.formOutput span.priceCaption {
  float: left;
}

form#zenoBodForm div.formOutput span.price {
  position: relative;
  float: right;
}

form#zenoBodForm div.formOutput span#zenoBodFormTextRateResultDescr {
  float: left;
  margin: 0 0 1em 1.5em;
  padding: .5em 10em 1em 0;
  font-size: .85em;
  line-height: 1em;
  clear: both;
}

div#zenoBodFormTotal {
  margin-bottom: 2em;
}

div#lastFormBottom {
  padding-bottom: 2em;
}

form#zenoBodForm div.comment {
  width: 24em;
  margin: 0 0 0 1em;
  padding: .2em .4em;
  font-size: .8em;
  font-style: italic;
  color: #000;
  border: 1px solid #aaa;
  background: #f5f5f5;
  z-index: 99;
}

form#zenoBodForm span.strong {
  font-weight: bold;
}

div#zenoBodFormCharPage {
  margin: 0;
  padding: 0;
}

div#zenoBodFormBookCost {
  clear: left;
}

div#zenoBodFormCharPage {
  border-top: 1px solid #eee;
}

div#zenoBodForm1Proceed {
  border: none !important;
}

/* =========================================== */

a img {
  border: none;
  margin: .5em 0;
}

div.floatBox {
  margin: 0;
  padding: 1em .2em .3em 0;
  padding: 1em 0 .3em 0;
  overflow: auto;
  height: 100%;
}

div.floatBox h1 {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #fff !important;
  font-size: 1.2em !important;
}

div#accountCreate {
  width: 275px;
  float: left;
  margin: 0 1em 0 0;
  padding: 0 1em 0 0;
  border-right: 1px solid #eee;
}

div#accountLogin {
  margin: 0 0 0 312px;
  padding: 0 1em 0 0;
}

div#account {
  /* IE6 fix */
  height: 100%;
  overflow: hidden;
}

div#accountCreate h1,
div#accountLogin h1 {
  font-size: 1.2em;
  margin: 0;
  padding: 0 0 .6em 0 !important;
}

form#loginbox {
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

input#loginBoxInputEmail {
  width: 10em;
  margin-bottom: .3em;
}

td#loginButton {
  padding-top: .6em;
  padding-bottom: .6em
}

/* Errormessage
----------------------------------------------- */
div.errorMessage {
  margin: .6em 0;
  padding: .4em;
  font-size: 1em;
  border: 2px solid #db0029;
  background: #fbf6f4;
  color: #db0029;
}

div.infoMessage {
  margin: .6em 0;
  padding: .4em;
  font-size: 1em;
  background-color: #fffdee;
  border: 2px solid #00ba00;
  color: #000;
}

td#graffitipreview {
  padding-left: .5em;
}

.cell2 {
  background-color: #f8f8f8;
  padding-left: 1em;
  padding-right: 1em;
}

.searchline {
  text-align: right;
  background-color: #e4e4e4;
  padding: .5em;
}

/****************************************************************/
/***************************** Print ****************************/
/****************************************************************/

@media print {

#zenoTF,
div.zenoTA,
#zenoMFLeft,
#zenoMFRight,
#zenoFO { 
  display: none;
  visibility: hidden; 
}

#zenoMFMiddle { 
  margin: 0 !important;
}

div.zenoCO {
  border: none;
  overflow: visible !important;
}

}