@import url(highslide.css);
/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css,v 1.4 2004/06/06 17:13:29 novalis Exp $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/
 /* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

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

body {
	background: #dae2e5 url(img/bg.jpg) repeat-x;
	color: #336666;
        font: normal 50% Verdana, Arial,sans-serif;
	text-align:center;

}

p,code,ul {padding-bottom: 1.2em;}


li {list-style: none;}

h1                      {color: #336666; font-size:1.3em; font-weight:bold; padding:1px 0px 1px 0px; text-decoration:none; line-height:20px;}
h2                      {color: #336666; font-size:1.2em; font-weight:bold; margin:3px; text-decoration:none; }
h3                      {color: #336666; font-size:1.0em; font-weight:bold;  margin:3px; text-decoration:none; }
h4                      {color: #b0c91b; font-size:11px; font-weight:bold;}
h5                      {color: #b0c91b; font-size:12px; font-weight:bold;}


/* misc */
.clearer {clear: both;}

.left {float: left; padding-right:8px;}

.right {float: right;}


       
/* structure */

.wrap {border: 0px solid #b9cd32; width:1000px; text-align:left; margin: 0 auto;}

.container {
       /* background: #fff url(img/bg_container.jpg);    */
        background: #fff;
   	font: 1.2em Arial;
	margin: 0 auto;
	width: 980px;
}

/* header */
.top {
	padding:  0; margin-top:7px;
}

/* title */
.header {
	background: url(img/header.jpg) no-repeat;
	font-size: 1.2em;
	height: 135px;
	margin: 0 auto;
	padding: 15px 10px 0 15px;
	width: 990px;
}
.header .left, .header .right {
	height: 135px;
}
.header .left {width: 180px;}

.header .right {width: 194px;}

.header .middle {
    margin: 0 auto;  width:540px;

}

.header .right p,.header .right h2 {padding: 0 16px;}


.topNavigation  {
    background: #e8e8e8 url(img/bg_nav.jpg);
    height: 27px;   margin-top:6px;  border-top: 11px solid #fff; color:#fff;
}

.topNavigation a {color: #fff;}

.footerNavigation {
  background: #e8e8e8 url(img/bg_nav.jpg);
    height: 27px;
     text-align:center;
}

.footerNavigation a {
    border-right: 1px solid #cccccc;
    color: #fff;
    display: block;
    float: left;
    font: bold 1.0em Arial;
    padding: 6px 10px 0px 10px;
    text-decoration: none;
    height:20px;
}

.footerNavigation a:hover {background: #b9cd32; line-height:20px; text-decoration: underline;}


/* navigation */
.navigation {
    margin: 0 auto;
    width: 982px;
}

.navigation a {
    border-right: 1px solid #cccccc;
    color: #fff;
    display: block;
    float: left;
    font: bold 1.2em Arial;
    padding: 4px 10px 2px 10px;
    text-decoration: none;
    height:15px;
}

.navigation a:hover {line-height:15px; text-decoration: underline;}




/* main */
.main {
 border-top: 3px solid #fff;
 padding: 2px;
}


/* sub navigation */
.sidenav_right {
	float: right;
    width: 195px;
}
.sidenav_left    {
    float: left;
    width: 192px;
}






/* content */
.content {
 background: url(img/wasserzeichen.jpg) no-repeat;
}

.content_middle {
         margin: 0 auto;
         background: #ffffff;
	padding: 5px;
	width:555px;
        font: normal 1.1em Verdana, Arial,sans-serif; line-height: 1.5;
}


.content li {
	list-style: url(img/li.gif);
	margin-left: 28px;
}


/* footer */
.footer {
        background-image: url(img/nav.gif);
	color: #336666;
	font: bold 1.0em sans-serif;
	line-height: 29px;
	text-align: center;
}
.footer a,.footer a:hover {color: #336666;}




.gvBox {
	font-family : Arial, sans-serif;
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: #ffb3b5;
}
.stockWarning { 
	font-family : Arial, sans-serif;
	font-size : 11px;
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit { 
	font-family : Arial, sans-serif;
	font-size : 11px;
	color: #70d250;
	text-decoration: underline;
}

FORM {
	display: inline;
}


.breadcrumb a{
  color: #000;
}
.breadcrumb a:hover {
  color: #000;
}

.priceDisclaimer	{
	font-size:9px;
	line-height:1.3; font-weight:normal;
	}
 
.price	{
	font-size:14px;
	line-height:1;
        font-weight: bold;
	}
 
 
.productListingOuter	{
	width:550px; float:left; border:1px solid #336666; margin:5px;
	}

.productListingInner	{
	padding:10px;
	}


.productListingOuter3	{
	width:129px; height:160px; float:left; border:1px solid #ccc; background-color:#f1f1f1; margin:3px 2px 3px 3px;
}

.productListingInner3	{
	padding:5px;
}


.infoBox {

	font-size: 1.2em;
	line-height: 15px;
	margin: 0;
        border-color: #cccccc;
}

.infoBoxNoticeContents {
  font-family:  Arial, sans-serif;
  font-size: 11px;
}

.infoBoxHeading {
    background: #ebeff0 url(img/boxheader.jpg) no-repeat;
    height: 18px;
    padding: 8px 0 0 22px;
    font: bold 0.9em Verdana, sans-serif;
    color: #336666;
}

.infoBoxHeading a{
    color: #336666;
}

.infoBox, SPAN.infoBox {
  font-size: 11px;
  border-color: #cccccc;
  padding:10px 5px 5px 5px;
}

.catBox, SPAN.catBox {

  min-height:150px;
}

TR.headerError {
  color: #ff0000;
  font-size: 12px;
}

INPUT{
	font-family: Arial, sans-serif;
	font-size: 11px;
}

a.confirmationEdit {
  font-style:italic;
  font-size: 10px;
  color: #999999;
}

SPAN.greetUser {
  font-family: Arial, sans-serif;
  color: #000;
  font-weight: bold;
}

TABLE.formArea {
  background: #ffffff;
  padding: 0 5px 0 5px;
}


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

SPAN.productSpecialPrice {
  font-family:  Arial, sans-serif;
  color: #ff0000;
}
SPAN.productOldPrice {
	font-family:  Arial, sans-serif;
	color: #ff0000;
	text-decoration: none;
}
SPAN.errorText {
  font-family:  Arial, sans-serif;
  color: #ff0000;
}

SPAN.productDiscountPrice {
  font-family:  Arial, sans-serif;
  color: #ff0000;
  font-weight: bold;
}


/* Sitemap Tables */
.sitemap_heading {font-family:  Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF;
	background-color: #666666; 
	padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#000000;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub {font-family:  Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}


/* message box */

.messageBox { font-family:  Arial, sans-serif; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family:  Arial, sans-serif; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-family:  Arial, sans-serif; font-size: 11px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family:  Arial, sans-serif; font-size: 11px; color: #ff0000; }



.contentsTopics, .pageHeading {
  color: #336666; font-size:1.1em; font-weight:bold; padding:1px 0px 1px 10px; text-decoration:none; line-height:20px;  background: url(img/bg_htags.jpg) no-repeat;
    }

.tableListingI {
	background-color: #fafafa;

}

.tableListingII {
	background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

.onepxwidth {
	width: 1px;
}

img { border: 0 }

.copyright {
  font-family: Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
  text-align:center;
  color: #336666;
}
.parseTime {
  font-family: Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
  text-align:center;
  color: #336666;
}
.copyright a{
  color: #336666;
}
.copyright a:hover {
  color: #336666;
  text-decoration: underline;
}

#CatNavi, #CatNavi ul, #CatNavi li, #ManuNavi, #ManuNavi ul, #ManuNavi li  { list-style-type: none; margin: 0; padding: 0 }
#CatNavi, #ManuNavi     { margin: 0px; padding: 0; width: 100%;}
#CatNavi li, #ManuNavi li  { display: inline; margin: 0; padding: 0;  }
#CatNavi a, #ManuNavi a    { color: #336666; line-height:20px; text-align:right; display: block; font-size: 11px; font-family: Verdana, Arial, sans-serif; font-weight:normal; margin: 0; padding:0; width: 192px; }
#CatNavi a span, #ManuNavi a span  { display: block; margin: 0; padding: 1px 10px 0 0; float: none; clear: both }
#CatNavi a:hover, #ManuNavi a:hover  { color: #fff; font-weight: normal; text-decoration:none; background-color: #336666;}
#CatNavi .CatLevel1 a span, #ManuNavi .ManuList a span { padding-left: 2px }
#CatNavi .CatLevel2 a span { padding-left: 10px; }
#CatNavi .CatLevel3 a span { padding-left: 18px; }
#CatNavi .CatLevel4 a span { padding-left: 26px; }
#CatNavi .Current a,
#CatNavi .CurrentParent a { color: #fff;}
#CatNavi .Current a:hover,
#CatNavi .CurrentParent a:hover { color: #fff;background-color: #336666; }

#CatNavi a.Current { color:#336666; font-weight: bold}
#CatNavi a.CurrentParent  { color: #fff; font-weight: bold }

#BoxBrands {
    position: relative;
    cursor: pointer;
    background: #ebeff0 url(img/boxheader.jpg) no-repeat;
    height: 25px;
    padding: 8px 0 5px 22px;
    font: bold 0.9em Verdana, sans-serif;
    color: #336666;}

#BoxBrands div { background-color: #fff; margin: 0; padding: 0; cursor: pointer; display: none; position: absolute; top: 40px; left: 1px; width: 185px; height: 300px; overflow: auto; border: solid 1px #336666; z-index: 10 }
#BoxBrands:hover div { display: block; }

#BoxBrands ul { text-align: center; margin: 5px 0 0; padding: 0; border-top: 1px dotted #336666 }
#BoxBrands li { list-style-type: none; display: inline; margin: 0; padding: 0 }
#BoxBrands a { display: block; border-bottom: 1px dotted #336666 }

#popCart {
	position: absolute;
	top: 40%;
	left: 50%;
	width: 540px;
	margin-left: -280px;
	background: #fff;
	border: 3px solid #ccc;
	color: #000;
	z-index: 100000;
	display: none;
	padding: 10px 10px 25px 10px;;
}

.popup_header {
	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 1.0em;

	text-align: center;
	vertical-align:bottom;
	padding: 3px 10px;
	border: 1px solid #ccc;
	margin: 0px auto;
	width: 380px;
}

.popup_image {
	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 0.9em;

	text-align: center;

	color: #000;
	margin: 10px auto;

	padding: 5px;
}

#mycart {
	margin: 0px auto;
	height: 42px;
	width: 320px;
}

.cart_symbol {
	height: 42px;
	width: 48px;
	float: left;
	background-image: url(img/shopping_cart.gif);
	background-position: left;
	background-repeat: no-repeat;
}
.cart_contents {
	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 0.9em;

	text-align: left;
	color: #000;
	height: 42px;
	float: right;
}

#pop_buttons_box {
	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 1.0em;

	text-align: center;
	width: 540px;
	height: 28px;
	vertical-align:bottom;
	margin: 10px auto 0 auto;
}

#pop_buttons_box a {
	color: #000;
	text-decoration: none;
}
#pop_buttons_box a:hover {
	color: #484848;
	text-decoration: none;
}

.close_button {
	float: left;
	width: 160px;
	border: 1px solid #000;
}
.cart_button {
	float: right;
	width: 160px;
	border: 1px solid #000;
}

