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

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.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; }

.none				{display:none;}
.cl_both			{clear:both;}
.fl_right			{float:right;}
.fl_left			{float:left;}
.ofh				{overflow:hidden;}

.grid {
	display:inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
}

BODY {
  background: #FFFFFF;
  background-color:#FFFFFF;
  color: #000000;
  margin: 0px;
}

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

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

A.thehoover {
  color: #FFFFFF;
}

A.thehoover:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

FORM {
	display: inline;
}

h1{
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #013d7b;
  }
  
h3{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin: 0;
  }
  
  
h2{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	display: inline;
  }

.topernavigation{float:left; font-size:14px; margin: 0; padding: 0;	font-family: Verdana, Arial, sans-serif; font-weight: normal;}
.topernavigation ul li{list-style-type:none; display:inline; margin: 0; padding: 0;}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #003366;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FFFFFF;
  color: #CCCCCC;
  font-weight : bold;
}

TD.headerNavigationBreadcrumb {
	text-align: left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #FFFFFF;
  color: #CCCCCC;
}

.headerNavigationBreadcrumb {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #FFFFFF;
  color: #CCCCCC;
}

A.headerNavigation { 
  color: #333333; 
}

A.headerNavigation:hover {
  color: #333333;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #003366;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #003366;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  height:22px;
  padding-left: 4px;
  background-color:transparent;
  background-repeat:repeat-x;
  background-image:url(images/bluebg.png);
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

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-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main, .title {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.main11, P.main11 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.0;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

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

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

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

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

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

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

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

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

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

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

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

.tax_info {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #758389;
  font-weight: normal;
  display:inline;
}


.price_gStyle {
  font-family: Verdana, Arial, sans-serif;
  font-size: 26px;
  color: #3466A4;
  font-weight:bold;
  display:inline;
}

.agb_link{

  color: #0000FF;
}

img { border-width:0pt; }

.TabbedPanelsContent0 {padding: 4px;}
.TabbedPanelsContent1 {padding: 4px;}
.TabbedPanelsContent2 {padding: 4px;}
.TabbedPanelsContent3 {padding: 4px;}
.TabbedPanelsContent4 {padding: 4px;}

/*Div#menuRoll {height: 350px; overflow:scroll; overflow-x:visible; overflow-y: scroll; white-space: nowrap; width: 240px;} */
.pic1	{height:150px; width:157px; left:0px; background:url(images/navi_akkus.jpg);}
.pic2	{height:150px; width:157px; left:0px; background:url(images/navi_festplatten.jpg);}
.pic3	{height:150px; width:157px; left:0px; background:url(images/navi_tastaturen.jpg);}
.pic4	{height:150px; width:157px; left:0px; background:url(images/navi_arbeitspeicher.jpg);}
.pic5	{height:150px; width:157px; left:0px; background:url(images/navi_netzteile.jpg);}
.pic6	{height:150px; width:157px; left:0px; background:url(images/navi_diverses.jpg);}
.thetext {position:absolute; left:10px; top:129px; z-index:100; color:white; font-size:14px; font-weight:bold; font-family: Verdana, Arial, sans-serif;}

.js						{padding-top:0px;margin-top:0px; padding-bottom:25px; height:150px;}
.js ul					{list-style:none; width:100%;padding:0; margin:0}
.js ul li				{display:inline-block; float:left; width:157px;}

.div_pic						{position:relative;z-index:1;}
.div_hint						{position:absolute;z-index:2;}
/* *************************** */
/* *************************** */
.js .div_hint						{height:137px; bottom:-137px;width:157px; left:0px;background:url(images/navi_textbox.gif) 0px 0px no-repeat;}
.js .wrapper_div					{height:150px;overflow:hidden;position:relative;}
.js .div_hint .div					{padding:7px 0px 22px 0px; text-align:left;}

.js .div_hint .txt					{padding:20px 10px 1px 10px; text-align:left;text-transform:uppercase; display:block;}
.js .div_hint .txt2					{padding:0px 9px 0px 10px;text-align:left; display:inline-block;background:url(images/marker.gif) 100% 5px no-repeat;}

.js .div_hint .txt					{color:#fff; font-family: Verdana, Arial, sans-serif; font-size:13px; line-height:18px; font-weight:bold; text-decoration:none;text-transform:uppercase;}
.js .div_hint .txt2					{color:#fff; font-family: Verdana, Arial, sans-serif; font-size:11px; line-height:14px; font-weight:normal;text-decoration:none;}

.js .div_hint .txt:hover,
.js .div_hint .txt2:hover			{text-decoration:underline;}
/* *************************** */
.js ul li.last_list img,
.js ul li.last_list					{width:157px;}
.js .last_list .div_hint			{width:157px;}
.div 				{padding-left:15px;}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll {
	padding-top: 5px;
	background: #ffffff;
	width: 400px;
	height: 53px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 400px;
	height: 53px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	padding-left:5px;
	float: left; /* Horizontal scroll only */
	width: 105px;
	height: 53px;
}