/* 2010-11-09 */

/*      TABs HOLDERs     */
/************************/
div#tabs a  {
	display:block;
	text-align:center;
	line-height:24px;
}
#tabs {
	width:640px;
	margin-left:auto;
	margin-right:auto;
	visibility: hidden;
}

.tabs_4 div {
	float:left;
	width:150px;
	height:34px;
	margin: 0 5px;
	background:url(/tl/appletpages/imagesFH/tab_top_background.png) no-repeat;
}
.tabs_4 div a{
	background:url(/tl/appletpages/imagesFH/tab_top_background.png) -160px -50px no-repeat;
}

.tabs_3 div {
	float:left;
	width:203px;
	height:34px;
	margin: 0 5px;
	background:url(/tl/appletpages/imagesFH/tab_top_background.png) no-repeat;
}
.tabs_3 div a{
	background:url(/tl/appletpages/imagesFH/tab_top_background.png) -107px -50px no-repeat;
}

.tabs_2 div {
	float:left;
	width:310px;
	height:34px;
	margin: 0 5px;
	background:url(/tl/appletpages/imagesFH/tab_top_background.png) no-repeat;
}
.tabs_2 div a{
	background:url(/tl/appletpages/imagesFH/tab_top_background.png) 0px -50px no-repeat;
}
#tabs div div.tab_bottom {
	margin:0;
	height:10px;
	background:url(/tl/appletpages/imagesFH/tab_bottom.png) 50% 0 no-repeat;
}
#tabs div div.tab_bottom_empty {
	margin:0;
	height:10px;
	background:url(/tl/appletpages/imagesFH/tab_bottom_empty.png) 50% 0 no-repeat;
}
#tabs div div.tab_bottom.selected {
	margin:0;
	height:10px;
	background:url(/tl/appletpages/imagesFH/tab_bottom_selected.png) 50% 0 no-repeat;
}


/* CONTENT WITHING #drop */
/*************************/

/* new used in combination with dropBackground*/
/* ORIGINAL VALUE FOR z-index here was: 2 */
#drop { width: 630px; z-index: 999; margin: 0 auto; padding: 0; background-color: white; }

/* with grey image as a background that simulate transparency on the board if there are other elements behind opened tab */
/*
#dropBackground { width: 610px; background-image: url(/tl/appletpages/i/l1/drop_background.png); z-index: 1000; padding: 10px; background-color: white; }
*/
/* w/o image as a background because in this solution we don't have any elements behind opened tab, so the transparency effect will be not visible anyway */
/* #E5E9EF - more close to tab's color; #E5E5E5 - more close to original background image (more grey); #E5E7EA - between these 2 */
#dropBackground { width: 610px; z-index: 1000; padding: 10px; background-color: #E5E7EA; } /* #E5E7EA */


/* body.none #drop, #drop .change_logo, #drop .change_colour, #drop .imprint_technique, #drop .email, #drop .bufferDivBeforeApplet { display: none; } */
#drop, #drop .change_logo, #drop .change_colour, #drop .imprint_technique, #drop .email, #drop .bufferDivBeforeApplet { display: none; }
/* TEST */
/*
body.none #drop, #drop .change_colour { display: block; height: 150px;}
*/


#drop.change_logo, #drop.change_logo .change_logo, #drop.change_logo .bufferDivBeforeApplet { display: block; }
#drop.change_colour, #drop.change_colour .change_colour, #drop.change_colour .bufferDivBeforeApplet { display: block; }
#drop.imprint_technique, #drop.imprint_technique .imprint_technique, #drop.imprint_technique .bufferDivBeforeApplet { display: block; }
#drop.email, #drop.email .email, #drop.email .bufferDivBeforeApplet { display: block; }
#drop.bufferDivBeforeApplet, #drop.bufferDivBeforeApplet .bufferDivBeforeApplet { display: block; }
#drop.bufferDivBeforeApplet #dropBackground { display: none; background-color: white; }
	

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
if no  overflow: auto;  HERE - content looks w/o shift down
but during the animation content appeasr before the animatin stopped  - does not looks good actually
*/

/* ORIGINAL */
/* #drop .change_logo { background-color: white; width: 610px; overflow: auto; z-index: 101; } */
/* in this implementation we disable horizontal (overflow-x: hidden;) scroll bar */
/* #drop .change_logo { background-color: white; width: 610px; overflow-x: hidden; overflow-y: auto; z-index: 101; } */
/* in this implementation we disable horizontal (overflow-x: hidden;) and vertical (overflow-y: hidden;) scroll bars */
/* #drop .change_logo { background-color: white; width: 610px; overflow: hidden; z-index: 101; } */

/* maybe this pattern should be used: #drop.change_colour .change_colour  */
#drop .change_logo { background-color: white; width: 610px; overflow: hidden; z-index: 101; }

#drop .change_colour { background-color: white; width: 610px; text-align: center; overflow: auto; }
#drop .change_colour img { margin: 5px; padding: 2px; border: solid 1px silver; }
#drop .change_colour a.selected img{ margin: 4px; border-color: black; border-width: 2px; }

#drop .imprint_technique { background-color: white; width: 610px; text-align: center; overflow: auto; }
#drop .imprint_technique img { margin: 1px 5px; border: solid 1px #959595; }
#drop .imprint_technique .selected { margin: 0 4px; border-color: black; border-width: 2px; }

#drop .email { background-color: white; width: 610px; text-align: left; overflow: auto; }
#drop .email table { width: 592px; }

/* MY EXTRAS */
#drop .email td { padding-top: 4px; }
#drop .email .label { text-align: right; width: 14%; }
#drop .email .label_up { text-align: right; width: 14%; vertical-align: top; }
#emailFrom, #emailTo, #subject, #message { width: 100%; }
#drop .email .td_email { padding-right: 7px; width: 36%; }
#drop .email .td_subject { padding-right: 7px; }
#drop .email .td_message { padding-right: 7px; }
#emailMessage { padding-left: 0px; }
.color_darkred{ color: #C70000; }
.color_green{ color: green; }		
.color_black{ color: black; }		
.productNotFound { text-align: center; font-size: 16px; font-weight: bold; }
.errorCode { text-align: center; font-size: 10px; }
#explanation { margin: 5px 25px 25px 25px; text-align: left; font-size: 14px; }
#explanation .header { font-weight: bold; }
#closeWindow { text-align: center; }
#closeWindow a { text-decoration: underline; color: #0271B4; }

/* END OF MY EXTRAS */

#dhtmltooltip{ position: absolute; width: 10em; text-align: center; border: 1px solid gray; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 1050;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }