/* images are blocky under internet explorer when downsized 
I must apply a global rule, otherwise behavior is random 
*/
img{
	-ms-interpolation-mode:bicubic;
	border:none 0;
}

span.frontbox {
  display:none;
}

/* by default for all elements defined by the script :*/
#fbox_bg, #fbox_progress, #fbox_fg, #fbox_content, #fbox_spacer, #fbox_bar, #fbox_title, #fbox_sys, #fbox_content_img, #fbox_content_iframe {
   	margin:0px;
  	padding:0px;
    border-width:0px;   
}

/* for strict mode */
#fbox_content_img, #fbox_content_iframe {
  display:block;
}

/* now working with absolute positionned elements */

#fbox_bg, #fbox_progress, #fbox_fg {
   position: absolute;
   top: 0px;
   left: 0px;	 
}

#fbox_bg{
	z-index:998;		
	background-color: #000000;	
}

#fbox_progress {	
	z-index:999;
}

#fbox_fg {
	z-index:1000;
/*	background-color:#999999;*/
	padding:5px;	
/*	border:solid #000000 1px;*/
}

/* non positionned elements */

#fbox_fg_inner {
/*   background-color:#FFFFFF;*/
  
}

#fbox_content {
 	padding:3px;
}
/*
#fbox_spacer {
height:3px;
overflow:hidden; 
background-image:url(spacer.gif);
font-size:8px; /* ie5 bug 
}*/

#fbox_bar td{
/*	padding:3px 8px; /*v,h*/
	color:black; 
/*	font-size: 12px;
	font-weight:normal;
  line-height: 1.45;     */

}

#fbox_sys, #fbox_navig {
white-space:nowrap;
}

#fbox_sys {
 float:right;
}

#fbox_title {
 float:left; 
 background-color:whitesmoke;
 text-align:justify;
}

a#fbox_resize_a:link, a#fbox_resize_a:hover, a#fbox_resize_a:visited {
  text-decoration: none;
  color:#999999;
  font-weight: bold;  
}
/*
a#fbox_close_a:link, a#fbox_close_a:hover, a#fbox_close_a:visited {
  text-decoration: none;
  color:#999999;
  font-weight: bold;  
}*/

a#fbox_close_a{
	position:relative;
	right:0px;
	top:0;
	z-index:9999;
	float:right;
}
#fbox_close_a img{
	border:none 0;
}

#fbox_navig {
 margin-top:3px;
 clear:left;
 float:left; 
}

a#fbox_prev_a:link, a#fbox_prev_a:hover, a#fbox_prev_a:visited {
  text-decoration: none;
  color:#999999;
  font-weight: bold;  
}

a#fbox_next_a:link, a#fbox_next_a:hover, a#fbox_next_a:visited {
  text-decoration: none;
  color:#999999;
  font-weight: bold;  
}


/*
************************
Tell a Friend
************************
*/
#tellafriend-outer{
	width:795px;
	height:563px;
}
#tellafriend{
	background:url(../images/tellafriend/bg-tellafriend.jpg) no-repeat top left;
/*	width:779px;
	height:619px;*/
	width:738px;
	height:545px;
	border:2px solid #000;
	padding:55px 20px 20px 20px;
	position:absolute;
  	font-family:Arial, Helvetica, sans-serif;
	left:0px;
	top:10px;
	z-index:999;
}
#tellafriend .lbl-img{
	padding:15px 0 5px 0;
}
#tellafriend input.inp-txt{
	width:340px;
	height:26px;
	border:1px solid #e7e7e7;
}
#tellafriend input.errinp-txt{
	width:340px;
	height:26px;
	border:1px;
	background-color:#ffffcc;
	padding-top:3px;
}
#tellafriend textarea{
	width:365px;
	height:210px;
	border:1px solid #e7e7e7;	
}
#tellafriend #tellafriend-intbl{
	margin-top:20px;
}
#tellafriend #tellafriend-intbl h3{
	margin:0;
	padding:0;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
}
#tellafriend #tellafriend-intbl h4{
	text-transform:uppercase;
	font-weight:bold;
	padding-top:10px;
}
#tellafriend #tellafriend-intbl p{
	line-height:18px;
	padding-top:10px;
}
/*
#tellafriend-outer .btn-close{
	position:absolute;
	right:0;
	top:0;
	z-index:9999
}*/