/* -----------------------------------------------------------------------------------------
   Style: Default
   By: Daniel Fai, fai-communication.de   

   http://www.fai-communication.de

   Copyright (c) 2006-2008 fai-communication
   ---------------------------------------------------------------------------------------*/

	/* -- Generelles --*/
* {
  margin:0px;
  padding:0px;
}


BODY  {
	color: Black;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	list-style-type: square;
	margin: 0px 1px 1px 1px;
	} 

#BODY_ROOT  {
	color: Black;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	list-style-type: square;
	margin: 0px 1px 1px 1px;
	} 
	
	
	H1 {
		  font-family: Verdana, Arial, sans-serif;
  		  font-size: 16px;
  		  line-height: 1.5; 
  		  text-decoration: none;
		  color: #FFA500;
	}
	
	H1.PRODUCTTITLE {
	font-family: Verdana, Arial, sans-serif;
	font-size: 20px;
	line-height: 1.5;
	text-decoration: none;
	color: #1E90FF;
	}
	
	H2 {
		  font-family: Verdana, Arial, sans-serif;
  		  font-size: 14px;
  		  line-height: 1.5; 
  		  text-decoration: none;
		  color: #FFA500;
	}
	
	H3 {
		  font-family: Verdana, Arial, sans-serif;
  		  font-size: 12px;
  		  line-height: 1.5; 
  		  text-decoration: none;
		  color: #FFA500;
	}
	
	H4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	text-decoration: none;
	color: black;
}

	H4.PRICE {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
	color: #3399ff;
}
	
	/* DEFINITION für Most Viewed Product Tags*/
	A.PRODUCTTAG-H0 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H0:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: underline;
	color: #1E90FF;
	}
	
	
	A.PRODUCTTAG-H1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H1:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: underline;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	text-decoration: none;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H2:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	text-decoration: underline;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 1;
	text-decoration: none;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H3:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 1;
	text-decoration: underline;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H4 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	line-height: 1;
	text-decoration: none;
	color: #1E90FF;
	}
	
	A.PRODUCTTAG-H4:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	line-height: 1;
	text-decoration: underline;
	color: #1E90FF;
	}
	
	
	A.CATEGORY-SELECTALL{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 2.5;
	text-decoration: none;
	color: white;
	padding: 5px;
	font-weight: bold;
}
	
	A.CATEGORY-SELECTALL:hover{
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		line-height: 2.5;
		text-decoration: underline;
		color: white;
		padding: 5px;
		font-weight: bold;
	}
	
		/* -- LINKS -- */
A   {
	color: #1E90FF;
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
}

A.GRAYSMALL  {
	font-size: 10px;
	color: Silver;
	text-decoration: underline;
}
A.GRAYSMALL:hover{
	font-size: 10px;
	color: Silver;
	text-decoration: underline;
}

A.GRAYSMALL:visited{
	font-size: 10px;
	color: Silver;
	text-decoration: underline;
}

A.BOX-PRODUCTS  {
	font-size: 12px;
}
A.BOX-PRODUCTS:hover{
	font-size: 12px;
}

A.BOX-PRODUCTS:visited{
	font-size: 12px;
}

A.CATEGORYROOT {
		  font-family: Verdana, Arial, sans-serif;
  		  font-size: 12px;
  		  line-height: 1.5; 
  		  text-decoration: none;
		  color: #FFA500;
	}
	
	/* -- Block Paging links --*/
a.block          {font: bold 12px arial, sans-serif; color: black;text-decoration: none;display: block; padding: 2px; width: 20px; border-width: 1px; background-color: #628FE2; border-style: solid; border-color: #A0C0FF; color: #FFFFFF}
a.block:hover       {
	font: bold 12px arial, sans-serif;
	color: white;
	text-decoration: none;
	display: block;
	padding: 2px;
	width: 20px;
	border-width: 1px;
	background-color: #285BA5;
	border-style: solid;
	border-color: #FFFFFF;
	color: #000000;
	cursor: pointer;
}

a.blockOther         {font: bold 12px arial, sans-serif; color: black;text-decoration: none;display: block; padding: 2px; width: 100px; border-width: 1px; background-color: #628FE2; border-style: solid; border-color: #A0C0FF; color: #FFFFFF}
a.blockOther:hover       {
	font: bold 12px arial, sans-serif;
	color: white;
	text-decoration: none;
	display: block;
	padding: 2px;
	width: 100px;
	border-width: 1px;
	background-color: #285BA5;
	border-style: solid;
	border-color: #FFFFFF;
	color: #000000;
	cursor: pointer;
}

a.blockLinks          {font: bold 12px arial, sans-serif; color: black;text-decoration: none;display: block; padding: 2px; width: 100%; border-width: 1px; background-color: #628FE2; border-style: solid; border-color: #A0C0FF; color: #FFFFFF}
a.blockLinks:hover       {
	font: bold 12px arial, sans-serif;
	color: white;
	text-decoration: none;
	display: block;
	padding: 2px;
	width: 100%;
	border-width: 1px;
	background-color: #285BA5;
	border-style: solid;
	border-color: #FFFFFF;
	color: #000000;
	cursor: pointer;
}

a.blockSearchPaging          {
	font: bold 14px arial, sans-serif;
	color: black;
	text-decoration: underline;
	padding: 4px;
	width: 30px;
	border-width: 1px;
	background-color: #628FE2;
	border-style: solid;
	border-color: #A0C0FF;
	color: #FFFFFF;
}

a.blockSearchPagingActive          {
	font: bold 14px arial, sans-serif;
	color: black;
	text-decoration: none;
	padding: 4px;
	width: 30px;
	border-width: 1px;
	background-color: #87CEFA;
	border-style: solid;
	border-color: #A0C0FF;
	color: #FFFFFF;
}

a.blockSearchPaging:hover       {
	font: bold 14px arial, sans-serif;
	color: Aqua;
	text-decoration: none;
	padding: 4px;
	width: 30px;
	border-width: 1px;
	background-color: #285BA5;
	border-style: solid;
	border-color: #FFFFFF;
	cursor: pointer;
}

A.NAVIGATIONPATH{
	color: White;
	text-decoration: underline;
}

A.NAVIGATIONPATH:hover{
	color: White;
	text-decoration: underline;
}

A.NAVIGATIONPATH:visited{
	color: White;
	text-decoration: underline;
}


A.LETTERLINK{
	color: White;
	text-decoration: none;
	font-weight: bold;
}

A.LETTERLINK:hover{
	color: White;
	text-decoration: underline;
	font-weight: bold;
}

A.LETTERLINK:visited{
	color: White;
	text-decoration: none;
	font-weight: bold;
}
	
	/* VARIANTS */
	.VARIANT li{
	font-family: Verdana, Arial, sans-serif;
	font-size: larger;
	list-style: none;
	float: left;
	padding: 2px;
	margin: 2px;
	min-width: 50px;
	border-width: 1px;
	background-color: white;
	border-style: solid;
	border-color: #6699ff;
	text-align: center;
	color: #1E90FF;
	cursor: pointer;
}
	
	.VARIANT a:link,.VARIANT a:visited{
	text-decoration: none;
	text-align: center;
}
	
	.VARIANT a:hover{
	text-decoration: underline;
	text-align: center;
	background-color: #6699ff;
	color: white;
}
	
	.VARIANT-CURRENT li{
	font-family: Verdana, Arial, sans-serif;
	font-size: larger;
	list-style: none;
	float: left;
	padding: 2px;
	margin: 2px;
	min-width: 50px;
	border-width: 1px;
	background-color: #6699ff;
	border-style: solid;
	border-color: #6699ff;
	text-align: center;
	color: white;
	cursor: pointer;
}
	
	.VARIANT-CURRENT a:link,.VARIANT-CURRENT a:visited{
	text-decoration: underline;
	text-align: center;
	background-color: #6699ff;
	color: white;
	}
	
	
	/* Tabellen und Zellen DEFINITION */
	table {
	border-collapse: collapse;
	}

	th {
	vertical-align: top;
	}
	
	TD {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: Black;
	text-decoration: none;
	vertical-align: top;
	padding: 1px;
	}

	TABLE.default { 
	color: #000000; 
	font-family: Verdana, Arial, sans-serif; 
	background-color: White; 
	font-size: 9px;
	}
		
	TABLE.BOX {
	color: #E8E8E8;
	background-color: White;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	}
	
	TABLE.BOXATTENTION {
	color: Orange;
	background-color: #FFFACD;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px 3px 5px 3px;
	}
	
	TABLE.BOXDATEPREORDER {
	color: Green;
	background-color: #BBFFBC;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px 3px 5px 3px;
}
	
	TABLE.BOXUSK {
	color: #E8E8E8;
	background-color: White;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px 3px 5px 3px;
	}
	
	TABLE.HEADER {
	color: #E8E8E8;
	background-color: White;
	border: 0px solid;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	background: no-repeat;
	background-image: url(img/company/logo.jpg);
	}
	
	TABLE.BOXBUY {
	color: #E8E8E8;
	background-color: White;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px;
	background-image: url(img/tile-blue-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 150px;
}
	
	TABLE.BOXLOGIN {
	color: #ADD8E6;
	background-color: White;
	border: 2px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	width: 100%;
	}
	
	TABLE.FOOTER {
	color: #E8E8E8;
	background-color: White;
	border: 1px solid;
	width: 100%;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	}
	
	TABLE.BOX-LOGININFO {
	color: #E8E8E8;
	background-color: White;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px;
	}
	
	TABLE.VALIDATION{
	background-color: #FFE5EB;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px;
	width: 550px;
	border-color: Red;
}  
	
	TD.block{
	font: bold 12px arial, sans-serif;
	color: #FFA500;
	text-decoration: none;
	display: block;
	padding: 2px;
	width: 100%;
	border-width: 1px;
	background-color: #FFFACD;
	border-style: solid;
	border-color: Red;
	}

	TD.BOX-LOGININFO {
	font-size: 10px;
	}
	
	TD.BOX-PROPOSAL {
	font: 12px arial, sans-serif;
	padding: 3px 3px 3px 3px;
}
	
	TR.BOX-PRODUCTS:hover {
	background: #E0FFFF;
	}
	
	TD.BOX-PRODUCTS {
	font: 12px arial, sans-serif;
	padding: 2px;
	}
	
	TD.VALIDATION{
	background-color: #FFE5EB;
	border: 1px solid;
	padding: 5px 5px 5px 5px;
	margin: 5px;
	width: 400px;
	color: #FF6347;
	border-color: red; 
}
	
	TD.HEADER{
		height: 75px;
	}
	
	TD.BOXTITLE{
	background-image: url(img/boxes/chb.gif);
	text-align: center;
	color: white;	
	height: 25px;
	}
	
	TD.HEADERPATHING{
	color: White;
	padding: 4px;
	}
	
	TD.LOGINHEADER{
		font-weight: bold;
		font-size: 14px;
		color: #00008B;
		padding: 6px;
		margin: 6px;
		background: url(img/bluelight.png);
	}
	
	TD.LOGININFOTEXT{
		font-weight: bold;
		font-size: 14px;
		color: Orange;
		padding: 3px;
		margin: 3px;
	}
	
	TD.LOGININFOANMELDEN{
		font-weight: bold;
		font-size: 16px;
		color: Orange;
		padding: 3px;
		margin: 3px;
	}
	
	TD.CARTHEADER{
		background: url(img/cart1.jpg);
		height: 38px;
		width: 45px;
		margin: 5px;
	}
	
	TD.CARTHEADERFILLED{
		background: url(img/cart2.jpg);
		height: 38px;
		width: 45px;
		margin: 5px;
	}
	
	TD.CARTHEADERTEXT{
		height: 38px;
	}
	
	TD.BASKETHEADER{
	font-weight: bold;
	font-size: 12px;
	color: orange;
	padding: 3px;
	margin: 3px;
}
	
	TD.DEMOMODE{
	background-color: #FFFFE0;
	border: 1px solid;
	padding: 2px 2px 2px 2px;
	margin: 5px 5px 5px 5px;
	width: 100%;
	color: #FF6347;
	border-color: red;
	}
	
	TD.ProductHeader {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  color: #3366FF; 
  text-decoration: none;
	}
	
	TD.productTags{
	font-size: 10px;
	}
	
	/* -- LISTING */
	
	UL.INFOBOX{
	list-style: square url(img/bullet_orange.gif);
	}

	UL.BOX-LOGININFO{
		font-size: 10px;
		list-style: square inside url(img/success.gif);
		}
	
	#GRAYSMALL{
	font-size: 10px;
	color: gray;
}
	
	#BLACKSMALL{
		font-size: 10px;
		color: Black;
	}
	
	#BOLDGREEN{
		font-size: 12px;
		color: Green;
	}
	 
	
	/* -- MUSS Eingabefelder */
	.inputRequirement{
	color: #FF8C00;
	}

.boxTextPrice {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #F08B07;
}


img{
	border:0px none;
}



	/*-- FORMS -- */
	
FORM {
	display: inline;
	font-family: Verdana, Arial, sans-serif;
	color: Black;
}

.formSelectAmount{
	width: 50px;
}

.formSelectCountry{
	width: 280px;
}

fieldset {
	border: thin dotted #FFFACD;
	padding-left: 10px;
	padding-bottom: 10px;
	display: inline;
	clear: both;
	background: #FFFACD;
}

fieldset input {
  width:auto;
  border:none;
  background:none;
  float:left;
  display:block;
  margin-right:10px;
  margin-top:3px !important;
  margin-top:0px; /*to fix IE6 position*/
}
fieldset label {
  width:auto;
  clear:none;
  float:left;
  display:block;
  padding-right:2px;
  white-space:nowrap; /*to fix IE6 wrapping*/
}

FORM.SEARCH{
	display: inline;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	color: Black;
}

SELECT{
	width: 150px;
	font-family: Verdana, Arial, sans-serif;
}

SELECT.DATEDAY{
	width: 50px;
	font-family: Verdana, Arial, sans-serif;
}

SELECT.DATEYEAR{
	width: 80px;
	font-family: Verdana, Arial, sans-serif;
}

SELECT.COUNTRY{
	width: 230px;
	font-family: Verdana, Arial, sans-serif;
}

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



/* -- SPAN Styles --*/
.PRICETAG{
	font-size: 14px;
	font-family: Arial, sans-serif;
	color: #1E90FF;
	font-weight: bold;
}
.PRICESAVING{
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #FF8C00;
	font-weight: bold;
}

.PRICETAGPROPOSAL{
	font-size: 14px;
	font-family: Arial, sans-serif;
	color: #ff9933;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}
.PRICESAVINGPROPOSAL{
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #FF8C00;
	font-weight: bold;
}

	/* -- DIV ID  Styles --*/
#PRODUCTPROPOSAL{
	font-size: 11px;
	font-family: Arial, sans-serif;
	padding: 2px;
	color: #0099ff;
}

#PRODUCTPROPOSALIMG{
	padding: 2px;
	float: left;
	margin-right: 3px;
	
}

/* -- Vertical GLOSSYMENU --*/

.glossymenu{
list-style-type: none;
margin: 1px 0;
padding: 0;
width: 100%;
border: 0px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(img/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(img/glossyback2.gif);
}

A.glossy_subcat{
	font-size: 12px;
	padding: 5px 1px 5px 1px;
}

A.glossy_subcat:hover{
	font-size: 12px;
	color: #ff9933;
	padding: 5px 1px 5px 1px;
}

/* -- ENDE Vertical GLOSSYMENU --*/

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(img/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(img/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(img/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(img/indentbg2.gif) center center repeat-x;
}



.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#FF0000;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}


/*  ------------------  Slide CSS  --------------- */
a:focus {
	outline: none;
}
#panel {
	background: #fafad2;
	height: 200px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: 4px solid #1e90ff;
	background: url('img/slide/btn-slide.gif') no-repeat center top;
}
.btn-slide {
	background: url('img/slide/white-arrow.gif') no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; line-height:100%; font-size:120%; font-family:Arial, Helvetica, sans-serif; padding-left:0; padding-right:10px; padding-top:10px; padding-bottom:0
}
.active {
	background-position: right 12px;
}


/*  ------------------  ACCORDION CSS  --------------- */
.accordion {
	width: 99%;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
	background: #0099ff url('img/accordion/arrow-square.gif') no-repeat right -51px;
	margin: 0;
	border-bottom: medium none;
	cursor: pointer;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 100%;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: white;
}
.accordion h3:hover {
	background-color: #00ccff;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 5px 10px 15px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(img/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-skin-ie7 .jcarousel-container {
	-moz-border-radius: 10px;
	background: #d4d4d4;
	border: 1px solid #808080;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 500px;
    padding: 20px 40px;
}

.jcarousel-skin-ie7 .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  500px;
    height: 77px;
}

.jcarousel-skin-ie7 .jcarousel-clip-vertical {
    width:  77px;
    height: 245px;
}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 75px;
    height: 75px;
    border: 1px solid #fff;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/carousel/skins/ie7/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/carousel/skins/ie7/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/carousel/skins/ie7/next-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(img/carousel/skins/ie7/prev-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


/*-- rules for watermark --*/

#water_mark {
background-image: url(img/water_mark.png);
height: 30px;
left: 202px;
width: 246px;
top: 208px;
z-index: 6000;
}

#water_mark span {
}


/*-- SLIDESHOW Rotator BOX --*/
#rotatorBox
{
	border: 0px solid #000;
	cursor: pointer;
	overflow: hidden;
	margin: 5px auto 5px;
	position: relative;
	width: 180px;
	height: 150px;
}

#rotatorBox img
{
	border: 0;
	cursor: pointer;
	width: 180px;
	height: 150px;
}

/*-- Product Info Boxes--*/
#ProductInfoBOX{
	border: 1px solid #f2f2f2;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#ProductInfoImageBOX{
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
}

/*-- Info Boxes --*/
#InfoBOXHead{
	border: 1px solid #f2f2f2;
	background-image: url(img/boxes/header2.jpg);
	text-align: center;
	color: white;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	font-weight: bold;
}

#InfoBOX{
	border: 1px solid #f2f2f2;
}

#InfoBOXProposal{
	border: 0px solid #f2f2f2;
	background-color: #f4ffff;
	margin: 5px;
	padding: 5px;
}

#InfoBOXCMS{
	border: 1px solid #f2f2f2;
	padding: 5px;
	margin: 2px;
	line-height: 1.5;
}

#InfoBOXCheckOut{
	border: 1px solid #f2f2f2;
}

#InfoBOXDemoModus{
	border: 1px solid #ff3366;
	color: Red;
	background: #ffdfe8;
	font-weight: bold;
	font-size: 12px;
	margin: 0px 2px 0px 2px;
	padding: 2px;
}

#NAV_LEFT{
	border: 0px solid;
}

#HEADER_BREADCRUMB{
	background-image: url(img/info-table-bg.gif);
	color: white;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 2px;
	padding-bottom: 3px;
}
#HEADER_SEARCH{
	background-image: url(img/search-bg.png);
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}

#BODY_ROOT{
	
}

#COMPANY_LOGO{
	height:	75px;
	background-color: White;
	border: 0px solid;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	background: no-repeat;
	background-image: url(img/company/logo.jpg);
}

#BOX_BUY{
	color: black;
	border: 1px solid #f2f2f2;
	padding: 5px 5px 5px 5px;
	margin: 5px;
	background-image: url(img/tile-blue-bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 150px;
}

#BOX_CHECKOUT_HEAD{
	border: 1px solid #f2f2f2;
	background-image: url(img/boxes/header1.jpg);
	text-align: center;
	color: white;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	font-weight: bold;
}


#BOXSUCCESSUPDATE {
	color: #00cc66;
	background-color: #B5FFB5;
	border: 1px solid Green;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	font-weight: bold;
	font-size: 12px;
}

#BOXFAILEDUPDATE {
	border: 1px solid #ff3366;
	color: Red;
	background: #ffdfe8;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	font-size: 12px;
}

#BOXDATEPREORDER {
	border: 1px solid green;
	color: black;
	background: #BBFFBC;
	border: 1px solid;
	padding: 3px 3px 3px 3px;
	margin: 5px 3px 5px 3px;
}

#BOXATTENTION {
	border: 1px solid orange;
	color: black;
	background: #ffffcc;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	line-height: 1.5;
}

#BOX_PAYMENT_HEAD_NAV{
	color: black;
	border: 0px solid #f2f2f2;
	padding: 5px 5px 5px 5px;
	background-image: url(img/glossyback2.gif);
	background-repeat: repeat;
}

#BOX_PAYMENT_HEAD_STEP{
	color: white;
	border: 0px solid #f2f2f2;
	padding: 5px 5px 5px 5px;
	background-image: url(img/a1.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#BOX_PAYMENT_SUBMIT_BG{
	color: #333399;
	border: 0px solid #f2f2f2;
	padding: 5px 5px 5px 5px;
	background-image: url(img/bluelight.png);
	background-repeat: repeat-x;
	text-align: right;
	font-size: 12px;
}

#BOX_PAYMENT_INO_CONTENT{
	border: 1px solid #f2f2f2;
	margin: 5px;
	font-size: 14px;
}

#BOX_PAYMENT_SUMMARY{
	border: 1px solid #0099ff;
	margin: 2px;
	font-size: 14px;
	color: #ff3366;
}

#BOX_FRONTSTORE{
	width: 185px;
	border: 1px solid;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	border-color: #f2f2f2;
	padding: 2px 2px 2px 2px;
	margin: 3px 1px 1px 1px;
}

#THUMB_IMAGE{
	border: 0px solid #f2f2f2;
	padding: 5px 5px 5px 5px;
	float: left;
}

.ShippingInfo{
	color: #00cc33;
	font-weight: bold;
}


TABLE.BOX_ACCOUNT_TITLE_HEAD{
	border: none;
	border-collapse: collapse;
	margin: 0px;
	width: 100%;
}
	
TD.BOX_ACCOUNT_R_CORNER{
	background-image: url(img/boxes/crb.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 4px;
	}

TD.BOX_ACCOUNT_L_CORNER{
	background-image: url(img/boxes/clb.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 4px;
	}
	
TD.BOX_ACCOUNT_CONTENT{
	background-image: url(img/boxes/chb.gif);
	background-repeat: repeat-x;
	color: white;
	padding-left: 2px;
	font-weight: bold;
	height: 25px;
	width: auto;
	}
	
	
TABLE.BOX_SHOP_TITLE_HEAD{
	border: none;
	border-collapse: collapse;
	margin: 0px;
	width: 100%;
}
	
TD.BOX_SHOP_R_CORNER{
	background-image: url(img/boxes/crb.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 4px;
	}

TD.BOX_SHOP_L_CORNER{
	background-image: url(img/boxes/clb.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 4px;
	}
	
TD.BOX_SHOP_CONTENT{
	background-image: url(img/boxes/chb.gif);
	background-repeat: repeat-x;
	color: white;
	text-align: center;
	padding-left: 2px;
	font-weight: bold;
	height: 25px;
	width: auto;
	}
	
	
	
TD.BOX_SHOP_R_CORNER2{
	background-image: url(img/boxes/crg.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 4px;
	}

TD.BOX_SHOP_L_CORNER2{
	background-image: url(img/boxes/clg.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 4px;
	}
	
TD.BOX_SHOP_CONTENT2{
	background-image: url(img/boxes/chg.gif);
	background-repeat: repeat-x;
	color: white;
	text-align: center;
	padding-left: 2px;
	font-weight: bold;
	height: 25px;
	width: auto;
	}

	

/*-- CSS Tabelle Rounded Corner --*/
#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 5px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-head
{
	background: #b9c9fe url('img/rounded/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('img/rounded/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('img/rounded/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('img/rounded/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}

/*-- CSS Password strong check --*/
.strong-0 { width:4px; background-color:#ff0000;}
.strong-1 { width:20px; background-color:#ff0000;}
.strong-2 { width:40px; background-color:#ff2c00;}
.strong-3 { width:60px; background-color:#ff4d00;}
.strong-4 { width:80px; background-color:#ff7300;}
.strong-5 { width:100px; background-color:#ff9900;}
.strong-6 { width:120px; background-color:#ffc700;}
.strong-7 { width:140px; background-color:#ffff00;}
.strong-8 { width:160px; background-color:#b6ff00;}
.strong-9 { width:180px; background-color:#53e200;}
.strong-10{ width:200px; background-color:#00e200;}

/*-- Product valuation --*/
#BOXVALUATION-PRODUCTTITLE{
	color: #ffcc00;
	background-color: white;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	font-weight: bold;
	font-size: 12px;
}
#BOXVALUATION-TITLE{
	color: navy;
	background-color: white;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	font-weight: bold;
	font-size: 12px;
}
#BOXVALUATION-CONTENT{
	color: black;
	background-color: white;
	border: 1px solid white;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	font-size: 12px;
}

#BOX-COMMENT{
	color: black;
	background-color: white;
	border: 1px solid silver;
	padding: 3px 3px 3px 3px;
	margin: 10px 10px 10px 10px;
	font-size: 12px;
}

#CATEGORY-SELECTALL{
	color: black;
	border: 0px solid silver;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(img/180x35_allCategories.png);
	height: 35px;
	width: 180px;
	text-align: center;
}

/*-- jQueryFlow --*/
#myController {cursor: hand;width:500px;}
#myController span{
	color: #1E90FF;
	background: #ffffff;
	font-size: 12px;
	padding: 1px 5px;
}
#jFlowSlide{
	border: 2px solid #1E90FF;
}
#myController span.jFlowSelected {color:#FFFFFF;background: #1E90FF;padding:5px 5px;font-size:12px;}
.jFlowPrev{padding:0px;margin-left:30px}
.jFlowNext{padding:0px;}

/*-- jClueTip --*/
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(img/clueTip/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
	margin: 0 0 5px;
	padding: 8px 10px 4px;
	font-size: 1.1em;
	font-weight: normal;
	background-color: #0099ff;
	color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
  font-size: 12px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* default arrows */

.clue-right-default .cluetip-arrows {
  background-image: url(img/clueTip/darrowleft.gif);
}
.clue-left-default .cluetip-arrows {
  background-image: url(img/clueTip/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
  background-image: url(img/clueTip/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-default .cluetip-arrows {
  background-image: url(img/clueTip/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
	margin: 0 0 5px;
	padding: 2px 5px;
	font-size: 16px;
	font-weight: normal;
	background-color: #ccc;
	color: #0099ff;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  font-size: 12px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(img/clueTip/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(img/clueTip/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(img/clueTip/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(img/clueTip/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}


/* product series */
.shoveler .shoveler-content {
	padding-top: 1.5em;
	margin: 0 15px 0 25px;
	clear: both;
}

.shoveler ul {
	height: 175px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size: 86%;
}

* html .shoveler ul li {
    display: inline;
}

.shoveler ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 115px;
	height: 21em;
	overflow: hidden;
}

.shoveler li p {
    text-align: left;
}

.shoveler .product-image {
	margin-bottom: 2px;
}

.shoveler-cell{
	width: 100%;
}


/* YoxView v1.8 CSS file */
#yoxview .yoxview_bottom{ bottom: 0; }
#yoxview .yoxview_top{ top: 0; }
#yoxview .yoxview_right{ float: right; }
#yoxview .yoxview_left{ float: left; }

#yoxview
{
	position: absolute;
	z-index: 999;
	border: solid 1px #999;

	overflow: hidden;
	font-size: 10pt;
}
#yoxview a img{ border: none; }
#yoxview a:focus{ outline: none; }
#yoxview div.yoxview_imgPanel{ position: absolute; top: 0; left: 0; }
#yoxview div.yoxview_imgPanel div.yoxview_mediaPanel
{ 
	position: absolute; 
	top: 0; left: 0; 
	background: #191919; 
	width: 100%; 
	height: 100% 
}
#yoxview .yoxview_ctlBtn
{
	position: absolute; 
	z-index: 3;
	display: block;
	text-decoration: none;
	outline: none;
	width: 50%;
	height: 100%;
}
#yoxview .yoxview_ctlBtn img
{
	position: absolute;
	border: none;
	top: 50%;
	margin-top: -22px;
}
#yoxview a.yoxview_ctlBtn:focus, #yoxview a.yoxview_ctlBtn:active{ outline: none; outline: none;}
#yoxview .yoxview_notification
{
	width: 59px; 
	height: 59px; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	margin-top: -30px;
	margin-left: -30px;
	z-index: 4;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#yoxview #yoxview_ajaxLoader img
{
	padding: 13px;
}
#yoxview .yoxview_popupBarPanel
{
	position: absolute;
	z-index: 4;
	height: 70px;
	width: 100%;
	display: none;
}

#yoxview .yoxview_popupBarPanel .yoxview_popupBar
{
	position: absolute;
	right: 0;
	line-height: 1em;	
}
#yoxview #yoxview_popupMenu
{ 
	width: 150px; 
	height: 42px; 
	padding-top: 0px;
	padding-right: 9px;
	position: absolute; 
	right: 0;
	background-image: url(img/sprites.png); 
	background-repeat: no-repeat;
}

#yoxview #yoxview_popupMenu a
{ 
	display: block; 
	width: 45px; 
	float: right; 
	text-align: center; 
	font-size: 0.8em; 
	position: relative;
	margin-top: -5px;
	padding-bottom: 13px;
	text-decoration: none;
	font-family: Arial, Sans-Serif;
}
#yoxview #yoxview_popupMenu a span{ color: White; display: block; margin-bottom: 3px;  }
#yoxview #yoxview_popupMenu a.last{ margin-left: 0; }
#yoxview #yoxview_popupMenu a:focus{ outline: none; }
#yoxview #yoxview_popupInfo div
{
	z-index: 1;
	width: 100%;
}
#yoxview #yoxview_popupInfo a{ color: #aaa; text-decoration: underline; outline: none; }
#yoxview #yoxview_popupInfo a:hover{ color: White; text-decoration: underline; }
#yoxview #yoxview_popupInfo h1
{
	z-index: 2;
	font-size: 12pt;
	color: White;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	border: none;
}
#yoxview #yoxview_popupInfo span
{
	position: absolute;
	bottom: 7px;
	left: 10px;
	z-index: 3;
	font-size: 0.8em;
	color: White;
}
#yoxview #yoxview_helpPanel
{
	display: none;
	width: 201px;
	height: 312px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -171px;
	margin-left: -111px;
	z-index: 5;
	color: White;
	padding: 20px;
	padding-top: 10px;
	cursor: pointer;
}
#yoxview #yoxview_helpPanel h1{ font-family: Arial Black, Arial, Sans-Serif; font-size: 1em; }
#yoxview #yoxview_helpPanel p{ margin-top: 80px; }
#yoxview #yoxview_helpPanel span#yoxview_closeHelp{ display: block; position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; }
#yoxview .yoxview_error
{
	display: block;
	text-align: center;
	color: White;
	font-family: Arial, Sans-Serif;
	font-size: 14pt;
	top: 41%;
	width: 100%;
	height: 20%;
	position: absolute;
	padding: 10px;
}
#yoxview .yoxview_error .errorUrl
{
	font-size: 10pt;
}
.yoxview-thumbnails a
{
	float: left;
	margin: 4px;
	/* For thumbnails opacity: */
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.yoxview-thumbnails a:hover
{
	/* For thumbnails opacity: */
	opacity: 1;
	filter: alpha(opacity=100);
}
.yoxview-thumbnails a img
{ 
	/* Set white borders around the thumbnails, instead of the browser's default Blue: */
	border: solid 1px #ffffff;
}
.yoxview-thumbnails-details{ margin-bottom: 1em; }
.yoxview-thumbnails-details h2{ margin-bottom: 0; padding: 0; font-size: 1.2em; font-weight: bold;}