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

/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
  border:0;
}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:3;
}
*/

.boxText {font-size: 11px;}

.boxTextCart {
background:#000000;
font-size: 11px;
}

.errorBox {font-size : 10px; background: #ffb3b5; font-weight: bold;}
.stockWarning {font-size : 10px; color: #cc0033;}
.productsNotifications {background: #f2fff7;}
.orderEdit {font-size : 10px; color: #70d250; text-decoration: underline;}

/* Hauptbereich des Shops */
BODY {
font-family: Verdana, Arial, sans-serif;
background: #86D4FA;
color: #000000;
margin: 0px;
background-image:url(images/bg_banditbike.jpg);
background-repeat:repeat-x;
/*background-position:100px 50%;*/

}

/* Farbe der Links im Shop */
A {
/* rha color: #000000; */
color: #FFFFFF;
text-decoration: none;
}

/* Farbe bei MouseOver */
A:hover {
color: #AABBDD;
text-decoration: underline;
}

/*Link Farbe im Artikel Text*/
p A {
color: #009DE4;
}

FORM {
display: inline;
}

/* Kopfbereich der Seite wo das Banner von oscommerce eingefuegt ist */
TR.header {
background: #ffffff;
}

/* Navigationszeile unmittelbar unter dem Kopfbereich */
TR.headerNavigation {
/* rha background: #b8b882; */
/*background: #95d9fa;*/
background: #e2edf1
}

/* Navigationszeile z.B. die >> Zeichen */
TD.headerNavigation {
font-size: 10px;
/* rha background: #b8b882; */
/*background: #95d9fa;*/
background: #e2edf1;

color: #000000;
}

/* Navigationszeile Textfarbe */
A.headerNavigation {
/* rha color: #000000; */
color: #000000;
}

/* Navigationszeile bei MouseOver */
A.headerNavigation:hover {
color: #009DE4;
}

/* Einblendung bei Fehler oder Warnung z.B. AGBs nicht akzeptiert */
TR.headerError {
background: #ff0000;
}

/* Einblendung bei Fehler oder Warnung z.B. AGBs nicht akzeptiert */
TD.headerError {
font-size: 14px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}

/* Einblendung beim Versand eines neuen Passworts */
TR.headerInfo {
background: #00ff00;
}

/* Einblendung beim Versand eines neuen Passworts */
TD.headerInfo {
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}

/* Balken unten mit Datum und Anzahl Zugriffe */
TR.footer {
/* rha background: #b8b882; */
background: #009CE1;
}

/* Balken unten mit Datum und Anzahl Zugriffe */
TD.footer {
font-size: 10px;
/* rha background: #b8b882; */
background: #009CE1;
color: #ffffff;
font-weight: bold;
}

/* Farbe des Rahmen um alle Boxen */
.infoBox {
background: #ffffff;
}

/* Farbe des Rahmen um alle Boxen */
.infoBoxCart {
background: #000000;
}

/* Fuellfarbe aller Boxen */
.infoBoxContents {
/* rha background: #efefcb;*/
background: #009DE4;
/* rha eingefügt color */
color: #ffffff; 
font-size: 10px;
}
/* rha News Boxen */
.infoBox_News {
background: #ffffff;
color: #009DE4;
font-weight: bold;
}
.infoBoxContents_News {
background: #FFFFFF;
color: #009DE4;  
font-size: 10px;
}
.infoBoxContents_News A {
color: #009DE4;
text-decoration: none;
} 

.infoBoxContents_News A:hover {
color: red;
text-decoration: underline;
} 
/* rha News Boxen */

.infoBoxNotice {
background: #FF8E90;
}

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

/* Fuellfarbe Ueberschrift aller Boxen */
TD.infoBoxHeading {
font-size: 11px;
font-weight: bold;
/* rha background: #b8b882;*/
background: #009DE4;
color: #ffffff;
}


/* Warenkorb */
TD.infoBoxHeadingCart {
font-size: 11px;
font-weight: bold;
background: #000000;
color: #ffffff;
}
/* Warenkorb */
.infoBoxContentsCart {
background: #000000;
color: #ffffff; 
font-size: 10px;
}


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

/* Farbe Produktliste ungerade Zeilen */       
/*
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd,
TR.payment-odd, TR.productListing-odd, TR.productReviews-odd,
TR.upcomingProducts-odd, TR.shippingOptions-odd {*/
/* rha background: #f0f0d0; */
/*background: #A1DEFD;
color: #03A3ED;
} */

/* Farbe Produktliste gerade Zeilen */
/*TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even,
TR.payment-even, TR.productListing-even, TR.productReviews-even,
TR.upcomingProducts-even, TR.shippingOptions-even {   */
/* rha background: #ffffff; */
/*background: #FFFFFF;
color: #03A3ED;
} */

TR.productListing-heading {
/* rha background: #b8b882; */
background: #009CE1;
}

/* Produkttabelle Ueberschrift Fuellfarbe */
TD.productListing-heading {
font-size: 10px;
/* rha background: #b8b882; */
background: #009CE1;
/* rha color: #000000; */
color: #FFFFFF;
font-weight: bold;
font-variant: small-caps;
}

/* GRösse der Schrift bei der Produkauflistung */
TD.productListing-data {
font-size: 12px;
}

/* Farbe Seitenauswahl unten rechts */
A.pageResults {
color: #0000FF;
}

/* Farbe Seitenauswahl unten rechts bei bei MouseOver */
A.pageResults:hover {
color: #0000FF;
background: #FFFF33;
}

/* Ueberschrift Farbe wie unser Angebot, Kategorien, etc. */
TD.pageHeading, DIV.pageHeading {
font-size: 16px;
font-weight: bold;
background: #FFFFFF;  /*rha */
color: #009DE4;     /*rha */ 
}

TR.subBar {
background: #f4f7fd;
}

/* Sub Titelzeile z.B. Es wurden keine Artikel gefunden ... */
TD.subBar {
font-size: 10px;
color: #000000;
}

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

TD.smallText, SPAN.smallText, P.smallText {
font-size: 10px;
color: #17769e;
background: #FFFFFF; /*rha */
}

TD.smallText A {
color: #17769e;/*#009DE4*/;
text-decoration: none;
} 

TD.smallText A:hover {
color: #009DE4;
text-decoration: none;
}

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

/* Farbe der neuen Artikel im Warenkorb */
SPAN.newItemInCart {
font-size: 10px;
color: #ff0000;
}

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

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

/* Farbe Schriftzug Gast bei der Begruessung */
SPAN.greetUser {
font-size: 12px;
color: #f0a480;
font-weight: bold;
}

/* Formularbereich bei Weiterempfehlungen und Kundenkonto */
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;
}

/* MouseOver-Balken im checkout-Bereich */
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7;}
.moduleRowSelected { background-color: #E9F4FC; }

/* Navigationsleiste unten im checkout */
.checkoutBarFrom, .checkoutBarTo {font-size: 10px; color: #8c8c8c;}
.checkoutBarCurrent {font-size: 10px;
color: #000000; }




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

.productListing-odd
{
  background-color: #E9F4FC;
}
.productListing-even
{
  background-color: #FFFFFF;
}

.welcome
{
  background-color: #000000;
  color: #FFFFFF;
}
/* Farbe Seitenauswahl unten rechts bei bei MouseOver */
.productListing-data A {
color: #17769e;/*#0000FF*/
}
.productListing-data A:hover {
color: #0000FF;
}

/* IMAGE */
a:hover {
	text-decoration:none;
}

a {
	text-decoration:none;
}

#interface1 {
	z-index:1;
}

#loader_container {
    text-align:center;
    position:absolute;
    top:40%;
    width:100%}

#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}

#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}

#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}

.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}



/*Image Title Styling*/

.title_h2 {
 padding:12px 0 0 18px;
}

h2 {
	font-size:14px;
	padding:0;
	margin:0;
	font-family: "century gothic";
}