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

@CHARSET "ISO-8859-1";

/*** layout ***/

/* mac hide \*/
html, body {height:100%}
/* end hide*/

body {
    padding:0;
    margin:0;
    background-color:#FFF;
    background-image: url("img/outer_bg.gif");
    background-repeat: repeat-y;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #5A5A5A;
}

* html body {background-image: url("img/outer_ie6_bg.gif");}

#outer{
    min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
    min-width:898px;
    margin-left:199px;
    margin-bottom:-32px;
}

* html #outer{height:100%;padding-left:196x; width:898px; border-right:1px solid #a20016;}/* ie 3 pixel jog*/ 

#header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    min-width:1097px;
    height:86px;
    background-color:#e6d998;
    background-image: url("img/outer_bg.gif");
    background-repeat: repeat-y;
    /*border-top:1px solid #a20016;*/
    border-bottom:1px solid #a20016;
    overflow:hidden;
}

* html #header{width:1097px;}

#clearheader{height:88px;}/*needed to make room for header*/

#logocontainer{
    padding-left:199px; 
}

#headernavbar{
    height: 20px;
    width: 100%;
    background-color: #f1e7c1;
    background-image: url("img/headernavbar_bg.gif");
    background-repeat: repeat-y;
    border-top: 1px solid #a20016;
}

#navbarwrap{
    margin-left:199px;
    width: 881px;
}
    
#navtrail{
    padding:2px 10px;
    width:670px;
    overflow: hidden;
}

#topmenu{
    width:163px;
    float: right;
    padding:2px 10px;
}

#left {
    position:relative;/*ie needs this to show float */
    width:179px;
    float:left;
    margin-left:-178px;/*must be 1px less than width otherwise won't push footer down */
    left:-1px;/* line things up exactly*/
    color:#000;
    padding-top:88px;/*needed to make room for header*/
    padding-left:0px;
    padding-right:0px;
}

* html #left {margin-right:-3px}/* three pixel jog*/

#right{
   width:189px;
   float: left;
   padding-left:5px;
   padding-right:5px;
}

#footer {
    width:100%;
    min-width:1097px;
    clear:both;
    height:30px;
    border-top:1px solid #a20016;
    border-bottom:1px solid #a20016;
    background-color: #e6d998;
    background-image: url("img/outer_bg.gif");
    background-repeat: repeat-y;
    position:relative;
}

* html #footer {/*only ie gets this style*/
    \height:32px;/* for ie5 */
    he\ight:30px;/* for ie6 */
    width:1097px;
}

#footer_left{
    margin-left:199px;
    padding: 7px 10px;
    text-align:left;  
}

#footer_notice{
    width:680px;
    margin-left:199px;
    padding: 7px 10px;
    text-align:center;  
}

#clearfooter{clear:both;height:50px;}/*needed to make room for footer*/

div,p  {margin-top:0}/*clear top margin for mozilla*/

#centrecontent {
    width:678px;
    padding: 10px;
    float: left;
}

* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */


/* ### xtc style ### */

/*** boxes ***/
.boxText { 

}

.boxTextBG {

}

.boxTextBGII {
    
}

.boxTextPrice {
  font-size: 0.9em;
}

.boxText_cart {
  font-size: 0.9em;
  margin-top:5px;
}

.box_shipping_link, .bestsellers_shipping_link, .shipping_link {
    font-size: 0.9em;
    font-weight: normal;
}

.errorBox, TD.headerError {
    font-size : 10px;
    font-weight: bold;
    background-color: #ffb3b5;
    border:1px dotted #000;;
    padding:5px;
    margin:10px;
}

.gvBox {
    font-size : 14px;
    font-weight: bold;
    border-color: #FFFFFF;
    border: 1px solid;
    background-color: #ffb3b5;
}

#box_content, #box_information{
    margin: 0px;
    padding: 0px;
}

#box_content li,  #box_information li, #boxCategories ul li {
    list-style: none;   
    margin: 3px 0px 0px 0px;
}

#boxCategories ul {
    padding: 0px;
    margin:0px;
}

#boxCategories ul ul {
    margin: 0px 0px 0px 5px;
    padding: 0px;
}

#boxCategories ul ul li {

}

.stockWarning { 
    font-size : 10px;
    color: #cc0033;
}

.productsNotifications {
    background-color: #f2fff7;
}

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

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

TR.headerMessage {
    background-color: #00CC33;
}

.moduleHeading {
    font-size: small;
    font-weight: bold;
    padding-bottom: 10px;
}

.shopbox, .shopbox_right {
    margin:0px 5px;
    padding:10px 0px;
    border-bottom:1px solid #a20016;
}

.infoBoxContents {

}

.infoBoxNotice {
  background: #FF8E90;
}

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

div.infoBoxHeading_left, div.infoBoxHeading_right{
  font-weight: bold;
  height:17px;
  color: #c7b300;
}

#centrecontent div.infoBoxHeading_left{
    padding:0px 5px;
    border-top:1px solid #a20016;
    border-bottom:1px solid #a20016;
}

TD.infoBox, SPAN.infoBox {

}

TD.infoBox_right, SPAN.infoBox_right {

}

div.formArea, table.formArea {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 5px;
    margin-bottom: 20px;
}

#contentsBG {
    margin-top: 10px;
    line-height: 18px;
}

#contentsBGspalten {
    margin-top: 10px;
    line-height: 9px;
}


/*** hyperlinks ***/
a {
  color: #C7B300;
  /*color: #a20016;*/
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.headerNavigation { 
  color: #212121;
}

#topmenu a{
  color: #212121;
}

.boxText a, .shopbox a{
    color:#000;
    text-decoration: none;
}

a.show_left, a.show_right{
  font-size: 13px;
  font-weight: bold;
  height:17px;
  color: #c7b300;
}

a.products_link{
    color: #c7b300;
    font-size: 1.3em;
    font-weight: bold;
}

a.catLink{
    color: #a5a5a5;
}

a.catLink_2{
    color: #C7B300;
    /*font-weight: bold;*/
}

a.catLink_2:hover{
    text-decoration: underline;
}

a.headerNavigation:hover, #topmenu a:hover, .boxText a:hover, .shopbox a:hover, a.products_link:hover, a.catLink:hover{
  color: #a20016;
  text-decoration: none;
}

a.confirmationEdit {

}

a.confirmationEdit:hover {

}

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

a.pageResults:hover {
  background: #FFFF33;
}

a.copyright {
  color: #000000;
}

a.copyright:hover {
  color: #0000ff;
  text-decoration: underline;
}


/* categories first level */
#boxCategories ul li a.normal {
    
}

#boxCategories ul li a.normal:hover {

}

/* categories first level active */
#boxCategories ul li a.active {
    color: #a20016;
}

#boxCategories ul li a.active:hover {

}


/* categories sub level */
#boxCategories ul ul li a.normal {

}

#boxCategories ul ul li a.normal:hover {

}

/* categories sub level active */
#boxCategories ul ul li a.active {

}

#boxCategories ul ul li a.active:hover {

}

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: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-size: 0.9em;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-size: 0.9em;
}

TD.pageHeading, DIV.pageHeading {
  font-size: 1.3em;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 0.9em;
  color: #000000;
}

TD.main, P.main {
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 0.9em;
}

TD.accountCategory {
  color: #aabbdd;
}

TD.fieldKey {
  font-weight: bold;
}

TD.fieldValue {

}

TD.tableHeading {
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 0.9em;
  color: #ff0000;
}

SPAN.greetUser {
  color: #f0a480;
  font-weight: bold;
}

SPAN.underline {
    text-decoration: underline;
}

#copyright {
  font-size: 0.9em;
  line-height: 1.5;
  text-align:center;
  color:#EFEFEF;
  width:701px;
  margin-left:199px;
}

.parseTime {
  font-size: 0.9em;
  line-height: 1.5;
  text-align:center;
}

SPAN.markProductOutOfStock {
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

SPAN.productOldPrice {
    color: #ff0000;
    text-decoration: line-through;
}

SPAN.errorText {
  color: #ff0000;
}

SPAN.productDiscountPrice {
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
  font-size: 0.9em;
    font-weight: bold;
    color: Black;
}

.moduleRow {
 line-height: 1.5;
 background-color: #F1E7C1;
 border: 1px solid;
 border-color: #F1E7C1;

}
.moduleRowOver { 
    background-color: #E6D998; 
    border: 1px solid;
    border-color: #E6D998;
    line-height: 1.5; 
    
    }
    
.moduleRowSelected { background-color: #E9F4FC; }

.moreHeading{
    margin-bottom:15px; 
}

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

.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; 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: #b6b7cb;
}

.navLeft {
    border-right: 1px solid;
    border-color: #b6b7cb;
    background-image: url(img/bg_left_column.jpg);
    width: 185px;
}

.navRight {
    border-color: #666666;
    border-top-width: 4px;
    border-top-style: solid;
    border-left-width: 4px;
    border-left-style: solid;
    background-color: #E6E6E6;
    width: 185px;
}

.contentsTopics {
    color: #a20016;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    margin-top:15px;
}

.tableListingI {
    background-color: #eeeeee;
}

.tableListingII {
    background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

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

.onepxwidth {
    width: 1px;
}

.line_bottom{
    border-bottom: 1px solid #5a5a5a;
}

.line_top {
    border-top: 1px solid #666666;
}

.line_right {
    border-right: 1px solid #666666;
}


span.products_price {
    font-size: 1.1em;
    font-weight: bold;
}

span.info_price {
    font-size: 1.1em;
    font-weight: bold;
    color:#A20016;
}

#float_image_right {
    float: right;
    padding: 5px 5px 15px 15px;
}

/* CHECKOUT DATEIN */
.checkoutTitle {
    font-size: 11px;
    font-weight: bold;
    padding-top: 10px;
}

TABLE.checkoutTable {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

DIV.checkoutTable {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 5px;
}

.tableabstand {
    margin-top: 25px;
    margin-bottom: 15px;
}

.checkoutBarFrom, .checkoutBarTo { 
    font-size: 10px; 
    color: #8c8c8c;
    border-top:1px dotted #a5a5a5;
    border-bottom:1px dotted #a5a5a5;
    
}

.checkoutBarCurrent { 
    font-size: 10px; 
    color: #dadada;
    border-top:1px dotted #a5a5a5;
    border-bottom:1px dotted #a5a5a5;
}

.checkout_bullet {
    background-image: url(img/checkout_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    border-top:1px dotted #a5a5a5;
    border-bottom:1px dotted #a5a5a5;
}

.checkout_bullet2 {
    background-image: url(img/checkout_bullet2.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    border-top:1px dotted #a5a5a5;
    border-bottom:1px dotted #a5a5a5;
}

/* Tab Pane in checkout_payment.html AGB und Widerruf*/
.dynamic-tab-pane-control.tab-pane {
    position:   relative;
    width:      100%;       /* width needed weird IE bug */
    margin-right:   -2px;   /* to make room for the shadow */
    margin-top: 15px;
}

.dynamic-tab-pane-control .tab-row .tab {
    width:              auto;
    height:             16px;
    background-image:   url(img/tab.png);
    background-repaet:  repeat-x;
    position:       relative;
    top:            0;
    display:        inline;
    float:          left;
    overflow:       hidden;
    cursor:         pointer;
    margin:         1px -1px 1px 2px;
    padding:        4px 10px 2px 10px;
    border:         0;
    z-index:        1;
    font:           11px Tahoma;
    white-space:    nowrap;
    text-align:     center;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}


.dynamic-tab-pane-control .tab-row .tab.selected {
    width:              auto;
    height:             18px !important;
    background-image:   url(img/tab.active.png) !important;
    background-repaet:  repeat-x;
    border-bottom-width:    0;
    z-index:        3;
    padding:        4px 10px 2px 10px;
    margin:         1px -3px -3px 0px;
    top:            -2px;
    font:               11px Tahoma;
}


.dynamic-tab-pane-control .tab-row .tab a {
    font:               11px Tahoma;
    color:              Black;
    text-decoration:    none;
    cursor:             pointer;
}


.dynamic-tab-pane-control .tab-row .tab.hover {
    font:               11px Tahoma;
    width:              auto;
    height:             16px;
    background-image:   url(img/tab.hover.png);
    background-repaet:  repeat-x;
    padding: 4px 10px 2px 10px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}


.dynamic-tab-pane-control .tab-page {
    clear:          both;
    border:         1px solid rgb( 145, 155, 156 );
    background:     rgb( 252, 252, 254 );
    z-index:        2;
    position:       relative;
    top:            -2px;
    font:               11px Tahoma;
    color:              Black;
    filter:         progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
                    progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
    /*244, 243, 238*/
    /* 145, 155, 156*/
    padding:        10px;
}


.dynamic-tab-pane-control .tab-row {
    z-index:        1;
    white-space:    nowrap;
}

/* *** forms *** */
form{
    margin:0px;
    padding:0px;
}

input.input, textarea, select{
    font:normal 11px Verdana,Arial,sans-serif;
    border:1px solid #333;
    padding:1px;
}
.loginEMail input{
    width: 150px;
}
textarea{
    width: 100%;
}

fieldset {
    display:block;
    border:1px solid #9E0A0A;
    clear:both;
}
            
* html fieldset {padding: 10px;}
            
legend {
    background:#efe2e2;
    padding:4px;
    border:1px solid #6a1b1b;
    border-right-width:2px;
    border-bottom-width:2px;
    margin-bottom:4px;
    font-weight:bold;
}

label {margin: 5px 0px;}
div.cc_form label {    display: block;    float: left;    width:200px;}
#button_right {
    padding-top: 5px;
    text-align: right;
}

/*** misc ***/

img{
    border:0;
}
.clear {clear: both;}
.yourstyle{
    position: absolute;
    width:150px;
    height:400px;
    top: 210px;
    left: 899px;
    visibility: hidden;
    z-index: 100;
}div.cc_form {    text-align: left;    margin-top:13px;}