/* ---------------------------------------------------------------------------------------------------------------
    thickbox settings (initial padding/margin for all elements set to 0 in style_base, not need to repeat it here)
   --------------------------------------------------------------------------------------------------------------- */


/* overlay level hiding underlying page 
   --------------------------------------------------------------------------------------------------------------- */

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}


/*.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}*/
.TB_overlayMacFFBGHack {background: url(/fileadmin/resources/meyer/_DEFAULT/img/global/frames/macFFBgHack2.png) repeat;}

.TB_overlayBG {
	background-color:#fff;
	filter:alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}


/* outer thickbox container 
   --------------------------------------------------------------------------------------------------------------- */

#TB_window {
	position: fixed;
	/*background: #fff;*/
	z-index: 102;
	display: none;
	color: #333;
	text-align: left;
	top: 50%;
	left: 50%;
	width: 1000px;

	/*height: 200px; */
}
* html #TB_window { /* ie6 hack */
  position: absolute;
  top: expression(parseInt((document.documentElement.clientHeight - this.offsetHeight) / 2 + document.documentElement.scrollTop) + 'px');
}


/* iframe rendered into thickbox area 
   --------------------------------------------------------------------------------------------------------------- */

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

* html #TB_iframeContent{
	background-color: transparent;
}

#TB_iframeContent body{
	padding: 0 20px;
}



/* loader bar
   --------------------------------------------------------------------------------------------------------------- */

#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');
}







/* visible content area of thickbox is still rendered with the background-image of the main body - 
   currently the div#TB_content has to be adjusted to reflect the width and height of the thickbox 
   area 
   CHANGED - the body now is being assigned another background-image, this is done with a short script 
   within the main template file of thickbox - re-/unsetting the inherited background-image from 
   the main page's body did not show results so this is the way it works currently */

div#boxTop{
	overflow:hidden;
}

div#boxTop div#boxTopLeft{
	width: 50%;
	overflow:hidden;
	height:35px;
	background: url(/fileadmin/resources/meyer/_DEFAULT/img/global/frames/thickbox_bg.png) top left;
}

div#boxTop div#boxTopRight{
	width: 50%;
	overflow:hidden;
	height:35px;
	background: url(/fileadmin/resources/meyer/_DEFAULT/img/global/frames/thickbox_bg.png) top right;
}

.margeMe{
	margin: 5px 5px 0 0;
}

* html div#TB_content {
	padding: 0 0 0 0;
	clear:both;
}

div#TB_content {
	overflow:hidden;
	background: url(/fileadmin/resources/meyer/_DEFAULT/img/global/frames/thickbox_body.png) repeat-y top left;
	padding: 0 0 0 20px;
}

div#TB_content #specialBoxNumberOneAndDontAsk{
	background: url(/fileadmin/resources/meyer/_DEFAULT/img/global/frames/thickbox_body_2.png) no-repeat top right;
}
div#specialBoxDontAsk{
	display:none;
}

*html 
div#specialBoxDontAsk{
	display:block;
}

div#preContent{
	width: 20px;
	overflow:hidden;
	background: url(/fileadmin/resources/meyer/_DEFAULT/img/global/frames/thickbox_body.png) top left;
	display:block;
	min-height: 200px;
}

div#postContent{
	width: 20px;
	overflow:hidden;
	background: url(/fileadmin/resources/meyer/_DEFAULT/img/global/frames/thickbox_body.png) top right;
	display:block;
	min-height: 200px;
}

div#ContentThickbox{
	background: #fff;
	overflow:hidden;
	background: url(/fileadmin/resources/meyer/_DEFAULT/img/global/frames/thickbox_body_2.png) top right;
	background-repeat: repeat-y;
	padding: 0 20px 0 0;
	
}

* html .SpecialClassNumberTwoAndDontAsk{
	margin: 0 10px 0 0;
}

div#boxBottom{
	clear: both;
	overflow:hidden;
}

div#boxBottom div#boxBottomLeft{
	width: 50%;
	overflow:hidden;
	height:35px;
	background: url(/fileadmin/resources/meyer/_DEFAULT/img/global/frames/thickbox_bg.png) bottom left;
}

div#boxBottom div#boxBottomRight{
	width: 50%;
	overflow:hidden;
	height:35px;
	background: url(/fileadmin/resources/meyer/_DEFAULT/img/global/frames/thickbox_bg.png) bottom right;
}


/* 'close'/'go to detail'/'go to basket' buttons 
   --------------------------------------------------------------------------------------------------------------- 
   I assigned individual classes to the buttons inside rendered thickbox content to be able to 
   style/marge them independently from each other. To help one find the HTML of these buttons 
   i add the names of the files they originate from here: 

   find 'TB_close' in resources/meyer/tmpl/main/thickbox.html, find 'TB_close_and_go_to_detail' 
   and 'TB_close_and_go_to_basket' in dmc_mb3_product/templates_meyer.tmpl[producttemplate11] */


div#TB_subtemplateContainer div#TB_content a.TB_close_and_go_to_detail,
div#TB_subtemplateContainer div#TB_content a.TB_close_and_go_to_detail:visited,
div#TB_subtemplateContainer div#TB_content a.TB_close_and_go_to_basket,
div#TB_subtemplateContainer div#TB_content a.TB_close_and_go_to_basket:visited {
	float: right;
	width: 160px;
	height: 24px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-right: 4px;
	margin-top: 6px;
	padding-top: 3px;
	background-image: url(/fileadmin/resources/meyer/_DEFAULT/img/global/buttons/btn_purple_normal.png);
	background-repeat: no-repeat;
}
* html div#TB_subtemplateContainer div#TB_content a.TB_close_and_go_to_basket,
* html div#TB_subtemplateContainer div#TB_content a.TB_close_and_go_to_basket:visited {
	margin-top: -8px;
}

*+html div#TB_subtemplateContainer div#TB_content a.TB_close_and_go_to_basket,
*+html div#TB_subtemplateContainer div#TB_content a.TB_close_and_go_to_basket:visited {
	margin-top: -8px;
}


a.TB_close,
a.TB_close:visited,
div#TB_subtemplateContainer div#TB_content a.TB_close_and_go_to_detail,
div#TB_subtemplateContainer div#TB_content a.TB_close_and_go_to_detail:visited,
div#TB_subtemplateContainer div#TB_content a.TB_close_and_go_to_basket,
div#TB_subtemplateContainer div#TB_content a.TB_close_and_go_to_basket:visited {

	margin-right: 4px;

}

a.TB_close,
a.TB_close:visited{
	background-image: url(/fileadmin/resources/meyer/_DEFAULT/img/global/buttons/button_close.png);
	text-indent: -3000px;
	display:block;
	width:22px;
	height:21px;
	margin: 0 0 0 3px;
}



/* 'remove item'/'close thickbox from thickbox' buttons 
   --------------------------------------------------------------------------------------------------------------- */

a.TB_remove_item_submit,
a.TB_close_thickbox_from_thickbox {
	float: right;
	width: 160px;
	height: 24px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-right: 4px;
	margin-top: 6px;
	padding-top: 3px;
	background-image: url(/fileadmin/resources/meyer/_DEFAULT/img/global/buttons/btn_purple_normal.png);
	background-repeat: no-repeat;
}



/* 'update basket' button 
   --------------------------------------------------------------------------------------------------------------- */
a.TB_shoppingbasket_update {
	float: right;
	width: 200px;
	height: 24px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-right: 4px;
	margin-top: 6px;
	padding-top: 3px;
	background-image: url(/fileadmin/resources/meyer/_DEFAULT/img/global/buttons/btn_purple_large.png);
	background-repeat: no-repeat;
}






div#TB_content h2 {
	padding-top: 12px;
	color: #20599c;
}





/* ??? */


#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_title {
	background-color: #e8e8e8;
	height: 27px;
}


#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_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}









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