/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css,v 1.4 2004/06/06 17:13:29 novalis Exp $

   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
   ---------------------------------------------------------------------------------------*/
* { font-family: Verdana, Arial, sans-serif; }

.boxText, img, a img {
        font-size: 11px;
}

.boxTextBG {
        font-size: 11px;
        background-color: #e6e6e6;
        padding:3px;
}
.boxTextBGII {
        font-size: 11px;
        background-color: #F0E3C3; /*FFCC99;*/
}
.boxTextPrice {
        font-size: 11px;
        color:#ffbf00;/*#FF0000;*/
}

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

.productsNotifications {
        background-color: #f2fff7;
}

.orderEdit {
        font-size : 10px;
        color: #70d250;
        text-decoration: underline;
}

body {
        color: #000000;
        margin: 0px;
        background-color: #ffffff;
}

img{
        border:0;
}

a:link, a:visited {
  color: #000000;
  text-decoration: none;
}

a:hover, a:active, a:focus, a.btp:link, a.btp:visited, li a:link, p a:link{
  color: #F79700;
  text-decoration: underline;
}

a.in_header:link {
  color:#FEAE14;
  text-decoration:none;
  font-weight:normal;
}
a.in_header:visited {
  color: #dfdfdf;
  text-decoration:none;
  font-weight:normal;
}
a.in_header:hover {
  color: #ffffff;
  text-decoration: underline;
  font-weight:normal;
}
a.in_header:active, a.in_header:focus {
  color: #FEAE14;
  text-decoration: underline;
  font-weight:normal;
}

form {
        display: inline;
}

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

tr.headerNavigation {
  background: #F6F6F6;
}

td.headerNavigation {
        font-size: 10px;
        color: #000000;
        font-weight: bold;
        border-bottom: 1px solid #b6b7cb;
        background-color: #F6F6F6;
}

a.headerNavigation {
  color: #000000;
}

a.headerNavigation:hover {
  color: #000000;
}

.conditions {
  border: 1px solid #ff0000;
  background-color: #FFCCCC;
}

a.confirmationEdit {
        color: #009933;
        font-style: italic;
}

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

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

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

td.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

tr.headerInfo {
  background: #00ff00;
  color:white;
}

td.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

tr.footer {
  background: #bbc3d3;
  color:black;
}

td.footer {
  font-size: 10px;
  background: #F6F6F6;
  color: #000000;
  font-weight: bold;
  border-bottom: 1px solid #b6b7cb;
}

.infoBox {
  /*background:transparent;
  color:#000000;*/
}

.infoBoxContents {
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}

.infoBoxHeading {
  margin:0;
  padding:0;
  width:181px;
  font-size:10px;
  background:#666666 url(img/bg_ibh.gif);
  height:16px;
  color: #ffffff;
  text-align:left;
  border-bottom:1px solid #c4c4c4;
}

.infoBoxHeading_right {
  margin:0;
  padding:0;
  font-size:10px;
  background:#666666 url(img/bg_ibh.gif);
  height:16px;
  color: #ffffff;
  text-align:left;
  border-bottom:1px solid #c4c4c4;
}

.infoBoxHeading, .infoBoxHeading_right { padding-top:2px; }

.infoBox, SPAN.infoBox {   /*td*/
  font-size: 10px;
  border-right: 4px solid #C4C4C4;
  background:#f6f6f6; /*#E6E6E6;*/
}

.infoBox_right, SPAN.infoBox_right { /*td*/
  font-size: 10px;
  background:#f6f6f6; /*#E6E6E6;*/
}

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: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

td.productListing-data {
  font-size: 10px;
}

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

a.pageResults:hover {
  color: #000000;
  background: #FEAE14;
}

td.pageHeading, div.pageHeading {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

tr.subBar {
  background: #f4f7fd;
}

td.subBar {
  font-size: 10px;
  color: #000000;
}

.main, .main p, p, .main ul li {/*  .main a,*/
  font-size: 11px;
  line-height:1.4em;
}

.main, .main p, p {  /*  , .main a*/
  margin-top:0.7em; margin-bottom:0.7em;
}

p, ul, ol, li { text-align:left; }

.centered { text-align:center; }
.vtop { vertical-align:top; }
td { text-align:left; }

td.smallText, span.smallText, p.smallText {
  font-size: 10px;
}

td.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

.fieldKey {
  font-size: 11px;
  font-weight: bold;
  text-align:left;
}

td.fieldValue {
  font-size: 12px;
}

td.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

span.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}

checkbox, input, radio, select {
  font-size: 11px;
}

textarea {
  width: 100%;
  font-size: 11px;
}

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

span.underline {
        text-decoration: underline;
}

.formArea {
  background: #f1f1f1;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
}
.formArea td {
  text-align:left;
}
.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

td.copyright {
  font-size: 11px;
  line-height: 1.5;
  text-align:left;
  padding-left:8px;
  border-top:1px solid black;
}

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

.productSpecialPrice {
  color: #ff0000;
}
.productOldPrice {
  color: #ff0000;
  font-size:smaller;
}
.errorText {
  color: #ff0000;
}

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

.smallHeading {
  font-size: x-small;
  font-weight: bold;
  color: Black;
}

.moduleRow {
  font-size: 11px;
  line-height: 1.5;
  background-color:#f6f6f6; /*#E6E6E6;*/
  border: 1px solid #f6f6f6; /*#E6E6E6;*/
}
.moduleRowOver {
  background-color: #ffeac9; /*#D7E9F7;*/
  border: 1px solid #ffffff;
  font-size: 11px;
  line-height: 1.5;
}
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {
  font-size: 10px;
  color: #8c8c8c;
}
.checkoutBarCurrent {
  font-size: 10px;
  color: #000000;
  font-weight:bold;
}

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-size: 11px; /*7pt;*/ }
.heading2 { font-size: 12px;/*9pt;*/ }
.heading3 { font-size: 13px;/*10pt;*/ }
.heading4 { font-size: 15px;/*12pt;*/ }
.heading5 { font-size: 16px;/*16pt;*/ }

/* Sitemap Tables */
.sitmap_table { border:1px solid #c4c4c4; }

.sitemap_heading {
  height:18px;
  font-size: 12px; /*10pt;*/
  color: #FFFFFF;
  background:#666666 url(img/bg_ibh.gif);
  border-bottom:1px solid #c4c4c4;
  padding-left:3px;
}
.sitemap_heading a { color:#FFFFFF;}
.sitemap_heading a:hover {  color:#FFBF00; background:transparent; text-decoration:none;}

.sitemap_sub {
  font-size: 11px; /*9pt;*/
  color: #000000;
  background-color:#f6f6f6; /*#E6E6E6;*/
  padding: 2px 2px;
  text-align:left;
}
.sitemap_sub a { background:transparent; color:#000000;}
.sitemap_sub a:hover { background:transparent; color:#FFBF00; text-decoration:none;}


/* message box */

.messageBox {  font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-size: 10px; color: #ff0000; }

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

/* the whole page has 990px = 185 left, 185 right and 620 content */
.navLeft {
        /*border-right:1px solid #c4c4c4; /*#b6b7cb;*/
        background:#f6f6f6 url(img/bg_left_column.jpg);
        width:185px;
        text-align:left;
}
.content  {
  width:620px; vertical-align:top;
  text-align:left; /* bugfix ie5 mac */
}
.navRight {
        border-top: 3px solid #666666;
        border-left: 4px solid #666666;
        background-color:#f6f6f6; /*#E6E6E6;*/
        width: 185px;
}

.contentsTopics {
        font-size: 14px;
        font-weight: bold;
        /* width:auto; float:left; ie5 mac bugfix */
        margin-bottom:8px;
}

.tableListingI {
        background-color: #eeeeee;
}

.tableListingII {
        background-color: #d0d0d0;
}

.tableBody {
  width:610px; text-align:left; /* bugfix ie5 mac */
  padding: 5px; padding-top:2px;
}

.poweredby {
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}
.onepxwidth {
        width: 1px;
}

/* City Souvenir Shop specific by IaN */

#outline {
  width:990px;
  border-left:1px solid #c4c4c4;
  border-right:1px solid #c4c4c4;
}

#content_table {
  border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4;
}

h1 {
  font-size:15px;
}
h2 {
  font-size:14px;
}

/*#weatherbox { width:180px; text-align:center; float:right; height:120px; }
#weatherbox p { font-size:x-small; }

#mweatherbox { width:180px; text-align:center; float:right; height:120px; }
#mweatherbox p { font-size:x-small; text-align:center; } */
#weatherbox        { width:180px; float:right; padding:0; margin-left:5px; margin-right:5px;
                     background:#FFBF00 url(img/weather_bg.gif); color:white; height:123px;}
#weatherbox *      { text-align:center; }
p#wheader          { font-size:12px; font-weight:bold; margin-top:2px;
                     margin-bottom:2px; padding-left:18px; }
#in_weather        { background:transparent; color:black; margin:0; padding:2px; text-align:center; }
#ctemp             { margin-bottom:2px; }
#wtemp             { font-size:20px; font-family:times,serif; color:red; }
#winfo             { font-size:11px; font-weight:bold; margin-top:3px;  }

.nopad  { padding:0; margin:0; }

.hr_div { width:100%; border:none; border-top:1px solid black;
          margin-top:5px; margin-bottom:0; font-size:2px; line-height:1px; }
.hr_div2{ width:96%; border:none; border-top:1px solid black;
          margin-top:5px; margin-bottom:0; font-size:2px; line-height:1px; }
.ad_div { width:100%; text-align:center; margin-top:0; font-size:11px; }

#jollychooser table form tr td table tr td select { border:solid 1px #336699; }

.ad_div form table td { text-align:center; } /* for qype chooser */

.h1_14   { font-size:14px; margin-top:0; margin-bottom:5px;
           line-height:16px; text-align:left;
           clear:both; /* ie5 mac bugfix  width:auto; */ }
.h2_13   { font-size:13px;  margin-top:0; margin-bottom:0;
           line-height:13px; color:#ffbf00; text-align:left;
           clear:both; /* ie5 mac bugfix  width:auto;*/ }
.h3_11   { font-size:11px; margin-top:0; margin-bottom:0;
           font-weight:normal; text-align:left; }

.h3_11b  { font-size:11px;  margin-top:0; margin-bottom:0; text-align:left; }

.cat_2 .h3_11b { text-align:center; }

h4, .h4 {
  font-size: 10px;
  font-weight: bold;
  background:transparent;
  color: #ffffff;
  margin:0;
  padding:0;
  padding-left:3px;
}

.p_price { font-size:14px; color:#ffbf00; }

.kel     { background:#ef4023; width:181px; margin:0; margin-right:4px;
           padding:0; text-align:center; font-size:11px;
           border-bottom:1px solid #C5C5C5;
         }

.lcenter { text-align:center; font-size:11px; } /* left tab in main below boxes */

.textright { text-align:right; }

.manufacturer_menu { width:220px; float:right; text-align:right; font-size:11px; }

#backlinker     { color:#707070; text-align:center;  width:160px;
                  position:relative; left:10px; }
/*#backlinker a   { display:block; }*/
#backlinker a b { color:#707070; text-decoration:none; }
#footalign      { width:992px; z-index:5; padding:0; margin:0; position:relative; }
#logofooter     { position:relative; left:0px; bottom:15px; width:992px;
                  margin-bottom:-15px; height:60px; z-index:10; }

#worldpay { width:181px; padding-top:8px; margin-right:4px;
            background:white; border-top:1px solid #C5C5C5;
            border-bottom:1px solid #C5C5C5;
            text-align:center; }

.s_price  { font-size:smaller; color:#ff0000; } /* strikethrough weg */

.pagenav_top { width:100%; border-bottom:2px solid #d4d4d4; }

.full_w   { width:100%; }

.copy     { font-size:11px;
            padding-left:8px;
            padding-bottom:3px;
            text-align:center;
          }

.pp       { width:auto; margin-left:10px; }
.pp_table { border:1px solid #C5C5C5; margin-top:8px; }
.pp_head  { background:#858585; color:white; text-align:center;
            font-size:11px;  }
.pp_val   { background:#F6F6F6; color:black; text-align:center;
            font-size:11px;  }
.popimg   { text-align:center; color:#FFFFFF; font-size:12px;
            font-family:Verdana, Arial, Helvetica, sans-serif; }
.vpe_txt  { color:black; font-size:10px; line-height:13px; margin-bottom:5px; }
.line_b   { border-bottom: 1px solid #cccccc; }
.line_t   { border-top: 1px solid #cccccc; }
.line_r   { border-right: 1px solid #cccccc; }
.line_a   { border: 1px solid #cccccc; }
.cat_1    { border:solid 1px #c4c4c4; text-align:center; }
.cat_2    { border:solid 1px #c4c4c4; background:#f6f6f6; text-align:center; } /*background:#e6e6e6;*/

.line_lr  { border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; }
.line_tb  { border-top:1px solid #C5C5C5; border-bottom:1px solid #C5C5C5; }

.head {
  color:white; z-index:10; position:relative;
  height:200px;
}
.head a {  z-index:20; }
.head img {  z-index:30; }

#center_ad {
  height:87px;
  width:480px;
  background:url(img/ad_bg.gif) no-repeat top center;
  margin:0 auto;
  text-align:center;
  margin-top:-15px;
}
#center_ad a, #center_ad ins, #center_ad iframe, #center_ad script {
  margin:0 auto !important;
}
.top_ad {
  /*color:white;*/
  height:87px;
  text-align:center;
  position:relative;
  top:-198px;
  margin-bottom:-198px;
  left:315px;
  z-index:100;
  width:244px;
  background:transparent url(img/ad_top_bg.gif) no-repeat top center;
}

#center_ad p, .top_ad p {
  color:white;
  text-align:center;
  font-size:10px;
  padding-top:1px;
  margin-bottom:5px;
}

.btDiv { padding:3px; text-align:left; } /* div in boxText width:100%; */

.left  { width:auto; float:left; }
.right { width:auto; float:right; }

.in_header {  width:auto; float:right; padding-right:3px; }

.bfree { margin:0; padding:0; font-size:1px; height:0; line-height:1px; }

.tableBody .main p a { text-decoration:underline; } /* links in content */
.elink { color:white; text-decoration:underline; } /* link in error msg */

.errorbox { /* used for product not found and other errors */
  width:100%;
  border: 1px solid #ff0000;
  background:#FFCCCC;
  color:#000000;
}

.loginbox {
  /*width:auto; ie5mac bugfix */
  border: 1px solid #cccccc;
  padding:5px;
  padding-top:0;
  height:160px;
}

.accountlist {
  list-style-image: url(img/arrow_green.gif);
  margin-left:0;
  padding-left:23px;
  margin-top:3px;
}

.searchword { /* for search term highlighting */
  background:#ffbf00;
  color:black;
}
.black { color:black; }
.reportkeyword {
  font-weight:bold; color:black;
}

.p_img { vertical-align:top; padding:5px; }

.pnarrow   { padding-top:3px; margin-bottom:0; }
.closehead, .closebtm  { font-weight:bold; font-size:11px; }
.closehead:link { color:white; text-decoration:underline; }
.closehead:visited { color:#cfcfcf; text-decoration:underline; }
.closebtm:link, .closebtm:visited  { color:#FFBF00; text-decoration:underline; }
.closehead:hover, .closebtm:hover, .closebtm:active { color:red; text-decoration:underline; }
.closehead:active { color:white; text-decoration:underline; }

.pp_hinweis {
   width:190px;
   height:190px;
   float:right;
   margin:0;
   margin-left:3px;
   margin-bottom:5px;
   background:#ffffff url(img/city-souvenir-shop-versand.jpg) no-repeat top left;
}

/* trusted shops */
#tsInnerBox {
  background:#ffffff url(logos/ts_bg_yellow.jpg) repeat left top;
  position:relative;
  vertical-align:middle;
  color:#000000;
  width:146px;
  margin:5px auto 10px auto;
  border:1px solid #C0C0C0;
  padding:2px;
}

#tsSeal {
  text-align:center;
  padding:2px;
}
#tsSeal, #tsSeal img, #tsText {
  border:none;
}
#tsSeal, #tsText {
  width:142px;
  float:left;
}
#tsText {
  text-align:center;
  font-size:10px;
  line-height:125%;
  padding:2px;
}
#tsTable {
  background:#f1f1f1;
  border:solid 1px black;
  margin:10px;
  margin:5px auto 10px auto;
  width:440px;
}

/* product listings new_products, new_products_default (table/td->product, buttons)
   product_listing, new_products_overview (buttons) */
.product {
  position:relative;
  height:100%;
}
.buttons {
  /*position:absolute;
  bottom:0px;
  left:30px;  */
}
/* new navigation based on gunnart and matt */
#navcontainer * {
  width:175px;
  margin:0;
  padding:0;
  font-size:11px;
  text-decoration:none;

}
#navlist {
  padding:5px;
}
#navcontainer li {
  list-style-type:none;
  font-weight:bold;
  padding:0;
}
#navcontainer .main {
  margin:5px 0;
}
#navcontainer a {
  color:#202020;
}
/* ie */
/*
#navcontainer a:hover {
  color:#f79700;
  text-decoration:underline;
}
*/
/*ff*/
#navcontainer a span:hover {
  color:#f79700;
  text-decoration:underline;
}
#navlist li.normal a:hover {
  background:#ffeac9 url(img/icon_arrow.gif) no-repeat 3px center;
  border:solid 1px white;
}

#navcontainer .sub .normal {
  font-weight:normal;
}
#navcontainer .main a {
  line-height:1.7;
  display:block;
  background:url(img/icon_arrow.gif) no-repeat 3px center;
}
li.normal a {
  border:solid 1px #f6f6f6;
}
#navcontainer a span {
  padding-left:15px;
}
/* subnav */
.submenu {
  background:#ffeac9;
  border:solid 1px white;
}
#subnavlist .active span {
  font-weight:normal;
  text-decoration:underline;
  color:#f79700;
}
#navcontainer .sub a, #navcontainer .sub a:hover, .submenu a, #subnavlist li.normal a:hover {
  background-image:url();
  border:none;
}
#navcontainer .sub span {
  padding-left:20px;
}