/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   


   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 

   ---------------------------------------------------------------------------------------*/

/* *** site layout *** */
/* mac hide\*/
html, body {height:100%}
/* end hide */

body {
    padding:0;
	margin:0;
	text-align:center;
	min-width:992px;/* for mozilla*/
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
	color: #000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}

#outer{
	height:100%;
	min-height:100%;
	width:992px;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background: url('img/outer_bg.gif') repeat-y center center;
	position:relative;
}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#innerwrap {/* enables content first */
	float:left;
	width:798px;
}

#header{
	position:absolute;
	top:0;
	left:0px;
	width:992px;
	height:230px;
	background-color:#fff;
	background-image: url('img/header_bg.jpg');
	background-repeat:no-repeat;
	/*overflow:hidden;*/
	color: #000000;
	/*z-index:100;*/
}

#logobox {
    margin-left: 164px;
}

#topbox {
    float: right;
    width: 192px;
    height: 70px;
    padding:3px 17px;
    background-image: url('img/topbox_bg.gif');
    background-repeat:no-repeat;
}

* html #topbox {
	position: absolute;
	right: -30px;
}

#top_search {
	width:191px;
    margin:35px 13px 0px;
}

#breadcrumb{
	clear: left;
	font-size:12px;
	padding-left:3px;
	color:#595959;
	margin: 0px;
	padding-top:5px;
}

#breadcrumb a {
	color:#595959;
	text-decoration: none;
	font-style: italic;
}

#breadcrumb a:hover { color:#68c7e7; }

#navbar{
  height:112px;
  background-color:#ffffff;
  background-image: url('img/navbar_bg.gif');
  background-repeat:no-repeat;
  position:absolute;
  left: 0px;
  bottom:0px;
  width:992px;
}

#search{
	float:left;
	padding-left:3px;
}

#left {
	position:relative;/*ie needs this to show float */
	width:189px;
	float:left;
	padding-top:230px;/*needed to make room for header*/
	padding-bottom:2px;/* needed to make room for footer */
}

#right {
	position:relative;/*ie needs this to show float */
	width:189px;
	float:right;
	padding-top:230px;/*needed to make room for header*/
	padding-bottom:2px;/* needed to make room for footer */
	padding-right:4px;
}

#footer {
	width:992px;
	clear:both;
	height:20px;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
    font-size:10px;
    color:#67c6e6;
}

* html #footer {/*only ie gets this style*/
	\height:22px;/* for ie5 */
	he\ight:20px;/* for ie6 */
}

#footer_left, #footer_right{
	float:left;
	width:190px;
}

#footer_center{
  float:left;
  border-top:1px solid #dddddd;
  width:589px;
  margin: auto 10px;
  padding-top:2px;
}

div,p  {margin-top:0}/*clear top margin for mozilla*/

#centrecontent {
	width:587px;
	float:right;
	padding:230px 10px 20px 10px; /* bottom needed to make room for footer */
}

#clearfooter {width:100%;height:22px;clear:both} /* to clear footer */

#logo {
    background-image: url(img/top_logo.png);
    background-repeat: no-repeat;
    background-position: left;
    height: 120px;
}

#line_top, .line_top {
	border-top: 1px solid #666666;
}

#line_bottom, .line_bottom {
    border-bottom: 1px solid #666666;
}

.line_right {
    border-right: 1px solid #666666;
}

div.between_hr {
    width:100%;
    border-top:1px solid #67c6e6;
    border-bottom:1px solid #67c6e6;
    padding:25px 0px;
    margin:5px 0px;
}

div.bottom_hr {
    width:100%;
    border-bottom:1px solid #67c6e6;
    padding-bottom:25px;
    margin-bottom:5px;
}


/* *** text default *** */
.main {
	line-height: 1.5;
	color: #000;
}

.main2 {
  font-size: 0.95em;
  line-height: 1.5;
  color: #3b3b3b;
}

span.catcount {
    color: #ff0000;
}

.small_text, .smallText {
  font-size: 0.9em;
  color: #000;
}

.contentsTopics, h1.search_title, h2.contentsTopics {
    font-size: 1.5em;
    font-style:italic;
    color: #f9589e;
    font-weight: bold;
    vertical-align: middle;
    padding: 0px 10px 5px 10px;
    margin: 0px;
}

.moduleHeading {
    font-size: small;
    font-weight: bold;
}

.smallHeading {
    font-size: 11px;
    font-weight: bold;
    color: #67c6e6;
}

#contentsBG {
    padding: 0px 10px 10px 10px;
    margin: 0px;
    vertical-align: top;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

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

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

.errorBox {
    font-size : 12px;
    color: #000;
    background-color: #ffcccc;
    border: 1px solid #990033;
    text-align: center;
    padding: 5px;
}

.errorBox2 {
    font-size : 11px;
    color: #282828;
    background-color: #ffcccc;
    border: 1px solid #990033;
    text-align: left;
    padding: 1px;
}

SPAN.errorText {
  font-weight: bold;
  color: #990033;
}

.infoBoxNotice {
  background: #ffcccc;
  padding: 2px;
}

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

.productsNotifications {
    background-color: #e8f6fe;
}

.headerMessage {
    color: #333333;
    text-align: center;
    font-weight: bold;
    padding: 2px 10px;
}

.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

.headerInfo {
  background: #00ff00;
}

.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

SPAN.underline {
    text-decoration: underline;
}

.messageBox { font-size: 10px; }

.messageStackError, .messageStackWarning {font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-size: 10px; background-color: #99ff00; }

.heading1 { font-size: 7pt; }

.heading2 { font-size: 9pt; }

.heading3 { font-size: 10pt; }

.heading4 { font-size: 12pt; }

.heading5 { font-size: 16pt; }

#copyright, div.copyright{
    font-size:0.8em;
    color:#999999;
}

/* *** homepage *** */
#main_col {
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    vertical-align: top;
}

.pageHeading {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

SPAN.greetUser {
  font-size: 12px;
  color: #f9589e;
  font-weight: bold;
}

/* *** sitemap *** */
.sitemap_heading {
    font-size: 10pt; 
    color: #595959; 
    border-top: 1px solid #67c6e6;
    border-bottom: 1px solid #67c6e6;
    padding: 2px;
}

.sitemap_heading a {
    color: #595959;
}

.sitemap_heading a:hover {
    color: #333333; 
    text-decoration:none;
}

.sitemap_sub {
    font-size: 9pt; 
    color: #e8f6fe; 
    border-bottom: 1px solid #67c6e6; 
    padding: 2px 2px;
}

.sitemap_sub a {
    color:#595959;
}

.sitemap_sub a:hover {
    color: #595959;
    text-decoration: underline;
}

/* *** manufacturers *** */
.manufacturers_heading {
    font-size: 10pt; 
    color: #f9589e; 
    background-color: #eaeaea;
    border: 1px solid #595959;
    padding-top: 2px; 
    padding-bottom: 2px;
}

.manufacturers_heading a {
    color: #67c6e6;
    font-weight: bold;
}

.manufacturers_heading a:hover {
    color: #f9589e; 
}


/* *** contactpage *** */
#contact {
    background-image: url(img/contact.gif);
    background-repeat: no-repeat;
    background-position: right top;
}


/* *** basket *** */
.boxTextBG {

}

.boxTextBGIII {

}

SPAN.total {
    font-size: 12px;
    font-weight: bold;
    color: #f9589e;
}

.summe {
    font-size: 12px;
    color: #f9589e;
}

.stockWarning { 
    font-size : 10px;
    color: #cc0033;
}

.boxTextBGII {
    font-size: 11px;
    color: #595959;
    border: 1px solid #67c6e6;
}

.centerfield {
    vertical-align: top;
    text-align: center;
    padding: 5px;
    height: auto;
}

.centerfield:hover {
    vertical-align: top;
    text-align: center;
    padding: 5px;
}

SPAN.products_price {
    font-size: 1.1em;
    color: #f9589e;
    font-weight: bold;
}

SPAN.shipping {
    font-size: 12px;
}

.products_table {
}


/* *** category listing *** */
.products_table:hover {

}

#float_image_right {
    float: right;
    padding: 5px 5px 15px 15px;
}

.moreHeading {
	margin-bottom:15px;
    font-size: 12px;
    font-weight: bold;
    color: #595959;
}

.moreHeading2, .infoBoxHeading_module {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	text-align:center;
    font-size: 13px;
    font-weight: bold;
    color: #f9589e;
	border-top: 1px solid;
	border-bottom: 1px solid;
	width: 590px;
}

* html .moreHeading2 {
	width: 588px;
}

img.image_border{
    border:1px solid #f9589e;
}


/* *** product info *** */
h2.product_title{
    margin:0;
    font-size:1.2em;
    font-style:italic;
    color: #595959;
}

SPAN.info_price {
    font-size: 1.2em;
    color: #f9589e;
    font-weight: bold;
}

.tableListingI {

}

.tableListingII {
    background-color: #e8f6fe;
    color: #595959;
}

.upcomingListingI {
    font-size: 0.83em;
}

.upcomingListingI a {
    color: #f1f1f1;
}

.upcomingListingI a:hover {
    color: #f1f1f1;
    text-decoration: underline;
}

.upcomingListingII {
    background-color: #ced0d1;
    color: #595959;
    font-size: 0.83em;
}

.upcomingListingII a {
    color: #595959;
}

.upcomingListingII a:hover {
    color: #595959;
    text-decoration: underline;
}

SPAN.ratingtext {
  font-size: 10px;
  font-weight: bold;
  color: #990033;
}


/* *** account *** */
DIV.formArea {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 5px;
    margin-bottom: 10px;
}

TABLE.formArea, TD.formArea {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    margin-bottom: 10px;
}

.formArea:hover {
    border-top: 1px solid #666666;
    border-bottom:1px solid #666666;
}

.formAreaTitle {
    font-size: 0.9em;
    font-weight: bold;
    color: #f9589e;
}

UL#account_list {
    padding: 0px;
    margin: 10px 0px 0px 0px;
}

UL#account_list li {
    list-style: none;
    background-image: url(img/arrow_green.gif);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    padding: 0px 5px 0px 20px;
}

UL#account_list li a {
    color: #999999;
    font-size: 12px;
    text-decoration: none;
}

UL#account_list li a:hover {
    font-size: 12px;
    color: #999999;
    text-decoration: underline;
}

.abstand {
    margin-top: 10px;
    padding-left: 5px;
}

.inputRequirement { 
    font-size: 0.9em; 
    color: #3b3b3b;
}

.address_lable {
    background-color: #e8f6fe;
    border:1px solid #67c6e6;
    font-size: 12px;
    color: #595959;
    padding: 5px;
}

.arrow {
    background-image: url(img/arrow_right.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    width: 40px;
}


/* *** checkout *** */
.cot_gv {
  font-size: 11px;
  line-height: 1.5;
  color: #595959;
}

.checkoutTitle {
    font-size: 11px;
    font-weight: bold;
    padding-top: 10px;
}

TABLE.checkoutTable {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

DIV.checkoutTable {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 5px;
}

.tableabstand {
    margin-top: 25px;
    margin-bottom: 15px;
}

.checkoutBarFrom, .checkoutBarTo { 
    font-size: 10px; 
    color: #595959;
    margin-right:20px;
    margin-top:15px;
}

.checkoutBarCurrent { 
    font-size: 10px; 
    color: #595959;
    font-weight:bold;
    margin-right:20px;
    margin-top:15px;
}

.checkout_bullet {
    background-image: url(img/checkout_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    width:30px;
    margin-top:15px;
}

.checkout_bullet2 {
    background-image: url(img/checkout_bullet2.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

.conditions {
    color: #333;
    background-color: #e8f6fe;
    border: 1px solid #67c6e6;
    padding: 3px;
    margin-top: 2px;
}

SPAN.checktext {
    font-weight: normal;
}

.confirmationText {
    font-size: 12px;
    color: #595959;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 3px;
}

.successTopics {
    font-size: 14px;
    color: #595959;
    font-weight: bold;
    line-height: 24px;
    vertical-align: middle;
    padding: 0px 10px 0px 10px;
    margin: 0px;
}

.checkout_success {
    background-image: url(img/checkout_success.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 95px;
    width: 95px;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #595959;
  font-weight: bold;
}


/* *** boxes *** */
.shopbox {
    margin: 0px 0px 15px 4px;
    padding: 0px;
	width: 186px;
    background-image: url(img/boxes/box_content_left.gif);
	background-repeat: repeat-y;
}

.boxText, .box_text a { 
    font-size: 0.9em;
    color: #595959;
}

.infoBoxHeading_left, .infoBoxHeading_right {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
	font-style: italic;
    color: #68c7e7;
	width: 186px;
    height: 49px;
    line-height: 40px;
    vertical-align: middle;
    text-indent: 35px;
    background-image: url(img/boxes/box_title_left.gif);
    background-repeat: no-repeat;
}

.infoBox_left, .infoBox_left_center {
	width: 176px;
    font-size: 0.9em;
    margin: 0px;
    padding: 5px 5px 15px 5px;
	background-image: url(img/boxes/box_footer_left.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

.infoBox_left_center { text-align: center; }

.infoBox_right, .infoBox_right_center {
	width: 176px;
    font-size: 0.9em;
    margin: 0px;
    padding: 5px 5px 15px 5px;
	background-image: url(img/boxes/box_footer_left.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

.infoBox_right_center { text-align: center; }

#loginbox .infoBox_right { background-image: none; }

.cart_products {
    border-bottom: 1px solid #666666;
    padding: 5px;
}

.boxText_cart {

}

DIV.boxPrice {
    font-weight: bold;
    padding: 3px;
    width: 80%;
    text-align: center;
    margin-top: 2px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom:3px;
}

.gvBox {
    font-size : 14px;
    font-weight: bold;
    border: 1px solid #67c6e6;
}

.bestsellers  {
    font-size: 11px;
}

.boxTextPrice {
    font-size: 11px;
    color: #595959;
    text-align: right;
    font-weight: bold;
}

.bestsellers_shipping_link {
    color: #a9a9a9;
    font-weight: normal;
}

UL#box_information, UL#box_content, UL#box_extra1, UL#box_extra2 {
    font-size: 1.05em;
    color: #595959;
    margin: 0px;
    padding: 0px;
}

#box_information li, #box_content li, #box_extra1 li, #box_extra2 li {
    list-style-type: none;
	background-image: url('img/icon_katalog.gif');
    background-repeat: no-repeat;
    background-position: 1px 7px;
}

#box_information li a, #box_content li a, #box_extra1 li a, #box_extra2 li a {
    font-size: 13px;
	font-weight: normal;
    color: #595959;
    text-decoration:none;
	background-image: url('img/menu_bg.gif');
    background-repeat: no-repeat;
    background-position: bottom;
	padding: 5px 0px 5px 20px;	
	display: block;
}

#box_information li a:hover, #box_content li a:hover, #box_extra1 li a:hover, #box_extra2 li a:hover {
	background-image: url('img/menu_bg.gif');
    background-repeat: no-repeat;
    background-position: bottom;
	color: #67c6e6;
}

/* *** navigation *** */
#top_navigation {
	float: right;
	width: 70px;
}

UL#top_navigation {
	vertical-align: top;
	padding: 0px;
	float: right;
	margin: 0px;
}

UL#top_navigation li {
	list-style: none;
	float: right;
}

UL#top_navigation li a {
	color: #f9589e;
	padding:14px 20px;
	font-weight: bold;
	display:block;
	height: 10px;
	text-decoration: none;
	border-left: 1px solid #dddddd;
}

* html UL#top_navigation li a { 
	display: inline-block;
	padding:13px 20px;
}

UL#top_navigation li a:hover { color: #68c7e7; }

UL#top_navigation li#top_navigation_link_cart a{
	display:block;
	padding: 0px;
	background-image: url(img/btn_warenkorb.gif);
	background-repeat: no-repeat;
	width: 51px;
	height: 50px;
	border-left: none;
}

A.headerNavigation  { 
  color: #f9589e; 
}

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

/* categories */
#boxCategories {
}

/* 1st */
#boxCategories ul {
    margin: 0px;
    padding: 0px;
}

#boxCategories ul li {
    list-style-type: none;
	background-image: url('img/icon_katalog.gif');
    background-repeat: no-repeat;
    background-position: 1px 9px;
}

#boxCategories ul li a.normal {
    font-size: 13px;
	font-weight: bold;
    color: #595959;
    text-decoration:none;
	background-image: url('img/menu_bg.gif');
    background-repeat: no-repeat;
    background-position: bottom;
	padding: 5px 0px 5px 20px;	
	display: block;
}

* html #boxCategories ul li a.normal { display: inline-block; width: 154px; }

#boxCategories ul li a.normal:hover {
	background-image: url('img/menu_bg.gif');
    background-repeat: no-repeat;
    background-position: bottom;
	color: #67c6e6;
}

#boxCategories ul li a.active {
    font-size: 13px;
	font-weight: bold;
    color: #f9589e;
    text-decoration:none;
	background-image: url('img/menu_bg.gif');
    background-repeat: no-repeat;
    background-position: bottom;
	padding: 5px 0px 5px 20px;	
	display: block;
}

#boxCategories ul li a.active:hover { color: #67c6e6; }

/* 2nd */
#boxCategories ul ul {
    margin: 0px;
    padding: 0px;
}

#boxCategories ul ul li {
    list-style-type: none;
	background-image: url('img/icon_katalog.gif');
    background-repeat: no-repeat;
    background-position: 11px 10px;
}

#boxCategories ul ul li a.normal {
    font-size: 12px;
    font-weight: normal;
	font-style:italic;
    color: #595959;
    text-decoration:none;
	background-image: url('img/menu_bg.gif');
    background-repeat: no-repeat;
    background-position: bottom;
	padding: 5px 0px 5px 30px;	
	display: block;
}

* html #boxCategories ul ul li a.normal { display: inline-block; width: 144px; }

#boxCategories ul ul li a.normal:hover { color: #f9589e; }

#boxCategories ul ul li a.active {
    font-size: 12px;
    color: #999999;
    text-decoration:none;
    padding: 5px 0px 5px 30px;
    font-style:italic;
	font-weight: normal;
    text-decoration:none;
}

* html #boxCategories ul ul li a.active { display: inline-block; width: 144px; }

#boxCategories ul ul li a.active:hover {
    color: #67c6e6;
}

/* 3rd */
#boxCategories ul ul ul {
    margin: 0px;
    padding: 0px;
}

#boxCategories ul ul ul li {
    list-style-type: none;
    background-image: url('img/icon_katalog.gif');
    background-repeat: no-repeat;
    background-position: 21px 10px;
}

#boxCategories ul ul ul li a.normal {
    font-size: 12px;
    font-weight: normal;
    font-style:italic;
    color: #595959;
    text-decoration:none;
    background-image: url('img/menu_bg.gif');
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 5px 0px 5px 40px;  
    display: block;
}

* html #boxCategories ul ul ul li a.normal { display: inline-block; width: 134px; }

#boxCategories ul ul ul li a.normal:hover { color: #f9589e; }

#boxCategories ul ul ul li a.active {
    font-size: 12px;
    color: #999999;
    text-decoration:none;
    padding: 5px 0px 5px 40px;
    font-style:italic;
    font-weight: normal;
    text-decoration:none;
}

* html #boxCategories ul ul ul li a.active { display: inline-block; width: 134px; }

#boxCategories ul ul ul li a.active:hover {
    color: #67c6e6;
}

/* 4th */
#boxCategories ul ul ul ul {
    margin: 0px;
    padding: 0px;
}

#boxCategories ul ul ul ul li {
    list-style-type: none;
    background-image: url('img/icon_katalog.gif');
    background-repeat: no-repeat;
    background-position: 31px 10px;
}

#boxCategories ul ul ul ul li a.normal {
    font-size: 12px;
    font-weight: normal;
    font-style:italic;
    color: #595959;
    text-decoration:none;
    background-image: url('img/menu_bg.gif');
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 5px 0px 5px 50px;  
    display: block;
}

* html #boxCategories ul ul ul ul li a.normal { display: inline-block; width: 124px; }

#boxCategories ul ul ul ul li a.normal:hover { color: #f9589e; }

#boxCategories ul ul ul ul li a.active {
    font-size: 12px;
    color: #999999;
    text-decoration:none;
    padding: 5px 0px 5px 50px;
    font-style:italic;
    font-weight: normal;
    text-decoration:none;
}

* html #boxCategories ul ul ul ul li a.active { display: inline-block; width: 124px; }

#boxCategories ul ul ul ul li a.active:hover {
    color: #67c6e6;
}

/* 5th */
#boxCategories ul ul ul ul ul {
    margin: 0px;
    padding: 0px;
}

#boxCategories ul ul ul ul ul li {
    list-style-type: none;
    background-image: url('img/icon_katalog.gif');
    background-repeat: no-repeat;
    background-position: 41px 10px;
}

#boxCategories ul ul ul ul ul li a.normal {
    font-size: 12px;
    font-weight: normal;
    font-style:italic;
    color: #595959;
    text-decoration:none;
    background-image: url('img/menu_bg.gif');
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 5px 0px 5px 60px;  
    display: block;
}

* html #boxCategories ul ul ul ul ul li a.normal { display: inline-block; width: 114px; }

#boxCategories ul ul ul ul ul li a.normal:hover { color: #f9589e; }

#boxCategories ul ul ul ul ul li a.active {
    font-size: 12px;
    color: #999999;
    text-decoration:none;
    padding: 5px 0px 5px 60px;
    font-style:italic;
    font-weight: normal;
    text-decoration:none;
}

* html #boxCategories ul ul ul ul ul li a.active { display: inline-block; width: 114px; }

#boxCategories ul ul ul ul ul li a.active:hover {
    color: #67c6e6;
}

/*************************

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Weitere Unterebenen können hier definiert werden 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

vierte ebene (Unter_Unter_Unter_Kategorie

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

#boxCategories ul ul ul ul {
    margin: 0px 0px 0px 2px;
    padding: 0px;
    border: 1px solid #ff3300;
}

#boxCategories ul ul ul ul li {
    padding: 2px;
}

#boxCategories ul ul ul ul li a.normal {
    font-size: 1.2em;
    color: #ff3300;
    background-image: url(img/icon_arrow.jpg);
    background-repeat: no-repeat;
    background-position: 2px 5px;
    padding-left: 15px; 
}

#boxCategories ul ul ul ul li a.normal:hover {
    font-family: Tahoma, Verdana, Arial, san-serif;
    font-size: 1.2em;
    color: #330066;
    background-image: url(img/arrow_green.gif);
    background-repeat: no-repeat;
    background-position: 2px;
    padding-left: 15px;
}

#boxCategories ul ul ul ul li a.active {
    font-family: Tahoma, Verdana, Arial, san-serif;
    font-size: 1.2em;
    color: #330066;
    font-weight: bold;
    background-image: url(img/icon_arrow.jpg);
    background-repeat: no-repeat;
    background-position: 2px 5px;
    padding-left: 15px; 
}

#boxCategories ul ul ul ul li a.active:hover {
    font-size: 1.2em;
    color: #cc99ff;
    font-weight: bold;
    background-image: url(img/arrow_green.gif);
    background-repeat: no-repeat;
    background-position: 2px;
    padding-left: 15px;
}

***********************************************/

#navbar div.subcategories{
    display: none;
}

#MyCat12:hover div.subcategories, #MyCat17:hover div.subcategories, #MyCat18:hover div.subcategories, #MyCat69:hover div.subcategories {
    display: block;
    width: 842px;
    padding:30px;
    position: absolute;
    left:45px;
    top:39px;
    
    /*filter:alpha(opacity=100); /* Internet Explorer */
    /*-moz-opacity: 1; /* Mozilla Browser */
    /*opacity: 1; /* Opera */
    
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#MyCat12:hover div.subcategories {
    background-color: #ea609c;
}

#MyCat17:hover div.subcategories {
    background-color: #8dd1e8
}

#MyCat18:hover div.subcategories {
    background-color: #447d90
}

#MyCat69:hover div.subcategories {
    background-color: #881346;
}

#navbar div.CatLevel1 {
    float: left;
    margin-right: 15px;
}

#navbar div.CatLevel1 a {
    display: block;
    height:30px;
    padding: 10px 7px 1px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

* html #navbar div.CatLevel1 a {
    float:left;
}

#navbar div.CatLevel1 a:hover {
    background-position: center;
    background-repeat: repeat-x;
}

#MyCat12 {
    margin-left: 160px;
}

* html #MyCat12 {
    margin-left: 80px;
}

#MyCat12 a {
    color: #ea609c;
}

#MyCat12:hover a {
    background-image: url(img/navbar_damen_bg.gif);
    color: #7d3353;
}

#MyCat17 a {
    color: #ea609c;
}

#MyCat17:hover a {
    background-image: url(img/navbar_herren_bg.gif);
    color: #447d90;
}

#MyCat18 a {
    color: #ea609c;
}

#MyCat18:hover a {
    background-image: url(img/navbar_team_bg.gif);
    color: #ededed;
}

#MyCat69 a {
    color: #ea609c;
}

#MyCat69:hover a {
    background-image: url(img/navbar_angebote_bg.gif);
    color: #f1e8ec;
}

#navbar div.subcategories ul{
    margin:0px;
    padding: 0;
    list-style-type: none;
}

#navbar div.subcategories ul ul ul{
    margin-left:15px;
}

#navbar div.subcategories ul li{
    width: 280px;
    color:#FFF;
}

#navbar div.subcategories ul li.clear_list {
    clear: left;
}

#navbar div.subcategories ul li.CatLevel2 {
    float: left;
    margin:0;
    padding:0px 0 30px;
    font-size: 14px;
    font-weight: bold;
}

#navbar div.subcategories ul li.CatLevel2 a {
    display: block;
    width:235px;
    height:auto;
    padding: 2px 0px;
    background-image: none;
    text-align: left;
    color:#FFF;
    text-decoration: none;
}

#navbar div.subcategories ul li.CatLevel2 a:hover {
    background-color: #FFF;
    color:#000;
} 

#navbar div.subcategories ul li.CatLevel3 {
    padding:4px 0 4px;
}

#navbar div.subcategories ul li.CatLevel3 a {
	display: block;
	width:220px;
    font-size: 12px;
    font-weight: normal;
    padding-left:15px;
    background-image: url(img/navbar_li_12_bg.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

#navbar div.subcategories ul li.CatLevel3 a:hover {
    background-image: url(img/navbar_li_black_bg.gif);
} 

#navbar div.subcategories ul li.CatLevel4 {
    padding:4px 0 4px;
}

#navbar div.subcategories ul li.CatLevel4 a {
    display: block;
    width:205px;
}

#navbar div.subcategories ul li.CatLevel5, div.subcategories ul li.CatLevel6 {
    padding:4px 0 4px;
}

#navbar div.subcategories ul li.CatLevel5 a {
    display: block;
    width:190px;
}

/* *** hyperlinks *** */
A {
  color: #67c6e6;
  text-decoration: underline;
}

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

#footer a{
    color:#67c6e6;
}

A.pw {
	color: #67c6e6;
	text-decoration: underline;
}

A.pw:hover {
	color: #f9589e;
}

A.boxLink {
	color: #67c6e6;
	font-weight: bold;
	text-decoration:none;
}

A.boxLink:hover {
	font-weight: bold;
	color: #f9589e;
}

A.boxLinkText {
	text-decoration: underline;
}

A.boxLinkText:hover {
	color: #f9589e;
}

A.show_left, A.show_right {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
	font-style: italic;
    color: #67c6e6;
    background-image: url(img/icon_more.gif);
    background-repeat: no-repeat;
    background-position: 95% center;
    display: block;
    width: 100%;
    text-decoration: none;
}

A.show_left:hover, A.show_right:hover  {
    background-image: url(img/icon_more_light.gif);
    background-repeat: no-repeat;
    color: #f9589e;
    text-decoration: none;
}

A.searchlink {
	color: #67c6e6;
	text-decoration: none;
	font-size: 11px;
}

A.searchlink:hover {
	color: #f9589e;
	text-decoration: underline;
}

.box_shipping_link a {
	color: #67c6e6;
}

.box_shipping_link a:hover {
	color: #f9589e;
}

.products_link {
	color: #67c6e6;
	font-weight: bold;
	text-decoration: none;
}

.products_link:hover {
	color: #f9589e;
	text-decoration: underline;
}

A.reviews_link {
	color: #67c6e6;
	font-weight: bold;
	text-decoration: none;
}

A.reviews_link:hover {
	color: #f9589e;
	font-weight: bold;
	text-decoration: none;
}

A.gift_box {
	background-image: url(img/img_gift.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	height: 40px;
	width: 48px;
	display: block;
}

A.gift_box:hover {
	background-image: url(img/img_gift.gif);
	background-repeat: no-repeat;
	background-position: 0px -40px;
	text-decoration: none;
	height: 40px;
	width: 48px;
	display: block;
}

A.pageResults {
	color: #67c6e6;
	text-decoration: underline;
}

A.pageResults:hover {
  color: #f9589e;
}

A.confirmationEdit {
	color: #67c6e6;
	font-style: italic;
	font-weight: normal;
}

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

A.catLink {
	display: block;
	width:164px;
	height:33px;
	padding:107px 3px 0px;
	margin:0px auto 25px;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	line-height:14px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

A.catLink:hover {
    color:#AFAFAF;
}

A.first {
	background-image: url(img/navigator/nav_first.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 15px;
	width: 25px;
	display: block;
	padding: 0px 25px 0px 25px;
}

A.back {
	background-image: url(img/navigator/nav_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	height: 15px;
	width: 15px;
	display: block;
	padding: 2px 25px 2px 25px;
}

A.next {
	background-image: url(img/navigator/nav_next.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 15px;
	width: 15px;
	display: block;
	padding: 0px 25px 0px 25px;
}

A.last {
	background-image: url(img/navigator/nav_last.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 15px;
	width: 25px;
	display: block;
	padding: 0px 25px 0px 25px;
}

#copyright a{
    text-decoration: none;
    color:#999999;
}

#copyright a:hover{
    text-decoration: underline;
}

#topbox a.topbox_link {
    color: #ea609c;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    margin: 5px 8px 0px;
    white-space: nowrap;
}


/* *** misc *** */
div.copyright{
    color:#999999;
}

img{
    border:0;
}

FORM {
    display: inline;           
}

.onepxwidth {
    width: 1px;
}

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

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

.input{
    padding:2px;
	background-color: #eff8fd;
	border: 1px solid #595959;
}

select{
    padding:2px;
	background-color: #eff8fd;
	border: 1px solid #595959;
}

#txtSearch {
	width: 130px;
	float: left;
	margin: 0px 10px 0px 0px;
	background-color: #eff8fd;
	border: 1px solid #595959;
}

#button_left {
    padding-top: 15px;
    text-align: left;
}

#button_right {
    padding-top: 15px;
    text-align: right;
}

.moduleRow {
    font-size: 11px;
    line-height: 1.5;
    color: #3b3b3b;
    background-color: #e8f6fe;
    cursor: pointer;
}

.moduleRowOver {
    font-size: 11px;
    line-height: 1.5;
    color: #3b3b3b; 
    background-color: #67c6e6;
    cursor: pointer; 
}

.moduleRowSelected {
    font-size: 11px;
    line-height: 1.5;
    color: #595959; 
    background-color: #e8f6fe;
}

div.img_container {
    float:left;
    width:225px;
}

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

.subBar {
  background: #f4f7fd;
}

.subBar {
  font-size: 10px;
  color: #000000;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

.tableBody {
padding: 5px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

div.cc_form{
    width:300px;
    text-align: right;
    margin:25px auto;
    padding:10px;
    border:1px solid #000;
}

div.cc_form label{
    padding:0px;
}

div.cc_form input{
    margin:3px;
}



.dynamic-tab-pane-control.tab-pane {
    position:   relative;
    width:      100%;       /* width needed weird IE bug */
    margin-right:   -2px;   /* to make room for the shadow */
    margin-top: 15px;
}

.dynamic-tab-pane-control .tab-row .tab {
    width:              auto;
    height:             16px;
    background-image:   url(img/tab.png);
    background-repaet:  repeat-x;
    position:       relative;
    top:            0;
    display:        inline;
    float:          left;
    overflow:       hidden;
    cursor:         pointer;
    margin:         1px -1px 1px 2px;
    padding:        4px 10px 2px 10px;
    border:         0;
    z-index:        1;
    font:           11px Tahoma;
    white-space:    nowrap;
    text-align:     center;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
    width:              auto;
    height:             18px !important;
    background-image:   url(img/tab.active.png) !important;
    background-repaet:  repeat-x;
    border-bottom-width:    0;
    z-index:        3;
    padding:        4px 10px 2px 10px;
    margin:         1px -3px -3px 0px;
    top:            -2px;
    font:               11px Tahoma;
}

.dynamic-tab-pane-control .tab-row .tab a {
    font:               11px Tahoma;
    color:              Black;
    text-decoration:    none;
    cursor:             pointer;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
    font:               11px Tahoma;
    width:              auto;
    height:             16px;
    background-image:   url(img/tab.hover.png);
    background-repaet:  repeat-x;
    padding: 4px 10px 2px 10px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.dynamic-tab-pane-control .tab-page {
    clear:          both;
    border:         1px solid rgb( 145, 155, 156 );
    background:     rgb( 252, 252, 254 );
    z-index:        2;
    position:       relative;
    top:            -2px;
    font:               11px Tahoma;
    color:              Black;
    filter:         progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
                    progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
    /*244, 243, 238*/
    /* 145, 155, 156*/
    padding:        10px;
}

.dynamic-tab-pane-control .tab-row {
    z-index:        1;
    white-space:    nowrap;
}


/* *** search suggest *** */
.suggest_link {
    display:block;
    background-color: #FFFFFF;
    padding: 2px 6px 0px 6px;
    height:60px;
    min-height:60px;
    border-bottom:1px solid #CCCCCC;
}

.suggest_link_over {
    color: black;
    background-color: #e8f6fe;
    padding: 2px 6px 0px 6px;
    cursor:pointer;
    border-bottom:1px solid #CCCCCC;
    height:60px;
    min-height:60px;
}

#search_suggest {
    position:absolute;
    top:57px;
    right: 0px;
    text-align: left; 
    border: 1px solid #000000;  
    background-color:#ffffff;  
    display: none;
    z-index: 1000;
    height:450px;
    width:350px;
    overflow:auto;
}

.autosuggest_intro {
    height:22px;
    padding-top:3px;
    padding-left:5px;
    padding-right:5px;
    border-bottom:1px solid #CCCCCC;
}

.suggestclose_link {
    font-weight:bold;
    color:#000000;
    display:block;
    height:21px;
    padding-top:4px;
    padding-right:5px;
    border-bottom:1px solid #CCCCCC;
}

.suggestclose_link:hover {
    text-decoration:none;
    cursor:pointer;
    color:#000000
}

.suggestmore_link {
    font-weight:bold;
    color:#000000;
    display:block;
    height:21px;
    padding-top:4px;
    padding-right:5px;
    border-bottom:1px solid #CCCCCC;
}

.suggestmore_link:hover {
    text-decoration:none;
    cursor:pointer;
    color:#000000
}

#suggest_image {
    width:44px;
    background-color:#ffffff;
    text-align:center;
    border:1px solid #CCCCCC;
}

.suggest_image {
    width:44px;
    float:left  ;
}

.suggestwidth {
    width:320px;
}

.suggest_productsname {
    width:160px;
    float:left;
    padding-left:5px;
    font-weight:bold;
}

.suggest_products_price {
    white-space:nowrap;
    float:right;
    text-align:right;
}

.autosuggest_no_products {
    height:22px;
    padding-top:3px;
    padding-left:5px;
    padding-right:5px;
    border-bottom:1px solid #CCCCCC;
}