/* -----------------------------------------------------------------------------------------
   $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 
   ---------------------------------------------------------------------------------------*/

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

.boxTextGRATIS {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-style: oblique;
}
.boxTextBG {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: White;
}
.boxTextBGII {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: Red;
}
.boxTextPrice {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: Red;
}

.errorBox {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	font-weight: bold;
	background-color: White;
}
.gvBox {
	font-family : Verdana, Arial, sans-serif;
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: Gray;
}
.stockWarning {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: Red;
}

.productsNotifications {
	background-color: White;
}

.orderEdit {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: Gray;
	text-decoration: underline;
}

HTML, BODY 
{
	color: Black;
	margin: 0px;
	background-color: White;
	background : White;
	height: 100%;
}

img{
	border:0;
}

A {
	color: #000000;
	text-decoration: none;
	font-size : x-small;
}

A:hover {
	color: #0000ff;
	text-decoration: underline;
	font-size : x-small;
}

FORM {
	display: inline;		   
}



TR.header {
	background-color: #ffffff;
}

TR.headerNavigation {
	background: White;
}

TD.headerNavigation {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: Black;
	font-weight : bold;
	border-bottom: 1px solid;
	border-color: Black;
	background-color: White;
}

A.headerNavigation {
	color: White;
	background : Black;
}

A.headerNavigation:hover {
	color: Red;
}

TD.conditions {
  background-color: #FFCCCC;
}

A.confirmationEdit {
	color: Silver;
	font-style: italic;
}
A.confirmationEdit:hover {
	color: #009933;
	font-style: italic;
	text-decoration: underline;
}
TR.headerError {
  background-color: #ff0000;
}

TR.headerMessage {
	background-color: #DE7B90;
}

.moduleHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	padding-bottom: 10px;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
	background: Red;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
	background: White;
}

TD.footer {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #F6F6F6;
	color: #000000;
	font-weight : bold;
	border-bottom: 1px solid;
	border-color: Black;
}

.infoBox {
}

.infoBoxContents {
  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-style:italic;
}


/*	
.BundleBox {
  background: #b6b7cb;
}
.BundleBoxSum {
  background: #b6b7cb;
}
.BundleBoxSave {
  background: #b6b7cb;
  font-size: 10px;
  color: red;
}

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

.BundleTopicContent_1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.BundleTopicContent_2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
   color: red;
}
*/	

TD.infoBoxHeading_right {	
}

TD.infoBox, SPAN.infoBox {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: White;
	border : thin solid Black;

}

TD.infoBox_right, SPAN.infoBox_right {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: White;
	border : thin solid Black;
}

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.productListing {
	border: 1px;
	border-style: solid;
	border-color: Black;
	border-spacing: 1px;
}

.productListing-heading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: Black;
	color: #FFFFFF;
	font-weight: bold;
}

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

A.pageResults {
	color: #0000FF;
	text-decoration: underline;
}

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

TD.pageHeading, DIV.pageHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: Black;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  vertical-align:top;
}

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

TD.accountCategory {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	color: Black;
}

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

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

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

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

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

SPAN.underline {
	text-decoration: underline;
}

TABLE.formArea {
	background: White;
	border-color: White;
	border-style: solid;
	border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.copyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}
A.copyright {
  color: #000000;
}
A.copyright:hover {
  color: #0000ff;
  text-decoration: underline;
}

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

SPAN.productSpecialPrice {
	font-family: Verdana, Arial, sans-serif;
	color: Red;
}
SPAN.productOldPrice {
	font-family: Verdana, Arial, sans-serif;
	color: #ff0000;
	text-decoration: line-through;
}
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.productDiscountPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: Black;
}

.moduleRow {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	background-color: White;
	border: 1px solid;
	border-color: White;
}
.moduleRowOver {
	background-color: White;
	border: 1px solid;
	border-color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}
.moduleRowSelected { background-color: #E9F4FC; }

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

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: Black;
	background-color: White;
	padding-top: 2px;
	padding-bottom: 2px;
}
.sitemap_heading a {
	color: Black;
}
.sitemap_heading a:hover {
	color: Black;
	text-decoration:none;
}

.sitemap_sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-color: White;
	padding: 2px 2px;
}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {
	color: White;
	text-decoration:none;
}


/* 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; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.tableShop {
	background-color: #ffffff;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: Black;
}

.navLeft {
	border-right: 1px solid;
	border-color: Black;
	background-image: none;
	width: 185px;
}
.navRight {
	border-color: Black;
	border-top-width: 1px;
	border-top-style: solid;
	border-left-width: 4px;
	border-left-style: solid;
	background-color: White;
	width: 185px;
}

.contentsTopics {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.tableListingI {
	background-color: White;
}

.tableListingII {
	background-color: White;
}

.tableBody {
padding: 5px;
}

.poweredby {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}
.onepxwidth {
	width: 1px;
}

/* SAVE IN PERCENT */
.save_percent {font-family:Verdana, Arial, sans-serif; font-size:9px; color:#FF6600; font-weight:normal;}
/* LEXIKON */
.lexikon_keyword {font-family: Verdana, Arial, sans-serif;font-size: 11px;color: #CC0000;text-decoration: underline;}

.rma_choose {font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #000000;background-color:#eeeeee;}
.rma_table_heading {font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #000000;background-color:#dddddd;
padding-left:5px;
height:18px;}
.rma_table_content {font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #000000;background-color:#f1f1f1;
padding-left:5px;
height:18px;}
.rma_choose_body {font-family: Verdana, Arial, sans-serif;font-size: 10px;padding:5px;}
.rma_options {font-family: Verdana, Arial, sans-serif;font-size: 10px;}

.products_gift {border:1px dotted #dddddd; padding:3px;}

/* next try */
a.infobox {  text-decoration:none; }
  a.infobox:hover { cursor:pointer; color:#000000; background:white; }
  a.infobox span { visibility:hidden; position:absolute; left:-99em; 
                   margin-top:1.5em; padding:1em; text-decoration:none; }
  a.infobox:hover span { visibility:visible; left:300px; right:300px; top:auto; bottom:auto; z-index:3;

                         border:1px dotted #000000; color:#000000; background:white; }
						 
						 
						 
						 /* bubble tooltip */
						 .tooltip {
	font: 11px arial,helvetica,sans-serif;
   color: #000066;
	text-align: center;
	text-decoration: none;
	width: 200px;
	
}

.tooltip b.bottom {
	background: url(images/bt.gif) no-repeat bottom;
	
	padding: 3px 8px 15px;
}

.tooltip span.top {
	background: url(images/bt.gif) no-repeat top;
	padding: 30px 8px 0;
}

div.specialsContainer
{
	width:100%;
	display:inline;
}

div.specialsMain
{
  width:100%;
  vertical-align:top;
  height:auto;
  overflow:visible;	
  clear:both; 
  margin: auto auto auto auto;
  border-top:dashed 1px #cccccc;
  display:table;
}
span.specialsLeft
{
	font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.5;
    vertical-align:top;
    margin: auto auto auto auto;
    float:left;  
    height:auto;
    overflow:visible;
    clear:left;
    display:block;
}
span.specialsRight
{
	font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.5;
    vertical-align:top;
    margin: auto auto auto auto;
    float:right;
    height:auto;
    overflow:visible;
    clear:right;
    display:block;
}


.zLexikon
{
color:#CC0000;
position: relative;
z-index: 0;
}

.zLexikon:hover{
background-color: transparent;
cursor:help;
z-index: 50;
}

.zLexikon span{ /*CSS for enlarged image*/
width:400px;
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 2px dashed #000000;
visibility: hidden;
color: black;
text-decoration: none;
}

.zLexikon span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}


.zLexikon:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 13px;
text-decoration: none;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*---------- bubble tooltip -----------*/
        span.tt
        {
            position: relative;
            z-index: 99999;
            color: #000000;
            font-weight: bold;
            text-decoration:underline;
            font-style:italic;
            cursor:pointer;
            margin:0px 2px 0px 1px;
        }
        span.tt span
        {
            display: none;
        }
        /*background:; ie hack, something must be changed in a for ie to execute it*/
        span.tt:hover
        {
            z-index: 25;
            color: #000000;
            text-decoration:none;
            background: ;}
        span.tt:hover span.tooltip
        {
            display: block;
            position: absolute;
            top: 0px;
            left: 0;
            padding: 15px 0 0 0;
            width: 200px;
            color: #000000;
            text-align: center;
            filter: alpha(opacity:90);
            khtmlopacity: 0.90;
            mozopacity: 0.90;
            opacity: 0.90;
        }
        /* for other inner elements */
        
        span.tt:hover span.top
        {
        	color: #000000;
            text-decoration:underline;
            font-style:italic;
            display: block;
            padding: 30px 8px 0;
            background: url(img/bubble.gif) no-repeat top;
        }
       span.tt:hover span.middle
        {
            /* different middle bg for stretch */
            display: block;
            padding: 0 8px;
            background: url(img/bubble_filler.gif) repeat bottom;
        }
        
        span.tt:hover span.bottom
        {
            display: block;
            padding: 3px 8px 10px;
            color: #548912;
            background: url(img/bubble.gif) no-repeat bottom;
        }               
/* CSS BUBBLE TOOLTIP OFF */