@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) draft for a central stylesheet
 * (de) Vorlage für ein zentrales Stylesheets
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision: 443 $
 * @lastmodified    $Date: 2009-12-31 18:05:05 +0100 (Do, 31. Dez 2009) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
/* @import url(/yaml/navigation/nav_shinybuttons.css); */
  @import url(basemod.css);
  @import url(content.css);

/* import print layout | Druck-Layout einbinden */
/* @import url(/css/print/print_003.css); */


/*
  Stylesheet for the bells2010 oscommerce template

  Copyright (c) 2009 jalal @ gnomedia

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License v2 (1991)
  as published by the Free Software Foundation.
*/

/* YAML insists on top/bottom borders, so override that here. */
table { border-style: none; }

ol {list-style: none;}

h6 {    font-family:Verdana, Arial, Helvetica, sans-serif;}

/* the faces at the top right */
#faces {
/*  height: 255px;
  width: 220px;
*/
  height: 23.5em;
  width: 22em;
  position: absolute;
  z-index: 100;
  left: 73em;
  /*float: right;*/
  overflow: hidden;
}
#faces img {float:right;} /* 220 x 255 */

#topbox {
  background-color: #FFF;
  background-image: url(graphs/bg/header_bg.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  width: 100%;
  position: relative;
  z-index: 8;
}
#top {
  /*height: 90px;*/
  height: 7em;
  width: 100%;
}
#logo {
  background-color: #FFF;
  height: 13em;
  /*height: 130px;*/
  width: 100%;
  background-image: url(graphs/bg/logo_bg.jpg); /* 946 x 130 */
  background-repeat: no-repeat;
  background-position: left top;
}
#logo img {margin-top:-6em; margin-left:1em;}
#main_nav {
    background-color: #dedede;
    background-image: url(graphs/bg/nav_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    height: 3.7em;
    width: 100%;
}
#main_nav #nav_icons {
  float: right;
  margin: 0;
  margin-right: 255px;
  padding: 0;
  list-style-type: none;
}
#main_nav #nav_icons li {
  margin:0;
  display: inline;
}
#main_nav #nav_icons li a {
  /*vertical-align: top;*/
  float: left;
  width:9em;
  margin:0;
  padding-top: 0.9em;
  padding-bottom: 0.9em;
  text-align: center;
  color: black;
  font-size: 1.2em;
  border-right: 1px solid #eee;
}
/*
#main_nav #nav_icons li a.bull {
  background-image: url(graphs/bg/star_blue.png);
  background-position: 10px 10px;
  background-repeat: no-repeat;
}
*/
#main_nav #nav_icons li:first-child a {
  border-left: 1px solid #eee;
}
#main_nav #nav_icons li a:hover {
  background-image: url(graphs/bg/navactive_bg.jpg);
  background-position: 0px 0px;
  color: #983305;
  text-decoration: none;
}
#main_nav #nav_icons li a.activepage {
  background-image: url(graphs/bg/navactive_bg.jpg);
  background-position: 0px 0px;
  color: #983305;
}
#main {
  padding-bottom: 20px;
}
/*  */
#welcomebox, #productbox, #mainbox, #underbox { /* total width: 64em */
  width: 60em;
  /*padding: 2em;*/
  /*background-color: #eee;*/
  margin-left: 2em;
  margin-right: 2em;
}
#underbox div.content {
  /*height: 18em;*/
  /*margin-top:2em;*/
}
div#underbox div#leftbox, div#underbox div#rightbox {
  float:left;
  padding-top:2em;
  width:28em;
  background-color:#eee;
}
div#underbox div#leftbox {
  border-right:1px solid #DADADB;
  padding-right:1.9em;
  /*padding-left:1.9em;*/
}
div#underbox div#rightbox {
  padding-left:1.9em;
}
.boxbody { /* total width: 60em */
  /*width: 96.5%;*/
  background-image: url(graphs/bg/box_bg.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
  /*padding: 0.5em 1em;*/
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 1.1em;
  margin-bottom: 2em;
  background-color: #f2f2f2;
  /*overflow: scroll;*/
}
div#underbox .boxbody {
  padding-left:1.9em;
}
.boxbody img {
  margin-top: 10px;
  margin-bottom: 10px;
}
.boxheader { /* total width: 60em */
  /*width: 56em;*/
  background-color: white;
  padding: 0em 2em;
}
#col1_content {
  width: 64em;
  padding-top: 2em;
  background-color: #eee;
  margin: 1px auto;
/*  padding-left: 10px;
  padding-right: 20px;
*/}
#col1 {margin-bottom: 20px; margin-right:20px;}
#col1_content h1 {
  /*width: 30em;*/
  background-color: white;
  color: #0075bd;
  font-size: 2.2em;
  padding: 0.2em 1em;
}
#col1_content p, #col1_content h2 {
  margin: 1em 1.5em;
  font-size: 1.1em;
}
#col1_content a, #col3_content a {font-size: 1.1em; }
#col3_content {}

#mainbox h1 {
  font-weight: bold;
}
#mainbox ol { padding-left: 4em;}
#mainbox h2 {
  margin: 1em 1em;
  font-size: 2em;
  font-weight: bold;
}
#mainbox a:visited {color:#4D87C7;}

/* div#description is the container for the product information */
div#description {
  padding-right: 6em;
  font-size: 1.1em;
}
div#description h1 {}
div#description h2 {}
div#description h3 {}
div#description i {color:#005A91;}
div#description ul {list-style: circle;padding-left: 4em;}
div#description ul li {font-size: 1.1em;}

/* these are the left column boxes */
/*.boxGroup { not sure what this is...
  border-width: 1px;
  border-color: #bbc3d3;
  border-style: solid;
}
*/
.boxNew {
  width: 17em;
  margin: 0 auto;
  margin-bottom: 25px;
}

.boxTitle {
  font-size: 1.2em;
  font-weight: bold;
  background: #dadadb;
  color: #983305;
  vertical-align: top;
  padding-left: 8px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.boxTitle a {color: #983305; }
.boxContents {
  background-image: url(graphs/bg/box_bg.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-color: #f2f2f2;
  font-size: 1.1em;
  padding: 5px;
  padding-left: 12px;
  padding-bottom: 10px;
  color: black;
  /*line-height: 1.8em;*/
}
.boxContents li {
  line-height: 1.8em;
  margin-left: 0;
}
.boxContents a {
  line-height: 2em;
  color: black;
}
.boxContents a:hover {
  color: #983305;
}
/*.boxContents td {font-size: 1.1em; line-height: 2em;}*/
/* catbox is the Categories box on the left */
.catbox {padding-left: 0;}
.catbox a {
  display: block;
  margin:0;
  padding:1px 5px 1px 12px;
  width: 100%;
  color: black;
}
.catbox a:hover {
  color: #983305;
  background-color: white;
  text-decoration: none;
}
.catbox br {display:none;}
.catbox b {font-weight: normal;}

/* pageIcons are the silly images at the top of many pages, this hides them */
#pageIcon { display: none; }

/* this is the navigation bar with the breadcrumb/checkout links in it */
#navigationBar {
  /*background-color: #BBC3D3;*/
  color: #0075bd;
  /*font-weight: bold;*/
  /*margin-top: 50px;*/
  text-align: right;
  /*padding-right: 5px;*/
  padding: 12px 12px 8px;
  height: 25px;
}

#breadcrumbPath {
  float: left;
  padding-left: 5px;
}

#navigationBar A {
  color: #0075bd;
}

#navigationBar A:hover {
  color: #983305;
  text-decoration: underline;
}

/* moduleBox is the main section information box */
.moduleBox .content input[type=radio] {
  float: left;
}

.moduleBox .content {
  border-width: 1px;
  border-style: solid;
  border-color: #B6B7CB;
  background-color: #F8F8F9;
  padding: 5px;
  margin-bottom: 5px;
  font-size: 1.1em;
}

.moduleBox H6 {
  color: #666;
  padding: 5px 0px 5px 0px;
  font-size: 1.3em;
  font-weight: bold;
}
.moduleBox ol li {padding-top: 5px;padding-bottom: 5px;}
.moduleBox table { width: 48em; }

.submitFormButtons {
  margin-top: 20px;
  padding: 10px 5px;
  border-top: 1px solid silver;
}

div#footlinks a {
  padding-left: 10px;
  padding-right: 10px;
}

/* product listings */
table#productListing {
  width:100%;
  margin-top: 1em;
  font-size: 1.1em;
  /*margin: 1em;*/
}

.productListing-heading {
  background: #dadadb;
  /*color: white;*/
  color: #983305;
}

td.productListing-data {
}

/* the prev/next links at the end of the listing table */
.listingPageLinks {
  padding: 5px;
  display: none;
}

.moduleRow { }

.moduleRowOver {
  /*background-color: #D7E9F7;*/
}

.moduleRowSelected {
  background-color: #E9F4FC;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

table.trackListing {
  width: 30em;
  margin-left: 2em;
  margin-top: 1.5em;
  background: #ffffff;
  border-color: #cdd6ee;
  border-style: solid;
  border-width: 1px;
  padding: 5px 10px;
}
table.trackListing th {
/*  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
*/}
table.trackListing td {
/*  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
*/  padding: 3px 5px;
}

.productInfoKey {
  font-weight: bold;
  padding-right: 10px;
  padding-bottom: 10px;
  vertical-align: top;
  font-size: 1.1em;
}

.productInfoValue {
  padding-bottom: 10px;
  vertical-align: top;
  font-size: 1.1em;
}

#productInfoPrice {
  font-weight: bold;
}

#contactform label, #loginform label {
  width:10em;
  float: left;
  text-align: right;
  padding-right: 5px;
}
#contactform div, #loginform div { margin: 2px;}

.accountform {
  list-style: none;
}
.accountform li {
  padding: 3px 0;
}
.accountform li label, ol li label {
  display:block;
  float: left;
  text-align: right;
  width: 120px;
  margin-right: 10px;
  font-size: 1.1em;
}
.fieldLabel { text-align: left;}



/* MARKUP */
/*html { font-family: Verdana, Helvetica, Arial, sans-serif; }*/

/*body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  line-height: 1.4em;
  min-width: 760px;
  background-color: #807f00;
}
*/
/*
h1 {
  color: #9A9A9A;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  white-space: nowrap;
  margin: 5px 0 10px 0;
}

h2 {
  color: #9A9A9A;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  white-space: nowrap;
  margin: 0;
}

h6 {
  color: #000000;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  margin: 0;
}

td, p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom: 10px;
}

img {
  border: 0;
}

form {
  margin-top: 0;
  margin-bottom: 0;
}

form ol {
  margin: 0;
  padding: 0;
}

form ol li {
  list-style: none;
  margin: 0;
  clear: left;
}

form label {
  float: left;
  width: 160px;
  margin: 5px;
}

form label.fieldLabel {
  float: none;
}

form input, form select, form textarea {
}

form em {
  color: #FF0000;
  font-size: 9px;
  margin-left: 2px;
}
*/
/* LAYOUT */
/*
#pageHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#pageContent {
  float: right;
  width: 78%;
  border:1px solid red;
}

#pageColumnLeft {
  float: left;
  width: 20%;
  padding-left: 5px;
}

#pageBlockLeft {
  float: left;
  width: 82%;
  margin: 75px 0 10px 0;
  border:1px solid maroon;
}

#pageColumnRight {
  float: right;
  width: 16%;
  margin: 75px 5px 10px 0;
}

#pageFooter {
  clear: both;
  text-align: center;
  padding: 5px;
}
*/
/* LINKS */
/*
*/
/* DEFINITIONS */
/*
#siteLogo {
  float: left;
}

#navigationIcons {
  float: right;
  margin: 0;
  padding: 15px 0 0 0;
  list-style-type: none;
}

#navigationIcons li {
  display: inline;
  padding: 5px;
}

#pageIcon {
  float: right;
  margin-right: 10px;
  height: 40px;
}

.messageStack {
  border-width: 1px;
  border-style: dotted;
  border-color: #C8AD91;
  background-color: #FFFCF5;
  font-family: Verdana, Arial, sans-serif;
  color: #465584;
  margin: 5px;
}

.inputRequirement {
  font-size: 10px;
  font-weight: normal;
  color: #FF0000;
  margin-top: 10px;
}


/*

/*
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; font-weight: normal; }

A {
  color: black;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: white;
  vertical-align: top;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


a.pageResults {
  color: #0000FF;
}

a.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

td.smallText, span.smallText, p.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

td.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

span.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

span.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

span.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

span.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.boxCheckoutTrail {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #8c8c8c;
}

.boxCheckoutTrailActive {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FF8400;
}
/*
/* message box */
/*
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
*/

/* CSS Boxes */
/*
#variantsBlock {
}

#variantsBlockTitle {
  font-weight: bold;
  padding-bottom: 10px;
}

#variantsBlockData {
}

#productVariantCombinationNotAvailable {
  color: #ff0000;
}

.ships24hours {
  color: #45B04C;
}
*/