/*
DEXFLU.eu Shop stylesheet
dexflu colors
blau #4089F2 
ganz helles blau #71a9ed navi
lila #F7257E
info orangebox bg #ffb502
info dark orange text #ff8b02
gruen: 83c572

Titelschrift
font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
*/



/* HauptNavigation in header
------------------------------------------------------------------------------*/
#nav {
	width: 370px;
	height: 87px; /* hoehe der sichtbaren signs */
	margin: 15px 0 0 0;
	padding: 0;
	font-family: Helvetica,Arial,Verdana, sans-serif;
	font-size: 12px;
/*	background: transparent url(images/navigation.png) no-repeat;  
border: 1px solid #F00; */
}

#nav li.on ul, #nav li.off ul {
	margin: 0;
	padding: 0;
}

#nav a {
	text-decoration: none;
}

#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
}

#nav li ul {
	display: none;
}

#nav li.off ul, #nav li.on ul { /*Ausrichtung der Subnav*/
	position: absolute;
	top: 109px; /* hoehe der subnavzeile */
/*	*top: 50px; IE 5 hack!? braucht man nicht*/
	left: 200px;
	margin: 0 0 0 0;
	padding: 0;
	background: #fff; /* Backgroundfarbe um andere Unterpunkte zu ueberdecken */
	height: 1px; /* 20px wenn subtext active */
	width: 400px;
	font-weight: bold;
}

#nav li a {
	color: #71a9ed; /* helles blau */
	display: block;
	height: 90px; /* hoehe der reaktionsflaeche */
}
#nav li.on a {
}

#nav li.on ul a, #nav li.off ul a {
	float: left; /*ie doesn't inherit the float*/
	border: 0;
	color: #999;
	width: auto;
	margin: 0 12px 0 0;
	background: transparent !important;
	text-indent: 0;
}

#NavShop { left: 0;	width: 100px; }
#NavDesignboard { left: 100px;	width: 100px; }
#NavService { left: 300px; width: 150px; } 

#NavShop a { left: 0;	width: 100px; }
#NavDesignboard a { left: 100px;	width: 100px; }
#NavService a { left: 300px; width: 150px; }

#NavShop a:hover { background: url(images/navigation.png) 0 -111px no-repeat; }
#NavDesignboard a:hover { background: url(images/navigation.png) -100px -111px no-repeat; }		
#NavService a:hover { background: url(images/navigation.png) -200px -111px no-repeat; }

#NavShop.on a { background: url(images/navigation.png) 0 -111px no-repeat; }
#NavDesignboard.on a { background: url(images/navigation.pngg) -100px -111px no-repeat; }		
#NavService.on a { background: url(images/navigation.png) -190px -111px no-repeat; }

/* ENDE: HauptNavigation
---------------------------------------------------------*/

/* einloggen, aussloggen rechts oben
---------------------------------------------------------*/
.logonlogoff {
	padding: 0 10px 0 0;
	font-size: 10px
}

.bluebg { font-family : Verdana, Arial, sans-serif; font-size : 12px; color : #fff; background: #71a9ed; font-weight: normal; padding: 1px; }
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 11px; background: #ffb502; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #ff8b02; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #70d250; text-decoration: underline; }
h1 { font: 18px helvetica,arial,verdana,sans-serif; padding: 0; margin: 0; font-weight: bold; color: #4089F2; border-bottom: 1px solid #ccc; }

BODY {
  color: #494949;
  margin: 0px;
 	font: 13px helvetica,arial,verdana,sans-serif; padding: 0; margin: 0;
  background: #fff url(images/bg-guestlist.png) no-repeat; 
	text-align: center;
	background-color: #fff; 
}

#shopcontainer {
margin-right: auto;
margin-left: auto;
text-align: left;
width: 930px;
background: #fff;
}

/* normal ohne abstaende */

	p.beschreibung {
	  font-family: Helvetica,"Lucida Grande", Arial, serif;
	  font-size: 18px;
	  background: #f1f1f1;
	  color: #454545;
	  
	}

A {
  color: #4089F2;
  text-decoration: none;
}

A:hover {
  color: #fff;
  background-color: #4089F2; /* dexflu blau */
  text-decoration: none;
}


FORM {
	display: inline;
}
/* hinter dexflu logo */
TR.header {
  background: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #333;
}

TR. {
  background: #bfbfbf;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #ccc;
  color: #f1f1f1;
  font-weight : bold;
}

A.headerNavigation { 
  color: #fff; 
}

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

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: #83c572;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #83c572;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
a.headerlogout {
	margin: -5px 0 0 0;
	padding: 3px 0 3px 5px;
 	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #63ace1;
	border-left: 1px solid #999
}
a.headerlogout:hover {
	color: #333;
	background: #FFF !important
}
.headercart img {
	margin: 0 -3px -5px 0;
	border: 1px solid #FFF
}
/*mainframe media c*/
TR.footer {
  background: #fff;
}
/*mainframe media c*/
TD.copyright {
  font-family: Arial,Verdana, sans-serif;
  font-size: 9px;
}
/*graue balken mit bg unten*/
TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  background: url(images/infoBoxHeading.gif) center left repeat-x;
  color: #fff;
  font-weight: bold;
}
/* auch die mitte news info box*/
.infoBox {
  background: #ccc /* bordercolor automatisch von box vorher background hier */
}
/* auch die mitte news info box und inerhalb manche rechte infoboxen*/
.infoBoxContents {
  background: #fff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}
/* dexflu graue boxenleiste rechts in boxes.php geaendert*/
.infoBoxContentsblue {
  background: #f1f1f1;
  font-family: Verdana, Arial, sans-serif;
}
/* nix gruen*/
.infoBoxNotice {
  background: #009933;
}
/* nix gruen*/
.infoBoxNoticeContents {
  background: #009933;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/* alle headerleisten ueber boxen*/
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: url(images/infoBoxHeading.gif) center left repeat-x;
  color: #fff;
}
TD.headerstreifen {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
	border-bottom: 0px solid #ccc;
	margin: 0px 0px 15px 0px;
  /* background: url(images/header_pixelline.gif) center left repeat-x; */
  color: #fff;
}
/* product name big neu definiert*/
TD.productnamebig {
  	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 14px;
  background: #a1a1a1;
  color: #fff;
}



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: #fff;
}

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: #fff;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #fff;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #666;
  color: #fff;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 20px;
  font-weight: bold;
  color: #4089f2;
}

TR.subBar {
  background: #009900;
}

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

/* der meiste body text auf der seite in grau  */
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #494949;
}
/* product name ist da drauf noch original*/
TD.smallText, SPAN.smallText, P.smallText {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
  font-size: 14px;
}


/* setzt abstand zwischen prdukttitle und bild
-------------------------------------------*/
a.produkttitel {
	margin: 0 0 5px 0;
	font: 16px helvetica,arial,verdana,sans-serif; padding: 0; margin: 0; color: #4089F2; border-bottom: 0px solid #ccc;
	text-align: left;
}
a.produkttitel:hover {
	margin: 0 0 5px 0;
	font: 16px helvetica,arial,verdana,sans-serif; padding: 0; margin: 0; color: #fff; border-bottom: 0px solid #333 ;
	text-align: left;
}

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: #ccc;
}

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

/* select drop downs gestyled */
select { border:3px solid #ccc; font:Normal 11px Verdana; color:#494949; padding:3px; width:150px; margin:0px 0px 0px 0px;}
/*  spaeter individuell und select deactivieren 
.select_shirtsize { border:3px solid #ccc; font:Normal 11px Verdana; color:#494949; padding:3px; width:150px; margin:0px 0px 0px 0px;}  */
select option {padding:0px; margin:0px;}


.normal { background: #F2F2EE; font: 12px verdana,sans-serif; color: #494949; padding: 2px 10px; border: 1px solid #DEDED0; }

input.design {
	width: 155px;
	color: #525457;
	font-size: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	font-family: verdana,arial,helvetica,sans-serif;
	border: #666 1px solid;
}

/* TEXTAREA {  width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px } */
/* Textarea neu besonders bei hinweise im checkout */
textarea { border:3px solid #ccc; font:Normal 11px Verdana; color:#494949; padding:3px; width:80%; height:50px; margin:3px 0px 0px 0px;}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #4089f2;
  font-weight: bold;
}
SPAN.greetUser:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
}

TABLE.formArea {
  background: #ff0000;
  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: #cc3333;
}

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

.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: 12px; background-color: #ffb502; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #5fd453; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #ff8b02; }

/* hier language boxblue */

.boxblue { font-family: Verdana, Arial, sans-serif; font-size: 11px; background-color: #2d3851; }



/* Lightbox 
---------------------------------------------------------*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(./images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(./images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* verhindert spalt zwischen den 2 detailbildern productinfo.php 
---------------------------------------------------------*/
.resetwhitespace {
	margin-left: -4px;
}

/* select box language*/
.select {
	color: #ccc;
	background-color: #494949;
}

/* 6 Lab preview images
-------------------------------------------------------------*/
#content_container {
float: left;
display: block;
width: 683px;
padding: 0;
margin: 10px 0 0 20px;
background: #fff;
font: 13px helvetica,arial,verdana,sans-serif; padding: 0; margin: 6px ;

}

.thumbnail_info {
  width: 193px;
  height:120px;
  float: left;
  margin: 10px 0 0 20px;
	text-align: center;
}
/* image borders for the thumbs and IE 7 image links */
.thumbnail img { border: 1px solid #4089F2; }
.thumbnail img:hover { border: 1px solid #00a7e7; }