/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
  
  layout for bestaendig-design.de
*/
/*
  to change page layout
  -change this stylesheet
  -change application_top.php for box width
  -change header.php logo
  -change footer.php
  -change default graphics -> see image definitions
*/

.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; }

BODY, DIV, SPAN, TABLE, TR, TD, THEAD, TH, P, FORM, INPUT, SELECT, RADIO, CHECKBOX, TEXTAREA, A {font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;}

BODY {
  background: #FFFFFF;
  color: #000000;
  margin-top: 15px;
  margin-bottom: 15px;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #FF9900;
  text-decoration: none;
}

FORM {
	display: inline;
}

LI{
  list-style-image: url(images/tl_mnu_lx_no.gif); 
}

/*form content: tep generated forms and inputs have:*/
/*input-TEPINPUT, check,option TEPOPTION, form-TEPFORM, img=TEPIMG, inputsubmit TEPIMAGESUBMIT, select-TEPSELECT, textarea-TEPTEXTAREA*/


/* headers sections - - - - - - - - - */
/*all content:original color is FFFAF0, converted to FFF9EF*/
TABLE#contentall{
  border: solid 1px black;
  background-color: #FFF9EF;
}
/*logo header row*/
TABLE#header{
  background-color: #000;
  background-image: url(images/bs_logo_bg_202020.gif);
  background-repeat: repeat-x;
  background-position: 0px 1px;
}
TR.header {
  height: 65px;
}
TR.header TD{
  padding-left: 15px;
}
/*navigation with breadcrumbs, account, basket, checkout*/
TABLE.headerNavigation{
}
TR.headerNavigation {
  background: #888888;
  height: 20px;
}
TD.headerNavigation {
  font-size: 12px;
  background: #888888;
  color: #FFF9EF;
  font-weight : bold;
  vertical-align: middle;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;   
}
A.headerNavigation { 
  color: #FFF9EF;
  text-transform: none;   
  text-decoration: none;
}
A.headerNavigation:hover {
  color: #CC0000;
  text-transform: none;   
  text-decoration: none;
}
/*header error section with osc errors*/
TR.headerError {
}
TD.headerError {
  font-size: 12px;
  color: #CC0000;
  font-weight : bold;
  text-align : center;
}
TR.headerInfo {
}
TD.headerInfo {
  font-size: 12px;
  color: #996633;
  font-weight: bold;
  text-align: center;
}
/*footer line - - - - - - - - - -*/
TR.footer {
}
TD.footer {
  font-size: 10px;
  color: #FFFFFF;
  font-weight: bold;
}

/*boxes - - - - - - - - - - - - - - */
.infoBoxNotice {
  background: #FFF9EF;
  color: #CC0000;
}

.infoBoxNoticeContents {
  background: #FFF9EF;
  font-size: 10px;
}
/*usage: table.tr.td-infoboxheading/Left/Right*/
/*usage: table-infobox.tr.td.table-infoboxcontents.tr.td-boxtext*/
/*headers of boxes on left mid, right*/
TD#COLUMNLEFT TABLE#infoBoxHeading{
  height: 16px;
}
TD#COLUMNRIGHT TABLE#infoBoxHeading{
  height: 16px;
}
TD#COLUMNLEFT TD.infoBoxHeading {
  padding-left: 13px;
  color: #666666;
}
TD#COLUMNRIGHT TD.infoBoxHeading {
  padding-right: 13px;
  color: #666666;
}
TD#COLUMNNORMAL TD.infoBoxHeading {
  color: #000000;
}
TD#COLUMNNORMAL DIV.infoBoxHeading {
  color: #000000;
}
TD.infoBoxHeadingLeft {
}
TD.infoBoxHeadingRight {
}
/*
.infoBoxHeading:first-letter{
  font-size:17px; 
  font-weight:600;
}
*/
.infoBoxHeading {
  font-size: 15px;
  font-weight:700;
  text-transform: uppercase;
  letter-spacing: 0.1pt;
  color: #666666;
}
/*infobox is the table container for boxes below a heading box default sheet uses this wrong it is adapted on the table container... table.infoBox*/
.infoBox {
 padding-bottom: 15px;
}
TD#COLUMNLEFT .infoBox{
}
TD#COLUMNRIGHT .infoBox{
}
TD#COLUMNRIGHT .infoBox A IMG{
}
TD.infoBox, SPAN.infoBox {
  font-size: 11px;
}
/*inner content container in infobox*/
.infoBoxContents{
  font-size: 11px;
}
/*mere box content*/
TD#COLUMNLEFT .boxText{
  padding-left: 15px;
  padding-right: 0px;
}
TD#COLUMNRIGHT .boxText{
  padding-left: 2px;
  padding-right: 15px;
}
.boxText {
  color: #000000;  
  font-size: 11px;
  padding-top: 3px;
  padding-bottom: 8px;
}
.boxText A{
  font-weight:bold;
  color: #000000;
  text-decoration:none;
}
.boxText A:hover{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
}
TD#COLUMNLEFT .boxText{
  color: #888888; 
}
TD#COLUMNLEFT .boxText A{
  color: #888888; 
}
TD#COLUMNLEFT .boxText A:hover{
  color: #CC0000; 
}
TD#COLUMNRIGHT .boxText{
  color: #888888; 
}
TD#COLUMNRIGHT .boxText A{
  color: #888888; 
}
TD#COLUMNRIGHT .boxText A:hover{
  color: #CC0000; 
}
/*SEARCHBOX QUICK_FIND - - - - - - - - - */
/*table.infoBox-tr-td-table.infoBoxContents-tr-td.boxtext,id=classid*/
TD.QUICK_FIND{
  padding-left: 15px;
  padding-top: 3px;
  padding-bottom: 8px;
  font-size: 10px;
  color: #888888;
}
TD.QUICK_FIND FORM INPUT.TEPINPUT{
  width: 115px;
  border: 1px solid #888888;
  font-size: 11px;
  font-weight: bold;
  color: #CC0000;
}
TD.QUICK_FIND FORM INPUT.TEPIMAGESUBMIT{
  margin-left: 5px;
  margin-bottom: 2px;
  vertical-align: bottom;
}
TD.QUICK_FIND A{
  color: #888888;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}
TD.QUICK_FIND A:hover{
  color: #CC0000;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

/*cartbox on rightside - - - - - - - - */
TABLE#CARTBOX{
}
TD.CARTBOXTOTAL{
  font-size: 11px;
  color: #CC0033;
  font-weight:bold;
}
SPAN.newItemInCart {
  color: #CC0033;
}


/*body content areas - - - - - - - - - - - */
/*left column container table*/
TD#COLUMNLEFT{
  font-size: 11px;
  padding-top: 15px;
  padding-left: 0px;
  padding-bottom: 15px;
  width: 150px;
}
/*normal column container table*/
TD#COLUMNNORMAL{
  font-size: 11px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  width: 560px;
}
/*right column container table*/
TD#COLUMNRIGHT{
  font-size: 11px;
  padding-top: 15px;
  padding-left: 0px;
  padding-right: 15px;
  padding-bottom: 15px;
  width: 150px;
}
DIV.COLUMNRIGHTALIGNER{
}
TD#COLUMNRIGHT FORM.TEPFORM INPUT.TEPINPUT{
  width: 110px;
  border: 1px solid #888888;
  color: #CC0000;
  font-weight: bold;
}
TD#COLUMNRIGHT FORM.TEPFORM SELECT.TEPSELECT{
  width: 100px;
  border: 1px solid #666666;
}
TD#COLUMNRIGHT FORM.TEPFORM INPUT.TEPIMAGESUBMIT{
  margin-left: 5px;
  margin-bottom: 2px;
  vertical-align: bottom;
}
/*language menu*/
TD#COLUMNRIGHT DIV.MNU_NO_0{
  padding-left:0px;
}
TD#COLUMNRIGHT DIV.MNU_SEL_0{
  padding-left:0px;
}
/*categories menu first level - - - - - - - */
DIV.MNU_NO_0{
  font-weight:bold;
  color: #888888;
  text-decoration:none;
  padding-left: 15px;
}
DIV.MNU_NO_0 A{
  font-weight:bold;
  color: #888888;
  text-decoration:none;
}
DIV.MNU_NO_0 A:hover{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
}
DIV.MNU_SEL_0{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
  vertical-align: middle;
  padding-left: 15px;
}
DIV.MNU_SEL_0 A{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
}
DIV.MNU_SEL_0 A:hover{
  font-weight:bold;
  color: #888888;
  text-decoration:none;
}
DIV.MNU_ACT_0{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
  padding-left: 15px;
}
DIV.MNU_ACT_0 A{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
}
DIV.MNU_ACT_0 A:hover{
  font-weight:bold;
  color: #888888;
  text-decoration:none;
}
/*second level categories menu - - - - - - - */
DIV.MNU_NO_1{
  font-weight:bold;
  color: #888888;
  text-decoration:none;
  vertical-align: middle;
  padding-left: 20px;
}
DIV.MNU_NO_1 A{
  font-weight:bold;
  color: #888888;
  text-decoration:none;
}
DIV.MNU_NO_1 A:hover{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
}
DIV.MNU_SEL_1{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
  vertical-align: middle;
  padding-left: 20px;
}
DIV.MNU_SEL_1 A{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
}
DIV.MNU_SEL_1 A:hover{
  font-weight:bold;
  color: #888888;
  text-decoration:none;
}
DIV.MNU_ACT_1{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
  padding-left: 20px;
}
DIV.MNU_ACT_1 A{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
}
DIV.MNU_ACT_1 A:hover{
  font-weight:bold;
  color: #888888;
  text-decoration:none;
}
/*third level categories menu - - - - - - - */
DIV.MNU_NO_2{
  font-weight:bold;
  color: #888888;
  text-decoration:none;
  vertical-align: middle;
  padding-left: 25px;
}
DIV.MNU_NO_2 A{
  font-weight:bold;
  color: #888888;
  text-decoration:none;
}
DIV.MNU_NO_2 A:hover{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
}
DIV.MNU_SEL_2{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
  vertical-align: middle;
  padding-left: 25px;
}
DIV.MNU_SEL_2 A{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
}
DIV.MNU_SEL_2 A:hover{
  font-weight:bold;
  color: #888888;
  text-decoration:none;
}
DIV.MNU_ACT_2{
  font-weight:bold;
  color: #CC9966;
  text-decoration:none;
  vertical-align: middle;
  padding-left: 25px;
}
DIV.MNU_ACT_2 A{
  font-weight:bold;
  color: #CC0000;
  text-decoration:none;
}
DIV.MNU_ACT_2 A:hover{
  font-weight:bold;
  color: #888888;
  text-decoration:none;
}

/*product_info.php - - - - - - begin*/
SPAN.prodModel{
  font-size:10px;
  font-weight: bold;
  color: #0066FF;
}
TD.prodDesc{
  color: #333333;
  font-size: 11px;
  line-height:13px;
}
TABLE#prodCols{
  font-size:11px;
}
TABLE#prodCols TR TD.prodLeft{
  width:33%;
  text-align: left;
  vertical-align: middle;
}
.prodHeading{
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;  
  color: #000000;
  vertical-align: top;
  padding-top: 5px;
}
SELECT.TEPSELECT{
	width: 220px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
TABLE#prodCols TR TD.prodNormal{
  width:100%;
  text-align: center;
  vertical-align: middle;
}
TABLE#prodCols TR TD.prodRight{
  width:33%;
  text-align: middle;
  vertical-align: middle;
}
DIV.prodPrice{
  color:#CC0033;
  font-size:15px;
  font-weight: bold;
  padding-top:2px;
  padding-bottom: 2px;
}
DIV.prodPrice S{
  color:#FF9900;
  font-size:13px;
  text-decoration: line-through;
}

/*category listings */
table td.category-listing{
	text-align: left;
	padding-bottom: 10px;
}

/*product listings - - - - - - - begin*/
/*table.productListing-tr-td.productListingHeading|tr.productListing-odd|even-td.productListing-data|name|price-div.productListing-desc*/
/*table.productListing-nav-tr-td-smalltext*/
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  vertical-align: middle;
  padding-bottom: 5px;
  padding-right: 3px;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  vertical-align: middle;
  padding-bottom: 5px;
  padding-right: 3px;
}
TABLE.productListing {
  font-size: 11px;
  color: #000000;
}
.productListing-heading {
  font-size: 13px;
  letter-spacing: 3px;
  font-weight: bold;
  padding-bottom: 5px;
  padding-right: 3px;
}
.productListing-heading A{
  font-size: 13px;
  letter-spacing: 3px;
  font-weight: bold;
  color: #BBBBBB;
}
TD.productListing-data {
  font-size: 13px;
  align: left;
}
TD.productListing-data UL{
  list-style-position:outside;
  list-style-type: square;
  text-align: left;
  font-size: 11px;
  margin-top: 0px;
  margin-left: 8px;
  padding-top: 0px;
  padding-left: 8px;
}
TD.productListing-data UL LI{
}
TD.productListing-price{
  font-size: 13px;
  color: #CC0033;
  font-weight: bold;
}
TD.productListing-price S{
  font-size: 11px;
  color: #FF9900;
  font-weight: bold;
  text-decoration:line-through; 
}
TD.productListing-name {
  font-size: 13px;
  letter-spacing: 3px;
  font-weight: bold;
}
TD.productListing-name DIV.productListing-desc{
  font-size: 11px;
  letter-spacing: 0px;
  font-weight: normal;
  color: #808080;
}
DIV.productListing-desc P{
	display: inline;
}
TABLE.productListing-nav TD.smallText{
  font-size: 11px;
  color: black;
  text-align:left;
}
TABLE.productListing-nav TD.smallText A{
  font-weight: bold;
  color: black;
}
TABLE.productListing-nav TD.smallText A:hover{
  font-weight: bold;
  color: #CC0033;
}

/* all biz forms and checkout forms - - - - - - -*/
TD#COLUMNNORMAL FORM.TEPFORM TABLE TR TD TABLE TR.infoBoxContents .main{
  padding-top:1px;
  padding-bottom: 1px;
  padding-right: 5px;
}
TD#COLUMNNORMAL FORM.TEPFORM TABLE TR TD TABLE TR.infoBoxContents .main INPUT.TEPINPUT{
  width:160px;
  font-weight:bold;
  border: 1px solid #666666;
} 
TD#COLUMNNORMAL FORM.TEPFORM TABLE TR TD TABLE TR.infoBoxContents .main SELECT.TEPSELECT{
  width:160px;
  font-weight:bold;
  border: 1px solid #666666;
} 
TD#COLUMNNORMAL FORM.TEPFORM TABLE TR TD TABLE TR.infoBoxContents .main TEXTAREA.TEPTEXTAREA{
  width:160px;
  color:#000000;
  font-weight:bold;
  border: 1px solid #666666;
}

A.pageResults {
  color: #CC0000;
  text-decoration: none;
}

A.pageResults:hover {
  color: #CC0000;
  text-decoration: underline;
}

TD.pageHeading, DIV.pageHeading {
  font-size: 20px;
  text-transform: uppercase;  
  letter-spacing:3pt;
  color: #000000;
  vertical-align: top;
  padding-bottom: 5px;
}

TR.subBar {
  background: #FFF9EF;
}

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



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

TD.smallText, SPAN.smallText, P.smallText, DIV.smallText {
  font-size: 10px;
  color:#888888;
}

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, DIV.category_desc {
  font-size: 11px;
  line-height: 13px;
}
DIV.category_desc P{
  display: inline;
}

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

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

SPAN.greetUser {
  font-size: 11px;
  color: #CC0033;
  font-weight: bold;
}

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

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

SPAN.markProductOutOfStock {
  font-size: 11px;
  color: #CC0033;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #CC0033;
}

SPAN.errorText {
  color: #CC0033;
}

.moduleRow { }
.moduleRowOver{
  background-color: #DCDCDC;
  cursor: pointer;
  cursor: hand;
}
.moduleRowSelected {
  background-color: #BBBBBB; 
  border: 1px dashed #DCDCDC; 
}

.checkoutBarFrom, .checkoutBarTo{
  font-size: 11px;
  font-weight: bold;
}
.checkoutBarCurrent{
  font-size: 11px;
  font-weight: bold;
  color: #CC0033;
}

/* message box */

.messageBox {font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 10px; color: #CC0033; }
.messageStackSuccess { font-size: 10px; color: #339933; }

/* input requirement - - - - - - */
.inputRequirement { font-size: 10px; color: #CC0000; }

/* mb tags productdetails - - - - - -*/
/* div span-mbtexthead, table-mbtext tr td-mbtexthead*/
.mbtext{
  font-size: 11px;
}
.mbtexthead{
  font-size: 11px;
  letter-spacing: 1pt;
  font-weight: bold;
  color: #000000;
  padding-top: 2px;
}