/* -------------------------------------------------------------------------------
	$Id: stylesheet.php, Version 1.0 2005/06/01
	--------------------------------------------------------------------------------
	seoStoreB2C/B2B - [NET.Services - Internetagentur]
	http://www.osc-ranking.de
  --------------------------------------------------------------------------------
	Based on:
	$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
  osCommerce, Open Source E-Commerce Solutions
	Copyright (c) 2003 osCommerce - http://www.oscommerce.com
	--------------------------------------------------------------------------------
	Released under the GNU General Public License
	----------------------------------------------------------------------------- */
	
		
	
/*
 	***********************************************************************
	SECTION: Global
 	***********************************************************************
*/

/* mainframe, outline */ 
BODY 				{	background:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#444444; }
HTML, BODY	{	margin:0; padding:0;	}

/* main content container */
#topNavi	{ margin:10px 0px 0px 0px; padding:3px; color:#000066; font-size:8pt; text-align:right; }
#botNavi	{ height:20px; color:#FFF; font-size:8pt; text-align:center; background:#0066CC; border-top:1px #FFF solid; border-bottom:1px #BBB solid; }
#outline	{ height:100%; }
#content	{ padding:15px 15px 0px 15px; }
#footer 	{ padding-top:15px; }
#header 	{ margin:0px; padding:0px; }
#boxesL		{ padding:15px 0px 0px 0px; }
#boxesR		{ padding:15px 0px 0px 0px; }
 
/* Input Requirement */
FORM 				{ display:inline; }
CHECKBOX 		{ font-size:8pt; }
RADIO 			{ font-size:8pt; }
TEXTAREA 		{ font-size:8pt; }
.inputTEXT	{ font-size:8pt; }
.inputPASS	{ font-size:8pt; }

/* global fonts */
.mainText			{ font-size:9pt; font-weight:normal; }
.smallText 		{ font-size:8pt; font-weight:normal; }
.inputReq			{ font-size:8pt; color:red; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
.priceStaffel	{ color:red; font-size:9pt; font-style:italic; font-weight:normal; }
.priceNormal	{ color:#555; font-size:10pt; font-weight:bold; }
.priceOld			{ text-decoration:line-through; font-weight:normal; }
.priceSpecial { color:red; font-size:10pt; font-weight:bold;}
.tax_info			{ font-size:7pt; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; }
.greetUser		{ font-size:10pt; color:black; font-weight:normal; }

/* messages fonts */
.notice		{ color:red; font-size:9pt; font-family:Verdana, Arial, Helvetica, sans-serif; }
.success 	{ padding:3px; border:3px green solid; margin:0px 0px 20px 0px; }
.errors 	{ padding:3px; border:3px red solid; margin:0px 0px 20px 0px; }
.warnings { padding:3px; border:3px yellow solid; margin:0px 0px 20px 0px; }
.notifies	{ padding:3px; border:3px #DDD dotted; margin:0px 0px 20px 0px; } 
.orders 	{ padding:3px; border:3px #DDD dotted; margin:0px 0px 20px 0px; }
.messages { margin-bottom:15px; }

/* Headlines */
TABLE.pageHeading {	margin-bottom:10px; }
H1 { font-size:12pt; margin:0px; font-weight:normal; color:#000088; font-weight:bold; }
H2 { font-size:11pt; margin:0px; font-weight:normal; color:#000044; font-weight:bold; }
H3 { font-size:9pt;  margin:0px; font-weight:normal; color:#000000; font-weight:bold; }

/* default text links */
A 			{ color:#000088; text-decoration:none; }
A:hover { color:#000000; text-decoration:none; }

/* special formats: top and bottom Bar, breadcrumb */
A.barNavi						{ color:#000; padding:0.1em; text-decoration:none; }
A.barNavi:hover			{ padding:0.1em; text-decoration:underline; }
A.breadCrumb 				{ font-size:9pt; color:#FFF; text-decoration:none; }
A.breadCrumb:hover	{ font-size:9pt; text-decoration:underline; }
#breadCrumb 				{ font-size:10pt; color:#FFF; padding:0px 0px 1px 6px; background-color:#0066CC; border-top:1px #FFF solid; border-left:1px #DDD solid; border-bottom:1px #BBB solid; border-right:1px #BBB solid; }

/*
 	***********************************************************************
	SECTION: Stuff
 	***********************************************************************
*/
HR { border:1px #FFF solid; }

/* Checkout Footer */
TABLE.checkoutFooter 	{ margin:15px 0px 15px 0px; font-size:10pt; background:#EEE; border-right:1px #BBB solid; border-bottom:1px #BBB solid; border-top:1px #DDD solid; border-left:1px #DDD solid; }
TR.checkoutFooter			{ }
TD.checkoutFooter			{	padding:3px; color:red; background:#EEE; }
TD.checkoutCurrent		{	padding:3px; color:white; background:red; }



/*
 	***********************************************************************
	SECTION: Header
 	***********************************************************************
*/
#headerTop 			{ height:70px; border-bottom:1px #80CFE3 solid; border-right:1px #80CFE3 solid; border-top:1px #80CFE3 solid; border-left:1px #80CFE3 solid; }
#headerBot 			{ height:45px; background-image:url(images/layout/navi_bg2.jpg); background-repeat:repeat-x; border-bottom:1px #BBB solid; border-right:1px #BBB solid; border-top:1px #FFF solid; text-align:right; }
DIV.logoHeader	{ float:left; padding:10px 0px 0px 10px; }
DIV.searchBox1	{ float:right; width:170px; padding:10px; text-align:left; }
DIV.searchBox2	{ float:right; width:170px; padding:10px; text-align:left; }
DIV.minfo				{ margin:3px; padding:2px; color:#666; }
DIV.headerLogin { float:left; padding:2px 0px 0px 6px; }



/*
 	***********************************************************************
	SECTION: Footer
 	***********************************************************************
*/
.footer	{ 
	height:45px; 
	background-image:url(images/layout/navi_bg2.jpg);
	background-repeat:repeat-x; 
	border-bottom:1px #BBB solid; 
	border-right:1px #BBB solid; 
	border-top:1px #CCC solid; 
}
A.fooNavi				{ color:#FFF; padding:0.1em; text-decoration:none; }
A.fooNavi:hover	{ padding:0.1em; text-decoration:underline; }



/*
 	***********************************************************************
	SECTION: Content Boxes
 	***********************************************************************
*/
TABLE.contentBoxHeading { 
	background:#DDD; 
	border-right:1px #BBB solid; 
	border-bottom:1px #BBB solid; 
	border-top:1px #DDD solid;	
	border-left:1px #DDD solid; 
}
TR.contentBoxHeading	{ }
TD.contentBoxHeading	{ padding:2px; font-size:10pt; font-weight:bold; color:#000044; }
TABLE.contentBox 	{ 
	background:#EFF5F5; 
	margin:0px 0px 15px 0px; 
	border-right:1px #BBB solid;
	border-bottom:1px #BBB solid;
	border-top:1px #FFF solid;
	border-left:1px #DDD solid;
}
TR.contentBox	{ }
TD.contentBox	{ padding:5px; font-size:9pt; font-weight:normal; color:#333; }



/*
 	***********************************************************************
	SECTION: Form Area
 	***********************************************************************
*/
TABLE.formArea 	{ 
	background:#EEE; 
	border-right:2px #FFF solid; 
	border-bottom:2px #FFF solid; 
	border-top:2px #CCC solid;	
	border-left:2px #CCC solid; 
}
TR.formArea	{ }
TD.formArea	{ padding:3px; font-size:9pt; font-weight:normal; color:#000; }



/*
 	***********************************************************************
	SECTION: Product Details
 	***********************************************************************
*/
TABLE.productDetails { }
DIV.boxAll	{ 
	background-color:#EFF5F5;
	border-right:1px #BBB solid;
	border-bottom:1px #BBB solid;
	border-top:1px #DDD solid;
	border-left:1px #DDD solid;
}
#boxPrice 		{ margin:10px 0px 10px 0px; width:140px; padding:5px; text-align:center; }
#boxStaffel		{ width:140px; padding:5px; }
#boxStock			{ padding:5px; }
#boxInfos			{ margin:0px 0px 10px 0px; }
#boxOptions		{ margin:0px 0px 10px 0px; padding:5px; }
#boxControls	{ margin:0px 0px 10px 0px; }
#boxDesc			{ padding:5px; background-color:#FFF; }
#boxDate			{ padding:2px; margin:10px 0px 0px 0px; text-align:center; }



/*
 	***********************************************************************
	SECTION: Gallery Images (in page product_info.php)
 	***********************************************************************
*/
TABLE.imgBox { 
	margin-top:10px;
	border-spacing:7px;
	background-color:#EFF5F5;
	border-right:1px #BBB solid;
	border-bottom:1px #BBB solid;
	border-top:1px #DDD solid;
	border-left:1px #DDD solid;
}
TD.imgBoxCell { 
	text-align:center;
	background-color:#FFF;
	border-right:1px #FFF solid;
	border-bottom:1px #FFF solid;
	border-top:1px #CCC solid;
	border-left:1px #CCC solid;
}



/*
 	***********************************************************************
	SECTION: Categories Listing
 	***********************************************************************
*/
TABLE.catBox { 
	margin-top:20px;
	border-spacing:7px;
	background-color:#EFF5F5;
	border-right:1px #BBB solid;
	border-bottom:1px #BBB solid;
	border-top:1px #DDD solid;
	border-left:1px #DDD solid;
}
TD.catBoxCell { 
	text-align:center;
	background-color:#FFF;
	border-right:1px #EEE solid;
	border-bottom:1px #EEE solid;
	border-top:1px #CCC solid;
	border-left:1px #CCC solid;
}



/*
 	***********************************************************************
	SECTION: Products Listing
 	***********************************************************************
*/
TABLE.sortHeading {
	height:25px;
	color:#000;
	border-spacing:3px;
	margin:20px 0px 1px 0px;
	font-size:10pt; 
	background-color:#E7EEED;
	border-right:1px #BBB solid;
	border-bottom:1px #BBB solid;
	border-top:1px #DDD solid;
	border-left:1px #DDD solid;
}
TD.sortHeadingCell { 
	font-size:9pt; 
	background-color:#EFFAFA;
	border-right:1px #FFF solid;
	border-bottom:1px #FFF solid;
	border-top:1px #CCC solid;
	border-left:1px #CCC solid;
}
TABLE.productListing {
	background-color:#EFF5F5;
	border-right:1px #BBB solid;
	border-bottom:1px #BBB solid;
	border-top:1px #DDD solid;
	border-left:1px #DDD solid;
}
TD.productListing { background-color:#FFF; }
TABLE.listingCell { border-right:1px #FFF solid; border-bottom:1px #FFF solid; border-top:1px #CCC solid;	border-left:1px #CCC solid; }
TD.listingCell 	  {	
	padding:3px;
	color:#333;	
	font-size:9pt;  
	border-right:1px #EEE solid; 
	border-bottom:1px #EEE solid; 
	border-top:1px #CCC solid;	
	border-left:1px #CCC solid;
}



/*
 	***********************************************************************
	SECTION: CMS Pages Listing
 	***********************************************************************
*/
TABLE.cmsListing {
	background-color:#EFF5F5;
	border-right:1px #BBB solid;
	border-bottom:1px #BBB solid;
	border-top:1px #DDD solid;
	border-left:1px #DDD solid;
}
TD.cmsListing { background-color:#FFF; }
TABLE.cmsListingCell-ODD 	{ border-right:1px #FFF solid; border-bottom:1px #FFF solid; border-top:1px #CCC solid;	border-left:1px #CCC solid; }
TABLE.cmsListingCell-EVEN { border-right:1px #FFF solid; border-bottom:1px #FFF solid; border-top:1px #CCC solid;	border-left:1px #CCC solid; }
TD.cmsListingCell {	
	padding:3px;
	color:#333;	
	font-size:9pt;  
	border-right:1px #EEE solid; 
	border-bottom:1px #EEE solid; 
	border-top:1px #CCC solid;	
	border-left:1px #CCC solid;
}



/*
 	***********************************************************************
	SECTION: Cart Listing
 	***********************************************************************
*/
TABLE.cartHeading {
	height:25px;
	color:#000;
	border-spacing:3px;
	margin:20px 0px 1px 0px;
	font-size:10pt; 
	background-color:#E7EEED;
	border-right:1px #BBB solid;
	border-bottom:1px #BBB solid;
	border-top:1px #DDD solid;
	border-left:1px #DDD solid;
}
TD.cartHeadingCell { 
	font-size:9pt; 
	font-weight:bold;
	text-align:center;
	background-color:#EFFAFA;
	border-right:1px #FFF solid;
	border-bottom:1px #FFF solid;
	border-top:1px #CCC solid;
	border-left:1px #CCC solid;
}
TD.cartListingCell 	  {	
	padding:3px;
	color:#333;	
	font-size:9pt;  
	border-right:1px #FFF solid; 
	border-bottom:1px #FFF solid; 
	border-top:1px #CCC solid;	
	border-left:1px #CCC solid;
}
.subTotal {
	padding:5px;
	text-align:right;
	font-size:11pt;
	font-weight:bold;
	margin:15px 0px 15px 0px;
	background-color:#EFFAFA;
	border:2px #DDD solid;
}



/*
 	***********************************************************************
	SECTION: Modul Boxen (featured, new products, etc.)
 	***********************************************************************
*/
TABLE.modulBoxH { 
	height:25px;
	color:#000;
	padding:3px;
	margin:15px 0px 0px 0px;
	font-size:10pt; 
	font-weight:bold;
	background-color:#FFD893;
	border-right:1px #DBB97E solid;
	border-bottom:1px #DBB97E solid;
	border-top:1px #DDD solid;
	border-left:1px #DDD solid;
}
TABLE.modulBoxC { 
	margin:0px 0px 5px 0px;
	background-color:#EFF5F5;
	border-right:1px #BBB solid;
	border-bottom:1px #BBB solid;
	border-top:1px #FFF solid;
	border-left:1px #DDD solid;
}
TABLE.moduleCell { 
	font-size:9pt; 
	background-color:#FFF;
	border-right:1px #EEE solid;
	border-bottom:1px #EEE solid;
	border-top:1px #CCC solid;
	border-left:1px #CCC solid;
}



/*
 	***********************************************************************
	SECTION: Infoboxen (links, rechts)
 	***********************************************************************
*/

/* Navigations-Boxen linke Seite */
P#mLev-1-L { margin:0px 0px 1px 0px; padding:3px 5px 3px 3px; background-color:#E6F2FF; border-bottom:1px #FFF solid; }
A.mLev-1-L { color:#000; font-size:10pt; }
A.mLev-1-L:hover { text-decoration:underline; color:#000066; }
P#mLev-2-L { margin:0px 0px 1px 0px; padding:2px 5px 2px 30px; background-color:#FFF; }
A.mLev-2-L { color:#000; font-size:9pt; }
A.mLev-2-L:hover { text-decoration:underline; color:#000066; }
P#mLev-3-L { margin:0px 0px 1px 0px; padding:2px 5px 2px 45px; background-color:#FFF; }
A.mLev-3-L { font-size:8pt; }
A.mLev-3-L:hover { text-decoration:underline; color:#000066; }
/* Navigations-Boxen rechte Seite */
P#mLev-1-R { margin:0px 0px 1px 0px; padding:3px 5px 3px 3px; background-color:#E6F2FF; border-bottom:1px #FFF solid; }
A.mLev-1-R { color:#000; font-size:10pt; }
A.mLev-1-R:hover { text-decoration:underline; color:#000066; }
P#mLev-2-R { margin:0px 0px 1px 0px; padding:2px 5px 2px 30px; background-color:#FFF; }
A.mLev-2-R { color:#000; font-size:9pt; }
A.mLev-2-R:hover { text-decoration:underline; color:#000066; }
P#mLev-3-R { margin:0px 0px 1px 0px; padding:2px 5px 2px 45px; background-color:#FFF; }
A.mLev-3-R { font-size:8pt; }
A.mLev-3-R:hover { text-decoration:underline; color:#000066;}

/* Info Boxen linke Seite */
TABLE.infoBoxH-L { 
	height:25px;
	color:#FFF;
	padding:3px;
	font-size:10pt; 
	font-weight:bold;
	background-color:#0066CC;
}
TABLE.infoBoxC-L { 
	padding:3px; 
	margin:0px 0px 15px 0px; 
	font-size:9pt; 
	background-color:#E6F2FF;
	border-right:1px #0066CC solid;
	border-bottom:1px #0066CC solid;
	border-top:1px #FFF solid;
	border-left:1px #0066CC solid;
}
A.boxLink-L 			{ text-decoration:none; }
A.boxLink-L:hover { text-decoration:underline; }

/* Info Boxen rechte Seite */
TABLE.infoBoxH-R { 
	height:25px;
	color:#FFF;
	padding:3px;
	font-size:10pt; 
	font-weight:bold;
	background-color:#0066CC;
}
TABLE.infoBoxC-R { 
	padding:3px; 
	margin:0px 0px 15px 0px; 
	font-size:9pt; 
	background-color:#E6F2FF;
	border-right:1px #0066CC solid;
	border-bottom:1px #0066CC solid;
	border-top:1px #FFF solid;
	border-left:1px #0066CC solid;
}
A.boxLink-R 			{ text-decoration:none; }
A.boxLink-R:hover { text-decoration:underline; }

/*
 	***********************************************************************
	SECTION: Individuelle Styles zu Infoboxen
 	***********************************************************************
*/

/* BOX: Shooping Cart */
#boxCart-L			{ background-color:#E6F2FF; border-right:1px #0066CC solid; border-bottom:1px #0066CC solid;	border-top:1px #FFF solid; border-left:1px #0066CC solid; }
#boxCart-R 			{	background-color:#E6F2FF; border-right:1px #0066CC solid; border-bottom:1px #0066CC solid; border-top:1px #FFF solid;	border-left:1px #0066CC solid; }
#cartContent-L	{	background-color:#FFF;	border-right:1px #BBB solid; border-bottom:1px #BBB solid; border-top:1px #FFF solid;	border-left:1px #BBB solid; }
#cartContent-R 	{	background-color:#FFF;	border-right:1px #BBB solid;	border-bottom:1px #BBB solid; border-top:1px #FFF solid;	border-left:1px #BBB solid; }
.cartItems 			{ background:#FFF; border:1px #AAA dotted; }
.priceTotal 		{ font-style:italic; color:#333; font-weight:bold; font-size:11pt; }
.newItemInCart 	{ font-size:9pt; color:red; font-weight:bold; }