/*
  $Id: stylesheet.css,v 1.1.1.1 2004/03/04 23:42:24 ccwjr Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* jaf colors
#FFCC99		red light light
#DB5017		red light
#800000		red dark
#5C0810		red dark-dark
*/

#smallBr {
font-size: 1px;
line-height: 0;
}

html, body { 
    height: 95%;
}

img {
    padding:0;
    margin:0;
    border:none;
}

body {
    margin:0px;
    font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
    font-size:10px;
    color: #666666;
    background: #e9e9e9 url(images/body-bg.gif) repeat-x;
}

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

.boxText { text-align:left; font-size: 11px; padding:0 4px 12px 10px; }
.boxText a { color:#666; display:block; font-weight:bold; line-height:1.1em; margin:0 0 10px; padding:0;  }
.boxText a:hover { color:#666; }
.boxText br { display:none; height:0 !important; line-height: 0px !important; margin:0; padding:0;}
.boxText a b, .boxText a strong { color:#666; font-weight:bold; }
.boxText a b b font { color:#DB5017 !important; }
.boxText input[type="text"] { width:120px; border:1px solid #666; }
.errorBox { font-size: 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size: 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size: 11px; color: #70d250; text-decoration: underline; }

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

a:hover {
    color: #DB5017;
    text-decoration: underline;
}

FORM {
    display: inline;
}

#bg1 {
    min-width: 1000px;
    background: url(images/bg-1.gif) repeat-y 50% 0;
}
#bg2 {
    min-width: 1000px;
    background: url(images/bg-3.gif) repeat-x 50% 0;
}
#bg3 {
    min-width: 1000px;
    background: url(images/bg-2.jpg) no-repeat 50% 100%;
    overflow: hidden;
}

/*start main*/
#main {
    margin: 0 auto;
    width: 1000px;
    padding: 100px 1px 0 0;
    position: relative;
}
/*start header*/
#header {
    position: absolute;
    top: 0;
    left: 0;
}
#header .inner {
    position: relative;
    width: 1000px;
    height:90px;
    margin-top:10px;
}
#header .inner > img { margin-top:8px; }
#header #top-login {
    position: absolute;
    right: 0;
    top: 5px;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    width: 630px;
    height: 29px;
    text-align: right;
}

#header #top-login a {
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

#header #top-login a:hover {
    text-decoration: underline;
}

/*start top navigation*/
#header #top-nav-outer {
    position: absolute;
    right: 0;
    top: 62px;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    width: 630px;
    height: 29px;
    text-align: right;
}


/* .com #header #top-nav-outer {
	width: 560px;
} */

#header #top-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 11px;
    height: 29px;
    float: right;
}

#header #top-nav li {
    float: left;
    position: relative;
    background: url(images/top-nav-bg.gif) repeat-x;
    z-index: 9;
}
#header #top-nav li a {
    display: block;
    height: 21px;
    color: #666;
    text-decoration: none;
    background: url(images/top-nav-item.gif) no-repeat 100% 0;
    padding: 0 11px 0 11px;
    margin: 8px 0 0;
    text-transform: uppercase;
}
.breadcrumb {
    background:#fff;
    float:left;
    height:20px;
    padding-left:5px;
    padding-right:5px;
    position:relative;
    z-index:9;
}
.breadcrumb > tbody > tr > td > table { margin-bottom: 10px; }
.breadcrumb > tbody > tr > td > form > table { margin-bottom:20px; }
.breadcrumb table table table { width:100%; }

* html #header #top-nav li a {float: left;}
#header #top-nav li a:hover, #header #top-nav li:hover a, #header #top-nav li.hover a, #header #top-nav li .active {
    height: 19px;
    border: 1px solid #e4e3e4;
    border-bottom:1px solid #fff;
    padding: 7px 10px 0 11px;
    margin: 0 0 0 -1px;
    position: relative;
    background: #fff;
    background-image: none !important;
    color: #db4e15;
}
#header #top-nav li:hover ul, #header #top-nav li.hover ul {display: block;}
#header #top-nav .lang a img {float: left;margin: 0 5px 0 0;}
#header #top-nav li.lang ul {
    width: 180px !important;
    left: -134px;
}
.com #header #top-nav li.lang ul {
    left: -49px !important;
}
#header #top-nav li.lang ul li {
    margin: 0 0 5px 0;
    width: 170px;
}
#header #top-nav li.lang ul li a img {border: 1px solid #666 !important;}

.nestedList {
    border-spacing: 10px;
}

.startpageHeader {
    font-size: 18px;
    font-weight : bold;
}
.startpageText {
    font-size: 12px;
}

.indexNestedCategoryName {
  padding-bottom:4px;    
}

.indexNestedCategoryName a {
  display:block;
  background: #efefef;
  border-bottom:2px solid #999;
  height:14px;
  font-size: 11px;
  font-weight : bold;
  padding:6px;
  text-align: left;
}

TD.headerNavigation {
    background:url('/templates/jaf2010/images/top-nav-bg.gif');
    font-size:11px;
    height:29px;
    list-style:none outside none;
    margin:0;
    padding:0;
}

A.headerNavigation { 
    color: #000000;
    text-decoration: none;
    font-weight : bold;
    font-size: 12px;
}

.headerNavigationActive {
    color: #db4e15;
    text-decoration: none;
}

A:hover.headerNavigation {
    color: #db4e15;
    text-decoration: underline;
}

.topnav { 
    color: #ffffff;
    text-decoration: none;
    font-weight : bold;
    font-size: 12px;
}

A.topnav { 
    background:url('/templates/jaf2010/images/top-nav-item.gif');
    color:#666666;
    height:21px;
    margin:8px 0 0;
    padding:0 11px;
    text-decoration:none;
    text-transform:uppercase;
}

A:hover.topnav {
    color: #000000;
    text-decoration: underline;
}


TR.headerError {
    background: #ff0000;
}

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

TR.headerInfo {
    background: #00ff00;
}

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

TR.footer {
    background: #bbc3d3;
}

TD.footer {
    font-size: 11px;
    background: #bbc3d3;
    color: #ffffff;
    font-weight: bold;
}


A.mainpagemodulesheaderlink { 
    color: #ffffff;
    text-decoration: none;
    font-weight : bold;
    font-size: 12px;
}

.infoBox {
    background: #FFFFFF;
}
table.infobox > tbody > tr > td { background:#000; }

.infoBoxContents {
    background: #FFFFFF;
    font-size: 11px;
}

#menuLeft table { width:170px; }

#menuLeft > tbody > tr > td { padding-top:1em; }

#menuLeft .infoBox {
    background:url('images/box_bg.jpg') repeat-y -340px 0;
}

#menuLeft .infoBox font { color:#000; }

#menuLeft .infoBoxContents {
    background:url('images/box_bg.jpg') no-repeat bottom left;
}

.infoBoxNotice {
    background: #FF8E90;
}

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

#infoBoxLeft { width:1px; }
#menuLeft #infoBoxLeft {
    background:url('images/box_bg.jpg') no-repeat -170px 0;
    width: 24px;
}

#menuLeft #infoBoxCenter {
    background:url('images/box_bg.jpg') no-repeat -194px 0;
    padding-top: 2px;
}

#menuLeft #infoBoxRight {
    background:url('images/box_bg.jpg') no-repeat -330px 0;
    width: 10px;
}

TD.infoBoxHeading, TD.infoBoxHeadingCZ {
    font-size: 13px;
    font-weight: bold;
    color: #DB5017;
    height: 29px;
    text-align: left;
    padding:0;
    margin:0;
}

TD.infoBoxHeadingCZ {
    font-size: 12px;
}

TD.infoBox, SPAN.infoBox {
    font-size: 11px;
}

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: #FFFFFF;
}

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: #efefef;
}


.stockOnly {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

TABLE.productInfo {
    border: 1px;
    border-style: solid;
    border-color: gray;
    border-spacing: 1px;
}
.productInfo-heading {
    background: #DB5017;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
}
.productInfo-row {
    font-size: 12px;
}
.productInfoDescriptionHeader {
    font-size: 14px;
    font-weight: bold;
    margin-bottom:10px;
    padding-right:10px;
}
.productInfoDescription {
    font-size: 12px;
    line-height: 1.5em;
    padding:0;
    margin-bottom:20px;
}

.productInfoMengenangabe {
    font-size: 14px;
    line-height: 1em;
    font-weight: bold;
    vertical-align:top;
}
.productInfoMengenangabe input[type="image"] {
  
}


.jafboxblackgrey {
    background: #f8f8f9;
    border: 1px;
    border-spacing: 5px;
    border-style: solid;
    border-color: #5C0810;
}
.jafboxblackgreytext {
    font-size: 12px;
}



TABLE.productListing {
    border: 0;
    border-spacing: 1px;
    width:100%;
}

.productListing-heading,a:visited.productListing-heading {
    font-size: 11px;
    background: #DB5017;
    color: #FFFFFF;
    font-weight: bold;
}

a:hover.productListing-heading {
    color: #000000;
}

.productlisting-headingPrice { 
    font-size: 20px;
    font-weight: bold;
    color: #9a9a9a;
}

TD.productListing-data {
    font-size: 11px;
}

A.pageResults {
    color: #000;
}

a:hover.pageResults {
    color: #FFFFFF;
    background: #DB5017;
}

.pageHeadings { color:#000; font-size:10px; font-weight:bold; }
.pageHeadings a { color:#000; font-size:10px; font-weight:bold; }
.pageHeadings a:hover { color:#000 !important;}

TD.pageHeading, DIV.pageHeading {
    font-size: 18px;
    font-weight: bold;
    padding:8px 0 8px 0;
}

TR.subBar {
    background: #f4f7fd;
}

TD.subBar {
    font-size: 11px;
    color: #000000;
}

TD.main, P.main {
    font-size: 11px;
    line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
    font-size: 11px;
    padding-bottom:1em;
}

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

TD.fieldKey {
    font-size: 12px;
    font-weight: bold;
}

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

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

TD.category_desc {
    font-size: 11px;
    line-height: 1.5;
}

SPAN.newItemInCart {
    font-size: 11px;
    color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
    font-size: 11px;
}

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

SPAN.greetUser {
    font-size: 12px;
    color: #DB5017;
    font-weight: bold;
}

TABLE.formArea {
    background: #f1f9fe;
    border-color: #7b9ebd;
    border-style: solid;
    border-width: 1px;
}

TD.formAreaTitle {
    font-size: 12px;
    font-weight: bold;
}

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

SPAN.productSpecialPrice {
    color: #ff0000;
}

SPAN.errorText {
    color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 12px; color: #DB5017; }

/* message box */

.messageBox { font-size: 11px; }
.messageStackError, .messageStackWarning { font-size: 12px; font-weight: bold; color:#000000; background-color: #FFFF00; }
.messageStackSuccess { font-size: 11px; background-color: #99ff00; }

/* input requirement */

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

/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
    border: 1px;
    border-style: solid;
    border-color: #b6b7cb;
    border-spacing: 1px;
}

.linkListing-heading {
    font-size: 11px;
    font-weight: bold;
    background: #b6b7cb;
    color: #FFFFFF;
    text-align: center;
}

TD.linkListing-data {
    border-right: 1px solid #b6b7cb;
    border-bottom: 1px solid #b6b7cb;
    padding: 4px;
    font-size: 11px;
}

TR.linkListing-odd {
    background: #f8f8f9;
}

TR.linkListing-even {
    background: #F5F5F5;
}
/* VJ Links Manager v1.00 end */
.content 	{BACKGROUND: none; COLOR: #000000; font-size: 11px; }

/* Show Cart Details */
TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {
    /* <FONT COLOR="bbc3d3" FACE="Arial" SIZE="1"> */
    font-size: 11px;
    line-height: 1.5;
    color: #BDCAF0;
}

/* Show Header Page Links */
TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {
    background-image: url('images/button_blank_left.gif');
}
TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {
    background-image: url('images/button_blank_right.gif');
}
TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {
    background-image: url('images/button_blank_middle.gif');
    font-size: 11px;
    font-weight: bold;
    color: #000000
}
A.HeaderPageLinks {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}
a:hover.HeaderPageLinks {
    font-size: 11px;
    font-weight: bold;
    /*  background: #00FF00; */
    color: #00FF00;
}

TD.cookieUsage {
    font-size: 11px;
    font-weight: bold;
    background: #000000;
    color: #FFFFFF;
}

.checkoutTable {
    border: 1px;
    border-style: solid;
    border-color: #CCCCCC;
}
.checkoutTableHeader {
    font-size: 12px;
    font-weight: bold;
    background: #5C0810;
    color: #ffffff;
}
.checkoutTableRow {
    background: #FFCC99;
}
.checkoutTableHeaderLigh {
    background: #f8f8f9;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.checkoutTableRowLight {
    background: #FFFFFF;
}



.checkoutBox {
    width: 100%;
    border: 1px;
    border-style: solid;
    border-color: #FFFFFF;
}
.checkoutHeader td {
    background: #efefef;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
}
.checkoutRow {
    padding: 3px;
    font-size: 11px;
}
.checkoutRowTitle {
    font-weight: bold;
    font-size: 11px;
    valign: top;
    background: #FFFFFF;
}

.red {
    font-weight:bold;
    color:#c00;
}
.grey {
    font-weight:bold;
    color:#999;
}
.green {
    font-weight:bold;
    color:#669933;
}

/************************ basics **********************/
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
td {
    font-weight: normal;
}
/******************************************************
 elements
******************************************************/
/*start content*/
#content {
    float: left;
    width: 1000px;
    padding: 0 0 0 0;
    border-top: 5px solid #dc4e15;
}
/*start left column*/
#column {
    float: left;
    width: 1000px;
    /* border-right: 1px solid #dcdcdc; */
}

#footer {
    float: left;
    width: 1000px;
    height: 85px;
}

/* KD */
#infoBoxCenter font {color: #DB5017 !important; }
.nestedList .indexNestedCategoryName a {display: block}
tr.productListing-odd:hover,tr.productListing-even:hover {background-color: #f9f1e3}
#menuLeft .boxText a {text-align:left}

