
/* -----------------------------------------------------------------------------------------
   : stylesheet.css 2007-08-30 SCL

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

html { 
	height: 100%; 
}

body {
    height: 100%;
	margin:10px 0px; padding:0px; 
	text-align:center; /* Hack for IE5/Win */
	color: #000000;
	background-color:#ffffff;
}

#shop {
	position:relative; top:0px; left:0px;
	width:978px;
	margin:0px auto; /* Right and left margin widths set to 'auto' */
	text-align:left; /* Counteract to IE5/Win Hack */
	margin-left:auto;
	margin-right:auto;
	font-family: verdana; 
	font-size: 11px; 
	color: #000000; 
	line-height: 1.5;
}


.shop_head { 
	position:relative; top:0px; left:0px; z-index:3; 
}

.head_top_line_color {
	background-color:rgb(0,101,173);
	overflow:hidden;

}

.head_logo {
	position:absolute; top:17px; left:0px; z-index:4;
	width:978px;
	height:104px;
	overflow:hidden;
	background-color:rgb(0,101,173);
}

.head_title {
	margin-top:10px;
	margin-left:20px;
	width:270px;
	overflow:hidden;
	z-index:6;
	font-family: verdana; 
	font-size: 20px; 
	color: #FFFFFF; 
	white-space: nowrap;
}

.head_sub_title {
	margin-top:4px;
	margin-left:20px;
	width:270px;
	overflow:hidden;
	z-index:6;
	font-family: verdana; 
	font-size: 14px; 
	color: #FFFFFF; 
	white-space: nowrap;
}

.head_thin_line {
	z-index:5;
	overflow:hidden;
	background-color:rgb(129,178,218);
}

.head_animated_pic {
	position:absolute; top:6px; left:298px; width:680px; z-index:6;
	overflow:hidden;
	white-space: nowrap;
}


.navi_top_outer { 
	position:absolute; top:125px; left:0px; width:100%; z-index:3;
}

.navi_top_inner {
	padding-top:2px;
	padding-bottom:2px;
	padding-right:10px;
	background-color:rgb(231,231,231);
	text-align:right; 
	font-family: verdana; 
	font-size: 11px; 
	color: #000000; 
}

.navi_top_inner a:hover { 
	color: rgb(24,83,127);
	text-decoration:none;
}

.navi_top_inner a { 
	color: #000000;
	text-decoration:none;
}

.navi_left { 
	position:absolute; top:145px; left:0px; width:182px; z-index:3;
	overflow:hidden;
}

.navi_right { 
	position:absolute; top:145px; left:796px; width:182px; z-index:3;
	overflow:hidden;
}

.navtrail { 
	position:absolute; 
		top:147px; 
		left: 188px; 
		z-index:4;
	background-color: #FFFFFF; 
	font-family: verdana;
	font-size: 11px; 
	color: #000000; 
	
}

.navtrail a { 
	color: #000000;
	text-decoration:none;
}

.navtrail a:hover { 
	color: rgb(76,129,183);
	text-decoration:none;
}


.box_head { 
	margin-top:3px;
	padding-left: 5px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-color: rgb(0,101,173); 
	background-image: url(img/infobox_bg_21.gif);
	font-family: verdana; 
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight:bold; 
}

.box_text { 
	margin-top:3px;
	padding:3px 5px;
	background-color: rgb(231,231,231); 
	font-family: verdana; 
	font-size: 11px; 
	color: #000000; 
}

.box_text a {
	color: #000000;
	text-decoration: underline;
}

.box_text a:hover {
	color: rgb(24,83,127);
	text-decoration: underline;
}

ul.Navigation {
	list-style-image:url(img/icon_arrow.gif);
	font-family: verdana; 
	font-size: 11px; 
	margin: 5px 10px 5px 10px; padding: 0px 10px 0px 10px;
}
ul.Navigation li {
	font-family: verdana; 
	font-size: 11px; 
	margin: 1px 0px 1px 0px; padding: 0px 0px 0px 0px;
}

ul.Navigation li ul {
	margin: 0 0 0 16px; padding: 0;
}

ul.content_list {
	list-style-image:url(img/icon_arrow.gif);
	font-family: verdana; 
	font-size: 11px; 
	margin: 5px 10px 5px 10px; padding: 0px 10px 0px 10px;
}
ul.content_list li {
	font-family: verdana; 
	font-size: 11px; 
	margin: 1px 0px 1px 0px; padding: 0px 0px 0px 0px;
}


.content { 
	position:relative; 
	top:165px; 
	left: 188px; 
	width: 602px; 
	z-index:3; 
}

.main {
	font-family: verdana; 
	font-size: 11px; 
	color: #000000; 
	line-height: 1.5;

}

.blank {
	font-family: verdana; 
	font-size: 10px; 
	line-height:300px;
}

H1 {
	margin-top:0px;
	margin-bottom:5px;
	font-family: verdana; 
	font-size: 18px; 
	color: #000000; 
	font-weight: bold;
}

H2 {
	margin-top:0px;
	margin-bottom:5px;
	font-family: verdana; 
	font-size: 16px; 
	color: #000000; 
	font-weight: bold;
}

a {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: rgb(24,83,127);
	text-decoration: underline;
}

#category_image {
	position:relative; top:-25px; z-index:6;
	margin:0px 0px 0px auto;
	text-align:right;
}

.products_image {
	float:left;
	width:160px;
	margin:0px 10px 0px 0px;
}

.img_border {
	border: 1px solid ;
}

.products_text {
	height:165px;
}

.cond_margin {
	margin-left:230px;
}

* html .cond_margin {
	margin-left:0px;
}

.products_price {
	position:relative; top:-16px; text-align:right;
	font-size:16px;
	font-weight:bold;
}
.separator_line {
	border-color: #cccccc;
}


.banner {
	position:relative; 
	top:-10px; 
}

.copyright {
	position:relative; top:0px;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 9px; 
	color: rgb(100,100,100); 
}


.inputRequirement { 
	color: #ff0000;
}

.boxTextBGII {
	border-color: #cccccc;
	background-color: #FFCC99;
}

.errorBox {
	font-weight: bold;
	background-color: #ffb3b5;
}
.stockWarning { 
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: #cc0033;
}

TD.conditions {
  background-color: #FFCCCC;
}

A.confirmationEdit {
	color: #009933;
	font-style: italic;
}

A.confirmationEdit:hover {
	color: #009933;
	font-style: italic;
	text-decoration: underline;
}

TR.headerMessage {
	background-color: #00CC33;
}

.infoBox {
}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
}

TD.infoBoxHeading {
  font-weight: bold;
  background: #666666;
  height:17px;
  color: #ffffff;
}

.smallText {
  font-size: 10px;
}

TEXTAREA {
  width: 100%;
}

SPAN.underline {
	text-decoration: underline;
}

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

SPAN.markProductOutOfStock {
	color: #c76170;
	font-weight: bold;
}
SPAN.markProductOutOfStock {
	color: #c76170;
	font-weight: bold;
}

SPAN.productSpecialPrice {
	color: #ff0000;
}

SPAN.productOldPrice {
	color: #ff0000;
	text-decoration: line-through;
}

SPAN.errorText {
	color: #ff0000;
}

SPAN.productDiscountPrice {
	color: #ff0000;
	font-weight: bold;
}

.smallHeading {
	font-size: x-small;
	font-weight: bold;
	color: #000000; 
}

.moduleRow {
 line-height: 1.5;
 background-color: #E6E6E6;
 border: 1px solid;
 border-color: #E6E6E6;
}

.moduleRowOver { 
	background-color: #D7E9F7; 
	border: 1px solid;
	border-color: #ffffff;
    line-height: 1.5; 
}

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

.messageBox {
}

.messageStackError, .messageStackWarning { 
	background-color: #ffb3b5; 
}

.messageStackSuccess {
	background-color: #99ff00; 
}

.onepxwidth {
	width: 1px;
}


form {
	display:inline;
}

img {
	border:0px;
}

.nobr {
	white-space: nowrap;
}

.text_align_right {
	text-align:right;
}

.center {
	margin:0px auto;
	text-align:center;
}

.column_left {
	float:left;
}

.column_right {
	float:right;
}

.clear {
	clear:both;
}

/** Neues PayPal Modul - HFE, 2009.08.11 */
/* HEADINGS */
h1 {color:#000000;font-weight:bold;font-size:22px;margin:20px 0px 15px 0px;padding:0px;width:auto;border-style:solid;border-width:0px 0px 1px 0px;border-color:#000000;}
h2 {color:#000000; font-weight:bold;font-size:16px;margin:15px 0px 8px 0px;padding:0px;}

/* PARAGRAPH GLOBAL */
p {margin:8px 0px 8px 0px}

/* ORDER DETAILS */
table.orderdetails {font-size:11px; background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#DA9401;}
table.orderdetails tr td {padding:4px}
table.orderdetails tr.headerrow td {background-color:#DA9401; color:#FFFFFF; font-weight:bold}
table.orderdetails tr.headerrow td.left {text-align:left}
table.orderdetails tr.headerrow td.center {text-align:center}
table.orderdetails tr.headerrow td.right {text-align:right}

/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td {background-color:#FFF2CC;vertical-align:top}
table.orderdetails tr.contentrow1 td.quantity {text-align:center}
table.orderdetails tr.contentrow1 td.quantity input {font-size:11px; padding:2px; border:solid #DA9401 1px;}
table.orderdetails tr.contentrow1 td.productname {text-align:left}

/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {background-color:#FFEAAB;vertical-align:top}
table.orderdetails tr.contentrow2 td.quantity {text-align:center}
table.orderdetails tr.contentrow2 td.quantity input {font-size:11px; padding:2px; border:solid #DA9401 1px;}
table.orderdetails tr.contentrow2 td.productname {text-align:left}

/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete {text-align:center; white-space:nowrap}

/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes {margin-top:3px;}
table.orderdetails tr td.productname table.productattributes tr td {padding:0px;}
table.orderdetails tr td.productname table.productattributes tr td.attribute {padding-right:4px;}
table.orderdetails tr td.productname table.productattributes tr td.value {width:100%;}

/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal {background-color:#FFEAAB; text-align:right;border-style: solid; border-width:1px 0px 0px 0px; border-color:#DA9401;}

/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea {width:100%}

/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea {width:100%}

/* CHECKOUT NAVIGATION */
ul#checkoutnavigation {}
ul#checkoutnavigation li {height: 70px; list-style-type:none; float:left; width:185px; margin-right:15px; border: solid 1px; padding:8px}
ul#checkoutnavigation li.active {background-color: #FFEAAB}
ul#checkoutnavigation li.active .number {font-size:20px; font-weight:bold}
ul#checkoutnavigation li.active .title {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.active .description {font-size:11px}

ul#checkoutnavigation li.inactive {color:#999999; background-color: #EDEDED; border-color:#999999}
ul#checkoutnavigation li.inactive .number {font-size:20px; font-weight:bold}
ul#checkoutnavigation li.inactive .title {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.inactive .description {font-size:11px}

/* ERROR MESSAGES */
/* p.errormessage {border: solid #ff0000 2px; padding:15px; background-color:#FFD6D6} */

ul.messageStack {border:solid 2px #B22020; background-color:#FFD6D6; padding:8px}
ul.messageStack li {}
ul.messageStack li.messageStackError {list-style:none; padding:5px 0px 2px 20px; background-image:url(../../images/icons/exclamation.png); background-repeat:no-repeat; background-position:0px 4px}
ul.messageStack li.messageStackWarning {list-style:none; padding:5px 0px 2px 20px; background-image:url(../../images/icons/icon_alert.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#FFF2CD}
ul.messageStack li.messageStackSuccess {list-style:none; padding:5px 0px 2px 20px; background-image:url(../../images/icons/icon_accept.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#66FF66}


/* SUCCESS MESSAGE */
/* .messageStackSuccess {padding:4px; background-color:#66FF66} */

/* FOOTER */
.footer {clear:both; text-align:center; font-size:11px; color:#666666; background-color:#E2E2E2; padding: 8px; margin-bottom:5px;}
.footer a {color:#666666; text-decoration:underline}
/** Neues PayPal Modul - END */

#carousel {
	display: block;
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
        height: 160px;
        width:490px;
        background-color: #FFFFFF;
        /* border: 1px solid green;*/
}
#carousel li {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0;
	border: none;
	float: left;
	width: 160px;
	height: 160px;
}

#chooser {
    margin: 2em 0 0 5px;
    padding:0;
}
